/*
	Ghoststreet.co.uk Main Stylesheet
*/
* { font-family: Arial, Sans-serif ;}
body{ background: url(../images/background2.jpg) center top no-repeat #000000;}

/*
	Container of the site
*/
div#container                  { width: 770px; margin: 0 auto;}
div#container div#logo { height: 158px; background:url(../images/header.jpg) 0 0 no-repeat; }
/*
	The navigation UL
*/
div#container div#navigation ul { height: 37px; }
div#container div#navigation ul li { display: block; float: left; height: 37px; padding:0; margin:0;}
/*
	The navigation items
*/

.noshow { text-indent: -5000px; }

#home { width: 95px; height: 37px;}
#home a { background:url(../images/nav.jpg) 0 0 no-repeat; width: 95px; height: 37px; display:block;}
#home a:hover, #home a.active { background: url(../images/nav.jpg) 0 -37px no-repeat; width: 95px; height: 37px; display:block;}

#pedestrians { width: 97px; height: 37px;}
#pedestrians a { background:url(../images/nav.jpg) -95px 0 no-repeat; width: 97px; height: 37px; display:block;}
#pedestrians a:hover, #pedestrians a.active { background: url(../images/nav.jpg) -95px -37px no-repeat; width: 97px; height: 37px; display:block;}

#cycling { width: 96px; height: 37px;}
#cycling a { background:url(../images/nav.jpg) -192px 0 no-repeat; width: 96px; height: 37px; display:block;}
#cycling a:hover, #cycling a.active { background: url(../images/nav.jpg) -192px -37px no-repeat; width: 96px; height: 37px; display:block;}

#seatbelts { width: 97px; height: 37px;}
#seatbelts a { background:url(../images/nav.jpg) -288px 0 no-repeat; width: 97px; height: 37px; display:block;}
#seatbelts a:hover, #seatbelts a.active { background: url(../images/nav.jpg) -288px -37px no-repeat; width: 97px; height: 37px; display:block;}

#speed { width: 97px; height: 37px;}
#speed a { background:url(../images/nav.jpg) -385px 0 no-repeat; width: 97px; height: 37px; display:block;}
#speed a:hover, #speed a.active { background: url(../images/nav.jpg) -385px -37px no-repeat; width: 97px; height: 37px; display:block;}

#resources { width: 96px; height: 37px;}
#resources a { background:url(../images/nav.jpg) -482px 0 no-repeat; width: 96px; height: 37px; display:block;}
#resources a:hover, #resources a.active { background: url(../images/nav.jpg) -482px -37px no-repeat; width: 96px; height: 37px; display:block;}

#video { width: 97px; height: 37px;}
#video a { background:url(../images/nav.jpg) -578px 0 no-repeat; width: 97px; height: 37px; display:block;}
#video a:hover, #video a.active { background: url(../images/nav.jpg) -578px -37px no-repeat; width: 97px; height: 37px; display:block;}

#contact { width: 95px; height: 37px;}
#contact a { background:url(../images/nav.jpg) -675px 0 no-repeat; width: 95px; height: 37px; display:block;}
#contact a:hover, #contact a.active { background: url(../images/nav.jpg) -675px -37px no-repeat; width: 95px; height: 37px; display:block;}
/*
	Main content space 
*/
body.home div#container div#content
{ width: 770px; background: url(../images/main.jpg) top right no-repeat; margin: 0; height:680px; }
body.pedestrians div#container div#content
{ width: 770px; background: url(../images/pedestrians.jpg) top right no-repeat; margin: 0; height:680px; }
body.cycling div#container div#content
{ width: 770px; background: url(../images/cycling.jpg) top right no-repeat; margin: 0; height:680px; }
body.seatbelts div#container div#content
{ width: 770px; background: url(../images/seatbelts.jpg) top right no-repeat; margin: 0; height:680px; }
body.speed div#container div#content
{ width: 770px; background: url(../images/speed.jpg) top right no-repeat; margin: 0; height:680px; }
body.video div#container div#content, body.resources div#container div#content
{ width: 770px; background: url(../images/video.jpg) top right no-repeat; margin: 0; height:680px; }
body.poll div#container div#content, body.resources div#container div#content, body.login div#container div#content
{ width: 770px; background: url(../images/video.jpg) top right no-repeat; margin: 0; height:680px; }

div#container div#content div#errors p { font-size: 12px; color: #5F190C; margin-bottom: 5px; }
body.login div#container { padding-top: 100px }
body.login div#container div#content { padding: 10px; margin: 0 auto;width: 562px; height: 452px; background: url(../images/signinBox.jpg) center top no-repeat; }
body.login div#container div#content a { font-family: Times New Roman;  color: #FFF }
body.login div#container div#content form p label, body.login div#container div#content p { font-family: Times New Roman; color: #FFF; font-size: 14px; font-weight: bold}
body.login div#container div#content p.title { font-size: 24px; padding: 0 20px; line-height: 30px; }
body.login div#container div#content .center { text-align: center }

body.login div#container div#content form {  width: 370px; background: #B9C8B6; border: 1px solid #FFF; padding: 15px; margin: 30px auto 30px auto; }
body.login div#container div#content form p { margin-top: 0; color: #000; font-size: 16px; }
body.login div#container div#content form p label { display: block; width: 120px; float: left; color: #000; }

body.poll div#container div#content div#leftCol
{ float: left; width: 700px; }
body.video div#container div#content div#leftCol, body.resources div#container div#content div#leftCol
{ float: left; }
body.video div#container div#content div#rightCol, body.resources div#container div#content div#rightCol
{ float: right; width: 170px; padding: 20px; }

body.resources div#form
{ background: #b0bdb3; border: 1px solid #FFF; padding: 0 10px 0 10px; }

body.resources div#form label 
{ float: left; display: block; width: 70px; color: #000; padding-left: 5px;}

body.resources div#form p.answer_p
{ float: left; }

body.resources div#form input[type=text], body.resources div#form input[type=password]
{ width: 327px; font-size: 12px; border: none; border: 1px solid #000; }

body.resources div#form input.answer
{ width: 120px; font-size: 12px; border: none; border: 1px solid #000; }

body.resources div#form input[type=submit]
{ background: #000; border: 1px solid #FFF; color: #FFF; padding: 2px; font-size: 12px; }

body.resources div#form textarea
{ width: 327px; height: 40px; font-size: 12px; border: none; border: 1px solid #000; }

div#results div { background: #FFF; padding: 5px 5px 5px 20px; min-width: 40px;  }

div#container div#content div.module
{ border: 1px solid #FFF; background: #0F110E; padding: 0 5px 10px 5px; margin: 4px 0;  }

div#container div#content div.module p.title
{ font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; font-size: 12px; line-height: 14px;  }

div#container div#content div.module p
{ font-family:Georgia,"Times New Roman",Times,serif; font-size: 11px; line-height: 14px; }

div#container div#content div.module a
{ text-decoration: underline; color: #FFF; font-size: 11px; font-family:Georgia,"Times New Roman",Times,serif;}

body.contact div#container div#content
{ width: 770px; background: url(../images/contact.jpg) top right no-repeat; margin: 0; height:680px; }
div#container div#content p, div#container div#content td { font-size: 12px; line-height: 18px; margin: 10px 0;}
div#container div#content p.bigText { font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#eee; line-height: 22px; }
div#container div#content td { vertical-align: top; }
div#container div#content a { text-decoration: underline; }
div#container div#content a:hover { text-decoration: none; }
/* 
	Tabs colors for Jquery
*/

body.contact div#container div#content p { color: #FFF; font-family:Georgia,"Times New Roman",Times,serif; margin: 8px 0;}

div#container div#content #tabs {	opacity:0.7; /* regular CSS3 */
	filter:alpha(opacity=70); /* IE */ }

div#container div#content #tabs a { color:#fff; text-decoration: none; font-weight:bold; }
div#container div#content #tabs a:hover { color:#ff0000; text-decoration: none; }

div#container div#content div#leftCol { width: 500px; float: right; padding: 20px;}
div#container div#content div#leftCol img { float: right; padding: 0 0 20px 20px;}
div#container div#content div#leftCol .popups img { padding: 0 3px; }
div#container div#content div#leftCol input, div#container div#content div#leftCol textarea {margin: 0 0 5px 10px; }

div#container div#content div#home-page { width: 770px; height: 610px; padding: 10px 0 0 0; /*background:url(../images/home-image.jpg) top right no-repeat;*/ }
 
div#screensavers { margin: 40px 20px 0 20px; }

div#container div#content { width: 770px;  padding: 0px;}
div#container div#content h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#eee; margin: 0 0 20px 0;}
div#container div#content p, div#container div#content li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:18px;}
div#container div#content li.list { list-style:circle; margin: 0 0 0 20px; }
div#container div#content li.tabsTitle { list-style: none; font-size:16px; }
div#container div#content h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; margin: 0 0 15px 0; }
/*
	Footer
*/
div#container div#footer { font-size: 12px; margin-top: 10px; }
div#container div#footer p#footer-copyright { color: #675d06; float: left; font-weight: bold; }
div#container div#footer p#footer-address { color: #675d06; float: right; font-weight: bold;  }
/*
	Classes
*/
div.clear                   { clear: both; }
.imgRight img {float:right; padding: 0 0 0 10px; }
.notice { background: #FFFFDD; padding: 5px; border: 1px solid #FFD700; color: #000; margin: 5px 0 10px; font-size: 12px; line-height: 20px; width: 97%;}
.error { background: #ffcece; padding: 5px; border: 1px solid #a71010; color: #000; margin: 5px 0 10px; font-size: 12px; line-height: 20px; width: 468px;}

.errormsg {  color: #FF0000; font-size: 12px; line-height: 20px; width: 468px;}

div#poll form label { float: left; display: block; width: 50px; color:#FFF;}
div#poll form input[type="radio"] { float: left; }
div#photographer { position: relative; top: 107px; left: 310px; }