/* CSS Document    */
/* btec_master.css */

/* version 4       */

/* General Stuff -------------------------------*/

/* Zero-down margin and padding on all elements */
* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px Verdana, Arial, sans-serif;
	color: #ffffff;
	background: #000000; /* final version to be #000000 */
	min-width: 1100px;	 /* hack for Netscape 6 where browser window gets small */
}

p, li, a {
	font-size: 13px;
}

p {
	margin-bottom: 10px;
}

p, h2, a {
	color: #ffffff;
}

h3 {
	color: #ff0000;
}


/* Structures --------------------------------------*/

#wrapper {
	margin: 0 auto;
	text-align: left;
	background: #000000 url("../gifs/faux_bg.gif") repeat-y;
}

/* Branding Definitions -------------------------- */

#masthead {
	position: relative;
	height: 250px;
	background: #000000;
}

#main-image {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	padding: 0;
	z-index: 2;
}

h1 {
	position: absolute;
	top: 0;
	left: 0;
	height: 180px;
	width: 434px;
  	background: #000000 url(../gifs/btec_logo.gif) no-repeat;
	color: #ff0000;
	z-index: 3;
	margin-bottom: 10px;
	text-indent: -9000px;
}

#side-image {
	position: absolute;
	top: 15px;
	right: 5px;
	height: 150px;
	width: 645px;
	background: #000000 url(../gifs/side_image.gif) no-repeat;
	z-index: 1;
}

#mast-content {
	position: absolute; 
	top: 0; 
	right: 5px; 
	z-index: 4; 
	font-style: italic;

}

#mast-content p {
	font-size: 1.2em;
	padding-top: 160px; /* 180px */
	padding-right: 20px;
	text-align: right;
}

#mast-content h2 {
	font-size: 1.3em;
	padding-right: 20px;
	text-align: right;
}
/* ------------------------------------------ */



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

#navContainer {
position: relative;
float:left;
margin-top: -30px; /* was -40px */
width:100%;
background:#000000 url(../gifs/bg.gif) repeat-x bottom;
font-size: 10px;
line-height:normal;
}

#navContainer ul {
margin:0;
padding:10px 10px 0;
list-style:none;
line-height:normal;
}

#navContainer li {
float: left;
margin:0;
padding: 0;
}

#navContainer a {
float:left;
display:block;
font-size: 10px;
font-weight: bold; /* added 6-01-2008 */
padding:2px 2px 4px 16px; /* 2 2 4 16 */
text-decoration:none;
color:#ffffff;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navContainer a {float:none;}
/* End IE5-Mac hack */

/* tab definitions ---------------------------------*/
/*------------------------------------------------- */
/* common definitions grouped --------------------- */

/* -- regular form ----------------------*/



#navContainer #btec_home a,
#navContainer #rollingroad a,
#navContainer #raceandrally a,
#navContainer #restoration a,
#navContainer #yourroadcar a {
float:left;
color:#ffffff;
padding: 0 5px 0 2px; /* 0 5 0 2 */
}

#navContainer #btec_home a {
background:url(../gifs/home_right.gif) no-repeat right top;
padding: 0 10px 0 2px; /* 0 5 0 2  then 0 10px 0 2px */
}

#navContainer #rollingroad a {
background:url(../gifs/rollingroad_right.gif) no-repeat right top;
padding: 0 10px 0 2px; /* 0 5 0 2 then 0 5 0 2px */
}

#navContainer #raceandrally a {
background:url(../gifs/raceandrally_right.gif) no-repeat right top;
padding: 0 10px 0 2px; /* 0 5 0 2 */
}

#navContainer #restoration a {
background:url(../gifs/restoration_right.gif) no-repeat right top;
padding: 0 10px 0 2px; /* 0 5 0 2 */
}

#navContainer #yourroadcar a {
background:url(../gifs/yourroadcar_right.gif) no-repeat right top;
padding: 0 10px 0 2px; /* 0 5 0 2 */
}

#navContainer #btec_home a span,
#navContainer #rollingroad a span,
#navContainer #raceandrally a span,
#navContainer #restoration a span,
#navContainer #yourroadcar a span {
display: block;
padding: 2px 3px 5px 16px; /* 2px 3px 5px 16px */
}

