/*===== Elements =====*/

html, body{ height: 100%; }

body{background-color: #808080;}

body, input, textarea{ font-family: Arial, Verdana, Sans-Serif; color: #999; }

a{text-decoration:none;}

a:link { color:#FFF;  } 

a:visited { color:#FFF; } 

a:hover { border-bottom: 1px solid #FFF; } 

/*a:active {   }*/

br{line-height:1.375em;}

/*===== Forms =====*/

input, textarea {
    border:none; 
    background: transparent url(../images/pix.gif) no-repeat; 
    outline-width:0;
    padding: 0;
    position: relative;/*IE6 Fix*/
}

.Button,
.Button p,
.Submit{ width: 81px; height: 30px; }

.Button{ background: transparent url(../images/button.png) no-repeat; position: relative; }

.Button img{position: absolute; top: 0; left: 0; display:none;}

.Button p{position: absolute; top: 7px; left: 0; text-align:center; font-size: 0.875em; color: #FFF;}

.Submit { background: transparent url(../images/pix.gif) no-repeat; border: none;  padding: 0;  cursor: pointer;  position: relative;/*IE6 Fix*/ }

.Success{background: transparent url(../images/tick.png) no-repeat scroll center left; padding: 0 0 0 22px;}

.Error{background: transparent url(../images/cross.png) no-repeat scroll center left; padding: 0 0 0 16px; }

/*===== General =====*/

.clear{ clear: both; }

.lFloat{ float: left; }

.rFloat{ float: right; }

.defaultForeColor{ color: #000; }

.hidden{ display: none; }

.relative{ position:relative !important; }

/*===== Background  =====*/

#BackgroundContainer, #BackgroundContainer img { top: 0; left: 0; }

#BackgroundContainer img { position: absolute; display: block; }

#BackgroundContainer { position: fixed; overflow: hidden;  z-Index: -9999; }

/*===== Content =====*/

#Floater { float: left; height:50%; margin-bottom:-200px; }

#MainContainer {
    position: relative;
    clear: both;
    width: 960px;
    height: 400px;
    margin:  0 auto;
    background: transparent url(../images/content_background.png) no-repeat scroll;
}

/*===== Header =====*/

#Header {width: 960px; height: 75px; margin-bottom: 17px;}

#Header .Logo{margin: 0 auto; display: block;}

#ProgressBar{width:95px; height:21px; 
             background: transparent url(../images/progress_bg.png) no-repeat scroll; 
             position:absolute;
             right: 35px; top:30px; }


#ProgressBar .Text{ position:absolute; width:95px; height:21px; text-align:center;  font-size: 0.875em; top: 3px; left:0; color: #bfbfbf}             
             
#ProgressBar .BarLeft{width: 7px; height: 21px; float: left; background: transparent url(../images/bar_left.png) no-repeat scroll; }

#ProgressBar .BarRight{height: 21px; background: transparent url(../images/bar_right.png) no-repeat scroll right 0; }

#ProgressBar .BarContainerRight{float: left; width:88px;}

/*===== Body =====*/

#ContentContainer{ width: 890px; margin: 0 auto;}

.OneHalf{ width: 445px; height: 251px; float: left; }

.Last{ clear: right; margin-right: 0 !important; }

/*===== Left Container =====*/

#LeftContainer {overflow:hidden; position: relative;}

#LeftContainer .SubContainer{width: 445px; position:absolute; top: 0;}

#LeftContainer .SubContainer1{left: 445px;}

/*#LeftContainer .SubContainer1{left: 0;}*/

/*===== Countdown =====*/

#CountdownContainer{ width: 371px; margin: 0 auto; color: #fff;}

#CountdownContainer .Box1,
#CountdownContainer .Box2{width: 81px; margin-right: 15px; float:left; }

#CountdownContainer .Box1{background: transparent url(../images/countdown_bg1.png) no-repeat scroll center bottom; }

#CountdownContainer .Box2{background: transparent url(../images/countdown_bg2.png) no-repeat scroll center bottom; }

#CountdownContainer .Text{width: 81px; text-align: center; margin-bottom: 1em; }

#CountdownContainer .Number{width: 81px; height: 57px; text-align: center; font-size: 3.125em; font-weight:bold; padding-top: 3px; }

#CountdownContainer .Inner{display:table; margin: 8px auto 0;}

#CountdownContainer .d0
,#CountdownContainer .d1
,#CountdownContainer .d2
,#CountdownContainer .d3
,#CountdownContainer .d4
,#CountdownContainer .d5
,#CountdownContainer .d6
,#CountdownContainer .d7
,#CountdownContainer .d8
,#CountdownContainer .d9
{background: transparent url(../images/digits.png) no-repeat scroll; height: 39px; width:22px; float:left; }

#CountdownContainer .d0{background-position:0 0;  }
#CountdownContainer .d1{background-position:-25px 0;  }
#CountdownContainer .d2{background-position:-46px 0;  }
#CountdownContainer .d3{background-position:-68px 0;  }
#CountdownContainer .d4{background-position:-90px 0;  }
#CountdownContainer .d5{background-position:-114px 0; }
#CountdownContainer .d6{background-position:-137px 0; }
#CountdownContainer .d7{background-position:-160px 0; }
#CountdownContainer .d8{background-position:-183px 0; }
#CountdownContainer .d9{background-position:-205px 0; }

/*===== Subscribe =====*/

#Subscribe{ width: 371px; margin: 0 auto;}

#Subscribe .Input {
    background: transparent url(../images/subscribe_input.png) no-repeat; 
    width: 274px;
    height: 30px; 
    position: relative;
}

#Subscribe .TextInput{
    color: #d9d9d9;
    font-size: 0.875em;
    width: 254px;
    height: 20px;
    margin: 5px 10px;
    text-align: center;
}

#Subscribe form .NotValidError{position:absolute; top:10px; right: 10px; background: transparent url(../images/cross.png) no-repeat scroll; width:12px; height:12px; }

#Subscribe .Success p,
#Subscribe .Error p{font-size: 0.9375em;}

/*===== Contact =====*/

#Contact{width: 401px; margin: 0 auto;}

#Contact .Input {
    background: transparent url(../images/contact_input.png) no-repeat; 
    /*width: 228px;*/
    width: 401px;
    height: 30px;
    position: relative;
    margin-bottom: 8px;
}

#Contact .MLInput {
    background: transparent url(../images/contact_ml.png) no-repeat; 
    width: 401px;
    height: 110px; 
    margin: 0 0 14px;
    position: relative;
}

#Contact .Input .Replace,
#Contact .TextInput{
    font-size: 0.75em;
    width: 208px;
    height: 21px;
    margin: 7px 10px;
    float:left;
    
}

