/* ---------  SCREEN CSS by Wes Oudshoorn  --------- */

html {
	height:100%;
	overflow-y:scroll;
}
body {
	background:#0b2f3b url(/media/img/bg.jpg) center -200px fixed no-repeat;
	_background:#0b2f3b;
	font:110%/25px "Calibri", Verdana, Arial, Helvetica;
	height:100%;
}

/* ---------  LOGO  --------- */

#logo {
	display:block;
	left:50%;
	margin-left:-125px;
	position:absolute;
	top:0;
	width:250px;
	z-index:200;
}
#logo a {
	display:block;
	height:113px;
	text-indent:-9999em;
	width:200px;
}

/* ---------  SPLIT NAV   --------- */

#u_home {
	left:50%;
	margin-left:-470px;
	margin-top:30px;
	position:absolute;
	top:0;
	width:940px;
}
#u_home li {
	float:left;
	margin-right:20px;
}
#u_home a {
	color:#555;
	text-decoration:none;
	text-shadow:1px 1px 1px #fff;
}
#u_home li.u_work, #u_home li.u_cont {
	float:right;
	margin-left:20px;
	margin-right:0;
}

/* ---------  WRAP  --------- */

#wrap {
	height:auto !important;
	margin:0 auto -123px;
	min-height:100%;
	_height:100%;
}

/* ---------  HEAD/FOOT  --------- */

#head, #foot, #controls {
	background:url(/media/img/head.png) center top;
	_background:url(/media/img/ie/head.png) center top;
	height:123px;
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}
#foot, #controls {
	background:none;
	height:123px;
	top:auto;
	z-index:300;
}
#index #foot #inner {
	_background:url(/media/img/ie/foot_fp.png) center top;
}
#foot #inner, #controls {
	background:url(/media/img/foot.png) center top;
	_background:url(/media/img/ie/foot.png) center top;
	color:#000;
	height:123px;
	position:relative;
	text-align:center;
	z-index:200;
}

#inner address {
padding-top: 60px;
color:#555;
font-style: normal;
text-shadow:1px 1px 1px #fff;
}

#inner a {
color: #000;
}
#foot #calltoaction {
	left:50%;
	margin-left:-470px;
	position:absolute;
	z-index:100;
}
/* ---------  CONT  --------- */

#cont {
	color:#fff;
	margin:0 auto;
	padding-top:210px;
	width:940px;
}
#cont a {
	color:#a6c6ce;
}

/* ---------  TEXT  --------- */

#text {
	float:right;
	padding:20px 0;
	width:600px;
}

/* ---------  TEXT STYLES  --------- */

h1 {
	border-bottom:1px solid #427c8b;
	color:#bbd6dd;
	display:block;
	font-size:1.5em;
	margin-bottom:20px;
	padding:15px 0 15px;
	text-shadow:rgba(0, 0, 0, .4) 1px 1px 2px;
}
#intro h1 {
	font-size:1em;
}
#fp h1 {
display: none;
}
#text h2,
.tooltip h2 {
	color:#CB181F;
	font-size:1.15em;
	text-shadow:rgba(0, 0, 0, .4) 1px 1px 1px;
	padding-bottom:10px;
}
#text h3 {
	font-size:1em;
	border-bottom:1px solid rgba(0, 0, 0, .4);
	padding-bottom:10px;
	margin-bottom:5px;
}
#text p, #text ul, #text ol, #text dl, .tooltip p {
	margin-bottom:20px;
	font-size:.9em;
line-height: 1.2em;
}
#text ul {
	list-style:square;
	margin-left:30px;
}
#text ol {
	list-style:decimal;
	margin-left:30px;
}

#text strong {
	color:#fff;
font-style: italic;
font-size: 1.2em;
}

blockquote {
	padding:10px;
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
	margin-bottom:20px;
}
#text blockquote p {
	margin:0;
