@font-face {
    font-family:'ArmataRegular';
    src: url('../fonts/Armata-Regular-webfont.eot');
    src: url('../fonts/Armata-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Armata-Regular-webfont.woff') format('woff'),
         url('../fonts/Armata-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Armata-Regular-webfont.svg#ArmataRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayRegular';
    src: url('../fonts/Play-Regular-webfont.eot');
    src: url('../fonts/Play-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Play-Regular-webfont.woff') format('woff'),
         url('../fonts/Play-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Play-Regular-webfont.svg#PlayRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #333333;
	background: black url(../images/frame/mainBg.jpg) no-repeat fixed center top;
	margin-top:0px;
	font-family:'ArmataRegular',Arial,sans-serif;
}

/* Classes */

h2 {font-size:16px; color:#1A293E; margin:35px 0 10px 0;}

.copyright {width:960px; margin:10px auto; color:#808080; text-align:right; font-size:10px;}
.copyright a {color:#808080; text-decoration:none;}

.splitLeft {float:left; width:50%;}
.splitRight {float:right; width:50%;}

/* Template */

#container {width:960px; margin-left:auto; margin-right:auto; position:relative; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c;}
#masthead {width:944px; height:100px; padding:8px 8px 0px 8px; background-color:#FFFFFF; position:relative; z-index:10;}

ul#logo {padding-left:0px; margin:0px; list-style:none;}
ul#logo li a {width:250px; height:64px; position:absolute; top:25px; left:20px; text-indent:-9999px; background:url(../images/frame/logo.png);}

#bodyBox {width:930px; padding:15px; background-color:#f0f1ec;}
#bodyBoxContent {width:560px; float:left; margin-bottom:15px; padding:20px; background-color:#FFF; font-size:12px; text-align:justify; line-height:20px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; /* border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; */}
#bodyBoxContent h1 {color:#c61414; font-weight:normal; text-transform:uppercase; font-size:25px; line-height:30px; margin:0; padding:0; font-family:'PlayRegular';}

#bodyBox a {color:#c61414; text-decoration:none;}
#bodyBox a:hover {text-decoration:underline;}
#bodyBox strong {color:#1A293E;}

#bodyPanelRight {width:270px; float:right; margin-bottom:15px; padding:20px 20px 10px 20px; background-color:#FFF; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box;}

ul#latest {padding-left:0px; margin:0px; list-style:none;}
ul#latest li:first-child {border-top:none;}
ul#latest li {border-top:dotted 1px #999; padding:10px 0; font-size:11px; line-height:20px;}
ul#latest li a {font-size:12px; text-decoration:none; color:#c61414;}
ul#latest li a:hover {color:#1A293E;}

#bodyPanelRight h1 {color:#c61414; font-weight:normal; text-transform:uppercase; font-size:25px; line-height:30px; margin:0; padding:0; font-family:'PlayRegular';}

#bodyBoxPartners {padding:20px; background-color:#FFF; clear:both;}
h3 {margin:15px 0 0; padding:0 15px; background-image:url(../images/frame/h3Bg.gif); background-color:#1A293E; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:600; font-style:normal; line-height:35px; clear:both;}

/* Social Networks */

#nw {
	padding:0;
	margin:0;
	list-style:none;
	background:url(../images/frame/social.png) no-repeat;
	width:120px;
	height:33px;
	position:absolute;
	top:17px;
	right:22px;
	text-indent:-9999px; overflow:hidden;
}
#nw li {
	margin:0; padding: 0;
	float:right;
}
#nw li a {
	position:absolute;
	display:block;
	background: url(../images/frame/social.png) no-repeat;
	height:33px;
}

li#nw_fb a {width:33px; height:33px; left:0; background-position:0 0;}
li#nw_tw a {width:33px; height:33px; left:43px; background-position:-43px 0;}
li#nw_yt a {width:33px; height:33px; left:87px; background-position:-87px 0;}

li#nw_fb a:hover {background-position:0 -33px;}
li#nw_tw a:hover {background-position:-43px -33px;}
li#nw_yt a:hover {background-position:-87px -33px;}

/* Navigation */

ul#nav {padding-left:0px; margin:0 3px 0 0; list-style:none; position:absolute; bottom:0px; right:0px;}
ul#nav li {display:inline-block; float:left; margin-right:7px;}
ul#nav li a {font-size:13px; color:#575757; text-decoration:none; text-transform:uppercase; text-align:left; padding:3px; display:block; border-bottom:6px solid #FFF;}
ul#nav li a:hover {color:#c61414;}

ul#nav li a.selected {border-bottom:6px solid #1A293E;}

* html #nav li {display:inline; float:left;}  /* for IE 6 */
* + html #nav li {display:inline; float:left;}  /* for IE 7 */

/* Banner */

.banner_area {position:relative; width:960px;}
.banner-wrapper {width:960px; height:350px; overflow:hidden; position:relative; z-index:0;}
.banner {left:0; position:absolute; top:0; z-index:1;}
.banner_content {left:0; padding:0; position:absolute; width:960px; z-index:2;}
.banner-rotation {display:none;}

.bannerBox {width:300px; height:310px; background-color:#FFF; position:absolute; right:20px; /* top:20px; */ top:0; z-index:999;}
.bannerBoxContent {padding:10px 20px; font-size:14px;}
.bannerBox h1 {padding:0 20px; margin:0px; background-color:#1A293E; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:600; font-style:normal; line-height:50px;}

/* Footer */

#footer {
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/frame/partners.gif) no-repeat;
	width:890px;
	height:38px;
	position:relative;
	text-indent:-9999px; overflow:hidden;
	clear:both;
}
#footer li {
	margin: 0; padding: 0;
	float: left;
}
#footer li a {
	position:absolute;
	display:block;
	background: url(../images/frame/partners.gif) no-repeat;
}

li#ft_mem a {width:90px; height:33px; left:0px; background-position:0px 0px; margin-top:0px;}
li#ft_bahra a {width:144px; height:32px; left:115px; background-position:-115px -3px; margin-top:3px;}
li#ft_socii a {width:61px; height:22px; left:284px; background-position:-284px -7px; margin-top:7px;}
li#ft_koso a {width:90px; height:22px; left:364px; background-position:-364px -7px; margin-top:7px;}
li#ft_bemco a {width:172px; height:24px; left:476px; background-position:-476px -5px; margin-top:5px;}
li#ft_termo a {width:124px; height:29px; left:666px; background-position:-666px -1px; margin-top:1px;}
li#ft_demco a {width:81px; height:23px; left:808px; background-position:-808px -7px; margin-top:7px;}

li#ft_mem a:hover {background-position: -0px -42px;}
li#ft_bahra a:hover {background-position: -115px -42px;}
li#ft_socii a:hover {background-position: -284px -49px;}
li#ft_koso a:hover {background-position: -364px -49px;}
li#ft_bemco a:hover {background-position: -476px -47px;}
li#ft_termo a:hover {background-position: -666px -43px;}
li#ft_demco a:hover {background-position: -808px -49px;}



li#ft_credit a {width:154px; height:19px; left:112px; background-position:-112px -10px; margin-top:10px;}
li#ft_credit a:hover {background-position: -112px -52px;}
li#ft_ims a {width:54px; height:39px; left:432px; background-position:-432px 0px; margin-top:0px;}
li#ft_ims a:hover {background-position: -432px -39px;}

/* Home */

#bodyPanelIndexContainer {width:930px; background-color:#FFF; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; overflow:auto;}
.bodyPanelIndex {width:270px; float:left; margin-bottom:15px; padding:20px; position:relative; line-height:normal;}
.bodyPanelIndex img {margin:10px 0 5px 0; border-bottom:solid 5px #c61414;}
.bodyPanelIndex .more {position:absolute; bottom:0; right:20px; font-size:14px; text-transform:uppercase;}
.bodyPanelIndex h1 {color:#c61414; font-weight:normal; text-transform:uppercase; font-size:25px; line-height:30px; margin:0; padding:0; font-family:'PlayRegular';}

.welcome {margin-bottom:0px; line-height:20px; font-size:14px;}

/* Profile */

#profileContainer {width:560px; float:left; display:block; margin:25px 0px;}
.profileLeft {background-color:#c61414; color:#FFF; font-size:11px; float:left; margin:1px; padding:3px 8px; text-transform:uppercase; width:130px; clear:both;}
.profileRight {background-color:#f6f6f5; float:left; font-size:10px; margin:1px; padding:3px 6px; width:390px;}

/* Career */

h4 {background-color:#c61414; color:#FFF; font-size:18px; float:left; margin:25px 0 0; padding:3px 8px; text-transform:uppercase; clear:both;}
.career {background-color:#f6f6f5; float:left; font-size:13px; margin:0; padding:6px; width:560px;}

/* News */

.newsTitle {border-bottom:dotted 1px #999; padding-bottom:10px; margin-bottom:10px; display:block; font-size:14px;}

/* Partners */

.partContainer {display:inline-block; margin:25px 0px 25px 0px;}
.partTitle {color:#1A293E; font-size:15px; font-weight:bold; float:left; margin:0; text-transform:uppercase; clear:both; width:334px;}
.partLogo {width:177px; float:left; text-align:center;}
.partInfo {width:350px; float:right; margin:0px 0px 0px 25px;}
.partInfo a {text-transform:uppercase; letter-spacing:1px;}

/* Season */

.calHeader {width:560px; padding:6px 0px 6px 8px; background-image:url(../images/diagBg.gif); position:relative; overflow:auto; font-size:12px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;}
.calContainer_0 {width:560px; padding:4px 0px 4px 8px; background-color:#f4f3f3; position:relative; overflow:auto; font-size:11px;}
.calContainer_1 {width:560px; padding:4px 0px 4px 8px; background-color:#FFF; position:relative; overflow:auto; font-size:11px;}

.calDate {width:120px; float:left;}
.calSeries {width:140px; float:left;}
.calCountry {width:145px; float:left;}
.calCircuit {width:150px; float:left;}
.calR {width:45px; float:left; text-align:center;}

.spacer {height:25px; clear:both;}

/* Circuit Maps */

#circuitContainer {background-color:#FFF; width:750px; height:450px; position:absolute; top:0; left:0; overflow:hidden;}
#circuitContainer h1 {color:#c61414; font-weight:normal; text-transform:uppercase; font-size:25px; line-height:30px; margin:0; padding:0; font-family:'PlayRegular';}
.circuitMap {float:left; width:350px; margin:35px 0 0;}
.circuitInfo {float:right; width:350px; margin:35px 0 0; font-size:13px; line-height:20px; text-align:justify;}

/* Video */

.vidContainer {width:150px; margin:10px; float:left; padding:5px; border:1px solid #CCCCCC; -moz-box-shadow:0px 0px 6px #cccccc; -webkit-box-shadow:0px 0px 6px #cccccc; box-shadow:0px 0px 6px #cccccc;}

/* Car */

#bodyPanelCarContainer {width:890px; background-color:#FFF; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; overflow:auto; padding:20px;}
#bodyPanelCarContainer h1 {color:#c61414; font-weight:normal; text-transform:uppercase; font-size:25px; line-height:30px; margin:0; padding:0; font-family:'PlayRegular';}

.carFeature {background-color:#F6F6F5; float:left; font-size:12px; margin:0; padding:6px; width:880px;}
.carFeature ul {padding:15px; margin:0;}
.carCutOut {margin:20px 0 0;}

/* Gallery */

.galleryIndTn {float:left; width:130px; height:79px; margin:25px 0 0;3}
.galleryIndTn img {padding:5px; border:1px solid #CCCCCC; -moz-box-shadow:0px 0px 6px #cccccc; -webkit-box-shadow:0px 0px 6px #cccccc; box-shadow:0px 0px 6px #cccccc;}
.galleryIndTxt {float:left; width:400px; height:79px; margin:25px 0 0;}
.galleryIndTxt h2 {margin:15px 0 0;}
.galleryIndTxt p {font-weight:bold; font-size:15px; margin:0; line-height:33px;}

.galleryTn {float:left; width:112px; margin:13px;}
.galleryTn img {padding:5px; border:1px solid #CCCCCC; -moz-box-shadow:0px 0px 6px #cccccc; -webkit-box-shadow:0px 0px 6px #cccccc; box-shadow:0px 0px 6px #cccccc;}

/* Gallery Navigation */

ul#galleryNav {width:270px; height:35px; list-style:none; padding:0; margin:20px auto; z-index:999; line-height:normal !important;}
ul#galleryNav li a:hover, #nav li a:active {text-decoration:none;}
ul#galleryNav li a {width:250px; background-color:#c61414; color:#E0E2E7; display:inline-block; float:left; margin:0; padding:10px; text-decoration:none; text-transform:uppercase; text-align:center;}

* html #galleryNav li {display:inline; float:left; }  /* for IE 6 */
* + html #galleryNav li {display:inline; float:left; }  /* for IE 7 */

ul#galleryNav li a.selected {background:url(../images/frame/navBgOn.gif);}

#galleryNav ul {width:250px; left:-9999em; list-style:none; margin:36px 0; padding:0; position:absolute; border-top:solid 1px #FFF; z-index:999;}
#galleryNav li:hover ul {left:auto;}

#galleryNav li {float:left;}
#galleryNav li li a {width:250px; background-color:#efefef; color:#2e2e2e; font-size:10px; font-weight:normal; padding:8px; margin:0; border-right:solid 1px #FFF; border-bottom:solid 1px #FFF; border-left:solid 1px #FFF;}
#galleryNav li li a:hover {background-color:#1A293E; background-image:none; color:#FFF;}

#galleryNav li:hover {}

/* Season Navigation */

ul#seasonNav {width:180px; height:35px; list-style:none; padding:0; margin:20px auto; z-index:999; line-height:normal !important;}
ul#seasonNav li a:hover, #nav li a:active {text-decoration:none;}
ul#seasonNav li a {width:180px; background-color:#c61414; color:#E0E2E7; display:inline-block; float:left; margin:0; padding:10px; text-decoration:none; text-transform:uppercase; text-align:center;}

* html #seasonNav li {display:inline; float:left; }  /* for IE 6 */
* + html #seasonNav li {display:inline; float:left; }  /* for IE 7 */

ul#seasonNav li a.selected {background:url(../images/frame/navBgOn.gif);}

#seasonNav ul {width:180px; left:-9999em; list-style:none; margin:36px 0; padding:0; position:absolute; border-top:solid 1px #FFF; z-index:999;}
#seasonNav li:hover ul {left:auto;}

#seasonNav li {float:left;}
#seasonNav li li a {width:180px; background-color:#efefef; color:#2e2e2e; font-size:13px; font-weight:normal; padding:8px; margin:0; border-right:solid 1px #FFF; border-bottom:solid 1px #FFF; border-left:solid 1px #FFF;}
#seasonNav li li a:hover {background-color:#1A293E; background-image:none; color:#FFF;}

#seasonNav li:hover {}

/* Contact */

.contactLeft {float:left; width:249px; border-right:1px solid #e4e5e2;}
.contactRight {float:right; width:290px; padding:35px 0  0 20px;}

.contactForm {font-size:12px;}
.textField {width:262px; background-color:#F0F1EC; border:none; font-size:14px; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:'ArmataRegular',Arial,sans-serif; font-size:10px;}
.submitButton {background:none repeat scroll 0 0 #c61414; color:#FFFFFF; cursor:pointer; display:block; font-size:12px; text-transform:uppercase; padding:5px; border:none; font-family:'ArmataRegular',Arial,sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.submitButton:hover {background-color:#1A293E;}
.warning {color:#c61414; font-size:10px;}