/* ----- Import external stylesheets ------------------------------------ */
@import url("common.css");

/* ----- This should always be at the end of this file ------------------------------------------- */
/* Supply styles to IE5/Mac \*//*/
@import "legacy.css";
/**/

/*------------- Typography ------------------------ */
div#content h1 {
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	display: inline;
	padding-right: 24px;
	margin-left: 27px;
	background: url(../images/interior/leaf_right.gif) no-repeat right top;	}
	

h3 {
	font-size: 1.1em;
	color: #665B47;
	text-transform: uppercase; } 
	
h2, h4 {
	font: bold 1.3em/2em Georgia, "Times New Roman", Times, serif;
	color: #70866D;
	text-transform: uppercase;
	} 

h5 {
	font: bold 1.2em/2em Georgia, "Times New Roman", Times, serif;
	color: #70866D;
	text-transform: uppercase;
	}

h5.results { padding-bottom: 12px; }
	


div#content p {
	font: 1.3em/22px Arial, Helvetica, sans-serif;
	margin-bottom: 15px; }


/*-----------------  Layout Styles --------------------*/
div#branding {
	float: left;
	width: 263px;
	height: 232px;
	background: url(../images/layout/lamppost.jpg) no-repeat left top; }
	
div#branding img { margin: 76px 16px 17px 75px; }

div#content-wrapper { float: right; width: 656px; } 
div#title-wrapper {	background: url(../images/interior/leaf_left.gif) no-repeat left 5px; margin-bottom: 16px; }


/*---------------- Home Page Styles ------------------*/

body.home div#content{ background: url(../images/layout/content-push-bg.gif) top left no-repeat; float: left; width: 593px; margin: 21px 0 0 0; padding: 261px 20px 0 32px; border-right: solid 1px #BCB195; }
body.home div#sidebar { float: left; position: absolute; top: 386px; left: 285px; padding-bottom: 13px; width: 620px; }
body.home div#sidebar .push-market-home { background: url(../images/sidebar/special-offer-bg.gif) top left no-repeat; float: left; height: 221px; width: 201px; }
body.home div#sidebar .push-market-home img { margin: 5px 5px 5px 6px; }
body.home div#sidebar .push-market-home p { font-size: 11px; line-height: 1.4em; padding: 5px 15px 5px 20px; }
body.home div#sidebar .push-market-home p a { color: #b97900; text-decoration: underline; }
body.home div#sidebar .push-market-home p a:hover { color: #b97900; }

/*---------------- Interior Page Styles --------------*/
div#content { float: left; width: 609px; min-height: 346px; height: auto !important; height: 346px; margin: 37px 0 0 0; padding: 0 5px 0 32px; border-right: solid 1px #BCB195; }
div#content a { color: #D29B37; }

div#content ul { margin-left: 15px; }
#content ul li {
	margin-left: 30px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1.2em !important;
	line-height:22px;
}

#content ul li ul li {
	margin-left: 30px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1.2em !important;
	line-height:22px;
}

#no-display {
	list-style-type:none;
}

div.interior-box { 
	clear: both; 
	position: relative;
	width: 582px;
	background-color: #F9E8CA; 
	border: solid 1px #5D3D25;
	margin-bottom: 28px; }

div#inset{ width: 222px; margin: 0 15px 30px 20px; }

div#inset img { margin-bottom: 20px; }

div#testimonial-wrapper {
	width: 222px;
	margin-top: 30px;
	padding-top: 35px;
	background: url(../images/inset/testimonial_bg.gif) no-repeat left top;	}
	
div#testimonial {
		width: 192px;
		padding: 0 15px 35px 15px;
		background: url(../images/inset/testimonial_bg.gif) no-repeat left bottom; }

div#testimonial p {
			text-align: center;
			color: #855308;
			font-size: 1.4em;
			line-height: 20px; }
		
p.quote {		text-indent: 3px;
				background: url(../images/inset/open_quote.gif) no-repeat 7px 3px; }

p.quote span { 		background: url(../images/inset/close_quote.gif) no-repeat right bottom; padding-right: 10px; }


/*-------------- Availability Search Results ----------*/
div.interior-box div.results-pic { float: left; width: 139px; padding: 9px 11px 4px 12px; }
div.interior-box div.request-btn { margin-top: 7px; text-align: center; }
div.interior-box div.results { float: left; width: 398px; padding: 16px 14px 0 8px; }
div.interior-box div.results p { clear: both; }


/*-------------- Special Offers Page ----------*/	
div.interior-box div.special-offer-pic { position: absolute; width: 192px; top: -10px; left: -9px; }
div.interior-box div.submit-request-btn { position: relative; margin: 7px 10px 0 13px; }
div.interior-box div.offers { 
	width: 382px; 
	min-height: 200px; 
	height: auto !important; 
	height: 200px; 
	padding: 16px 14px 0 200px; }

div.interior-box div.offers h5.special-header { 
	display: block; 
	padding: 0 0 7px 17px; 
	border-bottom: solid 1px #5D3D25;
	margin: 0 0 14px -17px; }
	
div.interior-box div.offers p { margin-right: 5px; }

/*-------------- Footer Styles ---------------*/
div#footer {
	clear: both;
	height: 263px;
	background: url(../images/layout/footer_background.jpg) repeat-x left top; }

div#footer-content {
	height: 263px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 891px;
	padding-right: 28px;
	background: url(../images/layout/footer_bar.gif) no-repeat left top; }
	
div#footer-content p {
		margin-left: 285px;
		padding-top: 26px;
		width: 500px;
		line-height: 18px;
		font-size: 1.1em; }
		
div#footer a { color: #655943; }
div#footer-content img { padding: 11px 0 0 10px;}
div#footer-content img.first { margin: 0 0 0 190px; }