/* CSS Document */
body{padding:0px; margin:0px; background:#2f383f; color:#FFF; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{
	padding:0px;
	margin:0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}
.spacer{font-size:0; line-height:10px; clear:both;}

/* TOP */

#top{width:747px; height:91px; position:relative; background:url(../images/b_top.jpg) 0 0 no-repeat; margin: 0 auto;}

#logo{
	width:186px;
	height:36px;
	position:absolute;
	top:15px;
	left:11px;
	border:0;
}

ul.menu {
	position:absolute;
	top:0;
	left:218px;
	width: 530px;
}
ul.menu li{float:left}

ul.menu li.home a{width:80px; height:66px; display:block; background:url(../images/btn_home.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.home a:hover{width:80px; height:66px; background:url(../images/btn_home_over.jpg) 0 0 no-repeat;}

ul.menu li.about a{width:66px; height:66px; display:block; background:url(../images/btn_about.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.about a:hover{width:66px; height:66px; background:url(../images/btn_about_over.jpg) 0 0 no-repeat;}

ul.menu li.properties a{width:96px; height:66px; display:block; background:url(../images/btn_properties.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.properties a:hover{width:96px; height:66px; background:url(../images/btn_properties_over.jpg) 0 0 no-repeat;}

ul.menu li.commercial a{width:94px; height:66px; display:block; background:url(../images/btn_commercial.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.commercial a:hover{width:94px; height:66px; background:url(../images/btn_commercial_over.jpg) 0 0 no-repeat;}

ul.menu li.advantages a{width:98px; height:66px; display:block; background:url(../images/btn_advantages.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.advantages a:hover{width:98px; height:66px; background:url(../images/btn_advantages_over.jpg) 0 0 no-repeat;}

ul.menu li.contacts a{width:92px; height:66px; display:block; background:url(../images/btn_contacts.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.contacts a:hover{width:92px; height:66px; background:url(../images/btn_contacts_over.jpg) 0 0 no-repeat;}

/* HEADER */

#header{width:747px; height:257px; position:relative; margin: 0 auto; clear:both;}

#formPan{width:212px;height:257px; float:left; background:url(../images/b_form.jpg) 0 0 no-repeat; }
#formPan h2{height:32px; background:url(../images/h_form.gif) 7px 9px no-repeat; position:relative;}

form.search{color:#353739; margin: 10px 0 0 0; padding:0 0 0 9px;}
form.search select{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:80px}
form.search select.location{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:190px}
form.search input{height:16px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:85px}
form.search input.submitBtn{margin:10px 0 0 120px;  width:66px; height:17px; line-height:0; font-size:0;}

#mainimgPan{width:535px; float:left;}

#mainimgPan ul{position:relative; margin: 6px 0 0 65px; clear:both; height:26px;}
#mainimgPan ul li {float:left; margin-right:40px}
#mainimgPan ul li.btn1 a{width:133px; height:15px; display:block; background:url(../images/btn_compare.jpg) 0 0 no-repeat; text-indent:-20000px; }
#mainimgPan ul li.btn2 a{width:196px; height:15px; display:block; background:url(../images/btn_presentation.jpg) 0 0 no-repeat; text-indent:-20000px; }
#mainimgPan ul li.line {width:2px; height:18px;}

#mainimg{position:relative; height:225px; clear:both; background:url(../images/b_slogan.jpg) 0 0 no-repeat;}
#mainimg img {position: absolute; top:126px; left:424px}


/* CONTENT */

#content{width:747px; position:relative; margin: 0 auto; clear:both; background:#FFFFFF; border-bottom: #FFFFFF 1px dashed; border-top: #FFFFFF 1px dashed;}
#content a{font:12px/12px Tahoma, sans-serif; color:#00e0f9; text-decoration:none }
#content a:hover{color:#000;}

#leftPan{width:212px; height:100%; position:relative; background:#70848f; float:left;}

#services{position:relative; margin: 20px 15px 15px 15px}
#services h2{width:182px; height:25px; background:url(../images/h_services.jpg) 0 0 no-repeat; position:relative; padding-bottom:15px}
#services p{width:170px; position:relative; padding: 0 0 0 4px; }
#services p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

#leftcs{position:relative; margin: 20px 15px 15px 15px}
#leftcs h2{width:182px; height:25px; background:url(../images/h_cs.jpg) 0 0 no-repeat; position:relative; padding-bottom:15px}
#leftcs p{width:170px; position:relative; padding: 0 0 0 4px; }
#leftcs p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

#certifications{position:relative; margin: 20px 15px 15px 15px}
#certifications h2{width:182px; height:25px; background:url(../images/h_certifications.jpg) 0 0 no-repeat; position:relative; padding-bottom:15px}
#certifications p{width:170px; position:relative; padding: 0 0 0 4px; }
#certifications p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

.spacerline{position:relative; clear:both; height:2px; background:url(../images/b_hline.jpg) 0 0 repeat-x; margin:0 }

#mortgage {position:relative; margin: 20px 15px 15px 5px}
#mortgage h2{width:182px; height:25px; background:url(../images/h_mortgage.jpg) 0 0 no-repeat; position:relative; padding-bottom:15px; margin-left:10px}
#mortgage p{width:80px; position:relative; padding: 22px 10px 20px 103px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold; }

#mortgage ul {position:relative; clear:both; margin: 5px 20px 0 16px}
#mortgage ul li{height:18px;}
#mortgage ul li a{font:10px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.gif) 0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#mortgage ul li a:hover{text-decoration:none; background:#3c474f;}

#contactus{position:relative; margin: 20px 15px 15px 15px}
#contactus h2{width:182px; height:25px; background:url(../images/h_cs.jpg) 0 0 no-repeat; position:relative; padding-bottom:15px}
#contactus p{width:170px; position:relative; padding: 0 0 0 4px; }
#contactus p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

#mainPan{
	width:100%;
	position:relative;
	float:left;
}

#rightPan{width:535px; position:relative; float:left;}

#welcome{width:497px; position:relative; margin:15px 0 0 14px; }
#welcome h2{width:285px; height:24px; background:url(../images/h_welcome.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
#welcome h3{width:113px; height:113px; background:url(../images/img_welcome.jpg) 0 0 no-repeat; position:absolute; top:40px; left:4px;}
#welcome p{width:350px; position:relative; margin: 0 0 10px 0px; clear:both; padding-top:40px}
#welcome p{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#welcome p span{font:12px/18px Tahoma, sans-serif; color:#00e0f9; font-weight:normal;}

#welcome ul{
	width:1005;
	position:relative;
	float:left;
	padding-bottom:20px;
}
#welcome ul li{height:18px;}
#welcome ul li a{font:10px/18px Tahoma, sans-serif; color:#000; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.gif) 0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#welcome ul li a:hover{text-decoration:none; background:#3c474f;}
#welcome ul.left {margin: 0 0 0 140px;}
#welcome ul.right {margin: 0 0 0 30px;}

#welcome p{
	width:725px;
	position:left;
	margin: 0 0 2px 0px;
	clear:both;
	padding-top:40px
}
#welcome {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#welcome p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#welcome{
	width:725px;
	position:relative;
	margin:15px 0 0 14px;
}
#welcome h4{
	width:235px;
	height:195px;
	background:url(../images/customer_service.jpg) 0 0 no-repeat;
	position:absolute;
	top:38px;
	left:254px;
	padding: 5;
}

#aboutus ul{
	list-style:inside;
}

#aboutus p{width:350px; position:left; margin: 0 0 2px 0px; clear:both; padding-top:40px}
#aboutus {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#aboutus p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#aboutus{width:497px; position:relative; margin:15px 0 0 14px; }
#aboutus h2{width:285px; height:24px; background:url(../images/h_aboutus.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
#aboutus h4{
	width:235px;
	height:195px;
	background:url(../images/customer_service.jpg) 0 0 no-repeat;
	position:absolute;
	top:38px;
	left:254px;
	padding: 5;
}

#featured p{width:350px; position:left; margin: 0 0 2px 0px; clear:both; padding-top:40px}
#featured {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#featured p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#featured{width:497px; position:relative; margin:15px 0 0 14px; }
#featured h2{width:285px; height:24px; background:url(../images/h_featured.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
#featured h4{
	width:235px;
	height:195px;
	background:url(../images/customer_service.jpg) 0 0 no-repeat;
	position:absolute;
	top:38px;
	left:254px;
	padding: 5;
}

#commercialsvc p{width:350px; position:left; margin: 0 0 2px 0px; clear:both; padding-top:40px}
#commercialsvc {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#commercialsvc p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#commercialsvc{width:497px; position:relative; margin:15px 0 0 14px; }
#commercialsvc h2{width:285px; height:24px; background:url(../images/h_commercial.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
#commercialsvc h4{
	width:235px;
	height:195px;
	background:url(../images/customer_service.jpg) 0 0 no-repeat;
	position:absolute;
	top:38px;
	left:254px;
	padding: 5;
}
#commercialsvc p{width:350px; position:left; margin: 0 0 2px 0px; clear:both; padding-top:40px}
#commercialsvc {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#commercialsvc p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#commercialsvc ul{
	width:100%;
	position:relative;
	float:left;
	padding-bottom:20px;
}
#commercialsvc ul li{height:18px;}
#commercialsvc ul li a{font:10px/18px Tahoma, sans-serif; color:#000; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.gif) 0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#commercialsvc ul li a:hover{text-decoration:none; background:#3c474f;}
#commercialsvc ul.left {margin: 0 0 0 140px;}
#commercialsvc ul.right {margin: 0 0 0 30px;}

#advantages p{width:350px; position:left; margin: 0 0 2px 0px; clear:both; padding-top:40px}
#advantages {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#advantages p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#advantages{width:497px; position:relative; margin:15px 0 0 14px; }
#advantages h2{width:285px; height:24px; background:url(../images/h_advantages.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
#advantages h4{
	width:235px;
	height:195px;
	background:url(../images/customer_service.jpg) 0 0 no-repeat;
	position:absolute;
	top:38px;
	left:254px;
	padding: 5;
}
#advantages p{width:350px; position:left; margin: 0 0 2px 0px; clear:both; padding-top:40px}
#advantages {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#advantages p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#advantages ul{
	width:100%;
	position:relative;
	float:left;
	padding-bottom:20px;
}
#advantages ul li{height:18px;}
#advantages ul li a{font:10px/18px Tahoma, sans-serif; color:#000; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.gif) 0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#advantages ul li a:hover{text-decoration:none; background:#3c474f;}
#advantages ul.left {margin: 0 0 0 140px;}
#advantages ul.right {margin: 0 0 0 30px;}

#contactus{width:497px; position:relative; margin:15px 0 0 14px; }
#contactus h2{width:285px; height:24px; background:url(../images/h_contactus.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
#contactus h4{
	width:168px;
	height:221px;
	background:url(../images/275_madison.jpg) 0 0 no-repeat;
	position:absolute;
	top:36px;
	left:324px;
	padding: 5;
}
#contactus p{width:350px; position:left; margin: 0 0 2px 0px; clear:both; padding-top:40px}
#contactus {font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}
#contactus p span{font:12px/18px Tahoma, sans-serif; color:#000000; font-weight:normal;}