font-style: italic;
}
table {
	width:100%;
	border-top:1px solid #427C8B;
}
table td, table th {
	padding:5px;
	text-align:left;
	border-bottom:1px solid #427C8B;
}
table thead th {
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
}

#text .block h2 {
	padding:20px;
	margin:-20px -20px 10px -20px;
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
}
#text p.standout {
	font-size:1.2em;
	padding:20px;
	margin-top:-21px;
	background:rgba(187, 214, 221, .3);
	text-align:center;
	color:#fff;
	text-shadow:rgba(0, 0, 0, .3) -1px -1px 0px;
}
#text p.notfirst {
	margin-top:0px;
}
#text dd {

	margin-bottom:1em;
	border-top:0;
}
#text dt {
	font-weight:bold;
	border-bottom:0;
}
#text #crew {
	list-style:none;
	margin-left:0;
	width:620px;
}
#text #crew li {
	padding:20px;
	margin-bottom:20px;





	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
}
#text #crew h3 {
	padding-bottom:0;
}
#text #crew p {
	margin-bottom:0;
	margin-right:120px;
}
#crew img {
	float:right;
	border:5px solid #fff;
	width:100px;
	margin:-45px 0 30px 20px;
}

.hidden {
	display:none;
}

.block {
clear:both;
	padding:20px 20px 10px 20px;
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
	margin-bottom:20px;
}

/* ---------  NAV  --------- */

#nav {
	font-size:1.2em;
	height:60px;
	left:50%;
	margin-left:-470px;
	position:absolute;
	top:80px;
	width:940px;
}
#nav li, #calltoaction li {
	float:left;
	margin-right:1px;
}
#nav li a {
	color:#fff;
	display:block;
	height:30px;
	padding:50px 0 20px;
	text-align:center;
	text-decoration:none;
	text-shadow:rgba(0, 0, 0, .4) 1px 1px 2px;
	width:187px;
}
#nav li.n_training a {
	padding:55px 0 15px;
}
#nav li a#current {
	color:#CA181F;
}


#nav li.n_motorsport, #nav li.n_motorsport a#current {
	background:url(/media/img/nav_first.png) no-repeat bottom;
	_background:url(/media/img/ie/nav_first.png) no-repeat bottom;
}
#nav li.n_motorsport a, #nav li.n_privateuse a {
	padding:45px 0 25px;
}
#nav li.n_automotive, #nav li.n_automotive a#current {
	background:url(/media/img/nav_second.png) no-repeat bottom;
	_background:url(/media/img/ie/nav_second.png) no-repeat bottom;
}
#nav li.n_training, #nav li.n_training a#current {
	background:url(/media/img/nav_third.png) no-repeat bottom;
	_background:url(/media/img/ie/nav_third.png) no-repeat bottom;
}
#nav li.n_entertainment, #nav li.n_entertainment a#current {
	background:url(/media/img/nav_fourth.png) no-repeat bottom;
	_background:url(/media/img/ie/nav_fourth.png) no-repeat bottom;
}
#nav li.n_privateuse, #nav li.n_privateuse a#current {
	background:url(/media/img/nav_fifth.png) no-repeat bottom;
	_background:url(/media/img/ie/nav_fifth.png) no-repeat bottom;
}

/* ---------  CALL TO ACTION  --------- */

