body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #a1b3e1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%
	overflow-y:scroll;
	height:100.01%;
}

td {font-size:12px;}

a img	{border:none; display:inline;}
a:hover img {border:none; text-decoration:none;}

.oneColFixCtrHdr #container {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 2px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative; top:0px; left:0px;
}
.oneColFixCtrHdr #header {
	background: #ffffff; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

 h1 {
	margin: 0 0 0 -5000px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#nav{position:absolute; top:80px; right:15px; padding:0; margin:0; display:inline; height:36px; width:350px; z-index:10;}
#nav ul li, a, img{list-style:none; display:inline; padding:0; margin:0; border:none;}

#services a {background-image:url(../images/nav-services.gif); float:left; display:block; width:108px; height:36px;}
#services a:hover{background-image:url(../images/nav-services-roll.gif);float:left; display:block; width:108px; height:36px;}
#hoa a {background-image:url(../images/nav-hoa.gif);float:left; display:block; width:108px; height:36px;}
#hoa a:hover {background-image:url(../images/nav-hoa-roll.gif);float:left; display:block; width:108px; height:36px;}
#clients a{background-image:url(../images/nav-clients.gif);float:left; display:block; width:108px; height:36px;}
#clients a:hover{background-image:url(../images/nav-clients-roll.gif);float:left; display:block; width:108px; height:36px;}
#builders a {background-image:url(../images/nav-builders.gif);float:left; display:block; width:108px; height:36px;}
#builders a:hover{background-image:url(../images/nav-builders-roll.gif);float:left; display:block; width:108px; height:36px;}
#how a {background-image:url(../images/nav-how.gif);float:left; display:block; width:108px; height:36px;}
#how a:hover{background-image:url(../images/nav-how-roll.gif);float:left; display:block; width:108px; height:36px;}


#shadowcontainer {position:absolute; top:80px; right:42px; padding:0; margin:0; display:inline; height:36px; z-index:0; }
.shadow {background-image:url(../images/nav-shadow.gif); background-repeat:no-repeat; float:left; display:block; width:108px; height:57px; visibility:visible;}
.hidden {background-image:url(../images/nav-shadow.gif); background-repeat:no-repeat; float:left; display:block; width:108px; height:57px; visibility:hidden;}



#navutility {position:absolute; top:0px; right:25px; border-bottom:1px solid #666; width:375px; text-align:right; padding:0px; height:65px;}
#navutility li, #navutility a {list-style:none; display:inline; color:#798ff2; font-weight:900; font-size:.9em; text-decoration:none; padding-left:15px; margin-right:15px; border:0px solid green;position:relative; top:10px; left:0px;}
#navutility a:hover {color:#ce030c;text-decoration:none;}
#bbb {position:absolute; top:25px; left:500px;}


.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	border:0px solid blue;
	}


#homemessagecontain {position:relative;top:-20px; left:0px; width:942px; height:255px; padding:0;}
#homepic {background-image:url(../images/home-picture.jpg); background-repeat:no-repeat; background-position:left; padding:0;margin:0; width:597px; height:255px; float:left;}
#homemessage {background-image:url(../images/home-message.gif); background-repeat:no-repeat; background-position:left; padding:0;margin:0; width:345px; height:255px; float:right;}
#calltoaction {position:absolute; top:165px; right:40px;}
#calltoaction a{background-image:url(../images/calltoaction.gif);display:block; width:167px; height:52px}
#calltoaction a:hover{background-image:url(../images/calltoaction-roll.gif);}


h2 {
	margin: 0 0 0 -5000px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
} 


#innercontainer {width:900px;  height:300px; padding-left:20px; border:0px solid black; }
#innercontainer, li {margin-left:-10px; padding-bottom:10px;}
#innercontent1{float:left; width:170px; border:0px solid red;margin-left:20px;}
#innercontent2{width:170px; float:left; margin-right:25px; border:0px solid yellow;}
#innercontent3{float:left; margin-left:-5px; width:157px; border:0px solid blue;}

