@charset "utf-8";
/* 
Racepads CSS Document to control layout

Version: 1.0
Author: Marc Atkinson @ Rumour Design
Contact: marc@rumourdesign.co.uk
Website: www.rumourdesign.co.uk
*/

/* Global */

html {margin:0; padding:0; background: #000 url(../images/Background.png) repeat-x;}

body {font:75% Verdana; margin: 0; padding:0; width:100%; text-align:center; line-height: 20px;}

body#home a#homenav,
body#products a#productnav,
body#contact a#contactnav,
body#news a#newsnav { color: #000; background: url(../images/navIndic.png);}


/* Clears Floats */

.clear { clear:both; height:0px; margin:0;}

/*-----------------------------------------------------------*/

/* Main divs */

#container {background:#000; width:100%; padding:0; margin:0px auto; text-align:center;}

#header { background: url(../images/rotatingHeader/rotate.php) no-repeat; width:100%; height:200px; text-align:right;}

#rotator
{
  background: url(images/rotator.php) no-repeat center top;
  width: 700px;
  height: 150px;
}



#navBar {background: url(../images/NavBack.png) repeat-x; width:100%; height:50px; padding: 20px 0 0 0;}

	#navLinks {width:100%; height:200px; background:none; z-index:10;}
	
	#navBlurb { margin-left: 30px; width:250px; z-index:5;}
	
	
#prodHigh {background:url(../images/ProdShowBack.png) repeat-x; width:100%; height:250px; z-index:2;}

#prodIntro {background: url(../images/ProdIntroBack_brembo.png) left no-repeat; width:100%; height:250px; }
	

#content {background:#000; width:85%; padding: 0 0 0 50px; min-height:300px; overflow: hidden;}

	#contentSidebar {float:right; padding: 10px 0 5px 0; width:250px; min-height:400px; background: #000000; text-align:center}
	
		#sidebarMail { 	background: #000 url(../images/MailingBack.png) no-repeat;
						padding: 20px 20px 20px 20px;
						width:210px;
						height:210px;
						text-align:left;}
		
		/*Main download block*/				
		#sidebarDownloadTop {background:url(../images/Downloads_base.png) no-repeat bottom;
		 				margin-bottom:5px;
		 				margin-top:8px;
						width:250px;}
										
		#sidebarDownloadContent {background:url(../images/Downloads_top.png) no-repeat top;
						width:80%;
						padding:10px 20px 20px 20px;
						width:210px;
						text-align:left;
						overflow:hidden;}
						
		/*#sidebarDownloadBase { 	background:url(../images/Downloads_base.png) no-repeat bottom;
						padding:0;
						width:250px;
						height:30px;}*/
		
		/*Product download block*/				
		#productDownloadTop {background:url(../images/productnews_base.png) no-repeat bottom;
		 				margin-bottom:5px;
		 				margin-top:8px;
						width:250px;}
										
		#productDownloadContent { 	background:url(../images/productnews_top.png) no-repeat top;
						width:80%;
						padding:10px 20px 20px 20px;
						width:210px;
						text-align:left;
						overflow:hidden;}
						
		/*#productDownloadBase { 	background:url(../images/productnews_base.png) no-repeat bottom;
						padding:0;
						width:250px;
						height:30px;}*/
		
		/*Ask Paul block*/				
		#sidebarFAQ { 	background:url(../images/FAQbox.png) no-repeat;
						padding: 20px 20px 20px 20px;
						width:210px;
						height:300px;
						text-align:left;}
	
	#contentMain {float:left; background: #000; padding:40px 30px 20px 0px; width:55%; text-align:left;}
	
		/*Content navigation */
		
		.contentMainNav { clear: both; width: 100%;}
			
			.contentMainNavImage {float:left; width:200px; overflow:hidden; padding: 0 30px 10px 0;} 
			
			.contentMainNavImageGoogle {float:left; width:200px; overflow:hidden; padding: 20px 0 0 0;}
			
			
			.contentMainNavText {/*float:left; overflow:hidden;*/ padding: 20px 0 0 20px; text-align:left;}
			
		.contentMainBody { clear: both;}
		.contentGallery { clear: both; width: 100%;}
		.contentLeft {float:left; width:220px; padding:5px 5px 0 0;}

#footer {background:#333333 url(../images/footerBackLeft.png) no-repeat top left; width:100%; min-height:260px; margin:0; text-align:left}

#footerContent {background:url(../images/footerBackRight.png) no-repeat top right; width:100%; min-height:200px; margin:0;}

	#footerLeft {width:60%; padding:30px 10px 40px 30px; float:left;}
	
	#footerRight {padding: 30px 30px 0 0; width:30%; float:right;}
	
	#footerBase { text-align:center; width:100%;}

/*-----------------------------------------------------------*/

/* Typography */
/* Global Type */

h1,h2,h3,h4 { font-weight:bold; color: #FFF;}
h1 { font-size: 1.8em;}
h2 { font-size: 1.6em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.0em;}
h5 { font-size: 0.8em;}
p { font-size: 1.0em;}

/* Type classes */
.white {color:#FFF;}
.red {color:#CC0000;}
.blue {color: #0099FF;}
.rs29 {color:#FFCC00;}
.rs42 {color:#0099FF;}
.lineshrink {line-height: 15px;}
.rumour { font-size:0.2em;}
blockquote {font-style:italic;}
.liLinks { list-style:none; }


/*Div Type*/

#contentMain h1 {font-size:1.4em; font-weight:bold;}
#contentMain h2 {font-size:1.4em; font-weight:bold; padding-top:20px;}
#contentMain h3 {font-size:1.2em; font-weight:bold;}
#contentMain h4 {font-size:1.0em; font-weight:bold;}
#contentMain p {font-size:1em; color: #CCC; margin-left:15px;}
#contentMain blockquote {font-size:1em;}
#contentMain a {font-size:1em; color: #0099FF; text-decoration:none; font-weight:bold;}
#contentMain a:hover {color: #CCC; text-decoration:none; font-weight:bold;}
#contentMain ul {color: #FFF; text-decoration: none; font-weight:bold; }
#contentMain li { padding-bottom: 10px; }
#contentMain DL { padding-left:30px;color: #FFF; font-weight:bold; }
#contentMain DT {color: #FFF; padding-bottom: 10px; }
#contentMain DD {color: #FFF; padding-bottom: 10px; }


#contentSidebar h3 {font-size:1.4em; font-weight:bold; color:#FFFFFF;}
#contentSidebar p {font-size:1em; color: #FFF;}
#contentSidebar a {font-size:1em; color: #0099FF; text-decoration:none; font-weight:bold;}
#contentSidebar a:hover {color: #CCC; text-decoration:none; font-weight:bold;}

#sidebarDownloadContent ul { list-style:none;}
#sidebarDownloadContent li { margin: 5px 0 0 -20px;}
#sidebarDownloadContent a {/* padding-left:-5px;*/}

#productDownloadContent h1 {font-size:1.4em; font-weight:bold; color: #000;}
#productDownloadContent h2 {font-size:1em; font-weight:bold; color: #333;}
#productDownloadContent p {font-size:1em; color: #333;}
#productDownloadContent a {font-size:1em; color: #0099FF; text-decoration:none; font-weight:bold;}
#productDownloadContent ul {font-size:1em; color: #333; font-weight:bold;}

#sidebarFAQ h1 {font-size:1.4em; font-weight:bold; color: #666;}
#sidebarFAQ h2 {font-size:1em; font-weight:bold; color: #666;}
#sidebarFAQ p {font-size:1em; color: #666;}
#sidebarFAQ a {font-size:1em; color: #0099FF; text-decoration:none; font-weight:bold;}
#sidebarFAQ a:hover {color: #FF0000; text-decoration:none; font-weight:bold;}

#footer h1 {font-size:1.4em; font-weight:bold; color: #999;}
#footer h2 {font-size:1.4em; font-weight:bold; color: #999; padding-top:20px;}
#footer p {font-size:1em; color: #999;}
#footer a {font-size:1em; color: #0099FF; text-decoration:none; font-weight:bold;}
#footer a:hover {color: #CCC; text-decoration:none; font-weight:bold;}
#footer ul {color: #FFF; text-decoration:none; font-weight:bold;}



#navBar ul {
	/*float: left;*/
	text-align: center;
	margin: 0 0 0 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#0099FF;
}

#navBar li {
	display: inline;
	margin-right: 20px;
	color: #99CCFF;
	font-style: normal;
}


#navBar a {
	display: inline;
	padding: 0;
	margin: 0;
	color: #00CCFF;
	text-decoration: none;
	font-style: normal; 	
}

#navBar a:hover { color:#FFF}

.contentList ul{display:inline; list-style:none;}
.contentList li{display:inline; padding: 0 30px 0 0;}

img { border:none;}