/* css Zen Garden submission 195 - 'Dazzling Beauty', by Deny Sri Supriyono, http://deepblue.indika.net.id/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Deny Sri Supriyono */
/* Added: February 15th, 2006 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



* {
	margin: 0;
	padding: 0;
}
html {
	background: transparent url(images/html_background.jpg) repeat-x;
	overflow-x: hidden;
}

body {
	margin: 0;
	padding: 0; 
	font: normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: #666666;
	text-align: center;
	background: transparent url(images/headerbg_new.jpg) no-repeat center top;
}

#container {
	margin: 0px auto;
	padding: 0;
	width: 766px;
	border: none;
	text-align: left;
	/*background-image: url(http://www.csszengarden.com/195/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 70px;*/
}

#pageHeader span,
#quickSummary .p1,
#preamble h3 span,
#explanation h3 span,
#participation h3 span,
#benefits h3 span,
#tested h3 span,
#five h3 span,
#experience h3 span,
#about h3 span,
#oilGrades h3 span,
#dealer h3 span,
#contact h3 span,
#bible h3 span,
#privacy h3 span,
#sitemap h3 span,
#gallery h3 span,
#lselect h3 span,
#larchives h3 span,
#lresources h3 span,
#extradiv3,
#extraDiv4,
#extraDiv5,
#extraDiv6 {
	display:none;
}

a, a:visited {
	text-decoration: none;
	color: #D7661C;
	border-bottom: 1px dotted #ccc;
}

a:hover {
	text-decoration: none;
	color: #94AB36;
	border-bottom: 1px solid #ccc;
}

acronym {
	text-decoration: none;
	color: #D7661C;
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

p {
	margin-bottom: 10px;
}

#quickSummary .p2 {
	padding-top: 220px;
	margin-left: 430px;
	font: normal 0.9em/0.9em Arial, Tahoma, Georgia, sans-serif;
	letter-spacing: -1px;
	color: #C3A176;
	text-transform: uppercase;
	width: 220px;
}


#preamble, #explanation, #participation, #benefits, #tested, #five , #experience, #about, #oilGrades, #dealer, #contact, #bible, #privacy, #sitemap, #gallery {
	top: 0;
	position: relative;
	left: 10px;
	color: #666666;
	width: 500px;
	padding:10px;
	text-align: left;
	background-color:#fff;
}

#sitemap ul li { margin-left: 20px; }
#preamble h3 {
	background-image: url(http://www.csszengarden.com/195/theroadto.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 38px;
}

#explanation h3 {
	background-image: url(images/h3-HighPerformanceEngineOil.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 50px;
}

#participation h3 {
	background-image: url(http://www.csszengarden.com/195/participation.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 38px;
}

#benefits h3 {
	background-image:url(images/h3-BenefitsOfKiCOil.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#benefits ul li { margin-left: 20px; }

#tested h3 {
	background-image:url(images/h3-TestedOnTheRacingTrack.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#five h3 {
	background-image:url(images/h3-FiveTimesChampion.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#experience h3 {
	background-image:url(images/h3-ExperienceTheDifferenceNOW.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#about h3 {
	background-image:url(images/h3-about.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#oilGrades h3 {
	background-image:url(images/h3-OilGrades.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#dealer h3 {
	background-image:url(images/h3-DealerLocator.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#contact h3 {
	background-image:url(images/h3-ContactUs.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}
#bible h3 {
	background-image:url(images/h3-EngineOilBible.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#privacy h3 {
	background-image:url(images/h3-PrivacyPolicy.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#sitemap h3 {
	background-image:url(images/h3-SiteMap.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}

#gallery h3 {	
	background-image:url(images/h3-GalleryDownload.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 50px;
}


#footer{
	clear: both;
	position: relative;
	text-align: left;
	width: 759px;
	height: 100px;
	background-image:url(images/footerbg.jpg);
	background-repeat:no-repeat;
	background-position: top center;
}

#footer a, #footer a:visited {
	padding: 5px;
	color:#666666;
	font-weight:bold;
}

#footer a:hover {
	padding: 5px;
	font-weight:bold;
	color: #e66e31;
}

#footerDetails { width: 100%; padding-top: 10px; padding-left:5px;}
#footerDetails li {
	width: 100px;
	float:left;
	text-align:center;
}

#footerDetails a, #footerDetails a:visited { 

}

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 { display:none }

#supportingText {
	padding-top: 280px; 
	
	
}
	
	
#linkList{
	/*background-image: url(http://www.csszengarden.com/195/bgsidebar.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	background-color:#fff;
	position: absolute;
	right:auto;
	top: 360px;
	margin-left: 520px;
	width: 235px;
	height: 212px;
	left: auto;
}

#topMenu { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; padding-top:60px; padding-left:258px;}
#topMenu ul {  list-style-type: none; padding: 0px; margin: 0px; }
#topMenu li { width: 98px; height: 38px; float: left; padding: 0px; margin: 0px; text-align:center;}

a.extlink { border: none; float: right; margin-top: 15em; margin-right: 1em; }
a.extlink:hover { border: none; }