﻿@charset "UTF-8";
/* CSS Document */

/* RESETS */
body,img,p,h1,h2,h3,h4,h5,h6,a,form,table,td,ul,ol,li,fieldset,dl,dd,dt { margin:0; padding:0; border:0; text-decoration: none;}
article, aside, footer, header, hgroup, nav, section { display: block; }
p,h1,h2,h3,h4,h5,h6 { margin-bottom: 20px; }
ul,ol{padding-left: 20px;}
input,select { vertical-align: middle; }
input[type=text],textarea { padding: 3px 5px; }
nav ul{list-style-type: none; padding: 0;}


@font-face {
	font-family: 'Conv_harabara';
	src: url('media/fonts/harabara.eot');
	src: local("☺"),
	url('media/fonts/harabara.otf') format('otf'),
	url('media/fonts/harabara.woff') format('woff'),
	url('media/fonts/harabara.ttf') format('truetype'),
	url('media/fonts/harabara.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{height: 100%;}
body{color: #8d817d;font-family: Helvetica, Arial, sans-serif;background-color: #fff !important;}
a{color: #556635;}
hr{color: #c7c4ce; background: #c7c4ce; margin: 0 auto; padding: 0; border: 0; height: 1px; width: 100%;}




/* screen */
/* scale: who the fuck knows, the psd from this designer is all over the map, no two margins/paddings are the same and font sizes are all inconsistent, so good luck! */



	body{font-size: 10pt; line-height: 1.3em;font-fmaily: Verdana, Geneva, sans-serif; color: #6d5e47;}
	h2, 3, h4{font-family: 'Conv_harabara'; line-height: 1em;letter-spacing: 1px;}
	
	
	h1{font-size: 24px;color:#004d80; font-family: Verdana, Geneva, sans-serif;line-height: 1.2em;}
	h2{font-size: 28px;color: #004d80;margin-bottom: 10px;font-family: 'Conv_harabara';  font-weight: lighter; letter-spacing: 2px; }
	h3{font-size: 18px;}
	h4{font-size: 14px;margin-bottom: 10px;}
	
	#outer-wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -380px auto; /* the bottom margin is the negative value of the footer's height */}
	
	
	#header{width: 1200px;margin: 0px auto;background:url(media/layout/promo-sample.jpg) no-repeat top left; overflow: hidden;height: 348px;}
	
		#header-top{width: 1009px; height: 140px; margin: 0px auto; top: -5px;position: relative; z-index: 5; background: url(media/layout/header-top-bg.png) no-repeat top left;}		
			#logo{position: absolute; top: 25px; left: 40px;}
			
			#phone1{position: absolute; top: 20px; right: 20px;color: #556635; font-family: 'HelveticaNeue LightExt', Helvetica, Arial, sans-serif;font-size: 18px;}
				#number{font-size: 40px;position: relative; top:8px; font-family: 'HelveticaNeue LightExt', Helvetica, Arial, sans-serif;font-weight: lighter;}
			
		nav{position: absolute; bottom: 35px; right: 15px; font-size: 14px; z-index: 5;}
			nav ul{}
			nav ul li{display: inline;}
			nav ul li a{color: #556635;}
			nav ul li a:hover{color: #004d80;}
		
		nav.test-B{background: url(media/layout/nav-bg.png) repeat-x top left; padding-top: 8px; z-index: 5; height: 24px; position: relative; top: -34px; margin: 0 auto; width: 960px;border-radius: 0 0 5px 5px;}
			nav.test-B ul{}
			nav.test-B ul li{display: inline; padding: 0px 20px; border-right: 2px solid #546332; text-align: center;}
			nav.test-B ul li.last{border: none; padding-right: 0;}
			nav.test-B ul li a{color: #fff; font-size: 14px; font-weight: bold;}
			nav.test-B ul li a:hover{color: #004d80;}
			
		#header-special{width: 332px; padding: 10px; height: 41px;position: absolute; top: 20px; right: -11px; background: url(media/layout/header-special-bg.png) no-repeat top left;}
			#header-special .title{color: #fff;font-size: 18px;}
			#header-special .subtext{color: #fff;font-size: 14px;}
			#header-special .price{color: #fff;font-size: 47px;position: relative; top: 5px;margin-right: 5px;font-family: "Times New Roman", Times, serif;}
			#header-special .pernight{color: #fff;font-size: 19px;font-family: Georgia, "Times New Roman", Times, serif;position: relative; top: 0px; line-height: .8em;}
		
		#navis-wrapper {position:absolute; right:17px; top:75px;}
			.navis-button {
				text-align:center;padding:4px; margin:0 3px 0 3px; float:left; width:120px;border-radius:4px; background: #27699d;
				background: #778437;
				background: -moz-linear-gradient(top,  #778437 0%, #5e692f 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#778437), color-stop(100%,#5e692f));
				background: -webkit-linear-gradient(top,  #778437 0%,#5e692f 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#778437', endColorstr='#5e692f',GradientType=0 );
				}	
			.navis {font-size:10px; color:#fff; margin:0px;}
			#click-to-talk {text-decoration:none;}
			#click-to-chat {text-decoration:none;}
		
		#wrapper{width: 980px; margin: 50px auto 0 auto;}	
			
		
					
			/* --- --- */
			
			#content{width: 590px; min-height: 750px; margin:0 20px 0 0px; float: left;}
				
				
			#content-home{width: 590px; margin:0 20px 0 15px; float: left;}
				#content-home h2{font-size: 24px; color: #3f6396;line-height: 1.1em;}
				#content-home h2{font-size: 24pt;}
			
			
			#promo-specials{margin-left: 16px;position: relative;}
				#home-promo-controls{position: absolute; top: 10px; right: 0;}
				.home-promo-group{width: 630px; height: 250px;}
				
				.home-promo{width: 270px; padding: 10px;background: #fbfcf1; float: left; margin-right: 10px; font-family: 'Century Gothic', Arial, sans-serif; font-size: 12px;line-height: 1em;}
				.home-promo img{margin-bottom: 5px;}
				
				

.push {height: 380px; /* .push must be the same height as .footer */}


#footer{width: 1200px; height: 380px; margin: 0px auto; overflow: hidden; background: url(media/layout/footer-bg.jpg) no-repeat bottom left;}
	
	#footer-top{width: 940px; position: relative; margin: 10px auto 20px auto;height: 70px; background: #fff; border: 1px solid #cdcdcd; padding: 5px 10px;z-index: 2;}
	#footer-top hr{margin-bottom: 5px;}
	
	#footer-top .marquee{width: 460px; float: left; height: 20px; overflow: hidden;}
	#footer-top #footer-signup{float: right;}
			
	#social-footer{position: relative;}
		#social-footer .inner{position: absolute; left: 0;}
		#social-footer .mobile{position: relative; top: -10px; left: 10px; font-weight: bold;}	
	
	#sisterProperties{font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 4px 8px 0px 8px; position: absolute; right: 0px; border: 1px solid #eff0f0; color: #837662;box-shadow: 2px 2px 2px #888888;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,244,244,1) 22%, rgba(243,244,244,1) 26%); /* FF3.6+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 22%,rgba(243,244,244,1) 26%); /* Chrome10+,Safari5.1+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 22%,rgba(243,244,244,1) 26%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 22%,rgba(243,244,244,1) 26%); /* W3C */
	}
	
	#footer-biglinks{width: 191px; float: left; margin: 00px 40px 40px 120px;}
	#footer-biglinks a{display: block;background: url(media/layout/footer-biglinks-bg.png) no-repeat top left;font-size: 10pt; text-transform: uppercase;font-weight: bold; padding: 6px 8px;width: 191px; height: 32px;color:#fff;}
	
	.footer-list-container{width: 510px;float: left; }
	.footer-list li{float: left; width: 133px; margin-right: 20px;list-style: none;padding: 0; font-size: 9pt;font-family: Verdana, Geneva, sans-serif;}
		.footer-list a{color: #fff;}
	
	.footer-address{float: left; width:200px; color: #fff;font-size: 10pt;}
	

/* --- Classes --- */
.clear { clear:both; height:1px; overflow:hidden; }
.entry{margin-bottom: 20px; border-bottom: 1px solid #dedede; padding-bottom: 20px;}

.alignLeft { float:left; margin:0 15px 15px 0; }
.alignRight { float:right; margin:0 15px 15px 0; }

.bold{font-weight: bold;}
.italic{font-style: italic;}
.caps{text-transform: capitalize;}


.error { color: #ff0000; }

.bottom40{margin-bottom:40px;}
.bottom20{margin-bottom:20px;}
.bottom10{margin-bottom:10px;}
.bottom5{margin-bottom:5px;}
.bottom0{margin-bottom:0;}

.padding10{padding-bottom: 10px;}
.top10{margin-top: 10px;}


.noRight{margin-right: 0;}

.green{color: #556635;}
.ltgreen{color: #8dac3d;}
.blue{color: #004d80;}
.ltblue{color: #3d78b1;}
.orange{color: #d78228;}
.teal{color: #3795ad;}
.brown{color: #342e14;}
.ltbrown{color: #6d5e47;}

.font12{font-size: 12px;}

.fullwidth{width: 100%;}


.btn{width: auto;text-align: center; background: #3795ad; color: #fff; padding: 8px; border-radius: 3px; boz-shadow: 2px 2px 2px #888;}
