/* Griffin Performance Stylesheet
   Created by David Burbury
   www.griffinperformance.co.uk
*/

html {
		scrollbar-face-color: #B3B3B3;
		scrollbar-shadow-color: #6C6C6C;
		scrollbar-highlight-color: #B3B3B3;
		scrollbar-3dlight-color: #797979;
		scrollbar-darkshadow-color: #121212;
		scrollbar-track-color: #626262;
		scrollbar-arrow-color: #F7B721;}

body {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:62.5%; 
		color:#3C3C3C;
		background-image:url(../images/build/bkd_grad.jpg);
		background-repeat:repeat-x;
		background-color:#000000;	
		}
		
h1 {
		display:block; 
		width:513px; 
		height:26px;
		color:#FFFFFF; 
		font-size:1.7em; 
		font-weight:bold; 
		background-image:url(../images/build/h1_dark.jpg); 
		background-repeat:no-repeat;
		margin:0;
		padding:2px 0 0 15px;
		}

h2 {
		font-size:1.4em;
		margin:0;
		}

#container {
		display:block; 
		width:946px; 
		height:100%; 
		padding:26px 0 0 2px; 
		position:relative; 
		margin:0 auto 0 auto;
		background-image:url(../images/build/bkd_top_dark.jpg); 
		background-repeat:no-repeat;
		}

#banner {
		display:block; 
		width:918px; 
		height:88px; 
		margin:0 0 0 3px; 
		background-image:url(../images/build/logo_banner_dark.jpg); 
		background-repeat:no-repeat;
		}

#mainContent {
		display:block; 
		width:918px; 
		height:auto; 
		margin:0 0 0 3px; 
		position:relative;
		}

/*---LEFT COLUMN----*/
#leftCol {
		display:block; 
		width:623px; 
		height:auto; 
		padding:7px 0 0 0; 
		float:left;
		}

#nav {
		display:block; 
		width:591px; 
		height:39px; 
		margin:0 0 0 20px; 
		font-size:1.4em; 
		color:#4F4F4F; 
		background-image:url(../images/build/nav_bgd.jpg); 
		background-repeat:no-repeat;
		}

#nav ul {
		margin:0; 
		padding:10px 0 0 0;
		}
		
#nav ul li {
		display:inline; 
		list-style:none;
		}
		
li.pos1 {
		margin:0 0 0 36px;
		}
		
li.pos2 {
		margin:0 0 0 38px;
		}
		
li.pos3 {
		margin:0 0 0 35px;
		}
		
li.pos4 {
		margin:0 0 0 48px;
		}
		
li.pos5 {
		margin:0 0 0 55px;
		}
		
#nav ul a {
		color:#4f4f4f; 
		text-decoration:none;
		}
		
#nav ul a:hover {
		color:#EF3400;
		}

#textContent {
		display:block; 
		width:auto; 
		height:auto;
		min-height:504px;
		margin:13px 0 5px 20px;
		padding:10px 0 0 0;
		font-size:1.2em; 
		background-color:#B3B3B3; 
		background-image:url(../images/build/logo_watermark_dark.gif); 
		background-repeat:no-repeat;
		background-position:center;
		border:1px solid #000000;
		position:relative;
		}
		
html>body #textContent {
		height:auto;
		}


/*--IE6 HACK--*/

html>body #textContent {
		height:auto; 
		padding:20px 0 0 0;
		}

#text {
		display:block; 
		width:570px; 
		height:auto;
		position:relative; 
		margin:0 0 0 20px;
		color:#000000;
		padding:0;
		/*overflow:auto;*/
		
		}
		
#text ul {
		margin:0 0 0 15px;
		}
		
#pics {
		width:564px; 
		height:270px;
		position:relative; 
		margin:0;
		}
/*
#mainPic {float:left; position:relative;}*/

#pics ul {
		margin:0; 
		padding:0; 
		float:left; 
		position:relative;
		}
		
#pics ul li {
		list-style:none;
		}
		
ul.thumbs {
		float:left;
		padding:0;
		}
		
ul.thumbs li {
		list-style:none;
		}
		
li.thumb01 {
		margin:0 0 0 11px; 
		}
		
li.thumb02 {
		margin:0 0 0 14px; 
		padding:8px 0 0 0; 
		}

/*-------HANGER SYSTEM IMAGE GALLERY---------------*/

#text ul {
		padding:0;
		}
		
#text ul li {
		margin:0 5px 0 0;
		}
		
/*#text ul li img {
		border:1px solid #000000;
		}*/

ul.dynoPdf li {
		display:inline; 
		padding:0 70px 0 0; 
		list-style:none;
		}
		
ul.dynoPdfLabels {
		margin:0 0 40px 0;
		}
				
ul.dynoPdfLabels li {
		display:inline; 
		padding:0 30px 0 0; 
		list-style:none;
		}
		
ul.dynoPdfLabels li a {
		color:#333333; 
		text-decoration:none;
		}
		
ul.dynoPdfLabels li a:hover {
		color:#FAA612;
		}

ul.hangerSystem {
		margin:0;
		padding:0;
		}

ul.hangerSystem li {
		display:inline;
		list-style:none;
		margin:0 10px 0 0;
		}
		
#hanger01Lrg, #hanger02Lrg, #hanger03Lrg {
		display:block; 
		width:450px; 
		height:350px; 
		padding:15px 0 0 0; 
		position:absolute; 
		top:40px; 
		left:50px; 
		background-color:#DCDCDC;
		text-align:center;
		visibility:hidden;
		border:1px solid #999999;
		}
		
