/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background: #FFF url('../img/bg/main-bg.jpg') top left repeat-x;
	margin: 0; padding: 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav { 
			
	width: 509px; height: 54px;
	display: block; float: right;
	margin: 0 10px 0 0;
	}

#main-nav ul {

	background: transparent url('../img/nav/main-nav.jpg') top left no-repeat;
	position: relative;
	display: block; float: right;
	width: 509px; height: 54px; 
	margin: 0 0 0 0; padding: 0; 
	

	}

#main-nav li, #main-nav a 	{ display: block; height: 54px; outline: none; }
#main-nav li 				{ position: absolute; top: 0px; }
#main-nav a 				{ text-indent: -9999px; text-decoration: none; outline: none; }


#main-nav #nav-one		{ left: 0px; width: 86px; }                                            
#main-nav #nav-two		{ left: 86px; width: 117px; }
#main-nav #nav-three	{ left: 203px; width: 110px; }
#main-nav #nav-four		{ left: 313px; width: 107px; }
#main-nav #nav-five		{ left: 420px; width: 89px; }


#main-nav #nav-one a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -0px -54px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -86px -54px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav/main-nav.jpg') -203px -54px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -313px -54px no-repeat; }
#main-nav #nav-five a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -420px -54px no-repeat; }


#sub-nav { margin: 15px 0 15px 0; padding: 0; list-style-type: none; }

#sub-nav li { border-bottom: 1px dotted #918A73; }

#sub-nav a:link, #sub-nav a:visited  	{ margin: 0; padding: 5px 0 5px 10px; display: block; background: transparent url('../img/blt/snav-blt.jpg') 0 10px no-repeat; font-size: 11px; font-weight: bold; text-decoration: none;  }
#sub-nav a:active, #sub-nav a:hover  	{ margin: 0; padding: 5px 0 5px 10px; display: block; background: transparent url('../img/blt/snav-blt.jpg') 0 10px no-repeat; font-size: 11px; font-weight: bold; text-decoration: none;  }


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url('../img/logo/kalles-logo-190x66.jpg') no-repeat left top;
	display: block; float: left;
	width: 190px; 	height: 66px;
	margin: 14px 0 0 10px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 		{ clear: both; } 
.pad-top 	{ margin: 0; padding: 7px 0 0 0;}
.small-text { font-size: 10px; }

#quote 				{ margin: 0; padding: 5px 0; }
#quote p 			{ margin: 0; padding: 0; color: #666666; font-weight: bold; font-style: italic; }
#quote span.cite 	{ display: block; clear: both; margin: 0; padding: 9px 0 0 0; color: #333; } 

#footer-div p { margin: 2px 0 2px 10px; padding: 0; font-size: 11px; }

#infoTable { background-color: white; border: 1px solid #CCCCCC; margin: 10px 0; padding: 1px;}
#infoTable td.lightTd { background-color: #FDFDFD; border-width: 0px; margin: 0; padding: 10px;}
#infoTable td.darkTd { background-color: #F7F7F7; border-width: 0px; margin: 0; padding: 10px;}
#infoTable strong { display: block;}

#form-style fieldset 	{ border: 1px solid #c4c4c4; padding: 10px; margin: 5px 0; }
#form-style legend 		{ font-weight: bold; font-size: 13px; text-transform: uppercase; }
#form-style label 		{ font-weight: bold; color: #003366; margin: 0;}
#form-style fieldset p 	{ border-bottom: 1px dotted #c4c4c4; margin: 5px 0; padding: 5px 0 3px 0; }

#contact-fields label 	{ display: block; float: left; width: 120px; text-align: right; margin: 0; padding: 0 15px 0 0;  }

#entry-fields label  	{  padding: 0 0 5px 0; margin: 0 0 0 0; display: block;  }
#entry-fields select 	{ clear: both; margin: 0; padding: 0px 0; }

#problem-fields label  		{  padding: 0 0 5px 0; margin: 0 0 0 0; display: block;  }
#problem-fields textarea 	{ width: 400px; }