#calltoaction li {
	color:#fff;
	display:block;
	font-size:.9em;
	height:240px;
	padding:0;
	width:187px;
	cursor:pointer;
}
#calltoaction a {
	color:#CA181F;
	font-size:1.4em;
	font-weight:lighter;
	text-decoration:none;
}
#calltoaction h2, #calltoaction p {
	margin-left:20px;
}
#calltoaction li.cta_motorsport {
	background:url(/media/img/cta_first.png) no-repeat top;
	_background:url(/media/img/ie/cta_first.png) no-repeat 0 5px;
}
li.cta_motorsport img, li.cta_privateuse img {
	margin-bottom:5px;
}
li.cta_training img {
	margin-bottom:-5px;
}
#calltoaction li.cta_automotive {
	background:url(/media/img/cta_second.png) no-repeat top;
	_background:url(/media/img/ie/cta_second.png) no-repeat 0 5px;
}
#calltoaction li.cta_training {
	background:url(/media/img/cta_third.png) no-repeat top;
	_background:url(/media/img/ie/cta_third.png) no-repeat 0 5px;
}
#calltoaction li.cta_entertainment {
	background:url(/media/img/cta_fourth.png) no-repeat top;
	_background:url(/media/img/ie/cta_fourth.png) no-repeat 0 5px;
}
#calltoaction li.cta_privateuse {
	background:url(/media/img/cta_fifth.png) no-repeat top;
	_background:url(/media/img/ie/cta_fifth.png) no-repeat 0 5px;
}
#calltoaction {
	bottom:100px;
	position:absolute;
	width:940px;
}

/* ---------  SIDEBAR  --------- */

#side {
	float:left;
	width:300px;
}
#side .top, #side .bottom {
	background:url(/media/img/side_top.png);
	_background:url(/media/img/ie/side_top.png);
	height:15px;
	_height:14px;
}
#side .bottom {
	background:url(/media/img/side_bottom.png);
	_background:url(/media/img/ie/side_bottom.png);
}
#side a {
	color:#fff;
	text-decoration:none;
	text-shadow:rgba(0, 0, 0, .4) 1px 1px 2px;
}
#side h2 a {
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
	color:#ca181f;
	display:block;
	font-size:1.5em;
	height:40px;
	padding:20px 20px 15px;
}

h4.sidesubtitle{
	color:#fff;
	color:#ca181f; /*Cruden Red*/
	margin:30px 0 0 5px;
	font-size:23px;
}

div.imgNavSide{
	margin-top:15px;
}


#side ul {
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
	padding:0 20px 20px;
}
#side .first a {
	border-top:1px solid #123d49;
}
#side li a {
	border-bottom:1px solid #123d49;
	display:block;
	line-height:20px;
	padding:10px 0;
}
#side li.current a {
	color:#ca181f;
}
#side li a strong {
	display:block;
	float:left;
	font-size:2em;
	font-weight:400;
	margin-right:10px;
	margin-top:-3px;
}

/* ---------  FRONTPAGE  --------- */

#fp_movies {
	margin:0 -10px;
	z-index:100;
}
#fp_movies li {
	float:left;
	font-size:1.2em;
	height:240px;
	margin-bottom:40px;
	text-align:center;
	width:319px;
}
#fp h1 {
	clear:both;
	color:#CA181F;
	font-size:3em;
	font-weight:lighter;
	text-align:center;
}

.movie {
	padding:40px 20px 20px 20px;
}

/* ---------  LANDING  --------- */

.slider {
	margin:-28px 0 20px -10px;
	width:619px;
	height:183px;
}
.slider img {
	width:619px;
	height:183px;
	position:relative;
}
.entertainment,
.entertainment img{height: 282px}
/* ---------  INTRO  --------- */

#intro {
	float:left;
	width:280px;
}
#intro h1 {
	border-bottom:0;
	margin:20px 0 10px;
	font-size: 1.4em;
	padding:0;
}

/* ---------  FEATURED ITEM  --------- */

#fitem {
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
	float:right;
	padding:20px 20px 0;
	width:260px;
	cursor:pointer;
}

#fitem .bottom {
	background:url(/media/img/right_bottom.png);
	_background:url(/media/img/ie/right_bottom.png);
	height:15px;
	margin:0px -20px 0;
	position:absolute;
	width:300px;
}

#fitem h2, #fitem a {
	color:#CA181F;
}

#fitem img, form fieldset {
	margin-bottom:20px;
}

/* FEARURED ITEM TWO */
#fitem_two {
	margin-top:30px;
	background:url(/media/img/40.png);
	_background:url(/media/img/ie/40.png);
	float:right;
	padding:20px 20px 0;
	width:260px;
	cursor:pointer;
}

