/*
*************************************************

file : screen.css
client : Classic Custom Interior Restoration
author : Karl Brightman
date created : 17th April 2007
the movie : Doctor Who 01x05 - World War Three
on this day : 1982 - A new "patriated" Constitution of Canada, including the Canadian Charter of Rights and Freedoms, was signed into law.

*************************************************
*/

@import "cmxform.css";

/*-------------------------------------------
	Basic Selectors
-------------------------------------------*/
* { line-height: 1.4; margin: 0; padding: 0; }

body {
	background: #000;
	color: #dbdce2;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	padding: 2em 0;
	text-align: center;
}

#container {
	background: url(../images/core/container_bg.jpg) repeat 0 0;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
	width: 750px;
}

#content_container { background: url(../images/core/content_container_bg.jpg) repeat-y 0 0; }

/*-------------------------------------------
	Header
-------------------------------------------*/
#header {
	height:175px;
	position: relative;
}

#header #logo-flash {
	left: 267px;
	position: absolute;
	top: 19px;
}

#header #logo {
	background: url(../images/core/logo.jpg) no-repeat 0 0;
	display: block;
	left: 267px;
	overflow: hidden;
	text-indent: -9999px;
	width: 213px;
}

#header #flash {
	background: url(../images/core/flash_bg.jpg) no-repeat 0 0;
	height: 150px;
	left: 5px;
	position: absolute;
	top: 17px;
	width: 208px;
}

/*-------------------------------------------
	Navigation
-------------------------------------------*/
#navigation li {
	display: inline;
	list-style: none;
}

#navigation li a { 
	display: block;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	width: 172px;
}

#navigation li a:hover { background-position: 0 -31px !important; }

#navigation li a#nav-home { background: url(../images/navigation/home.jpg) no-repeat 0 0; }
#navigation li a#nav-price_list { background: url(../images/navigation/price_list.jpg) no-repeat 0 0; }
#navigation li a#nav-doortrims { background: url(../images/navigation/doortrims.jpg) no-repeat 0 0; }
#navigation li a#nav-chroming { background: url(../images/navigation/chroming.jpg) no-repeat 0 0; }
#navigation li a#nav-contact_us { background: url(../images/navigation/contact_us.jpg) no-repeat 0 0; }

/*-------------------------------------------
	Primary
-------------------------------------------*/
#primary {
	background: url(../images/core/content_bg.jpg) no-repeat left top;
	float: left;
}

#primary #primary-left {
	color: #caccd1;
	float: left;
	display: inline;
	font-size: 1.2em;
	width: 172px;
}

#primary #primary-right {
	color: #dbdce2;
	float: right;
	display: inline;
	font-size: 1.2em;
	width: 575px;
}

/*-------------------------------------------
	Primary Left
-------------------------------------------*/
#mail_orders_eftpos {
	background: url(../images/core/mail_eftpos.jpg) no-repeat 0 0;
	height: 109px;
}

.left-content h1, .left-content h2, .left-content h3, .left-content p, .left-content img, .left-content ul, .left-content ol, .left-content dl { margin-bottom: 1em; }
.left-content ol, .left-content ul { margin-left: 2em; }

.left-content a { color: #ffdb11; text-decoration: none; }
.left-content a:hover { color: #ffdb11; text-decoration: underline; }

.left-content {
	padding: 0 20px;
}

/*-------------------------------------------
	Primary Right
-------------------------------------------*/
#primary-right h1, #primary-right h2, #primary-right h3, #primary-right p, #primary-right img, #primary-right ul, #primary-right ol, #primary-right dl { margin-bottom: 1em; margin-left: 1em; }
#primary-right ol, #primary-right ul { margin-left: 2em; }

#primary-right h2 {
	color: #ffdb11;
	font-size: 1.4em;
	font-weight: bold;
}

#primary-right h3 {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

#primary-right h4 {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
}

#primary-right a { color: #ffdb11; text-decoration: none; }
#primary-right a:hover { color: #ffdb11; text-decoration: underline; }

h2#slogan {
	background: url(../images/core/slogan.jpg) no-repeat 0 0;
	display: block;
	height: 40px;
	margin: 0 auto 2em 1em;
	overflow: hidden;
	text-indent: -9999px;
	width: 342px;
}

ul.pdf_list { border-top: 1px solid #2b2b2b; margin: 0 !important; margin-bottom: 1em !important; }

ul.pdf_list li {
	border-bottom: 1px solid #2b2b2b;
	list-style: none;
	padding: 5px;
}

ul.pdf_list li a {
	background: url(../images/icon-pdf.gif) no-repeat left center;
	padding: 3px 0 3px 22px;
	text-decoration: none;
}

ul.img_list { margin-bottom: 15px; clear: both; display: inline; list-style: none; }

ul.img_list li {
	float: left;
	padding: 5px;
}

ul.img_list2 { width: 168px; text-align: center; margin-bottom: 15px; padding-left: 5px; clear: both; display: inline; list-style: none; }

ul.img_list2 li {
	padding: 5px;
	display: block;
	text-align: center;
}

hr { border-bottom: 1px solid #2b2b2b; height: 1px; border-left: none; border-right: none; border-top: none; margin-bottom: 20px; clear: both; }


/*-------------------------------------------
	Secondary
-------------------------------------------*/
#secondary {
	background: url(../images/core/content_bg.jpg) no-repeat right top;
	float: left;
	padding-top: 20px;
	width: 168px;
}

#product_list li {
	display: inline;
	list-style: none;
}

#product_list li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 168px;
}

/* home */
#product_list li a#pl-hg_console { background-image: url(../images/core/plist-hg_console.jpg); height: 109px; }
#product_list li a#pl-hthg_dash { background-image: url(../images/core/plist-hthg_dash.jpg); height: 115px; }
#product_list li a#pl-hg_heater_panel { background-image: url(../images/core/plist-hg_heater.jpg); height: 176px; }
#product_list li a#pl-hkg_light_surround { background-image: url(../images/core/plist-hkg_light.jpg); height: 143px; }
#product_list li a#pl-hkg_holden { background-image: url(../images/core/plist-hkg_holden.jpg); height: 157px; }
/* doortrims upholstery */
#product_list li a#pl-ljc_torana { background-image: url(../images/core/plist-ljc_torana.jpg); height: 109px; }
#product_list li a#pl-chrysler { background-image: url(../images/core/plist-chrysler.jpg); height: 115px; }
#product_list li a#pl-fordxyxw { background-image: url(../images/core/plist-fordxyxw.jpg); height: 150px; }
/* chroming */
#product_list li a#pl-chrominghkhthg { background-image: url(../images/core/plist-chrominghkhthg.jpg); height: 109px; }


/*-------------------------------------------
	Footer
-------------------------------------------*/
#footer {
	border-top: 1px solid #222223;
	clear: both;
	color: #646468;
	font-size: 1.1em;
	margin: 3em 188px 1em 192px;
	padding: 1em 0;
	text-align: center;
	width: 370px;
}

#footer a { color: #646468; text-decoration: none; }
#footer a:hover { color: #d4d4d4; }

#footer #site_created_by {
	background: url(../images/core/site_created_by.jpg) no-repeat 0 0;
	display: block;
	height: 21px;
	margin: 1em auto;
	overflow: hidden;
	text-indent: -9999px;
	width: 149px;
}

.bor { border: 1px solid #353536; }

/*-------------------------------------------
	Clearfix
-------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */