/*------------------- FONT LICENSE */

@font-face {
font-family: 'fontBold';
src: url('../fonts/fontBold.ttf');
src: url('../fonts/fontBold.woff') format('woff'),
 url('../fonts/fontBold.ttf') format('truetype');
 
font-weight: normal;
font-style: normal;
}


*{
margin:0;
padding:0;
}

A:active{color:#FF0000}
A:hover{color:#FF0000}

A:link{color:#0000FF}
A:visited{color:#0000FF}

body{
width:100%;
max-width:1200px;
height:100%;
font-family:'fontBold', sans-serif;
overflow:hidden;
}

#footer{
position:absolute;
background:url(../img/bg2.png) repeat-x;
z-index:1;
width:100%;
height:1000px;
bottom:0;
}

#bgupper{
background-color:#667C82;
}

#header{
width:100%;
height:350px;
background:url(../img/bg.png) repeat;
background-color:#c3ba9e;
-moz-box-shadow:0px 5px 10px #4b5c63;
-webkit-box-shadow:0px 5px 10px #4b5c63;
box-shadow:0px 5px 10px #4b5c63;
padding-top:10px;
padding-bottom:20px;
position:absolute;
z-index:99;
top:0;

}



#merry{
position:absolute;
z-index:2;
top:380px;
left:5px;
background:url(../img/merry.png) no-repeat;
width:200px;
height:100px;
}



#wrapper{
width:100%;
min-width:760px;
max-width:800px;
margin:0 auto;
}

.clear{
width:100%;
clear:both;
}

a{
outline:0;
border:0;
}



/*---------------------- COUNTDOWN SEPCIFIC */


#title{
color:#989077;
font-size:55px;
text-shadow: 0px 2px 2px #d2cab1;
text-align:center;
font-family:"fontBold", arial;
font-weight:bold;
}
#about{
color:#989077;
font-size:17px;
text-shadow: 0px 0px 0px #d2cab1;
text-align:center;
font-family:"fontBold", arial;
font-weight:bold;
}

#links{
color:#989077;
font-size:14px;
text-shadow: 0px 0px 0px #d2cab1;
text-align:center;
font-family:"fontNormal", arial;
font-weight:normal;
}

#daysOne, #hoursOne, #minsOne, #secsOne{
color:#989077;
font-size:55px;
text-shadow: 0px 2px 2px #d2cab1;
width:100%;
max-width:180px;
float:left;
padding:5px;
text-align:center;
font-family:"fontBold", arial;
font-weight:bold;
}

#daysboxDiv, #hoursboxDiv, #minsboxDiv, #secsboxDiv{
width:100%;
max-width:180px;
float:left;
padding:5px;
position:relative;
height:250px;
}


.boxImgTree{
background:url(../img/tree.png) no-repeat;
vertical-align:bottom;
display:table-cell;
width:40px;
height:40px;
float:left;
}
.boxImgPresent{
background:url(../img/present.png) no-repeat;
vertical-align:bottom;
display:table-cell;
width:40px;
height:40px;
float:left;
}


.boxImgSnow{
background:url(../img/snow.png) no-repeat;
vertical-align:bottom;
display:table-cell;
width:40px;
height:40px;
float:left;
}

.boxImgReindeerOne{
background:url(../img/reindeer.png) no-repeat;
vertical-align:bottom;
display:table-cell;
width:30px;
height:30px;
float:left;
}

.boxImgReindeerTwo{
background:url(../img/reindeertwo.png) no-repeat;
vertical-align:bottom;
display:table-cell;
width:30px;
height:30px;
float:left;
}

.daysImg{
width:140px;
height:56px;
background:url(../img/days.png) no-repeat;
margin:0 auto;
margin-top:-18px;
}

.hoursImg{
width:140px;
height:56px;
background:url(../img/hours.png) no-repeat;
margin:0 auto;
margin-top:-18px;
}

.minsImg{
width:140px;
height:56px;
background:url(../img/minutes.png) no-repeat;
margin:0 auto;
margin-top:-18px;
}

.secsImg{
width:140px;
height:56px;
background:url(../img/seconds.png) no-repeat;
margin:0 auto;
margin-top:-18px;
}