/*****************************************************
1. RESET CSS code
2. SPECIAL CASES code
3. BODY code
4. LAYOUT code
*****************************************************/
/*****************************************************
COLOURS USED:

Dark Blue: #191818
*****************************************************/



/********** RESET CSS code here **********/
.pngimg {
	margin:0;
	padding:0;
	}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
a {
	outline:none;
	text-decoration:none;
}
p {
	margin:0.8em 0;	

}
/********** SPECIAL CASE code here **********/
.clear {
	clear:both; 
	display:block;
	height:0.1em;
	line-height:0.1em; 
}

/********** BODY code here **********/
body {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:75%;
	height:100%;
	background:url(../images/background.jpg) center -45px  repeat-x #10376a;
	/*background-position:0 -45px;
	background-repeat:repeat-x;
	background-color:#10376a;*/
}
html, body {
	height: 100%;
}

.hide {
	display:none;
}

/********** LAYOUT code here **********/
#wrap {
	
	
	text-align:center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -365px 0;
	position:relative;
	z-index:2;
}

#ftr {
	position:relative;
	height:370px;
	margin:0 auto;
	width:100%;
}

.push {
	height: 370px; /* .push must be the same height as #ftr */
}

#hold {
	
	width:980px;
	margin:0 auto 0 auto;
	padding:0 0 10px 0;
	
}

#cloudRight {
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	width:100%;
	height:136px;
	background:url(../images/cloud.png);
	background-position:center;
	z-index:-1;
}

#header {
	width:980px;
	height:205px;	
	margin:0px auto 0px auto;

}

#contentHolder {

}

#navBar {
	padding:10px;
	width:193px;
	font-size:15px;
	letter-spacing:-0.2px;
	font-weight:bold;
}

#content {
	text-align:left;
	float:right;
	width:760px;
}

#Trees {
	width:100%;
	height:627px;
	display:block;
	background:url(../images/trees-btm.png) no-repeat;
	background-position:center;
	position:absolute;
	bottom:0px;
	z-index:1;
}

#footerContent {
	width:720px;
	position:absolute;
	left:50%;
	margin:0 0 0 -290px;
	z-index:3;
}

#footerHold {
	width:720px;
}

#footerLinks {
	color:#fff;
	padding:10px;
	font-size:11px;
	text-align:center;
}

#footerLinks a {
	color:#fff;
}

#footerLinks ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#footerLinks ul li {
	margin-left: 0;
	padding: 3px 2px;
	list-style: none;
	display: inline;
	}


#footerDetails {
	text-align:center;
	width:720px;
	margin:0 auto;
}

#footerBar {
	background-color:#FF6600;
}

#signs {
	position:absolute;
	background:url(../images/signs_new.png) no-repeat;
	width:160px;
	height:390px;
	left:50%;
	top:650px;
	margin:0 -460px;
	z-index:9999;
}

.bedfordsLink a {
	width:180px;
	height:80px;
	display:block;
	top:20px;
	position:relative;
	text-indent:-3000px;
}

.palletforceLink a {
	width:180px;
	height:80px;
	display:block;
	top:20px;
	position:relative;
	text-indent:-3000px;
}

.linqLink a {
	width:180px;
	height:80px;
	display:block;
	top:10px;
	position:relative;
	text-indent:-3000px;
}

.fantasticLink a {
	width:150px;
	height:130px;
	display:block;
	top:10px;
	position:relative;
	text-indent:-3000px;
}

/*#brakeLink {
	position:absolute;
	left:50%;
	bottom:110px;
	background:url(../images/brake.png) no-repeat;;
	width:150px;
	height:230px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	z-index:99999;
	margin-left:425px;
	
}*/

.sunshine {
	background:url(../images/sunshine.png);
	background-position:center;
	width:100%;
	position:absolute;
	top:0;
	right:0;
	height:136px;
	display:block;
	z-index:-2;
}

#inner {
	background:url(../images/road.png);
	background-position:50% 126px;
	width:100%;
	background-repeat:no-repeat;
	display:block;
}

.speech {
	background:url(../images/speech.png);
	background-repeat:no-repeat;
	width:186px;
	height:127px;
	position:absolute;
	top:-40px;
	left:-30px;
	z-index:-1;
	display:block;
}

.orangeSpeech {
	width:529px;
	position:relative;
	color:#f39b39;
}

.orangeSpeech p,
.orangeSpeech a,
.orangeSpeech a:hover {
	color:#10376a;
}



.orangeSpeech .top {
	background: url(../images/orange-content-top.png);
	background-repeat:no-repeat;
	height:54px;
	display:block;
}

.orangeSpeech .btm {
	background: url(../images/orange-content-bottom.png);
	background-repeat:no-repeat;
	height:61px;
	display:block;
}

.orangeSpeech .gradient {
	background:url(../images/orange-content-gradient.png);
	background-repeat:repeat-x;
	margin:0 18px 0 17px;
	padding:0;
	width:492px;	
}

.orangeSpeech .gradient_small {
	background:url(../images/orange-content-gradient-small.png);
	background-repeat:repeat-x;
	margin:0 18px 0 17px;
	padding:0;
	width:492px;	
}

.inner_grad {
	padding:0 20px 0 20px;
}
.orangeSpeech .body {
	background:url(../images/orange-content-body.png);
	background-repeat:repeat-y;
	padding:0;
	display:block;
	width:529px;
	
}

/********** STYLES code here **********/

h1 {
	font-size:31px;
	letter-spacing:-1px;
	line-height:30px;
	color:#f39b39;
}

h2 {
	font-size:26px;
	letter-spacing:-0.5px;
	line-height:30px;
	color:#fff;
}

h2.small {
	font-size:16px;
	letter-spacing:-0.5px;
	line-height:18px;
	color:#fff;
}

h3 {
	font-size:16px;
	letter-spacing:-0.5px;
	line-height:18px;
	color:#10376a;
}

.pageContact h3 {
	font-size:16px;
	letter-spacing:-0.5px;
	line-height:18px;
	color:#f39b39;
}

.pageHome h3 {
	font-size:16px;
	letter-spacing:-0.5px;
	line-height:18px;
	color:#fff;
}

.pageOutAbout h3 {
	font-size:14px;
	line-height:18px;
	color:#f39b39;
}

p {
	/*color:#f39b39;*/
	color:#FFF;
	line-height:15px;
	text-align:left;
}

a {
	color:#f39b39;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.lightblue {
	color:#6885c4;
	font-size:10px;
	line-height:15px;
}

.field {
	width:250px;
}

#submit {
	background:url(../images/submit-btn.png);
	width:137px;
	height:53px;
	display:block;
	line-height:1px;
	text-indent:-3000px;
	border:none;
}


/********** NAVBAR code here **********/
#navBar li {height:39px; overflow:hidden; width:193px; }
#navBar li a {display:block; width:193px; height:39px; line-height:39px; color:#f39b39; text-decoration:none;}
#navBar li a#btnHome { background: url(../images/btns-right.png); }
#navBar li a#btnFamilyFriends { background: url(../images/btns-left.png);}
#navBar li a#btnGang { background: url(../images/btns-right.png);}
#navBar li a#btnDontSpeed { background: url(../images/btns-left.png);}
#navBar li a#btnFunStuff { background: url(../images/btns-right.png);}
#navBar li a#btnOutAbout { background: url(../images/btns-left.png);}
#navBar li a#btnWhere { background: url(../images/btns-right.png);}
#navBar li a#btnParents { background: url(../images/btns-left.png);}
#navBar li a#btnContact { background: url(../images/btns-right.png);}
#navBar li a#btnCompetitions { background: url(../images/btns-right.png);}
#navBar li a#btnInitiative { background: url(../images/btns-left.png);}
#navBar li a#btnDark { background: url(../images/btns-left.png);}


body.pageHome #navBar li a#btnHome { background-position: 0 -40px; color:#fff;}
body.pageFamilyFriends #navBar li a#btnFamilyFriends { background-position: 0 -40px; color:#fff;}
body.pageGang #navBar li a#btnGang { background-position: 0 -40px; color:#fff;}
body.pageDontSpeed #navBar li a#btnDontSpeed { background-position: 0 -40px; color:#fff;}
body.pageFunStuff #navBar li a#btnFunStuff { background-position: 0 -40px; color:#fff;}
body.pageOutAbout #navBar li a#btnOutAbout { background-position: 0 -40px; color:#fff;}
body.pageWhere #navBar li a#btnWhere { background-position: 0 -40px; color:#fff;}
body.pageParents #navBar li a#btnParents { background-position: 0 -40px; color:#fff;}
body.pageContact #navBar li a#btnContact { background-position: 0 -40px; color:#fff;}
body.pageCompetitions #navBar li a#btnCompetitions { background-position: 0 -40px; color:#fff;}
body.pageInitiative #navBar li a#btnInitiative { background-position: 0 -40px; color:#fff;}
body.pageDark #navBar li a#btnDark { background-position: 0 -40px; color:#fff;}



body #navBar li a#btnHome:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnFamilyFriends:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnGang:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnDontSpeed:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnFunStuff:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnOutAbout:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnWhere:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnParents:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnContact:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnCompetitions:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnInitiative:hover { background-position: 0 -40px; color:#fff;}
body #navBar li a#btnDark:hover { background-position: 0 -40px; color:#fff;}

body.pageInitiative .inner_grad p {color:#10376a; font-size:14px;}
body.pageInitiative .inner_grad a {color:#fff; }


/********** added 300511 **********/

ul#bedfords_gang {
	list-style:none;
}

ul#bedfords_gang li {
	float:left;
	margin-top:20px;
}



/********* added 020911 **********/
.homeintro { width:600px; float:left; }
#brakeLink { background:url(../images/brake.png) no-repeat; width:150px; height:200px; margin-bottom:-20px; overflow:hidden; float:right; }