/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	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: #6B6861 url('../img/bg/main-bg.jpg') top left repeat-x;
	margin: 0 0 0px 0; padding: 0 0 30px 0;	
	}


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

#main-nav {
	background: #982F0F url(../img/nav/main-nav-bg.png) top left repeat-x; 
	width: 960px; height: 41px; 
	overflow: hidden;
	}

#main-nav a, #main-nav ul, #main-nav li {
	font-size: 13px; line-height: 41px; font-weight: bold;
	}

#main-nav a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 0; padding: 0 20px; 
	width: auto; height: 41px;
	overflow: hidden;
	border-right: 1px solid #B23711;
	}

#main-nav a:link, #main-nav a:visited 	{ color: #FFF;  }
#main-nav a:active, #main-nav a:hover 	{ background:transparent url(../img/nav/main-nav-hover-bg.png) 50% 100% no-repeat; color: #FFFECB; }

#main-nav ul { 
	display: inline; 
	margin: 0; padding: 0; 
	}

#main-nav ul li {
	display: inline; list-style-type: none;
	margin: 0; padding: 0 0px; 
	}	
 
body#home-section #nav-one 					a { background:transparent url(../img/nav/main-nav-hover-bg.png) 50% 100% no-repeat; color: #FFF;  }
body#about-section #nav-two 				a { background:transparent url(../img/nav/main-nav-hover-bg.png) 50% 100% no-repeat; color: #FFF; }
body#payment-section #nav-three 			a { background:transparent url(../img/nav/main-nav-hover-bg.png) 50% 100% no-repeat; color: #FFF; }
body#credit-section #nav-four 				a { background:transparent url(../img/nav/main-nav-hover-bg.png) 50% 100% no-repeat; color: #FFF;  }
body#loan-section #nav-five 				a { background:transparent url(../img/nav/main-nav-hover-bg.png) 50% 100% no-repeat; color: #FFF; }
body#contact-section #nav-six 				a { background:transparent url(../img/nav/main-nav-hover-bg.png) 50% 100% no-repeat; color: #FFF; }

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

#header-div h1 a {
	background: transparent url(../img/logo/main-logo.jpg) no-repeat left top;
	display: block; float: left;
	width: 324px; 	height: 103px;
	margin: 0px 0 0 20px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}


#header-div h2  {
	background: transparent url(../img/logo/main-slogan.jpg) no-repeat left top;
	display: block; float: right;
	width: 605px; 	height: 84px;
	margin: 0px 0 0 0px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}




/* Intro Header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#home-section #intro-header {
	background: #FFFECB url(../img/bg/home-header-intro-bg.jpg) bottom left repeat-x;
	width: 960px; height: 222px;
	margin: 0; padding: 0;	
	}

#intro-header {
	background: #FFF url(../img/bg/sub-header-intro-bg.jpg) top left repeat-x;
	width: 960px; height: 75px;
	margin: 0; padding: 0;	
	}	

#home-section #intro-header img { float: right; margin: 0px 0px 0 0; }

#intro-header img { float: left; margin: 0px 0px 0 10px; }

.page-title { 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 32px; font-weight: bold; line-height: 120%;
	color: #332613;
	margin: 0; padding: 20px 0 0 20px; 
	display: block; float: left; 
	letter-spacing: -1px;
	}
	
#intro-header-content { 
	float: left;
	width: 600px; height: auto;
	margin: 0; padding: 20px 0 0 20px;	
	}

#intro-header #intro-header-content img { float: left; margin: 0px 0px 0 0 ;}

#intro-header-content h3 { 
	font-size: 32px; font-weight: bold; line-height: 120%;
	color: #332613;
	margin: 0; padding: 0; 
	letter-spacing: -0.05em;
	}

#intro-header-content p { 
	font-size: 18px; font-weight: normal; line-height: 140%;
	color: #333333;
	margin: 0; padding: 20px 0 0 0; 
	}
	
	
/* Sub Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
#right-content-col table {
	padding: 10px 0 0 0;
}	
	
#right-content-col #sub-nav {
	padding: 0; margin: 0;
}

#right-content-col #sub-nav a {
	font-size: 12px;
	color: #993300;
	font-weight: 600;
	line-height: 22px;
	padding: 3px 3px 3px 10px;
	background: transparent url(../img/icons/sub-nav.gif) 50% left no-repeat;
}

#right-content-col #sub-nav a:hover {
	background: transparent url(../img/icons/sub-nav-hover.gif) 50% left no-repeat;
}

#right-content-col #sub-nav ul {
	padding: 0; margin: 0;
}

#right-content-col #sub-nav li {
	padding: 3px 3px 3px 0; margin: 0;
}


/* Contact Sub Section */

#sidebar-contact-table tr {
	padding: 5px 0; margin: 0;
}
	
#sidebar-contact-table td {
	padding: 5px 0; margin: 0;
	font-style: italic;
	vertical-align: text-top;
}

#sidebar-contact-table td p{
	padding: 0; margin: 0;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

#sidebar-contact-table td p strong{
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
}


/* Checkmark the p tag */

#right-content-col .checkmark-p {
	padding: 0 0 0 23px; margin: 10px 0;
	background: transparent url(../img/icons/checkmark.gif) top left no-repeat;
	font-size: 12px;
	color: #333;
}

#right-content-col .plus-sign-td {
	padding: 0 0 0 18px; margin: 5px 0;
	background: transparent url(../img/icons/plus-sign.gif) 50% left no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

	


/* RFQ Form Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
 
  
 
.rfq-button, #rfq-success {
	margin: 0; padding:5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:top;
	cursor:pointer; 
	font-weight: bold; font-size: 12px;
	color:#FFF;  
	}
	 
.rfq-button 	{ background-color:#60C21E; border:1px solid #60C21E; margin: 0 0 0 118px;	}

#rfq-success-message 	{ 

	background-color:#60C21E; border:1px solid #60C21E;	
	margin: 0; padding:5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight: bold; font-size: 12px;
	color:#FFF; 
}

#rfq-success-message p { color: white; }

.rfq-fieldset, #rfq-review {
	border-top: 5px solid #DCE6EC;
	border-right: 1px solid #DCE6EC; 
	border-bottom: 1px solid #DCE6EC; 
	border-left: 1px solid #DCE6EC;  	
	margin: 5px 0 0 0; padding: 10px; 
	} 

#rfq-contact-info label { float: left; width: 100px; font-size: 11px; font-weight: bold; padding: 0 10px 0 0; text-align: right; }
#rfq-project-info label { font-size: 11px; font-weight: bold; padding: 0 10px 0 0; text-align: right; }

#rfq-project-info p strong { border-top: 1px solid #A3C9D3; display: block; margin: 5px 0 0 0; padding: 5px 0 0px 0; }

#rfq-review { padding: 15px; margin: 5px 0 10px 0; }
#rfq-review p { font-size: 14px; }

/* Quote Block
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#quote { 
	margin: 0; padding: 10px 0px 5px 0; 
	font-family: Georgia, 'Times New Roman' serif;
	font-size: 17px; line-height: 130%; font-style: italic; 
	color: #004261;
	}

#quote cite {
	margin: 0; padding: 10px 0; 
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px; line-height: 130%; font-style: normal; font-weight: bold;
	color: #333333;
	display: block; 
	}

#quote cite strong { display: block; font-weight: bold; }

/* Get A Quote
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#get-quoted {
	background-color: #185FAF; 
	border: 1px solid #1B7DE7; 
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	margin: 5px; padding: 5px;
	}

#get-quoted img { float: left; margin: 0 10px 0 0; }

#get-quoted h4 { color: white; padding: 0; margin: 0; font-size: 14px; font-weight: bold; }

#get-quoted p { color: white; padding: 0; margin: 0; font-size: 11px;  }

#get-quoted a { color: white; text-decoration: underline; }


/* Blog Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-content-col .post-entry-header h3 { padding: 0; }
#main-content-col .post-entry-header small { font-weight: bold; font-size: 12px; }

#main-content-col .post-entry 		{ border-top: 1px solid #EEE; padding: 10px 0; }
#main-content-col .post-entry-first { border: 0; padding: 10px 0; }

#main-content-col .post-entry-content { font-size: 13px; }

#main-content-col .post-entry-meta { font-size: 12px; padding: 0; margin: 0; }
#main-content-col .post-entry-meta a { font-size: 12px; }

#main-content-col .post-indiv-header h3 { padding: 0; font-size: 22px; }
#main-content-col .post-indiv-header small { font-weight: bold; font-size: 13px; }

#main-content-col #commentlist {
	padding: 0;
	margin: 0;
}

#main-content-col #commentlist li.even {
	list-style-type: none;
	padding: 10px;
	margin: 0;
	font-size: 13px;
	background-color: #FBFBFB;
}
#main-content-col #commentlist li.even p { font-size: 12px; }

#main-content-col #commentlist li.odd {
	list-style-type: none;
	padding: 10px;
	margin: 0;
	font-size: 13px;
	background-color: #F7F7F7;
}
#main-content-col #commentlist li.odd p { font-size: 12px; }

#main-content-col #commentlist cite {
	font-weight: 600;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 12px;
}



/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
blockquote p {
	font-size: 12px;
}
.float-img-left { float: left; padding: 0 10px 0 0; }
.float-img-right { float: right; padding: 0 0 0 10px; }
.border-bot { border-bottom: 1px solid #D5D5D5; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.border-top { border-top: 1px solid #D5D5D5; padding: 5px 0 0 0; margin: 5px 0 0 0; clear: both; }