/*############################### General ####################################*/

html{
	height:100%;	
}

html, body{
	margin: 0;
	padding: 0;
}

body{
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: center;
	background: #3c3c7d;
}

.print{
	display:none;
}

a{
	outline:none;
	color:#EBEB34;
}

img{
	border:none;
}

p{
	margin-top:0;
	margin-left:0;
}

#top-spacer{
	display:block; 
	height:5px;
}

h1{
	margin:0px 0 10px 0;
        font-size:1.5em;
        color:#EBEB34;
}
h2{
	margin:0px 0 5px 0;
        font-size:1.1em;
        color:#F3CD81;
}

h3{
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
}

td{
	padding-left: 10px;
}

.underlined{
	text-decoration:underline;
}

.centered{
	text-align:center;	
}

#page {
	margin: auto;
	width: 800px;
	padding: 0;
	background: url(images/layout/racing-stripe.gif) 35px 0px repeat-y;
	height: 100%;
	position:relative;
}


/*############################### Header #####################################*/

#header { 
	display:block;
	height:100px;
	width:800px;
}

.homepage{
	background: url(images/layout/home-header.gif) no-repeat;
}

.driving{
	background: url(images/layout/driving-header.gif) no-repeat;
}

.riding{
	background: url(images/layout/riding-header.gif) no-repeat;
}

#header a{
	display:block;
	height:80px;
	width:150px;
}

/*############################### Content ####################################*/

#content{
	text-align:left;
}

#left-nav{
       float:left;	
}

#page-title{
	float:left;
        margin-left:30px;
	font-size:1.8em;
	width:600px;
}

#content-section{
	padding:0px 10px 0px 30px;
	float:left;
	width:603px;
	color:#fff;
	font-size:1.3em
}

#content-section.with-images{
	width:340px;		
	}
	
#homepage-content{
	font-size:1.1em;
	margin-top:10px;
}

#homepage-driving-button{
	margin-top:20px;
	margin-right:80px;
	margin-left:70px;	
}

#calendar{
	border:3px solid #000;
	display:block;
	width:600px;
	background:#C3D9FF;
}

.image_block{
	text-align:center;
        margin-top:20px;
}

.image_block img {
	border:3px solid #000;
}

.image_block a{
        margin:8px;
}

.image_block img{
	margin-bottom:18px;
}

.review-posibility{
	border:1px solid #b3b3b3;
	padding:4px;
	margin-bottom:6px;
	background:#1E1E3F;
}

.review .title{
	font-size:1.2em;
        font-weight:bold;
}

.review .date{
	color:#b3b3b3;
}

.review .message{
	color:#ffea00;
}

.review .stars{
	width:20px;
}

.input{
	margin-bottom:10px;
	background-color:#1ff;
}

.input#title{
	width:340px;
}

.inputLabel{
	color:yellow;
	font-weight:bold;
}

.input#name{
	width:340px;
}

.errorInput{
	margin-bottom:10px;
        border:2px solid red;
        background-color:#ff1;
}

.validationError{
      color:red;
      font-size:.9em;
}

.editableReview{
	padding:2px;
	border:2px solid #b3b3b3;
	margin-bottom:4px;
        position:relative;
}

.controlBox{
       position:absolute;
       right:3px;
       top:2px;
}

.unauthorised{
	background:#1E1E3F;
}

.sub_menu_item{
	margin-top:30px;
        margin-left:20px;
	width:550px;
	height:71px;
}

.sub_menu_item img{
	float:left;
	margin-right:10px;
	border:2px solid black;
}

.sub_menu_item h3{
	margin-bottom:5px;
        padding-top:5px;
}


#image-section{
	margin-left:10px;
	float:left;
        margin-top:6px;
}

.titled-image{
	border:2px solid #24244b;
	background-color:#313167;
        margin-bottom:20px;
}

.titled-image img{
	border:3px solid #24244b;
	margin-top:3px;
}

.titled-image p{
	padding-left:8px;
	margin:0px;
	margin-bottom:3px;
	color:#EBEB34;
	font-size:1.3em;
}

.video-item{
	border:2px solid #24244b;
	background-color:#313167;
	padding:4px 4px 3px 4px;
	margin-bottom:15px;
	position:relative;
}

.video-item .vid-description{
	width:340px;
	float:right;
}

.video-item .vid-description h3{
	color:#EBEB34;
	margin-bottom:6px;
}

.video-item .downloadBox{
	font-size:.8em;
	position:absolute;
	bottom:6px;
	left:255px;
        border-top:2px solid #24244b;
        padding-top:3px;
        width:335px;
}

.video-item .downloadBox .dbTitle{
	color:#777;
}

.sitemap{
	margin-left:40px;
}

.sitemap li{
	margin:4px;
}

.sitemap li a{
	text-decoration:none;
}

.sitemap li a:hover{
	text-decoration:underline;
}
/*############################### Footer ####################################*/

#footer{
	display:block;
	height:180px;
        width:613px;
        margin-left:175px;
	margin-top: 20px;
        
}


#holden_logo{
        display:block;
	height:82px;
        width:613px;
	display:block;
	margin-top:5px;
        background: url(images/layout/footer.gif) bottom no-repeat;
}
#holden_logo a{
        display:block;
	height:70px;
        width:613px;
	display:block;
}

#footer .descriptor{
	font-size:1.4em;
	color:#fff;
	margin-right:5px;
	margin-left:10px;
}
#footer .value{
	margin-right: 10px;
	font-size:1.4em;
	color:#ffea00;
}

#footer .sub-text{
	color:#fff;
}

#footer .sub-text img{
	margin-top:3px;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer-menu{
	margin-bottom:5px;
	font-size:1.1em;
}

#footer-menu .seperator{
	margin-left:5px;
	margin-right:4px;
}