/*=================layout===================*/
body {font-family: trebuchet ms, helvetica, sans-serif; font-size:12px;  text-transform:uppercase; }
#wrapper {width:980px; min-height:650px; text-align:center; margin-left:auto; margin-right:auto; display:block; position:relative;}
#container {width:840px; height:585px; margin-top:10px; padding-top:8px; position:relative;}
#container-shadow {width:887px; height:41px;}
.construction-icon{ width:500px; height:334px;}
.construction-header{width:552px; height:38px; margin-top:-25px; display:block;}
.header-text{width:552px; height:30px;  font-size:11px; display:inline-block; margin-top:5px; font-weight:bold; }

/*=================Countdown===================*/
#countdown{width:385px; height:66px;}
#countdown li {width:76px; height:50px; font-size:40px; float:left; margin:17px 20px 0 0; }

/*=================Progress bar===================*/
.progress-bar-header {width:500px; height:15px; display:block; font-size:10px; margin-top:10px; font-weight:bold; }
#progress-bar{width:554px; height:35px; padding:3px 0 0 3px;}
#progress-bar .fill-left {float:left; width:11px; height:28px;}
#progress-bar .fill {float:left; height:28px; width:50%;line-height:28px; font-size:25px; text-align:right;}
#progress-bar .fill-right {float:left; height:28px; width:11px;}

/*=================Tool bar===================*/
#tool-bar{ width:503px; height:45px;  position:absolute; bottom:-13px; left:174px;}
#tool-bar ul { width:246px; height:45px; float:left;}
#tool-bar li {float:left; width:32px; height:32px; margin-right:7px; margin-top:8px; position:relative; }
#tool-bar li.first {margin-left:10px; }
#tool-bar em {display:none; width:94px; height: 39px; position:absolute; text-align:left; top:-55px; left:-33px; z-index:100; font-size:9px; padding-top:10px; padding-left:8px;}
#submission { float:left; width:254px; height:32px; margin-top:8px;}
#submission .textbox { float:left; margin-top:1px;}
#submission input {border:none; width:200px; height:28px;  font-size:12px; font-family:tahoma; padding:0px 10px 0px 10px; line-height:28px; }
#submission input:focus {outline:none;}
#submission a { float:left; width:32px; height:32px;}

/*=================contact form===================*/
#contact-form {z-index: 1000; position: absolute; width: 454px; height: 456px; bottom: 45px; left: 8px; display:none; }
#contact-form .close {position:absolute; top:6px; right:6px; width:14px; height:14px;}
#contact-form .header {margin:1px 0 0 1px; width: 452px; height: 22px;}
#contact-form h1 { text-align:left; margin-left:10px; padding-top:7px; font-size:12px; font-weight:bold; display:inline-block; height:22px; line-height:22px; float:left;}
#contact-form .container {width: 360px; height: 300px; padding-top: 20px; display:block; }
#contact-form .section-row {width: 360px; min-height: 28px; display:inline-block; margin-top:8px; }
#contact-form .label {text-align: left; width: 80px; float: left; height:12px; padding-top: 7px; font-size:13px; font-weight:bold;}
#contact-form .textbox {float: left; position:relative; z-index:10;}
#contact-form input {line-height: 28px; padding-left: 10px; width: 267px; height: 28px; border:none; z-index:1; font-family:Tahoma; }
#contact-form textarea {width:257px; height:128px; border:none; overflow:hidden; padding:10px; font-size:13px; font-family:Tahoma; font-size:13px; color:#1b1b1b;}
#contact-form textarea, input{outline:none;}
#contact-form .button{width:360px; height:30px; margin-top:5px;}
#contact-form .button a{height:29px; width:79px; text-align:right; float:right;}
#contact-form .address{width:360px; min-height:20px; overflow:hidden; position:relative; float:left; margin-left:20px; margin-bottom:-20px; font-size:11px; text-align:left; font-weight:bold;}
.field-error{ position:absolute; padding:10px 0 0 10px; left:260px; top:-30px; width:235px; display:block; height:30px; z-index:1000; }
#contact-form .loading { float:right; display:block; margin:4px 20px 0 0; display:none;}
.thankyou {width:100%; height:100px;padding-top:100px; text-align:center; margin-top:90px; display:none;}

/*===============Skin switch====================*/
#theme-switch{position:absolute; top:190px; left:0px; width:30px; height:221px; background:url('../images/themeswitch/bg.png') no-repeat;}
#theme-switch ul{ margin-top:13px; display:block; float:left;}
#theme-switch li{ width:13px; height:12px;  position:relative; margin-bottom:3px; margin-left:2px;  display:block;}
#theme-switch .dark-margin { margin-top:8px;}