@font-face {font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Cond.eot');}
@font-face {font-family: 'Adobe Garamond Pro'; src: url('../fonts/agaramondpro-regular-webfont.eot');}
@font-face {font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Cond.otf');}
@font-face {font-family: 'Adobe Garamond Pro'; src: url('../fonts/AGaramondPro-Regular.otf');}

#noscript{
    margin-top: -170px;
    color: #fff;
    text-align: center;
    width:432px;
    margin-left: auto;
    margin-right: auto;
}


#noscript span{
    font-family: Adobe Garamond Pro ,serif;
    margin-top: 200px;
    width:432px;
    border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
    padding: 20px 0;
    float:left;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
    text-align: center;
    color: #f9f9f9;
    font-size: 40px;
}

#top_border{
    top:0;
    background-image:url('../img/top_border.jpg');
    background-repeat:repeat-x;
    height: 24px;
    width: 100%;
}


#container{
    width: 735px;
    margin-top: -10px;
    margin-left:auto;
    margin-right: auto;
    background-image:url('../img/bg_light.png');
    background-repeat:no-repeat;
}

.logo{
    width:735px;
    margin-left:auto;
    margin-right:auto;
    height: 140px;
    margin-bottom: 40px;
    background-image:url('../img/logo.png');
    background-repeat:no-repeat;
    background-position: bottom;
}

#main_titel{
    font-family: Georgia, Adobe Garamond Pro ,serif;
    width:735px;
    font-style: italic;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
    text-align: center;
    color: #f9f9f9;
    font-size: 36px;
}

#main_titel span{
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    padding-top: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    float:left;
    width:735px;
    text-align: center;
    color: #0c0c0c;
    font-size: 20px;
}

.line{
    margin: 20px 0;
    width: 432px;
    margin-left:auto;
    margin-right: auto;
    height: 1px;
    background-color: #000;
    border-bottom: 1px solid #393939;
}

/* -------------- BEGIN COUNTER ---------------------*/

#countbox{
    padding-top: 1px;
    color: #fff;
    font-family: Myriad Pro,Helvetica,sans-serif;
    font-size: 70px;
    width: 100%;
    height: 200px;
    margin-left:auto;
    margin-right: auto;
}

#days{
    float: left;
    text-align: center;	
    background-image:url('../img/flip.png');
    background-repeat:no-repeat;
    margin-left:5px;
    height: 80px;
    line-height: 94px;
    width: 84px;
    z-index:1;
}

#days_text{
    background-image:url('../img/days_text.png');
    background-position: center;
    background-repeat:no-repeat;
    position: absolute;
    margin-top: -26px;
    height: 50px;
    width: 86px;
}

#hours{	
    float: left;
    text-align: center;
    background-image:url('../img/flip.png');
    background-repeat:no-repeat;
    height: 80px;
    line-height: 94px;
    width: 84px;
    z-index:1;
}

#hours_text{
    background-image:url('../img/hours_text.png');
    background-position: center;
    background-repeat:no-repeat;
    position: absolute;
    margin-top: -26px;
    height: 50px;
    width: 86px;
}

#mins{
    float: left;
    text-align: center;
    background-image:url('../img/flip.png');
    background-repeat:no-repeat;
    height: 80px;
    line-height: 94px;
    width: 84px;
    z-index:1;
}

#mins_text{
    background-image:url('../img/mins_text.png');
    background-position: center;
    background-repeat:no-repeat;
    position: absolute;
    margin-top: -26px;
    height: 50px;
    width: 86px;
}

#secs{
    float: left;
    text-align: center;
    background-image:url('../img/flip.png');
    background-repeat:no-repeat;
    height: 80px;
    line-height: 94px;
    width: 84px;
    z-index:1;
}

#secs_text{
    background-image:url('../img/secs_text.png');
    background-position: center;
    background-repeat:no-repeat;
    position: absolute;
    margin-top: -26px;
    height: 50px;
    width: 86px;
}

#days span, #hours span, #mins span , #secs span {
    background: url(../img/flip_gradient.png);
    background-repeat:no-repeat;
    position: absolute;
    display: block;
    height: 57px;
    width: 94px;
}

/* -------------- END COUNTER ---------------------*/



/* -------------- BEGIN SOCIAL MEDIA ---------------------*/

#social_media{
    height: 30px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}

#social_media .social_box{
    border:0;
    float:left;
    padding: 0 5px 20px 5px;
    width: 30px;
    height: 30px;

}

img.in {
    border:0;
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 10;
}

img.out {
    border:0;
    position: absolute;
    width: 30px;
    height: 30px;
}
#Heading {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFF;
    text-align: center;
}
.Headings {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFF;
}