/**
 * @author		Jonathan Cochran <jono.cochran@gmail.com> 
 * @copyright	(c) 2009 Fabric Creative <fabriccreative.com>
 * 
 * COLOURS --
 * dark red		: #5b0f0f
 * cream		: #b8bab6
 * --------------------------------------------------------- */
@import url("reset.css");
div, img, a 				{ behavior: url('../js/iepngfix.htc') }

html 						{ height: 100%; }
body 						{ background: #bcbbb3; color : white; height: 100%; }


a:link, a:visited 			{ color: white; text-decoration: none; }
a:hover						{ color: black; }
a:active					{ color: #5b0f0f;}

.shadow						{ -moz-box-shadow: 0px 0px 8px rgba(167,166,157,15); -webkit-box-shadow: 0px 0px 8px rgba(167,166,157,15); box-shadow: 0px 0px 8px rgba(167,166,157,15); }
.shadow-light				{ -moz-box-shadow: 0px 0px 8px rgba(239,239,239,10); -webkit-box-shadow: 0px 0px 8px rgba(239,239,239,10); box-shadow: 0px 0px 8px rgba(239,239,239,10); }


/**
 *  PRELOAD
 * --------------------------------------------------------- */
div#loading-container		{ position: absolute; z-index: 99; margin: auto 0; top: 50%; width: 100%; overflow: hidden; }
div#progress-bar			{ height: 40px; background: #aba49a; width: 200px; }
div#progress-bar a			{ display: block; padding-right: 15px; text-align: right; color: #bcbbb3; font-weight: bold; font-size: 14px; line-height: 40px;}
div#preload					{ display: none; }

/**
 *  RESIZABLE BACKGROUND
 * --------------------------------------------------------- */
div#background-image 		{ width: 100%; height: 100%; position: fixed; overflow: hidden; top: 0; opacity: 0;  }
div#background-image img	{ height: 100%; width:100%; position: absolute; z-index: 0; float: right; right: 0; }

/**
 *  CONTENT
 * --------------------------------------------------------- */
div.splash					{ height: 100%; background: url('../images/splash.jpg') no-repeat center center; width: 100%; height: 300px; top: 50%; margin-top: -200px; position: absolute; }

h1, h2, h3					{ padding: 5px 0; margin: 0; font-family: Georgia, 'Times New Roman', serif; color: #5b0f0f; }
div.title					{ border-bottom: 1px solid #5b0f0f; margin-bottom: 10px; padding-bottom: 5px; }
#logo, #navigation, #fabric, 
#lighthouse, #footer		{ position: absolute; z-index: 2; opacity: 0; }
div#logo					{ margin: 30px; }
div#navigation				{ margin: 120px 0 0 40px; }
div#navigation a			{ display: block; width: 300px; opacity: 0; z-index: 9; font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 5px 0 5px 100px; }
a.nav-current				{ color: #5b0f0f; }
div#lighthouse				{ bottom: 0; margin: 0 0 20px 30px; }
div#fabric					{ bottom: 0; right: 0; margin: 0 30px 20px 0;}
div#content					{ position: absolute; z-index: 2; margin-left: 50%; left: -20%; top: 15%; width: 40%; height: 65%; overflow: hidden; z-index: 8; }
div.title					{ opacity: 0; }
div.content-scroll			{ overflow: hidden; font-size: 12px; color: black; line-height: 1.5em; }
.jScrollPaneContainer		{ opacity: 1; }
div#content > div			{ height: 100%; } /* first div element */

#lighthouse a, #fabric a	{ opacity: .8; }
#lighthouse a:hover, 
#fabric a:hover				{ opacity: 1; }

#content-homepage,			
#content-about, 
#content-calculator,
#content-listings,
#content-testimonials,
#content-contact,
#content-faq,
#content-how-it-works,
#content-news				{ display: none; height: 100%; }
#content-homepage			{ }

sup							{ font-size: 10px; font-weight: bold;}
#content-calculator table 	{ width: 100%;}
#content-calculator table td{ margin: 2px 0 !important;}
#content-calculator table td{ padding: 5px 8px; text-transform: uppercase; font-size: 11px; }
#content-calculator .th		{ background: #5b0f0f; color: #b8bab6; padding: 20px 0; font-size: 40px; font-family: serif; width: 50px; text-align: center;}
#content-calculator input	{ width: 55px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: white; border: none; border-top: 1px solid #555; border-left: 1px solid #555; padding: 7px 11px; margin-left: 2px; font-size: 14px; }
#commission, #balance,
#commission-total, #rebate, 
#total-cost					{ background: #cfcfcf !important; }
input#cost					{ width: 90px; text-align: center;}
input#commission-total,
input#rebate,
input#total-cost			{ width: 90px; text-align: center; }		
input#commission			{ background: #cfcfcf url('../images/commission.png') no-repeat 90% center !important; }
input#balance				{ background: #cfcfcf url('../images/balance.png') no-repeat 90% center !important; }
#content-calculator label 	{ font-size: 18px; }
div#show-disclaimer a,
div#hide-disclaimer a		{ color: #5B0F0F; font-size: 11px; text-transform: uppercase; font-weight: bold; }
div#hide-disclaimer 		{ clear: both; display: block; text-align: right; padding: 5px 0; }

div#totals					{ border-top: 1px solid #5b0f0f; border-bottom: 1px solid #5b0f0f; margin: 10px 0; padding: 10px 0; }
span.heading				{ font-family: serif; font-size: 18px; color: #5b0f0f; float: left; }
span#total-cost, 
span#total-saved 			{ font-family: serif; font-size: 24px; color: #5b0f0f; float: right;}

div#disclaimer				{ display: none; font-size: 10px; line-height: 1.2em; font-family: verdana, arial, sans-serif; color: #615e55; padding-left: 62px; background: url('../images/info.png') no-repeat; }

a.current-listings			{ background: url('../images/title-current-listings.png') no-repeat -202px 0; width: 200px; height: 29px; }
a.current-listings-sel		{ background: url('../images/title-current-listings.png') no-repeat; width: 200px; height: 29px; }
#sold-listings				{ display: none; }
a.sold-listings				{ background: url('../images/title-sold.png') no-repeat -54px 0; width: 54px; height: 29px; }
a.sold-listings-sel			{ background: url('../images/title-sold.png') no-repeat; width: 54px; height: 29px; }

div.item-description		{ padding-top: 10px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #5b0f0f;}
img.item-image				{ border: 5px solid white; width: 98%; }
span.item-location			{ font-size: 14px; }
span.item-price				{ color: #5b0f0f; font-weight: bold; font-size: 18px; letter-spacing: -1px; }
a.item-link					{ color: black; text-transform: uppercase; font-weight: bold; font-size: 10px;}

div.listing-item			{ padding-bottom: 15px; border-bottom: 1px solid #5b0f0f; margin-bottom: 15px; }
div.listing-left			{ float: left; width: 28%; }
div.listing-left img		{ display: block; width: 85%; padding: 3px; background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.listing-right			{ float: left; width: 70%; }
h2.listing-title			{ font-family: arial, sans-serif; font-size: 12px; letter-spacing: 0; font-weight: bold; padding: 0; }
p.listing-top				{ font-size: 10px; color: #3c3b34; padding: 0 !important;}
p.listing-desc				{ padding: 3px 0 !important; }
a.read-more					{ font-weight: bold; color: #5b0f0f !important; }

div.listing-full			{ padding: 30px; background: white; margin-top: 15px; }
div.listing-full-left		{ width: 350px; float: left;}

div.listing-full-thumbs		{ padding-top: 15px; z-index: 99999; }
div.listing-full-thumbs a	{ width: 50px; height: 50px; overflow: hidden; display: block; float: left; border: 1px solid black; margin-right: 3px; }
div.listing-full-thumbs a img { width: 90px; min-height: 50px; margin-left: -25px; }
div.listing-full-left img	{ max-height: 400px; width: 350px; }
div.listing-full-right 		{ width: 310px; padding-left: 30px; float: left; font-size: 12px !important; color: #333 !important;}
p.listing-full-description	{ max-height: 240px; overflow: auto;}
div.listing-full-meta		{ padding-top: 15px; border-top: 1px solid #ccc; }
div.listing-col				{ width: 145px; }
div.listing-col	table		{ padding: 0; margin: 0;}
div.listing-col	table td 	{ padding: 0; margin: 0; font-size: 10px; color: black !important; }
td.td-alt					{ text-align: right; padding-left: 10px;}
div.listing-full-right a	{ color: #5b0f0f !important; }

div.testimonial				{ padding-left: 60px; background: url('../images/quote.png') no-repeat; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #5b0f0f; }
div.content-contact			{ }
div.content-contact	a		{ color: black; }

div#content-news .title img { float: left; }
div.news-item				{ padding-bottom: 20px; }
div.news-item h3			{ font-size: 14px; font-weight: bold; font-family: arial, helvetica, sans-serif;}
div.news-body				{ font-size: 12px; } 
a.subscribe					{ float: right; background: url('../images/rss.png') no-repeat right center; color: black; font-weight: bold; display: block; padding: 2px 37px; font-size: 18px; }


/**
 *  FULLSCREEN
 * --------------------------------------------------------- */
div.fullscreen-video		{ width: 700px !important; height: 450px !important; margin-top: -225px !important; left: -350px !important; }
div.fullscreen-video-desc	{ margin: 12px 0 0 20px; width: 550px; overflow: hidden; font-size: 12px; }
a.fullscreen-video-close	{ margin-top: 190px; left: 270px; color: #333 !important; }
div#fullscreen-bg			{ background: #bcbbb3; position: absolute; width: 100%; z-index: 998; height: 100%; left: 0; top: 0; display: none; opacity: 0;}
div#fullscreen-content img	{ cursor: pointer; }
div#fullscreen-content		{ 
								position: fixed; 
								width: 750px; 
								z-index: 999; 
								height: 500px;
								margin-left: 50%; 
								margin-top: -250px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
							 	left: -375px; 
								top: 50%; 
								opacity: 0; 
								display: none; 
								background: white url('../images/loader.gif') no-repeat center center;
							}								
a#fullscreen-close 			{ 
								position: fixed; 
								z-index: 1000; 
								margin-left: 50%; 
								top: 50%; 
								margin-top: -247px; 
								left: 295px; 
								padding: 5px 8px; 
								font-size: 12px; 
								color: #ccc; 
								display: none; 
								background: #fff; 
							}
a#fullscreen-close:hover	{ color: #333; }