@charset "utf-8";
/* CSS Document */

body {
	background: black url(../images/frame/mainBg.jpg) no-repeat center top;
	margin:0px;
}

img {border:0;}

h1 {font-family:"MisoRegular",sans-serif; font-size:34px; font-weight:normal; text-transform:uppercase;}
h2 {height:38px; margin:0px; padding-top:10px; background-image:url(../images/frame/h2Bg.gif); font-family:futura-pt; font-size:20px; font-weight:300; font-style:normal; text-align:center; text-transform:uppercase; text-shadow:0.1em 0.1em 0.2em black; color:#e5e5e5;}
h3 {font-size:18px;}
h4 {font-size:18px; margin:0px;}
h5 {font-family:futura-pt; font-size:22px; padding:10px 0px 0px 0px; margin:0;}

@font-face {
    font-family: "MisoRegular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/miso-webfont.eot") format("embedded-opentype"), url("http://maxfewtrell.com/assets/fonts/miso-webfont.woff") format("woff"), url("../fonts/miso-webfont.ttf") format("truetype"), url("../fonts/miso-webfont.svg") format("svg");
}

/* Classes */

.logo {width:152px; float:left; margin:28px 0px 0px 28px;}
.circuit {margin:40px 0px 40px 0px; margin-left:auto; margin-right:auto; display:block;}
.nextRace {font-family:futura-pt; font-size:14px; font-weight:300; font-style:normal; text-align:center; text-transform:uppercase; color:#e5e5e5; padding-bottom:30px;}
.latest a {font-size:15px; text-transform:uppercase;}

/* Frame */

#container {width:960px; margin-left:auto; margin-right:auto; background-color:#282828;}
#header {height:115px;}
#contentMain {width:655px; float:left; margin:0px 0px 0px 20px; font-family:'lucida grande','Lucida Sans Unicode', Tahoma, sans-serif, Arial, Helvetica, Verdana, sans-serif; font-size:13px; line-height:24px; text-align:justify; color:#e5e5e5;}
#contentMain a {color:#FA9E00; text-decoration:none;}
#contentNarrow {width:244px; float:right; margin:0px 20px 0px 0px; color:#d1d1d1;}
#copy {display:block; text-align:center; margin:26px 0px 46px 0px; color:#cccccc; font-family:Verdana, Arial, sans-serif; font-size:10px;}
#copy a {color:#FFFFFF; text-decoration:none;}

.panel {background-image:url(../images/frame/panelBg.gif); margin-bottom:24px; -moz-box-shadow:0px 4px 4px #000000;	-webkit-box-shadow:0px 4px 4px #000000; box-shadow:0px 4px 4px #000000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

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

/* Navigation */

ul#nav {width:960px; padding:0px; margin:0px; list-style:none; text-align:center; background-image:url(../images/frame/navBg.gif); background-repeat:repeat-x; border-top:#FF6600 1px solid;}
ul#nav li {display:inline-block;}
ul#nav li a {display:block; text-transform:uppercase; font-size:22px; font-family:"MisoRegular",sans-serif; color:#b0b0b1; text-decoration:none; margin:13px 20px;}
ul#nav li a:hover {color:#FFFFFF;}
ul#nav li a:active {color:#FFFFFF;}

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

ul#nav li a.selected {color:#FFFFFF;}

/* Crossfade */

#crossfade {position:relative; width:635px; height:298px; margin:0; padding:10px; background-color:#FFF;}
#crossfade li {display:block; margin-top:10px; }

/* Profile */

#profileContainer {width:452px; float:left; display:block; margin-bottom:25px;}
.profileLeft {background-image:url(../images/diagBg.gif); font-family:futura-pt; font-size:12px; float:left; margin:1px; padding:3px 8px; text-transform:uppercase; width:140px; clear:both;}
.profileRight {background-color:#000000; float:left; font-size:11px; margin:1px; padding:3px 6px; width:280px;}

/* Season */

.calHeader {width:655px; 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:655px; padding:4px 0px 4px 8px; background-color:#4A4A4A; position:relative; overflow:auto; font-size:11px;}
.calContainer_1 {width:655px; padding:4px 0px 4px 8px; background-color:#2B2B2B; position:relative; overflow:auto; font-size:11px;}

.calDate {width:96px; float:left;}
.calSeries {width:155px; float:left;}
.calCountry {width:115px; float:left;}
.calCircuit {width:100px; float:left;}
.calR {width:30px; float:left; text-align:center;}

.spacer {height:25px;}

/* Gallery Navigation */

#menu ul {
position: relative;
}

#menu ul ul {
position: absolute;
display: none;
}

#menu ul li:hover ul {
display: block;
}

#menu {
position: relative;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
width:250px;
z-index:25;
-moz-box-shadow:0px 3px 3px #0f0f0f; -webkit-box-shadow:0px 3px 3px #0f0f0f; box-shadow:0px 3px 3px #0f0f0f;;
}

#menu div.top div {
position: absolute;
display: none;
}

#menu div.top:hover div {
display: block;
width:250px;
background-color:#eeeeee;
}

#menu div.top {color:#FFF; background-image:url(../images/frame/h2Bg.gif); text-transform:uppercase; letter-spacing:1px;}
#menu a {display:block; padding:6px; color:#FFF;}
#menu a:hover {text-decoration:none; color:#FFF;}
#menu p {margin:0; padding:0; font-size:11px; text-align:left; text-transform:none; letter-spacing:normal; border-right:1px solid #353434; border-bottom:1px solid #4c4b4b; border-left:1px solid #353434;}
#menu p a {color:#c5c5c5; padding:2px 10px 2px 10px; background-color:#252525; }
#menu p a:hover {color:#FFF; background-color:#383838;}

.top {text-align:center;}

/* News */

.newsPhoto {padding:10px; background-color:#333333;}

/* Gallery */

.galleryIndexTn {float:left; padding:0 15px 0 0; width:110px;}
.galleryTxt {float:left; height:78px; padding:22px 0 0; width:190px;}

.gallerySpacer {float:left; height:79px; margin:6px 6px 12px; padding:0 8px 0 0; width:110px;}
.tn {background-image:url(../images/tnBg.png); background-color:#434343; border:1px solid #4c4b4b; padding:5px; -moz-box-shadow:0px 3px 3px #0f0f0f; -webkit-box-shadow:0px 3px 3px #0f0f0f; box-shadow:0px 3px 3px #0f0f0f;}

/* Partners */

.partContainer {display:inline-block; margin:25px 0px 25px 0px;}
.partLogo {width:177px; float:left; -moz-box-shadow:0px 3px 4px #000000; -webkit-box-shadow:0px 3px 4px #000000; box-shadow:0px 3px 4px #000000;}
.partLogo img {border:1px solid #505050;}
.partInfo {width:442px; float:left; margin:0px 0px 0px 25px;}
.partInfo a {text-transform:uppercase; letter-spacing:1px;}

/* Contact */

.networkContainerFacebook {display:inline-block; width:100%; margin:25px 0px 0px 0px; font-weight:bold;}
.networkContainerFacebook a {color:#334b79 !important; text-decoration:none;}
.networkContainerTwitter {display:inline-block; width:100%; margin:25px 0px 50px 0px; font-weight:bold;}
.networkContainerTwitter a {color:#54c6eb !important; text-decoration:none;}

.networkLeft {width:100px; float:left; margin-right:20px;}
.networkRight {float:left;}

.warning {color:#FF0000; font-weight:bold; font-size:10px;}

.textField{width:300px; margin-top:7px; margin-bottom:7px; border:1px solid #666666; font-family:Arial, Helvetica, sans-serif; color:#E7E7E7; font-size:11px; background-color:#282828; padding:4px; letter-spacing:1px;}
.submitButton{width:150px; padding:5px; margin-top:4px; background-color:#161616; border:none; color:#FFFFFF; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:2px;}
.submitButton:hover{background-color:#000000;}

/* Footer */

#footer {
	margin:0px 0px 30px 0px;
	padding:0;
	list-style:none;
	background:url(../images/frame/footer.png) no-repeat;
	width:960px;
	height:102px;
	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/footer.png) no-repeat;
}

li#ft_ifs a {width:90px; height:49px; left:34px; background-position:-34px -29px; margin-top:29px;}
li#ft_add a {width:76px; height:75px; left:203px; background-position:-203px -14px; margin-top:14px;}
li#ft_rfm a {width:139px; height:43px; left:352px; background-position:-352px -33px; margin-top:33px;}

li#ft_ifs a:hover {background-position: -34px -131px;}
li#ft_add a:hover {background-position: -203px -116px;}
li#ft_rfm a:hover {background-position: -352px -135px;}


li#ft_mrm a {width:87px; height:56px; left:172px; background-position:-172px -24px; margin-top:24px;}
li#ft_ism a {width:106px; height:55px; left:195px; background-position:-195px -25px; margin-top:25px;}
li#ft_mrm a:hover {background-position: -172px -126px;}
li#ft_ism a:hover {background-position: -195px -127px;}