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

@font-face {
    font-family: 'MirageRegular';
    src: url('magenta/Magenta_BBT-webfont.eot');
    src: url('magenta/Magenta_BBT-webfont.eot?#iefix') format('embedded-opentype'),
         url('magenta/Magenta_BBT-webfont.woff') format('woff'),
         url('magenta/Magenta_BBT-webfont.ttf') format('truetype'),
         url('magenta/Magenta_BBT-webfont.svg#MirageRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
background-color:#000000;
}

.menu-font {
font-family:'MirageRegular';
font-size:35px;
color: #9c9c9c;
font-weight:100;
text-decoration:none;
font-style:normal;
text-transform:none;
}

.menu-font2 {
font-family:'MirageRegular';
font-size:25px;
color: #9c9c9c;
font-weight:100;
text-decoration:none;
font-style:normal;
text-transform:none;
}

.menu-font:hover {
font-family:'MirageRegular';
font-size:35px;
color: #56cb20;
font-weight:100;
text-decoration:none;
font-style:normal;
text-transform:none;
}


#main-area {
padding:0px;
margin-top:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
width:1090px;
}

#main-area2 {
padding:0px;
margin-top:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
width:1090px;
height:100%;
}

#main-area-low {
position:absolute;
margin-top:0px;
margin-left:-223px;
width:1500px;
height:1000px;
background-image:url(../images/background/streetracing-bg-low.jpg);
}

#bg-01 {
position:absolute;
margin-top:0px;
margin-left:-223px;
width:1500px;
height:118px;
background-image:url(../images/background/bg.jpg);
}

#bg-02 {
position:absolute;
margin-top:118px;
margin-left:-223px;
width:1500px;
height:118px;
background-image:url(../images/background/bg-02.jpg);
}

#bg-03 {
position:absolute;
margin-top:236px;
margin-left:-223px;
width:1500px;
height:118px;
background-image:url(../images/background/bg-03.jpg);
}

#bg-04 {
position:absolute;
margin-top:354px;
margin-left:-223px;
width:1500px;
height:117px;
background-image:url(../images/background/bg-04.jpg);
}

#bg-05 {
position:absolute;
margin-top:471px;
margin-left:-223px;
width:1500px;
height:529px;
background-image:url(../images/background/bg-05.jpg);
}

#bg-05-2 {
position:absolute;
margin-top:471px;
margin-left:-223px;
width:1500px;
height:529px;
background-image:url(../images/background/bg-05_2.jpg);
}

#content-home-low {
position:absolute;
margin-top:471px;
margin-left:0px;
width:1090px;
height:422px;
background-image:url(../images/background/streetracing-home-content.jpg);
}

#content-home-left {
position:absolute;
margin-top:471px;
margin-left:0px;
width:536px;
height:422px;
background-image:url(../images/background/streetracing-home-content_left.jpg);
}

#content-home-right {
position:absolute;
margin-top:471px;
margin-left:536px;
width:554px;
height:422px;
background-image:url(../images/background/streetracing-home-content_right.jpg);
}

#content-contact-low {
position:absolute;
margin-top:471px;
margin-left:0px;
width:1090px;
height:422px;
background-image:url(../images/background/contact.jpg);
}

#content-contact-left {
position:absolute;
margin-top:471px;
margin-left:0px;
width:536px;
height:422px;
background-image:url(../images/background/streetracing-contact-content_01.jpg);
}

#content-contact-right {
position:absolute;
margin-top:471px;
margin-left:536px;
width:554px;
height:422px;
background-image:url(../images/background/streetracing-contact-content_02.jpg);
}

#content-leader {
position:absolute;
margin-top:471px;
margin-left:0px;
width:1090px;
height:100%;

}

#content-leader-left {
position:absolute;
margin-top:471px;
margin-left:0px;


}

#content-leader-right {
position:absolute;
margin-top:471px;
margin-left:536px;

}


#content-feature-low {
position:absolute;
margin-top:471px;
margin-left:0px;
width:1090px;
height:1129px;
background-image:url(../images/background/feature-bg-low.jpg);
}


#content-feature-01 {
position:absolute;
margin-top:471px;
margin-left:0px;
width:1090px;
height:376px;
background-image:url(../images/background/feature-bg_01.jpg);
}

#content-feature-02 {
position:absolute;
margin-top:847px;
margin-left:0px;
width:1090px;
height:377px;
background-image:url(../images/background/feature-bg_02.jpg);
}

#content-feature-03 {
position:absolute;
margin-top:1224px;
margin-left:0px;
width:1090px;
height:376px;
background-image:url(../images/background/feature-bg_03.jpg);
}

#content-faeture-area {
position:absolute;
margin-top:471px;
margin-left:0px;
width:1090px;
height:1129px;
}

#feat-gallery {
position:absolute;
margin-left:33px;
margin-top:505px;
width:456px;
height:500px;
overflow:hidden;
}

.feat-head {
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
text-decoration:none;
text-transform:none;
color:#72d421;

}

.feat-gallery {
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
color:#999999;

}

.feat-sub-head {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style: italic;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
color:#999999;

}

.feat-text {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
color:#FFFFFF;
line-height:1.2;}

.content-text-01 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
color:#FFFFFF;
line-height:1.2;
}

.content-text-02 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
color:#FFFFFF;
line-height:1.2;
}

.content-text-03 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
color:#FFFFFF;
line-height:1.2;
}

.content-text-03:hover {
color:#FF0000;}

.content-text-04 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
text-decoration:none;
text-transform:none;
color:#FFFFFF;
line-height:1.2;
}

.content-text-05 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
color:#FFFFFF;
line-height:1.2;
}


#footer {
position:absolute;
margin-top:893px;
margin-left:0px;
width:1090px;
height:58px;
background-image:url(../images/background/footer-strip.jpg);
}

#footer-feature {
position:absolute;
margin-top:1600px;
margin-left:0px;
width:1090px;
height:58px;
background-image:url(../images/background/footer-strip.jpg);
}

#footer2 {
margin-top:100%;
margin-left:0px;
width:1090px;
height:58px;
background-image:url(../images/background/footer-strip.jpg);
}

#yorkhill {
position:absolute;
margin-left:940px;
margin-top:10px;
text-align:right;
width:140px;
}

.footer-text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
font-weight:100;
text-decoration:none;
font-style:normal;
text-transform: uppercase;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;

}

.footer-text2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:100;
text-decoration:none;
font-style:normal;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

.footer-text:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.footer-text3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #ffffff;
font-weight:100;
text-decoration:none;
font-style:normal;
text-transform: uppercase;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

.yorkhill-text {
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
color: #ffffff; 
text-transform:none; 
font-size:10px; 
font-style:normal; 
font-variant:normal; 
font-weight:100; 
border:none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

.yorkhill-text2 {
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
color: #ffffff; 
text-transform:none; 
font-size:3px; 
font-style:normal; 
font-variant:normal; 
font-weight:100; 
border:none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}



.yorkhill-text:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.yorkhill-text2:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}


.button {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

.button:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}




.form-fields {
background-color:#111111;
border-left: #000000 1px solid;
border-top: #000000 1px solid;
border-right: #333333 1px solid;
border-bottom: #666666 1px solid;
color:#cccccc;
}