/*#login {float:right; margin:0px 50px 25px 50px;}*/
#login{position:absolute;top:450px; left:690px; width: 250px;}
#btn_ai a{background-image:url(../images/AI_button.gif); background-repeat:no-repeat; width:192px; height:54px; display:block;}
#btn_ai a:hover {background-image:url(../images/AI_button_roll.gif); background-repeat:no-repeat;width:192px; height:54px; display:block;}
#btn_mr {background-image:url(../images/MR_button.gif); background-repeat:no-repeat; width:192px; height:54px;display:block;}
#btn_mr a:hover {background-image:url(../images/MR_button_roll.gif); background-repeat:no-repeat;width:192px; height:54px;display:block;}
#btn_hoa {background-image:url(../images/HIS_button.gif); background-repeat:no-repeat; width:192px; height:54px; display:block;}
#btn_hoa a:hover {background-image:url(../images/HIS_button_roll.gif); background-repeat:no-repeat;width:192px; height:54px;display:block; }
#btn_pay {background-image:url(../images/PAY_button.gif); background-repeat:no-repeat; width:192px; height:54px;display:block;}
#btn_pay a:hover {background-image:url(../images/PAY_button_roll.gif); background-repeat:no-repeat;width:192px; height:54px; display:block;}


.innertext {font-size:.8em;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ce030c;
}
.oneColFixCtrHdr #footer p{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:.7em; text-align:center;
}

.oneColFixCtrHdr #footer p a {color:#000000;}
.oneColFixCtrHdr #footer p a:hover {color:#FFFFFF;}

#navside	{width:250px;  float:left; border-right:1px solid #ce030c; padding:25px 15px 25px 15px;  margin-left:30px; }
#navside li {font-weight:900; border:0px solid red; }
#navside a	{font-size:.8em; color:#ce030c; text-decoration:none;}
#navside a:hover {font-size:.8em; color:#FFFFFF; background-color:#ce030c;text-decoration:none;}
/*#navside h2 img {padding:5px 25px 25px 0;float:left; border:0px dashed blue;}*/
#navsideheading{width:250px; border:0px solid blue; margin-bottom:40px;}
#navsideheading img{float:left;}
 
#interiorpageeditable { width:540px; float:right; padding:10px 40px 40px 0px; margin-right:50px; font-size:.9em; line-height:18px; border:0px solid green;}
#interiorpageeditable img{margin:30px;}
#interiorpageeditable a{color:#ce030c;}
#interiorpageeditable a:hover{color:#FFFFFF; background-color:#ce030c;text-decoration:none;}


h3 {color:#ce030c; }
h4	{font-size:.9em;color:#17337e; text-transform:uppercase;}
h5	{font-size:.8em;}

#sitemap a {color:#17337e; text-decoration:none; display:block; margin-left:40px;}
#sitemap a:hover {color:#ffffff;}

li.activelist {
  /*list-style-image: url('../images/bulletactive.gif')*/
}

li.inactive {
/*list-style-image: url('../images/bullet.gif')*/
}


div.row {
  clear: both;
  padding-top: 5px;
} 

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  font-size:.8em;
  display:inline;
  }

div.row span.formw {
  /*float: right;*/
  /*width: 150px;*/
  text-align: left;
  margin-left:15px;
  }
  
/*used for the request quote -------------*/ 
div.row3 {
  clear: both;
  padding-top: 5px;
} 

div.row3 span.label {
  float: left;
  width: 60px;
  text-align: right;
  font-size:.7em;
  display:inline;
  line-height:10px;
  }

div.row3 span.formw {
   /*float: right;*/
  width: 100px;
  text-align: left;
  margin-left:15px;
  } 
  
.floatleft {float:left; border:0px solid green;width:330px;}
.floatright {float:right; border:0px dashed green; width:250px;}
p.floatright {width:500px; margin-bottom:10px; font-size:.7em;}

.labelontop {font-size:.7em; margin-left:10px; width:60px; line-height:10px;}


 /* -----------------------------*/ 
  
legend{
padding-bottom:15px;
}

.rules {
display:inline;
font-size:.7em;
}

  
.lengthrow {width:100%; clear:both;}
.lengthquarter	{width:24%;float:right;}
div.lengthquarter input {width:110px;}
.label2{font-size:.6em;}

#preloadimages{width:1px; overflow:hidden; height:1px; border:0px dotted red; visibility:collapse;}

.quote {font-size:.7em; color:#a1b3e1; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:800; margin-top:20px;}

#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden } /* Force vertical scrollbar in Gecko browsers */