#navContainer #btec_home a span {
background: url(../gifs/home_left.gif) no-repeat left top;
}

#navContainer #rollingroad a span {
background: url(../gifs/rollingroad_left.gif) no-repeat left top;
padding: 3px 3px 4px 12px; /* 2 3 5 16 */
}

#navContainer #raceandrally a span {
background: url(../gifs/raceandrally_left.gif) no-repeat left top;
}

#navContainer #restoration a span {
background: url(../gifs/restoration_left.gif) no-repeat left top;
}

#navContainer #yourroadcar a span {
background: url(../gifs/yourroadcar_left.gif) no-repeat left top;
}

/* -- hover form ------------------------ */
#navContainer #btec_home a:hover,
#navContainer #rollingroad a:hover,
#navContainer #raceandrally a:hover,
#navContainer #restoration a:hover,
#navContainer #yourroadcar a:hover {
background-position: 100% -84px;
color:#ffff00;
}

#navContainer #btec_home a:hover span,
#navContainer #rollingroad a:hover span,
#navContainer #raceandrally a:hover span,
#navContainer #restoration a:hover span,
#navContainer #yourroadcar a:hover span {
background-position: 0% -84px;
color:#ffff00;
}

/* -- selected form ------------------- */
#navContainer #btec_home_on,
#navContainer #rollingroad_on,
#navContainer #raceandrally_on,
#navContainer #restoration_on,
#navContainer #yourroadcar_on {
}

#navContainer #btec_home_on a,
#navContainer #rollingroad_on a,
#navContainer #raceandrally_on a,
#navContainer #restoration_on a,
#navContainer #yourroadcar_on a {
display: block;
color:#ffff00;
padding: 0 10px 0 2px; /* 0 5 0 2 then 0 10px 0 2px*/
}

#navContainer #btec_home_on a {
background:url(../gifs/home_right.gif) no-repeat right top;
}

#navContainer #rollingroad_on a {
background:url(../gifs/rollingroad_right.gif) no-repeat right top;
}

#navContainer #raceandrally_on a {
background:url(../gifs/raceandrally_right.gif) no-repeat right top;
}

#navContainer #restoration_on a {
background:url(../gifs/restoration_right.gif) no-repeat right top;
}

#navContainer #yourroadcar_on a {
background:url(../gifs/yourroadcar_right.gif) no-repeat right top;
}

#navContainer #btec_home_on a span,
#navContainer #rollingroad_on a span,
#navContainer #raceandrally_on a span,
#navContainer #restoration_on a span,
#navContainer #yourroadcar_on a span {
display: block;
padding: 3px 3px 4px 12px; /* 2 3 5 16  then 3 3 4 12 */
}

#navContainer #btec_home_on a span {
background: url(../gifs/home_left_on.gif) no-repeat left top;
border-bottom-style: solid;
border-bottom-color: #ff0000;
border-width: 1px;
/* z-index: 5; */
}

#navContainer #rollingroad_on a span {
background: url(../gifs/rollingroad_left_on.gif) no-repeat left top;
border-bottom-style: solid;
border-bottom-color: #e86611;
border-width: 1px;
}

#navContainer #raceandrally_on a span {
background: url(../gifs/raceandrally_left_on.gif) no-repeat left top;
border-bottom-style: solid;
border-bottom-color: #e18a1a;
border-width: 1px;
}

#navContainer #restoration_on a span {
background: url(../gifs/restoration_left_on.gif) no-repeat left top;
border-bottom-style: solid;
border-bottom-color: #b5ce21;
border-width: 1px;
}

#navContainer #yourroadcar_on a span {
background: url(../gifs/yourroadcar_left_on.gif) no-repeat left top;
border-bottom-style: solid;
border-bottom-color: #52a521;
border-width: 1px;
}

#navContainer #btec_home_on a:hover,
#navContainer #rollingroad_on a:hover,
#navContainer #raceandrally_on a:hover,
#navContainer #restoration_on a:hover,
#navContainer #yourroadcar_on a:hover {
display: block;
background-position: 100% -84px;
color:#ffff00;
}

#navContainer #btec_home_on a:hover span,
#navContainer #rollingroad_on a:hover span,
#navContainer #raceandrally_on a:hover span,
#navContainer #restoration_on a:hover span,
#navContainer #yourroadcar_on a:hover span {
display: block;
background-position: 0% -84px;
color:#ffff00;
}
/* end of nav tab definitions */
/* --------------------------------------------- */


/* coloured horizontal bar definitions --------- */

/* homebar definitions ----------------------------*/
/* first the gecko browsers (e.g. Firefox) & opera */
.win.gecko #homebar,
.linux.gecko #homebar,
.gecko #homebar,
.opera #homebar,
.konqueror #homebar,
.webkit #homebar {
float: left;
/* position:relative; top:0px; left:10px; */
width: 100%; /* 98% */
margin: 0px 0 10px 0px; /* was -10px 0 1em 0px */
background: url("../gifs/homebar.gif") repeat-x;
height: 5px;
}

.win.gecko #rollingroadbar,
.gecko #rollingroadbar,
.linux.gecko #rollingroadbar,
.opera #rollingroadbar, 
.konqueror #rollingroadbar,
.webkit #rollingroadbar {
float: left;
/* position:relative; top:0px; left:10px; */
width: 100%; /* 98% */
margin: 0px 0 10px 0px;
background: url("../gifs/rollingroadbar.gif") repeat-x;
height: 5px;
}

.win.gecko #raceandrallybar,
.gecko #raceandrallybar,
.linux.gecko #raceandrallybar,
.opera #raceandrallybar, 
.konqueror #raceandrallybar,
.webkit #raceandrallybar {
float: left;
/* position:relative; top:0px; left:10px; */
width: 100%; /* 98% */
margin: 0px 0 10px 0px;
background: url("../gifs/raceandrallybar.gif") repeat-x;
height: 5px;
}

.win.gecko #restorationbar,
.gecko #restorationbar,
.linux.gecko #restorationbar,
.opera #restorationbar, 
.konqueror #restorationbar,
.webkit #restorationbar {
float: left;
/* position:relative; top:0px; left:10px; */
width: 100%; /* 98% */
margin: 0px 0 10px 0px;
background: url("../gifs/restorationbar.gif") repeat-x;
height: 5px;
}

.win.gecko #yourroadcarbar,
.gecko #yourroadcarbar,
.linux.gecko #yourroadcarbar,
.opera #yourroadcarbar, 
.konqueror #yourroadcarbar,
.webkit #yourroadcarbar {
float: left;
/* position:relative; top:0px; left:10px; */
width: 100%; /* 98% */
margin: 0px 0 10px 0px;
background: url("../gifs/yourroadcarbar.gif") repeat-x;
height: 5px;
}



/* then the rest, including IE6 + */
#homebar {
position:relative; top: 0px; left:0px;
width:100%;
margin: 0 -9px 0 0;
background: url(../gifs/homebar.gif) repeat-x;
height: 5px; 
}

#rollingroadbar {
position:relative; top: 0px; left:0px;
width:100%;
margin: 0 -9px 0 0px;
background: url(../gifs/rollingroadbar.gif) repeat-x;
height: 5px; 
}

#raceandrallybar {
position:relative; top: 0px; left:0px; /* top: 0 */
width:100%;
margin: 0 -9px 0 0px;
background: url(../gifs/raceandrallybar.gif) repeat-x;
height: 5px; 
}

#restorationbar {
position:relative; top: 0px; left:0px; /* top: 0 */
width:100%;
margin: 0 -9px 0 0px;
background: url(../gifs/restorationbar.gif) repeat-x;
height: 5px; 
}

#yourroadcarbar {
position:relative; top: 0px; left:0px; /* top: 0 */
width:100%;
margin: 0 -9px 0 0px;
background: url(../gifs/yourroadcarbar.gif) repeat-x;
height: 5px; 
}


/* end of coloured horizontal bar definitions --------- */



/* Content Definitions -------------------------------- */

/* Home Page ------------------------------------------ */

#homePage #sideContent {
	float: left;
	width: 350px;
	margin: 10px 0 20px 0; /* 10px 0 20px 12px */
}


#homePage #primaryContent {
	float: left;
	width: 55%;
	margin: 10px 0 20px 20px;
}


#homePage #primaryContent a {
	color: #ff0000;
}

#homePage #primaryContent a:visited {
	color: #ff0000;
}

#homePage #primaryContent a:hover {
	color: #ffffff;
	text-decoration: none;
}



/* end of Home Page ----------------------------------- */



/* Rolling Road Pages --------------------------------- */

#rollingRoadPage h3 {
	font-size: 13px;
}

#rollingRoadPage #primaryContent {
	float: left;
	width: 30%;
	margin: 10px 0 20px 5px;
}


.win.gecko #rollingRoadPage #primaryContent,
.gecko #rollingRoadPage #primaryContent,
.linux.gecko #rollingRoadPage #primaryContent,
.opera #rollingRoadPage #primaryContent, 
.konqueror #rollingRoadPage #primaryContent,
.webkit #rollingRoadPage #primaryContent {
	float: left;
	width: 35%;
	margin: 10px 0 20px 0px;
}



#rollingRoadPage #secondaryContent {
	float: right;
	width: 380px;
	margin: 10px 10px 20px 10px;
}

#rollingRoadPage #sideContent {
	float: left;
	width: 280px;
	margin: 0 0 20px 0;
}


.image-wrapper {
	margin: 0;
	float: left;
	line-height: 0;
}

.image-wrapper img {
	float: none;
	margin: 0 5px 0 0;
	background: #000;
	border: 1px solid #cf6310;
	position: relative;
	left: 1px; top: 1px
}

.sm_rollingroadimages {
	margin: 0 0 10px 10px;
}

.spacer {
	clear: both;
}

/* end of Rolling Road Page -------------------------------------- */



/* Race & Rally Page --------------------------------------------- */

#raceAndRallyPage #sideContent {
	float: left;
	width: 380px;
	margin: 10px 0 20px 12px;
}

.win.gecko #raceAndRallyPage #sideContent,
.gecko #raceAndRallyPage #sideContent,
.linux.gecko #raceAndRallyPage #sideContent,
.opera #raceAndRallyPage #sideContent,
.konqueror #raceAndRallyPage #sideContent,
.webkit #raceAndRallyPage #sideContent {
	margin: 10px 0 20px 25px;
}

#raceAndRallyPage #primaryContent {
	float: left;
	width: 55%;
	margin: 10px 0 20px 20px;
}


/* end of Race & Rally Page -------------------------------------- */


/* Restoraion & Fabrication Page --------------------------------- */


#restorationPage #primaryContent {
	width: 50%;
	margin: 20px 0 0 20px;
}


.win.gecko #restorationPage #primaryContent,
.gecko #restorationPage #primaryContent,
.linux.gecko #restorationPage #primaryContent,
.opera #restorationPage #primaryContent,
.konqueror #restorationPage #primaryContent,
.webkit #restorationPage #primaryContent {
	margin: 30px 0 0 20px;
}


#restorationPage .image1-wrapper {
	float: left;
	margin: -100px 0 10px 100px;
}

.win.gecko #restorationPage .image1-wrapper,
.gecko #restorationPage .image1-wrapper,
.linux.gecko #restorationPage .image1-wrapper,
.opera #restorationPage .image1-wrapper,
.konqueror #restorationPage .image1-wrapper,
.webkit #restorationPage .image1-wrapper  {
	margin: -100px 0 10px 180px;
}


#restorationPage .image2-wrapper {
	float: left;
	margin: 0 0 10px 30px;
}



#restorationPage #secondaryContent {
	float: right;
	width: 590px;
	margin: 0 10px 0 0;
}

#restorationPage .image3-wrapper {
	float: right; /* left */
	margin: -345px 10px 10px -465px;  /* -345px 100px 10px 290px */
}



.win.gecko #restorationPage .image3-wrapper,
.gecko #restorationPage .image3-wrapper,
.linux.gecko #restorationPage .image3-wrapper,
.opera #restorationPage .image3-wrapper,
.konqueror #restorationPage .image3-wrapper,
.webkit #restorationPage .image3-wrapper {
	float: right; /* left */
	margin: -355px 245px 10px 10px;  /* -345px 100px 10px 290px */
}


#restorationPage .image4-wrapper {
	float: right; /* left */
	margin: -345px 10px 10px 100px;  /* -345px 10px 10px 405px */
}

.win.gecko #restorationPage .image4-wrapper,
.gecko #restorationPage .image4-wrapper,
.linux.gecko #restorationPage .image4-wrapper,
.opera #restorationPage .image5-wrapper,
.konqueror #restorationPage .image5-wrapper,
.webkit #restorationPage .image5-wrapper {
	float: right; /* left */
	margin: -355px  10px 10px 100px;  /* -345px 100px 10px 290px */
}


/* end of Restoration & Fabrication Page ------------------------- */

/* Your Road CAR Page -------------------------------------------- */

#yourRoadCarPage #sideContent {
	float: left;
	width: 400px;
}

#yourRoadCarPage .image5-wrapper {
	float: left; /* left */
	margin: 10px 0 10px 10px;
}

.win.gecko #yourRoadCarPage .image5-wrapper,
.gecko #yourRoadCarPage .image5-wrapper,
.linux.gecko #yourRoadCarPage .image5-wrapper,
.opera #yourRoadCarPage .image5-wrapper,
.konqueror #yourRoadCarPage .image5-wrapper,
.webkit #yourRoadCarPage .image5-wrapper {
	margin: 10px  0 10px 20px;
}

#yourRoadCarPage #primaryContent {
	float: left;
	width: 55%;
	margin: 10px 0 20px 10px;
}



#yourRoadCarPage h1 {
  	background: #000000 url(../gifs/rjbradley_logo.gif) no-repeat;
	top: 15px;
}


#yourRoadCarPage p.highlight {
	font-size: 15px;
	font-weight: bold;
}

#yourRoadCarPage p.indent {
	font-size: 15px;
	font-weight: bold;
	text-indent: 30px;
	margin-bottom: 3px;
}






/* end of Your Road Car Page ------------------------------------- */




/* Footer Definitions----------------------- */

#footer {
	position: relative;
	width: 100%;
}


#footerhomebar {
position:relative; top: 0px; left:0px; /* top: 0 */
width: 100%;
margin-top: 0; /* was 0 15 0 10 */
background: url(../gifs/footerhomebar.gif) repeat-x;
height: 6px; 
}


#footerrollingroadbar {
position:relative; top: 0px; left:0px; /* top: 0 */
width: 100%;
margin-top: 0; /* was 0 15 0 10 */
background: url(../gifs/footerrollingroadbar.gif) repeat-x;
height: 6px; 
}


#footerraceandrallybar {
position:relative; top: 0px; left:0px; /* top: 0 */
width: 100%;
margin-top: 0; /* was 0 15 0 10 */
background: url(../gifs/footerraceandrallybar.gif) repeat-x;
height: 6px; 
}


#footerrestorationbar {
position:relative; top: 0px; left:0px; /* top: 0 */
width: 100%;
margin-top: 0; /* was 0 15 0 10 */
background: url(../gifs/footerrestorationbar.gif) repeat-x;
height: 6px; 
}


#footeryourroadcarbar {
position:relative; top: 0px; left:0px; /* top: 0 */
width: 100%;
margin-top: 0; /* was 0 15 0 10 */
background: url(../gifs/footeryourroadcarbar.gif) repeat-x;
height: 6px; 
}



/* External links layout definition */
.footerlinks {
	margin: 5px 5px 5pxpx 5px;
}


.link-wrapper {
	margin: 0;
	float: left;
	line-height: 0;
}

.link-wrapper img {
	float: none;
	margin: 35px 5px 0 0;
	background: #000;
	/* border: 1px solid #cf6310; */
	position: relative;
	left: 1px; top: 1px
}


.flag {
float: right;
position: relative;
top: -150px; left: 0px;
z-index: 6;
}

.letter {
float: right;
position: relative;
border: none;
top: -140px; left: 0px;
z-index: 5;
}



/* Miscellaneous definitions ----------------- */

.shell {
	margin: 0 auto; 
	width: 85%; /* 85% */
}



/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

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

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