@charset "utf-8";
/* CSS Document */

/*////////////// GLOBAL BROWSER HACKS ///////////////*/		
	
/* removes dotted border on active links in Firefox */
a:active {
  	outline:none;
	}
	
/* GLOBAL image border removal */
img {
	border:none;
	}		
	
/*----------------- END GLOBAL BROWSER HACKS -----------------*/

body {
	margin-top:-4px;
	margin-left:0px;
	margin-right:0px;
	background-image:url(images/overlay_slate_blue.gif);
	background-repeat:repeat;
	color:#ffffff;
	}
	
/*////////////// BROWSER-SPECIFIC HACKS ///////////////*/	
	
/* targets Google Chrome to adjust top margin */	
body:nth-of-type(1) {
   	margin-top:-4px;
	}
	
/*---------------- END BROWSER-SPECIFIC HACKS -----------------*/	

p {
	font-family:Helvetica,Arial;
	font-size:0.7em;
	line-height:1.5em;
	text-align:justify;
	}
	
h1 {
	font-size:0.8em;
	font-weight:bold;
	font-family:Verdana;
	}
	
h2 {
	font-size:0.8em;
	font-weight:100;
	font-family:Verdana;
	margin-bottom:-15px;
	}
	
a:link {
	font-family:Helvetica,Arial;
	color:#ffcc00;
	font-size:0.7em;
	}
	
a:visited {
	font-family:Helvetica,Arial;
	color:#ffcc00;
	font-size:0.7em;
	}
	
a:hover {
	font-family:Helvetica,Arial;
	color:#ffffff;
	font-size:0.7em;
	}
	
a:active {
	font-family:Helvetica,Arial;
	color:#ffffff;
	font-size:0.7em;
	}
	
#navigation {
	float:right;
	margin-top:5px;
	margin-right:380px;
	}
	
a.nav:link {
	text-decoration:none;
	font-family:Helvetica,Arial;
	color:#ffcc00;
	font-size:1.0em;
	font-weight:bold;
	line-height:2.2em;
	}
	
a.nav:visited {
	text-decoration:none;
	font-family:Helvetica,Arial;
	color:#ffcc00;
	font-size:1.0em;
	font-weight:bold;
	line-height:2.2em;
	}
	
a.nav:hover {
	text-decoration:none;
	font-family:Helvetica,Arial;
	color:#ffffff;
	font-size:1.0em;
	font-weight:bold;
	line-height:2.2em;
	}
	
a.nav:active {
	text-decoration:none;
	font-family:Helvetica,Arial;
	color:#ffffff;
	font-size:1.0em;
	font-weight:bold;
	line-height:2.2em;
	}	
	
table {
	font-family:Helvetica,Arial;
	font-size:0.7em;
	text-align:justify;
	}
	
#container {
	margin:0 auto;
	width:1064px;
	}

#header {
	margin-left:20px;
	width:1024px;
	height:459px;
	background:none;
	}
	
.shadow {
	margin-top:4px;
	}
	
#content {

	margin-top:-20px;
	width:1064px;
	height:360px;
	background-image:url(images/background_content.png);
	background-repeat:no-repeat;
	}
	
#col_one {
	background-image:url(images/background_col_one.png);
	width:260px;
	height:260px;
	float:left;
	margin-top:40px;
	margin-left:75px;
	}
	
	/* adjusted for realestate_lower.html only */
	#col_one_realestate {
	background-image:url(images/background_col_one.png);
	width:260px;
	height:260px;
	float:left;
	margin-top:40px;
	margin-left:75px;
	}

/* div floated inside column one to place a clickable image over logo */	
#col_one_link { 
		position:relative; 
		top:40px; 
		left:0px; 
		width:200px; 
		height:60px; 
		background-color: transparent;  
		}

#col_two {
	background-image:url(images/background_col_two.png);
	width:260px;
	height:260px;
	float:left;
	margin-top:40px;
	margin-left:55px;
	}
	
	/* adjusted for realestate_lower.html only */
	#col_two_realestate {
	background-image:url(images/background_col_two.png);
	width:260px;
	height:260px;
	float:left;
	margin-top:40px;
	margin-left:55px;
	}

/* div floated inside column two to place a clickable image over logo */	
#col_two_link { 
		position:relative; 
		top:40px; 
		left:0px; 
		width: 235px; 
		height: 45px; 
		background-color: transparent; 
		}
	
#col_three {
	background-image:url(images/background_col_three.png);
	width:280px;
	height:260px;
	float:right;
	margin-top:40px;
	margin-right:85px;
	}
	
	/* adjusted for realestate_lower.html only */
	#col_three_realestate {
	background-image:url(images/background_col_three.png);
	width:280px;
	height:260px;
	float:right;
	margin-top:40px;
	margin-right:85px;
	}
	
/* div floated inside column three to place a clickable image over logo */
#col_three_link { 
		position:relative; 
		top:30px; 
		left:10px; 
		width:260px; 
		height:70px; 
		background-color: transparent; 
		}

/* adding forth and fifth column divs to be used exclusively on the "communities.html" page */
		
#col_four {
	width:160px;
	height:260px;
	float:left;
	margin-top:40px;
	margin-left:30px;
	}

#col_five {
	width:160px;
	height:260px;
	float:right;
	margin-top:40px;
	margin-right:50px;
	margin-left:25px;
	}
	
ul.websolutions_left {
	list-style-type:square;
	float:left;
	margin-left:-25px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.3em;
	}
	
ul.websolutions_right {
	list-style-type:square;
	float:right;
	margin-left:-20px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.3em;
	}
	
#footer {
	width:1064px;
	height:16px;
	margin-top:-20px;
	font-size:10px;
	font-family:Helvetica,Arial;
	text-align:center;
	}
	
/*////////////// CONTACT FORM TEXT AND FIELD FORMATTING ///////////////*/	
	
input.formInputText  {
    font-size:.9em;
	font-family:Verdana;
    color:#000000;
    background-color:#cccccc;
    border:solid 1px #ffffff;
	height:15px;
    }

input.formInputText:hover {
    background-color:#cccccc;
    border:solid 1px #ffcc33;
    color:#000000;
    cursor:pointer;
	height:15px;
    }
    
input.formInputText:focus {
    color:#000000;
    background-color:#aaaaaa;
    border:solid 1px #ffcc33; 
    cursor:text;
	height:15px;
    }
	
textarea.formAreaText  {
    font-size:0.9em;
	font-family:Verdana;
    color:#000000;
    background-color:#cccccc;
	border:solid 1px #ffffff;
	height:80px;
	width:220px;
    }

textarea.formAreaText:hover {
    background-color:#cccccc;
    border:solid 1px #ffcc33;
    color:#000000;
    cursor:pointer;
	height:80px;
    }
    
textarea.formAreaText:focus {
    color:#000000;
    background-color:#aaaaaa;
    border:solid 1px #ffcc33; 
    cursor:text;
	height:80px;
    }
	
/*////////////// END CONTACT FORM FORMATTING ///////////////*/