/* CSS Document */

body{
margin:0px auto;
padding:0px;
background:#a09553;
font-family:Arial, Helvetica, sans-serif;
} 

#wrapper{
margin:0px auto;
padding:0px;
width:967px;

}


#header-top-home{
background:url(images/headers/page2-header-top.jpg) no-repeat; 
width:967px; 
height:77px;
margin:0px auto;
padding:0px; 
}
#header-mid-home{
background:url(images/headers/page2-header-mid.jpg) no-repeat; 
width:967px; 
height:161px;
margin:0px auto;

padding:0px; 
}
#header-bottom-home{
background:url(images/headers/page2-header-bottom.jpg) no-repeat; 
width:967px; 
height:70px;
margin:0px auto;
padding:0px; 
}
#home-content-top{
background:url(images/headers/page2-content-top.jpg) no-repeat; width:967px; 
height:141px;
margin:0px auto;
padding:0px; 
}
.phone-number{
margin:0px;
padding:0px;
float:right;
color:#FFF;
font-weight:bold;
margin:-25px 80px 0px 0px;
_margin:-30px 44px 0px 0px;
font-size:16px;
}


#content{background:url(images/home-contnet-bg.jpg) repeat-y; 
width:967px; 
margin:0px auto;
padding:0px; 

float:left;
}

.top-links{
padding:50px 0px 0px 100px;
_margin:10px 0px 0px 0px;
color:#FFF;
font-weight:bold;
font-size:12px;
}
.top-links a{
color:#FFF;
text-decoration:none;
}
.top-links a:hover{
text-decoration:underline;
}

#menu{

width:500px;
height:24px;
margin:0px 0px 0px 80px;
padding:0px 0px 0px 0px;
}
#menu ul{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 2px;
}
#menu ul li{
display:inline;
list-style:none;
margin:0 0 0 5px;
padding:0 7px 0 2px;
border-right:1px solid #000;
font-size:8px;
}
#menu ul li a{
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
#menu ul li a:hover{
text-decoration:underline;
}
#menu ul li.apply, #menu ul li.sitemap, #menu ul li.iotmain, #menu ul li.login {display:none;}
#menu ul li.contact {border:none;}


.bar{color:#000;}
#leftbar{width:127px; height:500px;  float:left; margin:-149px 0px 0px 87px; _margin:-149px 0px 0px 43px; _padding:0px 0px 0px 1px; z-index:1;} 
#leftbar-home{width:127px; height:500px;  float:left; margin:-140px 0px 0px 87px; padding:0px; } 
#link-box-top{background:url(images/links-top.jpg) no-repeat; widthL:123px; height:46px;}
#link-box-top p{margin:0px; padding:15px 0px 0px 24px; font-weight:bold; font-size:13px;}
#link-box-mid{background:url(images/links-bottom.jpg) repeat-y; width:123px;}
#link-box-mid ul{margin:0px; padding:0px;}
#link-box-mid ul li{ list-style:none; line-height:18px; color:#FFF; font-size:11px; padding:0px 0px 6px 8px; font-weight:bold; }
#link-box-mid ul li a{color:#FFF; text-decoration:none;}
#link-box-mid ul li a:hover{text-decoration:underline;}
#features{background:url(images/features.jpg) no-repeat; width:123px; height:287px; margin-top:8px}
#features p{margin:0px; padding:6px 0px 0px 26px; font-weight:bold; }
#features ul{margin:0px; padding:0px; }
#features ul li{ list-style:none; line-height:14px; color:#000; font-size:12px; padding:14px 0px 6px 6px; font-weight:bold; border-bottom:1px solid #a08d6f;}
#features ul li a{color:#000; text-decoration:none;}
#features ul li a:hover{text-decoration:underline;}
.locations{padding:20px 0px 20px 0px; margin:0px 0px 20px 0px; font-size:14px;}
.get-informed{padding:30px 0px 20px 0px; margin:0px 0px 12px 0px; font-size:14px;}
#left{
width:430px; 
margin:-160px 0px 0px 10px;
_margin:-150px 0px 0px 10px;
padding:0px 0px 0px 0px;
_padding:0px 0px 0px 0px;
float:left;
font-size:13px;
}
#left a, #latest-blogs a {color:#3F768B; font-weight:bold;}
#left a:hover, #latest-blogs a:hover {color:#893423;}
#left h2 {color:#893423; margin-top:22px;}
#left h2 a {color:#893423; text-decoration:none;}
#left h2 a:hover {color:#3F768B;}

#all-right{
width:196px;
_width:200px;
float:left;
margin:0px 0px 0px 0px;
_padding-left:635px;
_margin-top:-350px;
}


#right{
	width:196px;
	float:left;
	margin:0px 0px 0px 24px;
	padding-left: 0px;
	_padding-right:70px;
	_padding-left:-130px;
	_height:500px;
	_float:right;
	_margin-top:-600px;
}