#fitem_two .bottom {
	background:url(/media/img/right_bottom.png);
	_background:url(/media/img/ie/right_bottom.png);
	height:15px;
	margin:0px -20px 0;
	position:absolute;
	width:300px;
}

#fitem_two h2, #fitem_two a {
	color:#CA181F;
}

#fitem_two img, form fieldset {
	margin-bottom:20px;
}

/* ---------  MEET OUR SIMULATOR   --------- 

#meetour {
	display:none;
	z-index:500;
	position:fixed;
	bottom:0;
	lefT:50%;
	margin-left:-130px;
}
#meetour img {
	margin-bottom:90px;
}
.tooltip {
	margin-left:-20px;
	display:none;
	background:url(/media/img/tooltip.png);
	height:433px;
	width:260px;
	padding:20px;
	color:#fff;
	z-index:2000;
	position:absolute;
}
#controls {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	z-index:600;
	display:none;
}
#controls p {
	margin-top:40px;
	color:#555;
	font-size:1.2em;
}
#controls p.close {
	position:absolute;
	left:50%;
	bottom:70px;
	background:#000;
	padding:10px;
	width:80px;
	margin-lefT:-50px;
}

 ---------  FORM  --------- */

form p {
	background:#f9f9f9;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:5px 0;
}
form p.submit {
	background:none;
	border:0;
}
form p label {
	display:block;
	float:left;
	padding:3px 10px;
	width:160px;
}
form p input {
	border:1px solid #ccc;
	padding:3px;
	width:200px;
}
#cont form ul {
	background:#f9f9f9;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:5px;
}
#cont form li {
	list-style:none;
	margin:0;
}
form li input {
	margin-right:10px;
	padding:0;
}
form h2 {
	border-bottom:1px solid #ccc;
	margin-bottom:0;
	padding-bottom:.5em;
}
p.error {
	border:0;
	color:red;
	font-size:.9em;
	padding:8px 8px 0;
}
span.error {
	color:red;
	float:right;
	font-size:.9em;
	padding:2px;
	width:240px;
}
.required {
	color:red;
}

/* ---------  CLEARFIX  --------- */

#index #cont:after {
	height:400px;
}

#cont:after, #crew li:after {
	clear:both;
	content:".";
	display:block;
	height:153px;
	visibility:hidden;
}

#crew li:after {
	height: 0;
}

.aligna {
float: left;
margin-right: 20px;
}

.alignb {
float: right;
margin-left: 20px
}

.aligna,
.alignb,
.align {
margin-bottom: 15px;
}

.col {
margin-top: 20px;
}

.col li {
float: left;
width: 33%;
}

address {
font-style: normal;
}

#movie_motion, #movie_visual {
margin: 20px;
}

.tooltip {
width: 400px;
padding: 20px;
color:#fff;
}

.newsdate li{
padding-bottom:5px;
}
.newsdate span{
font-style:italic;
font-size:0.9em;
padding-right:10px;

}

.topblock{
clear:both;
padding:20px 20px 10px 20px;
background:url(/media/img/40.png);
_background:url(/media/img/ie/40.png);
margin-bottom:20px;
}

#text ul.anchorlist{
margin:0;
}

#text ul.anchorlist li {
display:block;
clear:both;
width:560px;
height:70px;
list-style:none;
margin-bottom:10px;
padding:0 0 10px 0;
border-bottom:1px solid #123d49;
}

#text ul.anchorlist li img{
padding-right:20px;
float:left;

}
#text ul.anchorlist li a{
padding-top:10px;
float:left;

}

ul.cruden-tv li{
	margin:10px 0;
}

a.social{
	position:relative;
	top:10px;
}

a.social.twitter{
	margin-right:15px;
}

a.social.youtube{
	
}

#inner address.foot{
	padding-top:45px;
}

