@charset "utf-8";

/* CSS Document */



* {

padding:0;

margin:0;

}



body,html {

background: #FFFFFF url(/images/homepage-bg.jpg) top center;

background-repeat:repeat-x;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

font-size:90%;

margin:0 auto;

padding:0;

color:#333333

}



a.footer {

color:#d7e6ee;

text-decoration:none

}



a.footer:hover {

color:#FFFFFF;

}



#mytownwrapper{

margin:0 auto;

width:960px;

position:relative;

}



#header {

position:absolute;

top: 15px;

width:960px;

height:100px;

}



#logo {

float:left;

width:236px;

height:62px;

background:url(/images/logo.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

position:absolute;

top:20px;

left:20px;

overflow:hidden

}



#logo h1 {

text-indent:5000px;

}



#contact {

float:right;

width:300px;

height:60px;

padding-top:10px;

text-align:right;

color:#FFFFFF;

position:absolute;

top:20px;

right:20px

}



.contact-us-today {

background:url(/images/contactustoday.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:115px;

height:14px;

margin:10px 0px;

overflow:hidden;

position:absolute;

top:0;

right:0

}



.contact-header {

background:url(/images/contact-header.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:145px;

height:26px;

margin:10px 0px;

overflow:hidden;

position:absolute;

top:25px;

right:3px;

}



h2{

font-size:24px;

margin:0;

padding:0;

font-family: "Arial Rounded MT Bold", Arial, sans-serif;

}



h3{

font-size:18px;

margin:0;

padding:0;

font-family: "Arial Rounded MT Bold", Arial, sans-serif;

}



h4{

font-size:12px;

margin:0;

padding:0;

font-family: sArial, sans-serif;

}



h5{

font-size:11px;

margin:0;

padding:0;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

text-transform:uppercase;

font-weight:bold

}



#nav {

background:url(/images/nav-bg.png) top center no-repeat;

width:960px;

height:43px;

margin:0 auto;

padding:0;

position:absolute;

top:120px;

line-height:40px;

z-index:100000;

display:block

}



#nav ul {

	margin: 0 0 0 10px;

	padding: 0;

	list-style: none;

}



#nav li {

	float: left;

	margin: 0;

	padding: 0;

	height: 35px;

	background: url(/images/nav-bg-break.png) top right no-repeat;

	behavior: url(/includes/iepngfix.htc);

	width:auto;



}



#nav li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	float: left;

	display: block;

	line-height: 41px;

	padding: 0 18px 0 20px;

	color: #0081a6;

	text-decoration: none;

}



#nav li a:hover {

	color: #00a1cf;

}





#family-homepage {

background:url(/images/family.jpg) top center no-repeat;

width:705px;

height:320px;

position:absolute;

top: 226px;

left:80px;

}



#slogan-homepage {

background:url(/images/slogan-homepage.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:355px;

height:90px;

position:absolute;

top:220px;

left:20px;

text-indent:-5000px;

}



#form-homepage {

background:url(/images/homepage-form-bg.png) top center no-repeat;

width:285px;

height:315px;

position:absolute;

top:220px;

right:30px;

}



.homepage-form-wrapper {

color: #0081a6;

padding:20px;

}



#homepage-buttons{

width:935px;

height:80px;

margin:0 auto;

padding:0 0 0 15px;

position:absolute;

top:565px;

}



#homepage-buttons ul {

	margin: 0;

	padding: 0;

	display:inline;

	list-style: none;

	width:935px;

	height:80px;

	overflow:hidden;

	float:left;

}



#homepage-buttons li.seperator {

	float: left;

	margin: 0;

	padding: 0;

	height: 55px;

	background: url(/images/mid-row-seperator.png);

	background-position: top center;

	background-repeat: no-repeat;

	width:9px;



}





#homepage-buttons li {

	float:left;

}



#homepage-buttons li a {

	display:block;

	margin:0;

	padding:0;

	zoom:1;

	text-indent:-5000px;

}





#homepage-buttons li.auto-insurance a {

	background:url(/images/auto-insurance.png);

	background-position: 0px 0px;

	width:202px;

	height:75px;

}



#homepage-buttons li.auto-insurance a:hover {

	background-position: 0px -75px;

}





#homepage-buttons li.home-insurance a {

	background:url(/images/home-insurance.png);

	background-position: 0px 0px;

	width:216px;

	height:75px;

}





#homepage-buttons li.home-insurance a:hover {

	background-position: 0px -75px;

}





#homepage-buttons li.renters-insurance a {

	background:url(/images/renters-insurance.png);

	background-position: 0px 0px;

	width:235px;

	height:75px;

}



#homepage-buttons li.renters-insurance a:hover {

	background-position: 0px -75px;

}



#homepage-buttons li.rental-insurance a {

	background:url(/images/rental-prop-insurance.png);

	background-position: 0px 0px;

	width:265px;

	height:75px;

}



#homepage-buttons li.rental-insurance a:hover {

	background-position: 0px -75px;

}



#homepage-text {

width:560px;

height:400px;

margin:0 auto;

padding:20px;

position:absolute;

top:660px;

color:#444;

}



.homepage-text {

font-family:Trebuchet MS, Arial, sans serif;

font-size:11px;

line-height:18px;

margin:0;

padding:5px 0 0 0;

}



.homepage-headline {

background:url(/images/homepage-headline.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:425px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



.contact-us-now-headline {

background:url(/images/contact-us-now-headline.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:197px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



.learn-more-about-headline {

background:url(/images/learn-more-about-headline.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:197px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



#homepage-text p {

padding:5px 0;

}



.bold {

font-weight:bold

}



.ten {

font-size:10px

}



.eleven {

font-size:11px

}



.twelve {

font-size:12px

}



.thirteen {

font-size:13px

}



.fourteen {

font-size:14px

}



.sixteen {

font-size:16px

}



.italic {

font-style:italic

}



.padded-three {

padding:3px;

}



.hangfive {

margin-top:5px

}



.hangseven {

margin-top:7px

}



.hangten {

margin-top:10px

}



.hangtwenty {

margin-top:20px

}



.both {

clear:both

}



.homepage-form-left {

float:left; 

width:80px;

margin-bottom:15px;

}



.homepage-form-right {

float:right; 

width:140px;

margin-bottom:15px;

}



.homepage-bottomform-right {

float:right; 

width:180px;

margin-bottom:15px;

}



#bottom-homepage-right {

width:300px;

height:400px;

margin:0 auto;

padding:20px;

position:absolute;

top:660px;

right:0;

color:#444;

background:url(/images/homepage-bottom-right-bg.jpg) top left repeat-y;

behavior: url(/includes/iepngfix.htc);

}



.send-this-btn {

background:url(/images/sendthis-btn.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:85px;

height:28px;

display:block;

text-indent:-5000px;

outline:none

}



.send-this-btn:hover {

background:url(/images/sendthis-btn-hvr.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

}



.next-step-btn {

background:url(/images/next-step-btn.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:85px;

height:28px;

display:block;

text-indent:-5000px;

outline:none

}



.next-step-btn:hover {

background:url(/images/next-step-btn-hvr.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

}



.read-more-btn {

background:url(/images/readmore-btn.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:85px;

height:28px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.read-more-btn:hover {

background:url(/images/readmore-btn-hvr.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

}



.home-insurance-learn-more-btn {

background:url(/images/home-insurance-learn-more.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.home-insurance-learn-more-btn:hover {

background:url(/images/home-insurance-learn-more-hvr.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

}



.auto-insurance-learn-more-btn {

background:url(/images/auto-insurance-learn-more.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.auto-insurance-learn-more-btn:hover {

background:url(/images/auto-insurance-learn-more-hvr.png) top center no-repeat;

behavior: url(/includes/iepngfix.htc);

}





#homepage-footer {

position:absolute;

top:1250px;

left:0;

background: #0191db url(/images/footer-bg.png) repeat-x;

behavior: url(/includes/iepngfix.htc);

height: 250px;

width:100%;

margin:0 auto;

}



.footer-wrapper {

width:920px;

padding:30px;

color:#FFFFFF;

margin:0 auto;

font-size:10px;

}



.footer-home,.footer-auto,.footer-renter{

float:left;

width:200px;

text-align:left;

margin-right:30px;

}



.footer-rental {

float:left;

width:170px;

text-align:left;

margin-right:20px;

}



.copyright {

float:right;

width:220px;

text-align:right;

font-size:11px;

margin:0;

padding:0;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

text-transform:uppercase;

font-weight:bold

}





#nav ul.menu {list-style:none; margin: 0 0 0 10px; padding: 0; list-style: none;}

#nav ul.menu * {margin:0; padding:0}



#nav ul.menu li {display:block;

	float: left;

	padding: 0;

	height: 35px;

	background: url(/images/nav-bg-break.png) top right no-repeat;

	width:auto;

	position:relative; 

	margin-right:0px;}



#nav ul.menu li a {font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	float: left;

	display: block;

	line-height: 41px;

	padding: 0 18px 0 20px;

	color: #0081a6;

	text-decoration: none;

	background:none;}

	

#nav ul.menu li a:hover {color: #00a1cf;}



#nav ul.menu ul {position:absolute; top:40px; left:0; display:none; opacity:0; list-style:none; width:180px;}

#nav ul.menu ul li{display:block !important;position:relative; border:1px solid #dfdfdf; border-top:none; margin:0; }

#nav ul.menu ul li a {display:block !important; padding:3px 0px 2px 7px !important; background-color:#edf2f3; color: #0081a6; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width:170px; margin:0 !important; height:35px; line-height:35px;}

#nav ul.menu ul li a:hover {display:block; padding:3px 0px 2px 7px !important; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width:170px; background: #c5dee6; color: #FFFFFF; margin:0 !important}


#nav ul.menu ul li ul{left:150px; top:0;}


label                       { width: 70px; display: block; float:left; padding:5px; margin-right:20px; cursor:pointer; font-size:12px }



input[type=text], textarea, text { width: 120px; outline: none; padding:5px; border: solid 1px #CCCCCC; color: #545454; font-size:12px }



select {padding:4px; border: solid 1px #CCCCCC; color:#545454; width:130px}



.firstrowElem                    { clear: both; height:45px; }



.rowElem                    { clear: both; height:35px; }



.doublerowElem                    { clear: both; height:50px; }