/*---------------------------------------------
*	File Name:		screen.css
*	Website Name:	Heyl & Patterson
*	Website URI:	www.heylpatterson.com
*	Copyright:		2009 Heyl & Patterson
*	
*	Author: 		Zoltun
*	Author URI:		www.zoltun.com
*
*   The body is declared in the master.css
*	stylesheet.  
*--------------------------------------------*/

/*/////////////////////////////////////////////////////////////
///															///
///		Please do not use Dreamweaver's code formatting. 	///
///		Leave the structure of this document as it is.  	///
///		Thank you.											///
///															///
/////////////////////////////////////////////////////////////*/

/*	Global Styles
---------------------------------------------*/

body { background: #949089 url(../images/bg_body.png) repeat-x left 120px; font-family: Arial, Helvetica, sans-serif; }

.notext { text-indent: -999em; overflow: hidden; }

a { color: #900; }

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

#header { background: #490400; border-bottom: 2px solid #b50900; padding-top: 10px; }

#logo { background: url(../images/logo.png) no-repeat; display: block; float: left; height: 131px; margin-right: 20px; width: 300px; }

#angle_top { background: url(../images/angle_top.png) no-repeat; height: 25px; margin: -3px 0px 10px 65%; }

#search_area { float: left; height: 25px; }

#translate_box { background: #400; color: #400; display: none; height: 20px; left: 150px; overflow: hidden; padding: 1px 3px; position: absolute; top: 28px;; }

/*	Page Structure
---------------------------------------------*/

.wrap { width:960px; margin:0 auto; position: relative; }

#ribbon { background: url(../images/bg_ribbon.png); display: block; height: 300px; position: absolute; left: 0; top: 0px; width: 100%; }
	.home_banner { margin-top: 15px; }
	.home_callout {
	background: url(../images/bg_redbox.png);
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	height: 130px;
	left: -10px;
	padding: 20px;
	position: absolute;
	top: 120px;
	width: 300px;
	z-index: 1000;
}
#main { clear: both; position: relative; margin: 50px 0px; min-height: 500px; }
	.main_home { padding-top: 280px; }
	.home_content { background: #fff url(../images/bg_topstrip_gray.png) no-repeat 50px top; border: 2px solid #676560; margin-top: 40px; width: 720px; }
	.hc_left { margin: 25px 00px 25px 50px; float: left; width: 440px; }
	.hc_right { float: right; width: 186px; }
	
	.interior_content { background: #e9e6e3; margin-top: -10px; width: 960px; position: relative;}
	.img_intro { float: left; margin-right: 30px; }
	.ic_left { float: left; padding: 30px 0px 30px 30px; width: 590px; }
		.sub_intro { background: #fff url(../images/bg_subintro.png) no-repeat 160px top; border: 10px solid #900000; margin: 15px 0px 15px -40px; width: 620px; }
		.sub_page { background: #fff url(../images/bg_sub.png) no-repeat center top; color: #333; padding: 20px 0px 20px 50px; width: 570px; }
		.img_full { margin: 15px 0px; }
		
	.ic_right { position: absolute; right: -15px; top: 50px; width: 317px; }
		.quote_box { background: #c9c6c3; border: 1px solid #e9e6e3; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; padding: 15px; }
		.featured_box {
	background: #490400;
	border: 3px solid #900;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
		.featured_box a { color: #fff; }
		.info_box {
	background: #fff;
	border: 5px solid #b7b7b7;
	color: #333;
	padding: 20px;
	margin: 15px 0px;
	font-size: 90%;
}
		.staff_name { font-weight: bold; }
	
	.bulk_content { background: #1b331b; }
		.bulk_content .sub_intro, .sub_bulk { background-image: url(../images/bg_sub_bulk.png) !important; border-color: #93b800 !important; }
		.bulk_content .sub_intro { background-image: url(../images/bg_page_bulk.png); }
		.bulk_content .quote_box { background: #204d20; border: 1px solid #647d00; color: #a5cf00; }
		
	.renn_content { background: #132833; }
		.renn_content .sub_intro, .sub_renn { background-image: url(../images/bg_sub_renn.png) !important; border-color: #54acdc !important; }
		.renn_content .sub_page { background-image: url(../images/bg_page_renn.png); }
		.renn_content .quote_box { background: #224659; border: 1px solid #306480; color: #5ec1f7; }

	.after_content { background: #260f01; }
		.after_content .sub_intro { background-image: url(../images/bg_sub_after.png); border-color: #e35807; }
		.after_content .sub_page { background-image: url(../images/bg_page_after.png); }
		.after_content .quote_box { background: #401902; border: 1px solid #803104; color: #ff6308; }
	
	.btn_big { display: block; height: 73px; margin: 15px 0px; width: 317px; }
		.btn_ctq { background: url(../images/btn_ctq.png) no-repeat; }
		.btn_contact { background: url(../images/btn_contact.png) no-repeat; }
		.btn_green { background: url(../images/btn_green.png) no-repeat; }
		
	.btn_back { float:right; width:60px; margin: 18px 0px 0px 0px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
	
	

#footer { background: #490400; border-top: 2px solid #b50900; clear:both; color: #fff; margin: 0px; min-height: 120px; padding-bottom: 23px; position: relative; }
	#angle_bottom { background: url(../images/angle_bm.png) no-repeat right; clear: both; height: 23px; margin: -23px 0px 0px 0px; width: 35%; position: relative; }

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

.nav { list-style-type: none; float: left; padding: 0; text-transform: uppercase; }
	.nav li { display: inline; float: left; }
	.nav li a { display: block; float: left; }
	
.nav_top { font-size: .9em; font-weight: bold; height: 25px; text-align: center; position: relative; }
	.nav_top li a { background: #620500; color: #fff; height: 25px; line-height: 25px; margin-right: 10px; width: 60px; }
	.nav_top li a.nav_translate { width: 140px; }
	.nav_top li a.nav_contact { width: 70px; }
	.nav_top li a:hover { background: #900; text-decoration: none; }

.nav_main { font-size: 1.2em; font-weight: bold; margin-top: 10px; }
	.nav_main li a { background: url(../images/btn_topnav.png) no-repeat 0px 0px; height: 50px; line-height: 1.2; margin: 0px 10px 0px 0px; padding: 30px 20px 0px; width: 160px; }
	.nav_main li a:hover { background-position: 0px -81px; color: #fff !important; text-decoration: none; }
	.nav_main li.bulk a	{ color: #a3c810; }
	.nav_main li.renneberg a { color: #64bcec; }
	.nav_main li.aftermarket a { color: #f36817; }

.nav_big {
	height: 255px;
	position: absolute;
	right: 0px;
	top: -110px;
	width: 424px;
	z-index: 1000;
}
	.nav_big li { display: block; float: none; }
	.nav_big li a { background-position: 0px 0px; cursor: hand; display: block; float: none; height: 85px; width: 424px; }
	.nav_big li.bulk a { background: url(../images/btn_big_bulk.png) no-repeat; }
	.nav_big li.renneberg a { background: url(../images/btn_big_renn.png) no-repeat; }
	.nav_big li.aftermarket a { background: url(../images/btn_big_after.png) no-repeat; }
	.nav_big li a:hover { background-position: 0px -85px; }

.nav_home_bugs { margin: 180px 0px 0px; width: 186px; }
	.nav_home_bugs li { display: block; float: none; margin-bottom: 20px; }
	.nav_home_bugs li a { display: block; float: none; height: 57px; width: 186px; }
	.nav_home_bugs li.ctq a { background: url(../images/btn_ctq_white.png) no-repeat; }
	.nav_home_bugs li.contact a { background: url(../images/btn_contact_white.png) no-repeat; }
	.nav_home_bugs li.green a { background: url(../images/btn_green_white.png) no-repeat; }

.nav_small { position: absolute; right: 8px; top: 150px; width: 205px; }
	.nav_small li { display: block; float: none; margin-bottom: 10px; }
	.nav_small li a { background: url(../images/btn_redbox.png) no-repeat 0px 0px; color: #fff; float: none; font-size: 1.4em; font-weight: bold; height: 37px; line-height: 37px; padding-left: 15px; width: 190px; }
	.nav_small li a:hover { background-position: 0px -37px; text-decoration: none; }
	
.nav_small_bulk {
	position: absolute;
	right: 8px;
	top: 720px;
	width: 205px;
}
	.nav_small_bulk li { display: block; float: none; margin-bottom: 10px; }
	.nav_small_bulk li a { background: url(../images/btn_redbox.png) no-repeat 0px 0px; color: #fff; float: none; font-size: 1.4em; font-weight: bold; height: 37px; line-height: 37px; padding-left: 15px; width: 190px; }
	.nav_small_bulk li a:hover { background-position: 0px -37px; text-decoration: none; }
	
.nav_small_renn {
	position: absolute;
	right: 8px;
	top: 790px;
	width: 205px;
}
	.nav_small_renn li { display: block; float: none; margin-bottom: 10px; }
	.nav_small_renn li a { background: url(../images/btn_redbox.png) no-repeat 0px 0px; color: #fff; float: none; font-size: 1.4em; font-weight: bold; height: 37px; line-height: 37px; padding-left: 15px; width: 190px; }
	.nav_small_renn li a:hover { background-position: 0px -37px; text-decoration: none; }
	
.nav_small_after {
	position: absolute;
	right: 8px;
	top: 770px;
	width: 205px;
}
	.nav_small_after li { display: block; float: none; margin-bottom: 10px; }
	.nav_small_after li a { background: url(../images/btn_redbox.png) no-repeat 0px 0px; color: #fff; float: none; font-size: 1.4em; font-weight: bold; height: 37px; line-height: 37px; padding-left: 15px; width: 190px; }
	.nav_small_after li a:hover { background-position: 0px -37px; text-decoration: none; }

.nav_sub { padding: 0; list-style-type: none; }
	.nav_sub li { margin-bottom: 10px; }
	.nav_sub li a { display: block; font-size: 1.2em; font-weight: bold; height: 58px; line-height: 58px; padding-left: 30px; text-transform: uppercase; width: 317px; }
	.bulk_content .nav_sub li a { color: #1b331b; background: url(../images/btn_subnav_bulk.png) no-repeat; }
	.renn_content .nav_sub li a { color: #132833; background: url(../images/btn_subnav_renn.png) no-repeat; }
	.after_content .nav_sub li a { color: #260f01; background: url(../images/btn_subnav_after.png) no-repeat; }
	.about_content .nav_sub li a { color: #ffffff; background: url(../images/btn_subnav_about.png) no-repeat; }
	.nav_sub li a:hover { text-decoration: none; }

.nav_footer { float: left; list-style-type: none !important; margin: 25px 0px 0px 20px; padding-left: 0; width: 220px; }
	.nav_footer li a { color: #fff; font-size: .9em; font-weight: bold; }

/*	Headings
---------------------------------------------*/

h1 {}
	.interior_title { color: #e9e6e3; font-size: 4.5em; letter-spacing: -0.08em; line-height: 1; margin: 0 0 0 -4px; padding-bottom: 0; text-transform: uppercase; }
		.bulk_title { color: #1b331b; }
		.renn_title { color: #132833; }
		.after_title { color: #260f01; margin-left: 0px; }
		.fix_align { margin-left: 0px; }

h2 {}
	.interior_content h2 { color: #900; font-size: 1.8em; font-weight: bold; }
	.sub_intro h2 { color: #900; font-size: 1.8em; padding-top: 1em; }
		.home_content h2 { color: #900; }
		.bulk_content h2, .sub_bulk h2 { color: #9cc502 !important; }
		.renn_content h2, .sub_renn h2 { color: #5ec1f7 !important; }
	.after_content h2 { color: #ff6308; }
	.featured_box h2 { color: #fff; font-size: 1.3em; font-weight: bold; margin-top: 10px; }
	
h3 {}


/*	Text Styles
---------------------------------------------*/

p {}
	.home_content p { font-size: 1.1em; color: #3e3d3a; }
	.copyright { clear: both; font-size: .9em; text-align: center; }
	.interior_content p { color: #333; }
		.bulk_content p, .renn_content p, .after_content p { color: #fff; }
	.sub_intro p { color: #200 !important; font-size: .9em; padding-right: 40px; }
	.featured_box p { color: #fff; font-size: .9em; }	
		.bulk_content .sub_intro p { color: #1b331b; }
		.renn_content .sub_intro p { color: #132833; }
		.after_content .sub_intro p { color: #260f01; }
	
	.go_links { font-weight: bold; text-transform: uppercase; }
	
ul {}
	.sub_intro .columned { color: #200; font-size: .9em; height: 2.8em; }
	.sub_intro .columned li { float: left; margin-left: 15px; padding: 0px 15px 0px 0px; width: 110px; }
		.bulk_content .sub_intro .columned { color: #1b331b; }
		.renn_content .sub_intro .columned { color: #132833; }
		

/*	Forms
---------------------------------------------*/

input {}
	.search_text { background: #d1c0bf url(../images/bg_search_box.png) no-repeat; border: 0; color: #333; font-weight: bold; 
				   height: 19px; margin: 0; padding: 6px 5px 0px; width: 170px; }
	.search_btn  { background: url(../images/btn_search.png) no-repeat; border: 0; margin: 0; height: 25px; width: 60px; }


/*	Extras
---------------------------------------------*/

.case_div { background-repeat: no-repeat; background-position: left center; font-size: 1.2em !important; font-weight: bold; margin-bottom: .75em; padding: 0 0 0 25px; }
		.case_div_bulk { background-image: url(../images/accent_1.jpg); color: #a5cf00 !important; }
		.case_div_renn { background-image: url(../images/accent_2.jpg); color: #5ec1f7 !important; }
		.case_div_after { background-image: url(../images/accent_3.jpg); color: #ff6308 !important; }