/* ************************************************   
Template Name: Linen Under Construction
Author URI: http://themeforest.net/user/karu 
Version: 1.0 

************************************************ */


/****************** GLOBAL SETTINGS **************/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym, address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt, var,dd,dl,dt,
li,ol,ul,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
}

body {
 background:#444 url(../images/bg.jpg) repeat;
 height:100%;
 }
 
.clear{clear:both}

img{border:none}

h1,h2,h3,h4,h5,h6 {
 color:#fff;
 font-weight:normal;
 margin:0;
 font-family: 'Ubuntu', sans-serif;
 font-weight:400;
 text-shadow: 1px 1px 1px #111;
 padding:0;
 text-transform:uppercase;
 } 
 
h1{
 font-size:30px;
 }  
 
h2{
 font-size:26px; 
 } 
 
h3{
 font-size:20px; 
 }
 
h4{
 font-size:16px; 
 }
 
h5{
 font-size:10px; 
 }
  
h6{
 font-size:8px; 
 } 
 

#main{
 margin:150px auto;
 padding:0;
 font-family:"Helvetica Neue",Helvetica,sans-serif,Arial;
 color:#eee;
 background: url(../images/container_bg.png) no-repeat;
 background-position:center center;
 width:700px;
 height: 430px;
 } 
 
 
/****************** General Links **************/ 


a:link,a:active,a:visited,a:hover{
 color:#eee;
 outline: none; 
 text-decoration:none;
 }
a:hover{
 text-decoration:underline;
 }
 
 
/****************** Header **************/ 


#header {
 height:115px;
 margin:0 55px;
 }
 
.logo {
 float:left;
 width:180px;
 margin:-4px 0 0 -4px;
 }
 
.social {
 float:right;
 width:300px;
 text-align:right;
 margin:24px 0 0 0;
 }  
 
 
/****************** Slideshow style **************/


#slides {
 position:absolute;
 top:15px;
 left:60px;
 z-index:100;
 }


.slides_container {
 width:580px;
 height:280px;
 overflow:hidden;
 padding:0;
 position:relative;
 display:none;
 }

#slides .slide {
 width:560px;
 height:260px;
 display:block;
 padding:0 10px;
 }

#slides .next,#slides .prev {
 position:absolute;
 top:73px;
 left:-74px;
 width:24px;
 height:43px;
 display:block;
 z-index:101;
 }

#slides .next {
 left:630px;
 }

.pagination {
 margin:26px auto 0;
 width:100px;
 }

.pagination li {
 float:left;
 margin:0 1px;
 list-style:none;
 }

.pagination li a {
 display:block;
 width:14px;
 height:0;
 padding-top:14px;
 background-image:url(../images/pagination.png);
 background-position:0 0;
 float:left;
 overflow:hidden;
 }

.pagination li.current a {
 background-position:0 -14px;
 }

 
 
/****************** Container **************/  

 
#container{
 padding:20px;
 position:relative;
 }
 
.info {
 color:#fff;
 font-family: 'Ubuntu', sans-serif; 
 font-weight:300;
 margin:0 0 5px 0;
 text-shadow: 1px 1px 1px #111;
 } 
 
.info p{
 font-size:16px;
 line-height:1.6em;
 text-align:center;
 }

.info p em{
 font-size:28px;
 display:block;
 padding:1px 0 10px 0;
 font-weight:400;
 font-style:normal;
 }


/****************** Countdown **************/
 
 
#countdown {
 padding:6px 10px 0 10px;
 margin:0px 0;
 }  
 
.hasCountdown {
 border: 0;
 padding:30px 0 5px 26px;
 overflow: hidden;
 display:block;
 }
 
.countdown_row {
 clear: both;
 width: 100%;
 margin:0 auto;
 display: block;
 }
 
.countdown_show4 {
 width: 506px;
 margin:0 auto;
 }

.countdown_section {
 display: block;
 float: left;
 color:#fff;
 text-shadow: 1px 1px 1px #444;
 text-align: center;
 width:92px;
 height:79px;
 margin-right:19px;
 text-transform: uppercase;
 font-weight: normal;
 padding:9px 0 0 0;
 }
 
.countdown_section:first-child {
 margin-left:41px;
}

.countdown_amount {
 font-size: 28px;
 }

.countdown_descr {
 display: block;
 width: 100%;
 }

.counter {
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 text-transform: uppercase;
 padding:20px 0 11px 0;
 margin-bottom:19px;
 background: url(../images/counter.png) no-repeat; 
 }  



/****************** Progress Bar **************/


.progress_bar{
 margin: 0 auto;
 width:426px;
 }
 



/****************** About **************/
 
 
#about {
 padding:0;
 line-height:1.4em;
 font-size:12px;
 } 
 
#about p {
 margin:5px 15px 5px 0;
 } 
 
#about h2 {
 margin: 0 0 20px 0;
 }
 
#about img {
 padding: 5px;
 background:#333;
 margin: 1px 0 2px 0;
 border: 1px solid #777;
 } 
 
 
#about ul {
 padding:8px 0;
 } 
 
#about ul li{
 padding:0 10px;
 list-style: square inside none;
 margin-left: 2px;
 }   



/****************** Contact Form **************/


#contact_form {
 padding:0;
 line-height:1.2em;
 }

#contact_form .con_form {
 width:350px;
 float:left;
 }  
#contact_form h2 {
 margin:0 0 25px 0;
 padding:0;
 }
  
#contact_form label {
 width:50px;
 font-size:12px;
 line-height:1.6em;
 float:left; 
 margin:0 10px 0px 0px;
 }
 
#contact_form input, #contact_form textarea	{
 color:#fff; 
 float:left; 
 padding:2px 4px 5px 4px; 
 border:1px solid #777; 
 margin:2px 5px 3px 5px; 
 background:#333; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px;
 }
 
#contact_form input { 
 width:269px;
 }
 
#contact_form textarea	{
 width:269px; 
 height:95px; 
 resize:none;
 }
 
#contact_form #submit {
 width:105px; 
 margin:2px 0 0 65px; 
 color:#fff;
 } 
 
#contact_form input#submit:hover { 
 cursor:pointer;
 background:#d31e19;
 border:1px solid #a90605;
 }
 
#contact_form ul {
 margin:0;
 padding:8px 0 0 0;
 } 
 
#contact_form ul li{
 display:block;
 font-size:13px;
 padding:0px 10px 12px 35px;
 } 
 
#contact_form ul.social img{
 width:64px;
 height:64px;
 }
 
.contact-info {
 float:right;
 height:198px;
 width:175px;
 padding-left:20px;
 background: url(../images/cont_info_bg.png) left no-repeat;
 }
 
li.phone {
 background: url(../images/phone.png) no-repeat;
 height:40px;
 }   
 
li.email {
 background: url(../images/msg.png) no-repeat;
 height:33px;
 }
 
li.web {
 background: url(../images/web.png) no-repeat;
 height:33px;
 }
 
li.twitter {
 background: url(../images/twiter.png) no-repeat;
 height:33px;
 }