/* html tags */
* { margin:0px; padding:0px; }
body { background-color:#FFFFFF; font:12px normal Futura, Arial, Helvetica, sans-serif; color:#000000; }
a { outline:none; }
a img { border: none; outline:none; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address { margin: 1em 0; }
li, dd { margin-left:10%; }
fieldset { padding: .5em; }
select option { padding:0 5px; }
p { font-size: 12px; margin: 0 0 1.0em 0; }
li { font-size: 12px; }
h2 { font-size: 24px; margin: 0 0 0.3em 0; }
h3 { font-size: 18px; margin: 0 0 0.3em 0; }
h4 { font-size: 18px; margin: 0; }
h5 { font-size: 14px; margin: 0; }

/* common styles */
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; }

/* links */
#press-link { margin-top:50px; }
#press-link a { color:#000000; }
#press-link a:hover { background-color:#000000; color:#FFFFFF; text-decoration:none; }

/* main wrapper */
#wrapper { width:838px; height:621px; background:url(../images/ui/bg-countdown.jpg) no-repeat top left; overflow:hidden; }

/* countdown container */
#container {margin:220px 0px 0px 200px; position: absolute; }

/* countdown items */
.spacer { height: 1px; width:0px; }
span.days { margin-right: 20px; }
#header { text-align: center; }
#front{ position:absolute; top:0px; }
#upperHalf, #upperHalfBack { vertical-align:bottom; }
#lowerHalf, #lowerHalfBack { vertical-align:top; }
#upperHalf img{ position:relative; height:74px; vertical-align:bottom; visibility:visible; }
#lowerHalf img{ position:relative; height:70px; vertical-align:top; visibility:visible; }
#lowerHalfBack img { position:relative; vertical-align:top; }
#upperHalfBack img { position:relative; vertical-align:bottom; }
#daysUpLeft, #daysDownLeft,
#daysUpLeftBack, #daysDownLeftBack,
#hoursUpLeft, #hoursDownLeft,
#hoursUpLeftBack, #hoursDownLeftBack,
#minutesUpLeft, #minutesDownLeft,
#minutesUpLeftBack, #minutesDownLeftBack,
#secondsUpLeft, #secondsDownLeft,
#secondsUpLeftBack, #secondsDownLeftBack, 
#daysUpMiddle, #daysDownMiddle, 
#daysUpMiddleBack, #daysDownMiddleBack { width:55px; }

#daysUpRight, #daysDownRight,
#daysUpRightBack,#daysDownRightBack,
#hoursUpRight, #hoursDownRight,
#hoursUpRightBack, #hoursDownRightBack,
#minutesUpRight, #minutesDownRight,
#minutesUpRightBack, #minutesDownRightBack,
#secondsUpRight, #secondsDownRight,
#secondsUpRightBack, #secondsDownRightBack{ width:50px; }

#days { float: left; text-align: center; width: 196px; }
#hours, #minutes, #seconds { float: left; text-align: center; width: 129px; }

/* video drawer */
#show-videos-drawer { position:absolute; width:446px; height:117px; margin:501px 0px 0px 196px; overflow:hidden;  }
#show-videos-drawer #drawer { width:446px; height:120px; background:url(../images/ui/show-video-drawer-bg.png) no-repeat top left; margin-top:95px; padding-top:25px; padding-left:25px; }
#show-videos-drawer ul { margin:0px; padding:0px; }
#show-videos-drawer li { margin:0px; padding:0px 0px 0px 16px; list-style:none; float:left; width:120px; }
#show-videos-drawer li.first { padding-left:0px !important; }

/* video player */
#video-container { display:none; position:absolute; z-index:99; padding:3px; }
#video-container #videobox { position:absolute; margin:130px 0px 0px 99px; }
#video-container #closebutton { position:absolute; z-index:100; margin:500px 0px 0px 99px; }
#video-container #closebutton a { color:#FFFFFF; }
#video-container #blackoverlay { width:832px; height:615px; background-color:black; -moz-opacity: 0.8; opacity:.80;filter: alpha(opacity=80); }