@charset "utf-8";
/* 
Winnard 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/Back01.png) repeat-x;}

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

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


/* Clears Floats */

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

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

/* Main divs */

#container {background:#FFF; width:80%; padding:0; margin:0px auto; text-align:left;}

#header {background: #FFFFFF url(../images/headerBackWhite.png) no-repeat; width:100%; height:200px;}
	#headerLogin {
	float:right;
	position:relative;
	background:url(../images/LoginBackWhite.jpg) left no-repeat;
	top:50px;
	width:150px;
	height:30px;
	padding: 10px 50px 0 20px;
}

#nav { background: url(../images/NavBarWhite.jpg) repeat-x; width:100%; height:220px;}
#navHome { background: url(../images/NavBarImage.png) no-repeat; background-position:top right; width:100%; height:220px;}
#navContact { background#: url(../images/NavBarImage.png) no-repeat; background-position:top right; width:100%; height:220px;}
#navProducts { background: url(../images/NavBarProducts.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navNews { background:#  url(../images/NavBarImage.png) no-repeat; background-position:top right; width:100%; height:220px;}

#navDisc {  background: url(../images/NavBarDisc.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navDrum {  background: url(../images/NavBarDrum.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navPads {  background: url(../images/NavBarPads.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navShoe {  background: url(../images/NavBarShoe.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navLining {  background: url(../images/NavBarLining.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navTruck { background: url(../images/NavBarTruck.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navLCV { background: url(../images/NavBarLCV.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navCrane { background: url(../images/NavBarCrane.jpg) no-repeat; background-position:top right; width:100%; height:220px;}
#navPSV { background: url(../images/NavBarBus.jpg) no-repeat; background-position:top right; width:100%; height:220px;}



	#navLinks {width:100%; height:200px; background:none; z-index:10;}
	
	#navBlurb {/* margin-left: 30px; */width:85%; z-index:6;}
	
	#navBlurbTitle { margin-left: 40px; padding: 25px 0 0 0; width:60%;}
	
	#navImage {/* position: relative; */width:483px; top:-38px; left:50%; z-index:5;}

#content {position:relative; background:#fff; width:95%; overflow:auto; /*min-height:600px;*/ padding-right:5%;}

	#contentSidebar {float:right; width:180px;
					 background: #CCCCCC url(../images/sidebarbase.png) no-repeat bottom left;
					 top:0px; padding:25px 10px 25px 10px;}
	
	#contentMain {/*position:relative; */ float:left; top:0px; width:65%; padding:30px 10px 50px 50px;}

#footer {background:#333333 /*url(../images/FooterBack.png) no-repeat bottom center;*/; width:100%; min-height:400px; margin:0; border-top: #0099CC 3px solid;}

	#footerDownloads {width:50%; padding:30px 10px 40px 30px; float:left;}
	
	#footerContact {padding: 30px 10px 0 0; width:350px; float:right;}

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

/* Typography & image stuff */

img {border:2px solid #0099FF;}

.noBorder{border: #FFFFFF;}
.greyBorder{border: #333333;}

/* Global Type */

h1,h2,h3,h4 { font-weight:bold; color:#333333;}
h1 { font-size: 1.8em;}
h2 { font-size: 1.6em; color:#CC0000;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.0em;}
p { font-size: 1.0em;}
blockquote {font-weight:bold; color:#CC0000; margin:0; padding:10px 0 5px 0;}

/* footer Type*/

#footer h {}
#footer h1 {font-size: 1.2em; color: #999; font-weight:bold;}
#footer p { font-size:0.8em; color: #999; padding-left:10px;}

#footer ul { margin:0; font-size:0.8em; color:#999; padding-left:30px;}
#footer li { }
#footer li a:hover { text-decoration:underline; color:#00FF00;}

/* contentSidebar Type*/

#contentSidebar h1  {font-size: 1.4em; color: #3366FF;}
#contentSidebar p { color:#666666; font-size: 0.8em;}

/* nav Type*/

#nav ul { margin:0; padding:0 0 0 30px; color:#999999;}
#nav li {display:inline; padding-right:5px;}

#nav ul li a {

	width: 78px;
	height: 28px;
	padding: 0;
	margin: 0 0 10px 0;
	text-decoration: none;
	text-align: center;
	font:Verdana;
	font-size:0.8em;
	display: inline-block;
}


/* navBlurb Type*/

#navBlurb h1  {font-size: 1.1em; color: #FFF; font-weight:bold;}
#navBlurb p { color: #FFF; font-size: 0.8em;}

#navBlurb ul {/* float:left; */margin:0; color: #FFF;}
#navBlurb li {display:inline; margin-left:15px;}

#navBlurb ul li a {

	display:inline;
	width:auto;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-size:0.8em;
}

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

/* Links */

/* nav links*/

#nav a:link {text-decoration: none; color:#666; font-weight:bold;}
#nav a:visited {text-decoration: none; color:#666; font-weight:bold;}
#nav a:hover {text-decoration: none; color: #0099CC; font-weight:bold;}
#nav a:active {text-decoration: none; color: #0099CC; font-weight:bold;}

#navLinks a:link {text-decoration: none; color:#666; font-weight:bold;}
#navLinks a:visited {text-decoration: none; color:#666; font-weight:bold;}
#navLinks a:hover {text-decoration: none; color: #0099CC; font-weight:bold;}
#navLinks a:active {text-decoration: none; color: #0099CC; font-weight:bold;}

#navBlurb a:link {text-decoration: none; color: #FFF; font-weight:bold;}
#navBlurb a:visited {text-decoration: none; color:#FFF; font-weight:bold;}
#navBlurb a:hover {text-decoration: underline; color: #000000; font-weight:bold;}
#navBlurb a:active {text-decoration: none; color: #FFF; font-weight:bold;}

/* contentSidebar links*/

#content a:link {text-decoration: none; color: #0099CC; font-weight:bold;}
#content a:visited {text-decoration: none; color: #0099CC; font-weight:bold;}
#content a:hover {text-decoration: underline; color: #000000; font-weight:bold;}


#contentSidebar a:link {text-decoration: none; color: #0099CC; font-weight:bold;}
#contentSidebar a:visited {text-decoration: none; color: #0099CC; font-weight:bold;}
#contentSidebar a:hover {text-decoration:underline; color: #000000; font-weight:bold;}


/* footer links*/

#footerDownloads a:link {text-decoration: none; color: #FFFFFF; font-weight:bold;}
#footerDownloads a:visited {text-decoration: none; color: #999999; font-weight:bold;}
#footerDownloads a:hover {text-decoration:underline; color: #0099CC; font-weight:bold;}



#footer li a:hover { text-decoration:underline; color: #0099CC;}


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

/* Forms */
/* footer Contact Form*/

form#footerContact {width:320px;}
form#footerContact input { background-color:#999999; border:none; width:200px;}
form#footerContact textarea { background-color:#999999; border:none; width:200px;}
form#footerContact label { font-size: 0.8em; font:Verdana; color:#999; line-height:2.5em; text-align: center;}
form#footerContact .buttons { background-color:#333; width:40px;  font-size: 0.8em; font:Verdana; color:#999; border:#999999 1px solid; cursor:pointer;}