#hanger01Lrg img, #hanger02Lrg img, #hanger03Lrg img {
		border:1px solid #000000;
		}

.closeWindow {
		display:block; 
		width:450px; 
		height:20px; 
		margin:-4px 0 0 0; 
		background-color:#CCCCCC; 
		color:#555555; 
		font-size:1.3em; 
		text-decoration:none;
		}
		
a.closeWindow:hover {
		display:block; 
		width:450px; 
		height:20px; 
		background-color:#333333; 
		color:#ffffff; 
		font-size:1.3em; 
		text-decoration:none;
		}
/*-----------SIDE EXHAUST PIPE -------------------*/
#sidePipe01, #sidePipe02 {
		display:block; 
		width:450px; 
		height:450px; 
		padding:15px 0 0 0; 
		position:absolute; 
		top:40px; 
		left:50px; 
		background-color:#DCDCDC;
		text-align:center;
		visibility:hidden;
		border:1px solid #999999;
		}
		
#sidePipe01 img, #sidePipe02 img {
		border:1px solid #000000;
		}

/*--------EXHAUST GALLERY----------------*/


#gallery01Lrg, #gallery02Lrg, #gallery03Lrg, #gallery04Lrg, #gallery05Lrg, #gallery06Lrg, #gallery07Lrg, #gallery08Lrg, #gallery09Lrg, #gallery10Lrg, #gallery11Lrg, #gallery12Lrg {
		display:block; 
		width:450px; 
		height:375px; 
		padding:15px 0 0 0; 
		position:absolute; 
		top:40px; 
		left:50px; 
		background-color:#DCDCDC;
		text-align:center;
		visibility:hidden;
		border:1px solid #999999;
		}

#gallery01Lrg img, #gallery02Lrg img, #gallery03Lrg img, #gallery04Lrg img, #gallery05Lrg img, #gallery06Lrg img, #gallery07Lrg img, #gallery08Lrg img, #gallery09Lrg img, #gallery10Lrg img, #gallery11Lrg img, #gallery12Lrg img {
		border:1px solid #000000;
		}
ul.gallery {
		margin:0;
		}

ul.gallery li img {
		border:1px solid #999999;
		margin:0;
		}

ul.gallery li {
		display:inline;
		}

/*------RIGHT COLUMN---------------------------------------------------------------------------------------------------*/

#rightCol {
		display:block; 
		width:295px; 
		height:100%; 
		float:left; 
		}

#largePic {
		display:block; 
		width:285px; 
		height:410px; 
		font-size:3.0em; 
		color:#FFFFFF; 
		font-weight:bold; 
		padding:0 0 0 10px; 
		background-image:url(../images/large_pics/right_bgd.jpg); 
		background-repeat:no-repeat;
		}
		
#largePic img {
		margin:0 0 11px 0;
}

#powerBtn {
		display:block; 
		width:293px; 
		height:165px;
		margin:8px 0 0 0;
		background-color:#B3B3B3;
		background-repeat:no-repeat;
		border:1px solid #000000;
		/*border-top:1px solid #000000;
		border-right:1px solid #000000;*/
		}
		
a.powerLink {
		background-image:url(../images/build/power_btn_combined.jpg);
		background-position:0 0;
		display:block; 
		width:275px; 
		height:120px; 
		margin:9px 0 0 10px; 
		padding:20px 0 0 0; 
		font-size:3.0em; 
		color:#4F4F4F; 
		text-decoration:none; 
		text-align:center; 
		}
		
a.powerLink:hover {
		background-position:0 140px;
		}
		
a.powerLink span {
		font-size:2.1em; 
		line-height:0.8em;
		}

/*------FOOTER---------------------------------------------------------------------------------------------------------------*/

#footer {
		display:block; 
		width:898px; 
		height:57px; 
		margin:0 0 0 23px;
		padding:20px 0 0 15px;
		color:#B1B1B1; 
		background-image:url(../images/build/footer_dark02.jpg); 
		background-repeat:no-repeat;
		clear:both;
		}
		
.footerLinks a, .contactDetails a {
		color:#B1B1B1; 
		text-decoration:none;
		}
		
.footerLinks a:hover, .contactDetails a:hover {
		color:#ffffff;
		}
		
.contactDetails {
		margin:0 0 0 130px;
		}
		
/*------LINKS AND BODY TEXT STYLES---------------------------------------------------------------------------------------------*/

a.textlink:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFCC00;
		font-weight: bold;
		text-decoration: none
		}

a.textlink:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFCC00;
		font-weight: bold;
		text-decoration: none	
		}

a.textlink:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #00CC00;
		font-weight: bold;
		text-decoration: none
		}

a.textlink:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFCC00;
		font-weight: bold;
		text-decoration: none
		}

a.buttonLink {
		display:block;
		width:203px;
		height:28px;
		text-decoration:none;
		color:#000000;
		font-size:1.3em;
		padding:4px 0 0 20px;
		background-image:url(../images/build/button_bkd.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		}

a.buttonLink:hover {
		background-image:url(../images/build/button_bkd.jpg);
		background-repeat:no-repeat;
		background-position:-223px 0;
		}

.bodytextbold {
		font-weight: bold;
		}

/*---------FORMS-----------------------------------------------------------------------------------------*/
form {
		margin:20px 0 0 0;
		}

input, textarea {
		margin:0 0 4px 10px;
		}