#testimony{
width:196px;
_width:200px;
float:left;
margin:0px 0px 0px 18px;
padding-top:10px;
padding-left:4px;
_margin:0px -1px 0px 19px;
/*position:absolute;
z-index:3;*/
}
#features-top{
background:url(images/features-top.gif) no-repeat; width:215px; height:36px;
margin:0px 0px 0px -5px;
padding:0px;
}
#features-home{}
#features-top p{
margin:0px;
padding:12px 0px 0px 40px;
font-weight:bold;
font-size:13px;
}
.features-mid{
background:url(images/features-mid-new.jpg) no-repeat; width:215px; height:50px;
margin:0px 0px 0px -5px;
padding:0px 0px 0px 0px;
}
.features-mid2{
background:url(images/features-mid-new2.jpg) no-repeat; width:215px; height:50px;
margin:0px 0px 0px -5px;
padding:0px 0px 0px 0px;
}
.flink {
color:#000;
margin:0px 0px 0px 36px ;
padding:10px 0px 0px 0px;
}
.flink a{color:#000;
font-size:12px;
}

#latest-blogs{
width:216px; 
margin:20px 0 15px -2px; 
_padding:0px 0px 0px 0px;
}

#latest-blogs ul {margin:0; padding:0 10px 0 20px; list-style:disc inside;}
#latest-blogs li {font-size:12px; list-style:disc inside; margin-bottom:3px}

#latest-blogs-mid{background: url(images/testimonias-bg.gif) repeat-y; font-weight:normal; clear:both; }
#latest-blogs-mid p{width:170px; font-size:12px; margin:0px 0px 0px 0px; padding:0px;}
#latest-blogs-top{ background: url(images/testimonials-top.gif) no-repeat;  width:216px; height:36px;}
#latest-blogs-top p{ font-weight:normal;
color:#FFF;
text-align:center;
font-size:14px;
margin:0px auto;
padding:8px 0px 0px 0px;
font-weight:bold;

}
#latest-blogs-bottom{ background:url(images/testimonials-bottom.gif) no-repeat; width:216px; height:13px; clear:both; _padding:0px;}



#testimonials{
width:216px; 
margin:10px 0px 5px 6px; 
_padding:0px 200px 0px 0px;
_margin-left:660px;
_margin-top:-180px;
/*_height:400px;*/
_width:251px; 
}

#testimonials-mid
{background: url(images/testimonias-bg.gif) repeat-y; 
font-weight:normal;
 width:217px;
 _width:217px;
 margin-left:-8px;
 }
#testimonials-mid p{
width:170px; 
font-size:12px; 
margin:0px 30px 0px 25px;
}

#testimonials-top{
 background: url(images/testimonials-top.gif) no-repeat; 
 width:217px;
 margin-left:-8px;
 height:36px;
 _width:217px;
  }
  
#testimonials-top p{ font-weight:normal;
color:#FFF;
text-align:center;
font-size:14px;
margin:0px auto;
padding:8px 0px 0px 0px;
font-weight:bold;
}

#testimonials-bottom{ background:url(images/testimonials-bottom.gif) no-repeat; 
width:217px; 
height:13px; 
clear:both; 
_margin-bottom:20px;
padding-left:2px;
margin-left:-8px;
_width:217px;
}

#footer{
background:url(images/home-footer.jpg) no-repeat;
width:1100px; 
height:39px;
margin:-0px;
margin-left:-0px;
padding:7px 0 0 0;
padding-left:-300px;
clear:both;
position:relative;
}

#footer-btm{
height:60px;
margin:0px auto;
padding:0px;
padding-left:0px;
/*width:1800px;*/
clear:both;
}
#footer ul{
margin:0px auto;
width:800px;
padding:0px 0px 0px 0px;
margin-top:0px;
margin-left:90px;
text-align:center;
}
#footer ul li{
display:inline;
list-style:none;
margin:0 0 0 3px;
padding:0 5px 0 1px;
border-right:1px solid #000;
font-size:8px;
}
#footer ul li a{
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:11px;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer ul li.login {border:none;}

#chat{
margin:0px 0px 0px 0px; 
_margin:0px 80px 0px -2px; 
padding:0px 0px 0px 2px;   
width:206px;!important height:200px;
_padding:0px 0px 0px 0px;  
/*_margin-right:-1000px;*/
_margin-left:656px;
_margin-top:-30px;
_height:400px;
_width:208px;
}



form{
	margin:0px; padding:0px;
	width: 400px; 
	_width:350px; 
}


/*form p{
	
}
form label{
	
}*/

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 150px;
	padding: 3;
}

fieldset legend{
	color:#205372;
	font-size:16px;
	font-weight: bold;
	margin:15px 0px 0px 0px;
	display: block;
	width: 400px;
		_width:350px; 
}
fieldset{
	margin:0px;
	padding: 15px 15px 15px 35px;
	_padding: 15px 15px 15px 12px;
}

.appcontainerDivs {
	border:1px solid #CCC; 
	background-color: #fbf8ee;
	width:430px;
	_width:360px;}


.appFS {
	/*margin-bottom:30px;*/
	margin-top:0px;
	border:none;
}

.appFS legend{
} 

.appDivs{
	width: 400px;
 
	margin: 0px 0px 15px 0px;
}

#submitBtn{
	margin: 10px;
	width:80px;
}
#submit-button{
margin:0px; padding:0px; 
text-align:center;
padding:0px 50px 0px 0px;
}

.required{
	color:#990000;
	font-size: 12px;
}
p.required_p{
	margin:0px;
	border:none;
	padding:10px;
}
select{font-size:12px;}
textbox{font-sixe:12px;}


/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 0 0 15px 15px; display: inline; float:right	}
img.alignleft {margin: 0 15px 15px 0; display: inline; float:left	}


#right form#contact #contacthidden{display:none; width:176px; border:1px solid #2D4D5C; border-top:none; /*height:305px;*/ height:500px; position:absolute; z-index:1; background:#ddd0bf; margin:0 0 0 -7px; overflow:hidden; }

#right form#contact input#closeme {background:none; border:none; color:#2D4D5C; font-size:10px; text-align:right}

#right form#contact .contact h2{padding-top:5px; margin:0px 5px; text-transform:uppercase; color:white; font-size:1.2em; line-height:0.9em; text-align:center;}
#right form#contact .contact h3{margin:10px 0 10px 10px; color:white; font-size:1em; line-height:1.2em; width:150px; text-align:center; }
#right form#contact .select{width:137px; overflow:hidden; border-right:1px solid #7F9DB9; margin:0 0 0 20px; }
#right form#contact .select select{}
#right form#contact .select2{margin:2px 0 0 20px; }
#right form#contact #contacthidden input, #right form#contact #contacthidden select {width:160px;}

#right form#contact input.continue{margin:0;}
#right form#contact label{font-size:12px; width:160px; text-align:left; float:left; margin:2px 0 0 4px; padding:0px; overflow:visible; line-height:1.3em;}
#right form#contact a#continue{width:110px; height:20px; display:block; background:url(.../img/continue.gif) 0px 0px; margin:6px 0 0 35px;}
#right form#contact a:hover#continue{background-position:0px -19px; cursor:default;}
#right form#contact a:active#continue{background-position:0px -38px;}
#right form#contact #nav iframe {position: absolute; left: 0; top: 0; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}
#right form#contact #firstname, #lastname, #phone, #email, #address, #city, #zip {margin:0px; padding:0px;}
#right form#contact #statediv{/*overflow:hidden; border-right:1px solid #7F9DB9; display:block;*/}
#right form#contact #statediv select{float:left; padding:0px; margin:0px;}
#right form#contact #statediv option{padding:0px; margin:0px; }
#right form#contact #required{margin-top:10px; float:left; text-align:center; width:176px; padding-bottom:5px; font-size:12px;}
#right form#contact .button{width:auto; margin:0 0 0 -6px; _margin:0 0 0 -3px;}
#right form#contact a#close{width:58px; wid\th:58px; /* IE 5 hack. IE 5 can't read this */ height:18px; display:block; background:(../img/close.gif) 0px 0px; margin:10px 0 5px 5px; padding:0px; overflow:hidden; float:left; }

#right form#contact a:hover#close{border-bottom: solid thin #fff;}

#right form#contact {background:url(images/testimonial-bg.gif) repeat-y center; width:164px; padding:10px; margin-bottom:15px}
#right h2.request {font-size:12px; background:#2D4D5C url(images/testimonial-bar.gif) repeat-x top; color:#fff; text-align:center; margin:0 0 0 3px; padding:4px 0; width:178px;}
#right form#contact .select {width: 150px; border-right: 1px solid #7f9db9; overflow: hidden; margin-bottom: 5px; margin-left: 5px;}
#right form#contact input { /*width of text boxes. IE6 does not understand this attribute*/
width: 140px; padding: 3; font-size:12px}
#right form#contact select {font-size:12px;}
#right form#contact fieldset legend {color:#205372; font-size:16px; font-weight: bold; margin:15px 0px 0px 0px; display: block; width: 450px; }
#right form#contact fieldset {margin:0px; padding: 15px 15px 15px 35px; }

#right form#contact .appcontainerDivs {border:1px solid #CCC;  background-color: #fbf8ee; }
#right form#contact .appFS {/*margin-bottom:30px;*/ margin-top:0px; border:none; }
#right form#contact .appFS legend{} 
#right form#contact .appDivs{width: 450px; margin: 0px 0px 15px 0px; }
#right form#contact #submitBtn{ margin: 10px; float:right; width:80px;}
#right form#contact .required{color:#990000; font-size:12px; }
#right form#contact p.privacy {font-size:10px; width:176px;}
#right form#contact p.required_p{margin:0px; border:none; padding:10px; }

hr.breaker {width:360px; margin:7px 0; color:#BCAC95;}

.navigation {padding:10px 155px 0 0; font-size:10px}