.listing-title { border-top: 1px dotted #c4c4c4; margin: 5px 0 0 0; padding: 5px 0;  }
.listing-img { border: 1px solid #c4c4c4; padding: 1px; }

#highlight-div { float: right; width: 250px; border: 1px solid #c4c4c4; padding: 8px; margin: 0 0 15px 15px; }
#whitepaper-div { float: right; width: 250px; border: 1px solid #c4c4c4; padding: 8px; margin: 0 0 15px 15px; }

.rentalAdvert { background-color: #E8F3FF; padding: 10px;  }

.subAdvert { background-color: #E8F3FF; padding: 5px; margin: 5px 0;  }

.subAdvert p, .rentalAdvert p { font-size: 11px; line-height: 14px; font-weight: bold; }







/* SITE PRO LISTING STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#bt-rental { clear: both; margin: 5px 0 0 0; padding: 0; }

#bt-rental h4 { 
	background-color: #CCCCCC;
	color: black; font-weight: bold; font-size: 14px;
	margin: 0 0 2px 0; padding: 8px 10px;  
	}
#bt-rental h5 { color: #003567; font-size: 13px; font-weight: bold; }
#bt-col-one { background-color: white; width: 403px; float: left; display: block; }
#bt-col-two { background-color: white; width: 390px; float: right; display: block; }	

.bt-map { float: right; }
.bt-addy-header { border-bottom: 1px dotted #c4c4c4; }
.bt-date { display: block; float: left; width: 200px; padding: 5px 0; margin: 0;}
.bt-maps { display: block; float: right; width: 150px; padding: 5px 0; margin: 0;  }
.bt-comment { border-top: 1px dotted #c4c4c4; margin: 0; padding: 5px 0 0px 0; clear: both; font-size: 11px; line-height: 13px; }
.bt-special { color:#339933; font-weight: bold; }
#bt-rental ul { margin: 0; padding: 5px 0 5px 0; list-style-type: none; font-size: 11px;   }
.bt-list-one { width: 185px; display: block; float: left; }
.bt-list-two { width: 185px; display: block; float: left; }

#bts-col-one { 
	background-color: #0153A7; 
	border: 1px solid #0153A7; 
	width: 185px; height: 135px;
	margin: 0; padding: 5px 5px; 
	display: block; float: left; 
	}

#bts-col-one label { color: white; font-weight: bold; padding: 15px 0 8px 0; margin: 0; }
#bts-col-one select { margin: 2px 0; }
.submit-sort { margin: 8px 0 0 0;}

#bts-col-two {
	border: 1px solid #c4c4c4; 
	width: 582px; height: 135px;
	margin: 0; padding: 5px 5px; 
	display: block; float: right;
}

.bt-more { background-color: #E8F3FF; display: block; clear: both; padding: 2px; margin: 3px 0 0 0; font-size: 11px; text-align: left;  }
#bts-col-two h4 { font-weight: bold; margin: 0; padding: 5px 0 5px 5px; font-size: 16px;  }
#bts-col-two ul { color: #333; margin: 0 0 5px 20px;  list-style-type: square; padding: 0; font-size: 12px; line-height: 120%; }

#btp-rental { clear: both; display: block; margin: 5px 0 0px 0; padding: 0 0 0px 0; }

#btp-rental h4 { 
	background-color: #FFF; display: block; clear: both; 
	color: black; font-weight: bold; font-size: 13px;
	margin: 0px 0 0px 0; padding: 0px 0px;  
	border-top: 1px solid black;	}

#btp-rental h5 { color: #003567; font-size: 13px; font-weight: bold; }
#btp-col-one { background-color: red; width: 160px; float: left; display: block; }
#btp-col-two { background-color: green; width: 605px; float: right; display: block; }	
.btp-comment { margin: 0; padding: 5px 0 0 0; clear: both; font-size: 11px; line-height: 13px; color: #000; }
.btp-address { margin: 0; padding: 0 0 5px 0; clear: both; font-size: 12px; line-height: 13px; color: red; }

#print-details-table, #print-details-table td, #print-details-table tr { margin: 0; padding: 0; clear:none; }
#print-details-table ul {  margin: 0; padding: 0; list-style-type: none; font-size: 11px; color: #000;   }