#Contact .MLInput .Replace,
#Contact .TextArea{
    font-size: 0.75em;
    width: 381px;
    height: 90px;
    min-width: 381px;
    min-height: 90px;
    max-width: 381px;
    max-height: 90px;
    margin: 10px 10px;
}

#Contact .Input .Replace{overflow:hidden; height: 12px; margin: 10px 10px 0}

#Contact .MLInput .Replace{overflow:auto; float:left;}

#Contact .Error{float:left; font-size: 0.875em; margin: 6px 0 0 10px; padding-top: 2px; }

#Contact .MLInput .Error{margin: 20px 0 0px;}

#Contact .GetBack{float:right; font-size: 0.875em; margin: 8px 10px 0 0; cursor:pointer; color:#FFF;}

#Contact .GetBack:hover{border-bottom: 1px solid #FFF }

#Contact .Feedback {margin: 5px 0 0;}

#Contact .Feedback .Error{margin: 3px 0 0;}

#Contact .Feedback .Success{padding-top: 2px; margin: 1px 0 0;}

/*===== Message =====*/

#Message {font-size: 0.9375em; line-height:1.46666em; width: 371px; margin: 0 auto; }

/*===== Twitter =====*/

#TwitterContainer {width: 365px; margin: 0 auto; }

#TwitterContainer img{float: left; margin-right: 15px;}

#twitter_update_list{width: 300px; float:left; font-size: 0.9375em; line-height:1.47em; }

#twitter_update_list li{margin-bottom: 1.47em;}

#twitter_update_list .link{border:none; color:#414141}

/*===== Footer =====*/

#Footer{width: 960px; height: 57px; }

#Footer p{ float:left; font-size: 0.875em; margin: 18px 0 0 30px; color: #bfbfbf  }

#Footer ul{ float:right; margin: 18px 30px 0 0;}

#Footer ul li{ list-style-type:none; float: left; margin: 0 6px 0 0;  position:relative; width:23px; height:23px; display:block;}

#Footer li a{border: none; }

#Footer li img{position:absolute; top:0; left:0;}