/* General Definations */
*{ margin:0px; padding:0px; list-style:none; text-decoration:none; outline:none; }
html,body{ width:100%; height:100; background:url(../images/body-bg.gif) repeat-x #b8e1f2; font: 14px Arial, Helvetica, sans-serif; color:#000;}
#Wrapper{ width:902px; margin:0px auto; border:1px solid #9dc9e3; background-color:#fff;}
.clear{ clear:both;}
img{ border:0px;}
h5{ font:12px Arial, Helvetica, sans-serif;}
.Text-link{ color:#000; text-decoration:underline;}
.Text-link:hover{ text-decoration:none;}

/* Header */
#header{ width:902px; height:113px; float:left; background:url(../images/header.gif) no-repeat;}
.logo{ background:url(../images/logo.gif) no-repeat; width:321px; height:113px; float:left;}
#quote{ width:902px; height:25px; float:left; clear:both; font: 12px/18px "TrajanPro Bold",Times New Roman, Times, serif; text-align:right;  text-transform:uppercase; color:#1d5268;}

.loginBox{ width:350px; float:right;  padding-top:10px;}
.loginBoxRow{ width:350px; float:left; padding:0px 0px 7px 0px;}
.loginBoxRow h2{ width:300px; float:left;font: bold 16px "TrajanPro Bold",Times New Roman, Times, serif; text-align:right;}
.loginLeft{ width:136px; float:left; text-align:center; font: bold 13px Arial, Helvetica, sans-serif; padding-right:15px; padding-bottom:5px;}
.inputField{ width:133px; height:22px; float:left; clear:both; border:1px solid #c2c2c1; margin-bottom:4px; }
.bt-Submit{ width:84px; height:23px; float:right; background:url(../images/bt-submit.jpg) no-repeat;}
.bt-Submit:hover{float:right; background:url(../images/bt-submit-hover.jpg) no-repeat;}
.loginBoxRow-Bt{ width:300px; float:left; padding:0px 0px 7px 0px;}

/* Showcase */
#showcase{ width:902px; height:270px; float:left; background:url(../images/showcase-bg.gif) no-repeat;}
.banner{ width:758px; height:157px; float:left; clear:both; padding:18px 72px 29px 72px;}
.banner h2{ width:225px;float:left;}
.banner .pic{float:left; clear:both;}
.marginRight{ margin-right:35px;}

.imgLinks{ float:left; width:225px; text-align:center; clear:both;font: bold 18px/30px "TrajanPro Bold",Times New Roman, Times, serif; color:#0773b3; text-transform:uppercase;}
.imgLinks:hover{ color:#000;}


/* Menu */
#menu{ width:902px; height:56px; float:left; clear:both; padding-top:9px; }
#menu ul{float:left; height:65px; padding-left:10px;}
#menu ul li{float:left; height:46px;  background:url(../images/div.jpg) no-repeat right; }
#menu ul li.nodivider{float:left; height:46px;  background:none; }
#menu ul li a{float:left; font: 12px"TrajanPro Bold",Times New Roman, Times, serif; color:#0773b3; text-transform:uppercase; text-transform:uppercase;padding:15px 20px 0px 20px; text-align:center; display:block;}
#menu ul li a:hover{float:left; color:#ffffff;}
#menu ul li a.current{float:left; font: 16px"TrajanPro Bold",Times New Roman, Times, serif; color:#0773b3; text-transform:uppercase; text-transform:uppercase;padding:15px 20px 0px 20px; text-align:center; display:block;}
#menu ul li a.current:hover{float:left; color:#ffffff;}
.menubg{ width:902px; height:56px; background:url(../images/menu-bg.jpg) no-repeat; }

/* Middle-Contents */
#Middle-Contents{ width:902px; float:left; clear:both; padding:16px 0px 8px 0px;}
.left{ width:506px; float:left; padding:0px 0px 0px 33px; overflow:hidden;}
.left h1{ width:539px; float:left; color:#368dc1; font: 24px "TrajanPro Bold",Times New Roman, Times, serif; padding-top:15px;  padding-bottom:15px; text-transform:uppercase;}
.left p{ float:left; width:505px; text-align:justify;}


#Middle-Contents .Right{ width:203px; float:right;}
.sidebar{ width:300px; height:250px; float:right; padding:14px; text-align:center;}
.font1{ font:14px Arial, Helvetica, sans-serif; color:#fff;line-height:25px;}
.font2{ font: bold 17px/25px "TrajanPro Bold",Times New Roman, Times, serif; color:#015071;text-transform:uppercase;}
.linkClick{ font: bold 24px "TrajanPro Bold",Times New Roman, Times, serif;color:#015071; text-transform:uppercase;}
.linkClick:hover{ color:#000;}

.link-bt{ background:url(../images/link-learnmore.jpg) no-repeat; width:149px; height:21px; float:left; margin:0px 0px 0px 6px;}
.link-bt:hover{ background:url(../images/link-learn-more-hover.jpg) no-repeat; width:149px; height:21px; float:left;}


.quoteimg-Mar{ margin:25px 0px 10px 0px;}

.linklogin{font: bold 17px "TrajanPro Bold",Times New Roman, Times, serif; color:#015071;text-transform:uppercase; padding-top:10px;}
.linklogin:hover{ color:#fff;}

/* Footer */
#footer{ width:902px; height:36px; float:left; clear:both; background:url(../images/footer.gif) no-repeat; height:36px; text-align:center; color:#fff; font: 11px/36px Arial, Helvetica, sans-serif;}






/******************* About Us ***************************/
#Nav{ width:902px; height:31px; line-height:31px; float:left; clear:both; background:url(../images/nav_bg.gif) repeat-x;}
#Nav ul{ float:left;}
#Nav ul li{ float:left; background:url(../images/nav-divider.gif) no-repeat right; padding-right:1px;}
#Nav ul li.nodivider{background:none; float:left;}
#Nav ul li a{ float:left; font:12px/31px; Arial, Helvetica, sans-serif; color:#fff; padding:0px 19px 0px 19px;}
#Nav ul li a:hover{ float:left; background:url(../images/nav_bg_hover.gif) repeat-x;}

#Middle-Sub{ width:902px; float:left; clear:both;}
.mid-bg{ background:url(../images/sub-mid-bg.gif) no-repeat top;}
.aboutLeft{ width:313px; float:left;}
.aboutLeft img{ width:313px; height:460px; float:left;}
.aboutRight{ width:420px; float:right; padding:43px 105px 0px 0px;}
.imgAbout{ float:left; padding:3px;}


.heading{ width:400px; float:left; clear:both; padding-bottom:12px;}
.aboutRight p{ width:400px; font:12px Arial, Helvetica, sans-serif; color:#000; padding:0px 0px 12px 0px; text-align:justify;}



/******************* Why Us ***************************/
.contents{ width:882px; float:left; clear:both; padding:20px 0px 20px 20px;}
.contentsHeading{ width:882px; float:left; clear:both; padding:0px 0px 10px 0px;}

.width-small{ width:800px; float:left; clear:both;}

ul#lists{ width:800px; float:left; clear:both;padding:25px 0px 0px 0px;}
ul#lists li{ width:770px; display:block; float:left;padding:0px 0px 20px 35px; text-align:justify; font:11px Arial, Helvetica, sans-serif;}
ul#lists li img{float:left;  margin:0px 12px 8px 0px; }


/******************* Contact Us ***************************/
.contact-Box{ width:800px; float:left;padding:0px 0px 25px 0px;}
.contact-Row{ width:800px; float:left; clear:both; padding:5px 0px 5px 0px;}
.contactLeft{  float:left; width:90px; font: bold 14px Arial, Helvetica, sans-serif; color:#075583; padding-right:10px;}
.contactRight{ width:500px; float:left;font:14px Arial, Helvetica, sans-serif; color:#075583;}
.Email-link{ text-decoration:underline;font:14px Arial, Helvetica, sans-serif; color:#075583;float:left;}
.Email-link:hover{ text-decoration:none;}


/******************* Faq ***************************/
.faq{ width:800px; float:left; clear:both;}

ul#faq{float:left; clear:both;}
ul#Topfaq li{float:left; clear:both; width:500px;background:url(../images/arrow.gif) no-repeat left; padding:0px 0px 0px 15px; }
ul#Topfaq li a{float:left; clear:both; color:#d31414;font: 14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul#Topfaq li a:hover{float:left; text-decoration:underline;}


.query{ width:850px; float:left; clear:both; padding:20px 0px 20px 0px;}
.query h3{ width:800px; float:left; clear:both;color:#d31414;font: bold 14px  Arial, Helvetica, sans-serif;}
.query p{ width:845px; float:left; clear:both;font: 12px  Arial, Helvetica, sans-serif; text-align:justify;}




/******************* HomeOwner Information ***************************/
.homeowner-Contents{ width:850px; float:left; clear:both;}
.homeowner-Contents p{ width:850px; float:left; clear:both; text-align:justify; padding-bottom:15px;}

ul#listhome{ width:700px; float:left; padding:5px 0px 20px 80px;}
ul#listhome li{ width:700px; float:left; list-style:none;padding:3px 0px 3px 20px; background:url(../images/arrow.gif) no-repeat left center;}

.propertyBox{ width:800px; float:left; clear:both; padding:0px 0px 20px 0px;background:#d7edf7; margin:0px 0px 0px 30px;}

.propertyBoxRow{ width:800px; float:left; clear:both;padding:5px 0px 5px 0px;}
.propertyLeft{ width:370px; float:left; padding:0px 10px 0px 20px;}
.propertyRight{ width:370px; float:left;padding:0px 10px 0px 20px;}

.propertyHeading{ font:16px/30px Arial, Helvetica, sans-serif; color:#fff;}
.propertyText{width:380px; font: 12px/20px Arial, Helvetica, sans-serif; color:#000;}



.heading1{width:380px; font: bold 24px "TrajanPro Bold",Times New Roman, Times, serif; color:#000; width:700px;padding:5px 0px 10px 0px;}
.heading2{width:380px; font: bold 16px "TrajanPro Bold",Times New Roman, Times, serif; color:#000; width:700px;padding:5px 0px 10px 0px;}

.align{ text-align:center;}

.bgBlue{ background:#064f7b;}
.bg-lightBlue{ background:#d7edf7;}


/* Home Owner Information */
.contents-homeowner{ background:url(../images/homeownerflyer.jpg) no-repeat; width:902px; float:left; padding-bottom:5px;}
#header-homeowner{ width:902px; height:246px; float:left; background:url(../images/header-homeowner.jpg) no-repeat;}


.homeown-row1{ width:847px; float:left; clear:both; padding:90px 0px 0px 55px;}
.homeown-row1 h2{ width:455px; float:left; clear:both; font:14px Arial, Helvetica, sans-serif; color:#113442; text-align:justify;}

.homeown-row2{ width:902px; float:left; clear:both;padding:130px 0px 0px 0px;}

.homeown-row2 h2{  width:300px; float:right; font:14px Arial, Helvetica, sans-serif; color:#113442; text-align:justify;padding:0px 100px 0px 0px;}


.homeown-row3{ width:847px; float:left; clear:both;padding:8px 0px 0px 55px;}

.homeown-row3 .left{ width:430px; float:left; padding:0px 0px 0px 0px;}
.homeown-row3 .left h3{ width:400px;float:left; padding:8px 0px 0px 40px;}

.homeown-row3 .left .row{ width:430px; float:left; padding:4px 0px 4px 15px;}
.homeown-row3 .left .row h4{ width:180px; float:left; font:12px Arial, Helvetica, sans-serif; color:#113442; text-align:justify; padding:0px 30px 0px 0px;}
.homeown-row3 .left .row h5{ width:180px; float:left;font:12px Arial, Helvetica, sans-serif; color:#113442; text-align:justify;}


.homeown-row3 .right{ width:332px; float:right; padding:80px 20px 20px 20px;font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#113442; text-align:justify; color:#000;}

.homeown-row3 .right h3{ width:332px; text-align:center; float:right; padding:30px 0px 0px 0px;font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#113442; color:#000;}
.homeown-row3 .right h3 span{ font-weight:bold;}
.homeown-row3 .right h4{ width:332px; text-align:left; float:right; padding:30px 0px 0px 0px;font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#113442; color:#000;}

.homeown-row3 .right h4 span{ font-weight:bold;}



/* Realtors */
.contents-realtor{ width:902px; float:left; background:url(../images/realtorflyer.jpg) no-repeat;}
.realtor-row1{ width:902px; float:left; padding:65px 0px 0px 0px; }

.realtor-row1-left{ width:600px; float:left; padding:0px 0px 0px 20px; }
.realtor-row1-left h2{ width:600x; float:right;  }
.realtor-row1-left h3{ width:540px; float:right; text-align:justify;font: 14px  Arial, Helvetica, sans-serif; color:#113442; }



.realtor-row2{ width:902px; float:left; padding:50px 0px 0px 0px;}
.realtor-row2 h2{ width:614x; float:right; padding:0px 70px 0px 0px; }
.realtor-row2 h3{ width:600px; float:right; text-align:justify;padding:0px 70px 0px 0px;font: 14px  Arial, Helvetica, sans-serif; color:#113442; }


.realtor-row3{ width:902px; float:left;  padding:50px 0px 0px 0px;}
.realtor-row3-left{ width:600px; float:left; padding:4px 0px 0px 20px; }
.realtor-row3-left h2{ width:600x; float:left; }
.realtor-row3-left h3{ width:540px; float:left; text-align:justify;font: 14px  Arial, Helvetica, sans-serif; color:#113442; padding-left:3px; }

.pad-realtor{ padding:0px 0px 7px 0px;}



.realtor-row4{ width:840px; float:left;  padding:35px 20px 0px 20px;}
.realtor-row4 h2{ width:840px; float:left;  padding:0px 0px 0px 0px;font: bold 13px  Arial, Helvetica, sans-serif; color:#fff; text-align:right;}

.realtor-row4-bot{ width:840px; float:left; clear:both;}
.realtor-row4-bot .contact-info{ width:540px; float:left; clear:both;}

.realtor-row4-bot .contact-info h2{ width:540px; float:left;font: bold 12px  Arial, Helvetica, sans-serif; color:#cef1ff; text-align:left;}

.realtor-row4-bot .rightlogo{ float:right; padding:12px 0px 0px 0px;}

.link-learn{ background:url(../images/link-learn.gif) no-repeat; width:125px; height:22px; float:left;}
.link-learn:hover{ background:url(../images/link-learn-hover.gif) no-repeat; width:125px; height:22px; float:left;}
.link-learn2{ background:url(../images/link-learn2.gif) no-repeat; width:125px; height:22px; float:left;}
.link-learn2:hover{ background:url(../images/link-learn-hover2.gif) no-repeat; width:125px; height:22px; float:left;}


.linkDiv{ width:400px; float:left;}
.pad-learn{ padding:30px 0px 0px 290px;}
.pad-learn2{ padding:0px 0px 0px 405px;}



.bt-Signup{ width:127px; height:29px; float:left; background:url(../images/bt-signup.jpg) no-repeat;}
.bt-Signup:hover{background:url(../images/bt-signup-hover.jpg) no-repeat;}