#fcontainer{width:497px; position:relative; margin:18px 0 0 14px; }



#vspacerline{width:2px; height:164px; position:relative; float:left; padding-right:7px; margin-top:5px; background:url(../images/line1.jpg) 0 0 no-repeat;  }

#links{width:157px; position:relative; float:left; padding-top:3px}
#links h2{width:107px; height:22px; background:url(../images/h_links.jpg) 0 0 no-repeat; position:relative; padding-bottom:10px}
#links ul{width:157px; position:relative; clear:both; padding-bottom:20px;}
#links ul li{height:18px;}
#links ul li.back{background:#5a6a72;}
#links ul li a{font:11px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:none; background:url(../images/arrow2.gif) 8px 7px no-repeat; padding: 0 0 0 26px; display:block;}
#links ul li a:hover{text-decoration:underline;}


/* FOOTER */

#footer{width:747px; height:53px; position:relative; margin: 0 auto; clear:both; background:#3c474f;}
#footer img{width:156px; height:37px; position:absolute; left:15px; top:9px;}
#footer p{width:535px; position:relative; margin: 20px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}
#footer a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;  color:#fff; text-decoration:none; padding: 0 5px}
#footer a:hover{color:#000; text-decoration:none; background:#fff;}

/* BOTTOM */

#bottom{width:747px; height:56px; position:relative; margin: 0 auto; clear:both;}
#bottom a {
	color: #FFFFFF;
}
#bottom p{width:535px; position:relative; margin: 10px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}

/* Lightbox2 */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }