/*
Theme Name: GIANT CUSTOM THEME
Theme URI: http://www.giantadvertising.co.uk
Description: Custom Theme for GIANT Advertising, Marketing, Mobilebillboards etc.
Author: GIANT
Author URI: http://www.giantadvertising.co.uk
*/

html, body, ul, ol, li, p,td, h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img { 
margin:0; padding:0; border:0;  }
a {	outline: none;	}


p { margin:5px 0; }
	
	
	h1 {
	font-size: 1.65em;
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	padding: .3em 0 1em 0.6em;
	}
	
	h2 {
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #000;
	margin: 1em 0 0 0;
	}
	
	h3 {
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
	
.clear {
clear:both;
width:100%;
height:1px;
overflow:hidden;
line-height:1px;
}



/* Begin Typography & Colors */
body {
	font: 0.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	background: #78797b url('images/08/bg.jpg') repeat-x;
	color: #FFFFFF;
	text-align:center;
	}
	
#wrapper {
	margin:0 auto;
	width: 1000px;
	text-align:left;
	}

#header {
	width: 980px;
	height: 120px;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	
.headerLogo {
	position:absolute;
	top:16px; left:10px;
	z-index:2;
	}	
	
.headerStrapline {
	margin: 82px 0 0 250px;
	}


ul#navBar   {
/* font-size: 0.8em; */
font-size: 0.9em;
line-height: 1.3em; 
text-align: left;
background: #000000;
color: #FFFFFF;
width: 202px;
list-style-type: none;
margin: 10px 0 10px 0;
padding: 0;
float: left;
}
	
	ul#navBar ul   {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;

	}
	
	ul#navBar ul li a   {
	width: 175px;
	background: #4C4C4C;
	padding: 0.5em 0.5em 0.5em 2.2em;

	}
	
	ul#navBar a {
	width: 183px;
	background: #333333;
	border-bottom: 1px solid #666666;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 0.4em 0.4em 0.4em 1.5em;

	}
			
ul#navBar a:hover, ul#navBar .current_page_item a {
	background-color: #FF0000  !important;
	}
	
	
ul#navBar li.section-head {
color:#eee;
font-size:.9em;
padding:6px 4px 4px 12px;
}		
	
	
#mainContent {
background: url(images/08/mainContentBGslim.png) top left no-repeat;
margin: 10px 0 0 0;
width: 776px;
float: right;
text-align: left;
padding: 0 0 1em 0;
}

#mainLeft {
padding: 1em 0 1.5em 0;
width: 510px;
float: left;
height:auto;
}

#mainRight {
width: 245px;
float: right;
height:auto;
}

	
	#mainContentHome {
	background: url(images/08/thinkbig.png) top no-repeat;
	margin: 10px 0 0 0;
	padding: 120px 0 0 0;
	width: 510px;
	float: left;
	text-align: left;
	}
	
	#mainContentPeople {
	background: url(images/08/mainContentPeopleBG.jpg) top no-repeat;
	margin: 10px 0 0 0;
	padding: 3em 0 0 0;
	width: 510px;
	float: left;
	text-align: left;
	}
	
	#mainContent a:link, #mainContent a:visited {
	color: #000;
	}
	
	#mainContent a:hover {
	color: #fff;
	}
	
	#mainContent ul {
	margin: .7em 0 .7em 20px;	
	}
	
	#mainContent li {
	margin: 0 0 0.4em 0;
	list-style: square;
	
	}
	
	#homePagePanel img {
	margin: 1em -2px;
	padding: 0;
	}
	
	#featurePanel {
	width: 250px;
	float: right;
	margin: 10px 0 0 0;
	}
	
	#featureLinks img,#spreadD img {
	margin: 5px 0 0 0;
	padding:0;
	}
	
	
	
#hm_image {
width:323px; 
height:200px;
border:1px solid #AAAAAA;
}
	
div.hpanelBoards {
background: url(images/08/mobile.png) no-repeat;
height:45px;
}
div.hpanelBoards a {
display:block;
height:45px;
}
div.hpanelBoards a:hover {
background: url(images/08/mobileHover.png);
}

div.hpanelTrucks {
background: url(images/08/truck.png) no-repeat;
height:45px;
}
div.hpanelTrucks a {
display:block;
height:45px;
}
div.hpanelTrucks a:hover {
background: url(images/08/truckHover.png) no-repeat;
}


div.hpanelFleet {
background: url(images/08/fleet.png) no-repeat;
height:45px;
}
div.hpanelFleet a {
display:block;
height:45px;
}
div.hpanelFleet a:hover {
background: url(images/08/fleetHover.png) no-repeat;
}

div.hpanelTrikes {
background: url(images/08/trike.png) no-repeat;
height:45px;
}
div.hpanelTrikes a {
display:block;
height:45px;
}
div.hpanelTrikes a:hover {
background: url(images/08/trikeHover.png) no-repeat;
}

#footer {
font-size: 0.8em;
margin-top:12px;
 clear: both;
 text-align: center;
 border-top: #FFFFFF 1px solid;
 }

	
#contactForm { font-size:.85em; width:500px;}
#contactForm fieldset{border:0; width:500px;}
#contactForm label{width:140px;float:left;text-align: right; margin:3px 9px 0 9px;display:block; color:#FFFFFF; line-height:1.1em;  }
#contactForm input,#contactForm textarea {width:220px; height:auto; background-color:#EAEAEA !important}
#contactForm textarea {height:50px; width:250px}
#contactForm fieldset div {margin:3px 0 0 0; width:500px;padding:2px 0; background-color:#39393B }
#contactForm legend{background-color:#E1E1E1;padding:1px;}
#contactForm div div { background-color:none; margin:0 20px; text-align:left; width:auto;  }
#contactForm .tiny label {width: 300px; }
#contactForm .tiny input {width: 30px; }
#contactForm .multiple { padding:0px 20px 10px 20px; width:auto;  }
#contactForm .multiple label { width:100px; margin:2px 20px 0 20px; padding:0 2px }
#contactForm .multiple input {width: 30px; padding:0 2px; margin-right:20px }
#contactForm select {width: auto }


/* Define all values for tables and elements 
----------------------------------------------------*/
	table {
		font: 0.9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
 background: #CCCCCC; 
		margin: 0.5em 0 1em 0;
		}
	
	th {
		background: #990000;
		color: #FFFFFF;
		padding: 0.7em;
		text-align: left;
		}
		
	td {
		background: #F1F1F1;
		padding: 0.7em;
	}
		
.tablePrice {
 font-weight: bold;
 color: #990000;
 }
 
/* PDF DOWNLOADS PAGE */

#downloads table {
		font: 0.9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
 		background:none; 
		margin: 0.5em 0 1em 0;
		}
#downloads table th,#downloads table  td  {
 background:none; 
 }
 #downloads table b,#downloads table strong  {
	color:#FFFFFF !important;
 }
  #downloads table a  {
	color:#000000 !important;
	text-decoration:underline;
	font-size:1.1em;
 }
  #downloads table a:hover  {
	color:#FFFFFF !important;
 }




div.galleryThumb {
width:245px;
background-color:#28292B;
text-align:center;
margin:6px 0 0 0;
}

div.galleryThumb h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:.95em;	
color:#CCCCCC;
letter-spacing:.2em;
}

div.galleryThumb img {
width:70px; height:70px;
margin:0;
padding:2px;
}


.error {
background:#FFFFFF;
color:#FF0000;
padding:4px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.alignnone {
display: block;
margin-bottom:.5em;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */