@charset "utf-8";
/* CSS Document */

/* -------------------------- elements styling --------------------------  */

* { margin:0; padding:0; border:none; outline:none; }
body { 	background:url(i/bg.jpg); }
input[type=text] { background:url(i/text-bg.jpg) repeat-x; padding:9px 5px; border:1px solid #dddddd;   -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#555555;   margin:1px 3px 4px 3px;}
input[type=submit] { background:url(i/button-bg.jpg) left top no-repeat; border:1px solid #680b0b;   -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow:#1f1f1f 1px 1px 0px;  padding:8px 10px; color:#fff; margin:5px 3px; cursor:pointer; font-weight:bold;  position:relative; }

textarea { background:url(i/textarea-bg.jpg) repeat-x; padding:9px 5px; border:1px solid #dddddd;   -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#555555; width:100%;  font-family: Arial, Helvetica, sans-serif; margin:3px;  }
img { background:#eeeeee;  padding:7px; border:1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul { list-style:none; margin:9px 2px; }
/* -------------------------- Typography   --------------------------  */
body { font-family:Arial, Helvetica, sans-serif; font-weight:100; line-height:1.4; font-size:13px; }
h1 {  font-size:32px; margin:1px 2px 4px 2px; color:#8b0606; font-weight:100; }
h2 {  font-size:26px; margin:1px 2px 4px 2px; color:#8b0606; font-weight:100;}
h3 {  font-size:19px; margin:1px 2px 4px 2px; color:#8b0606; font-weight:100;}
h2.title { font-size:28px; text-align:center; color:#2b2b2b;  }

/* -------------------------- Container styling --------------------------  */
#outer-container { background:url(i/container-bg.jpg) center top no-repeat; height:630px; position:relative; z-index:10; }
#container { width:900px; margin-left:auto; margin-right:auto; padding:140px 5px 60px 5px;  position:relative;    }


#logo { background:url(i/logo.jpg) no-repeat; display:block; width:185px; text-indent:-9999px; margin-left:auto; margin-right:auto; font-size:50px;  }

/* -------------------------- tabs styling --------------------------  */

#tabs { padding:5px 20px; height:348px; position:relative; }
#tabs  p { margin:10px 5px; color:#555555;  }
#tabs>div { position:absolute; display:none;  }
#tabs>div:first-child { display:block; }
#tabs>div:first-child p { text-align:center; padding:2px 15px; margin:10px 39px 10px 15px; }
#tabs>div:first-child img { border:none; background:none; }
#inform { position:absolute; right:18px; bottom:3px; }
#inform input[type=text] {  width:360px; color:#a8a8a8; }

#social { margin-left:4px; }
#social li { float:left; margin:1px 9px 1px 1px; }
#social li a,#social li img { background:none; border:none;margin:0;padding:0; position:relative;}
/* -------------------------- tab controls styling --------------------------  */

#tab-controls { position:absolute;   bottom:4px; left:13px; }
#tab-controls ul {  list-style:none; }
#tab-controls ul li { float:left; padding:9px 34px 15px 34px; margin:3px; }
#tab-controls ul li a { color:#fff; text-decoration:none; }

/* -------------------------- contact us cols styling --------------------------  */
.left-col {  float:left; width:300px; }
.left-col h2,.right-col h2 { background:url(i/contact-head-bg.jpg) left bottom no-repeat; padding:2px 2px 9px 2px; margin:1px 0px; }
.right-col {  float:left; width:500px; }
.right-col input[type=text] { width:50%; display:block; margin:10px 4px; }

.right { float:right; margin:30px 20px; }

/* -------------------------- tab states styling --------------------------  */

.default-tab { background:url(i/tab-default.png) center bottom no-repeat; }
.default-tab a {  text-shadow:#024183 1px 1px 1px; }
.active-tab { background:url(i/active.png) center bottom no-repeat;  }
.active-tab a { color:#7a0606!important; text-shadow:none;  }



/* -------------------------- Flip Timer styling --------------------------  */

.ft {  color:#CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-left:auto; margin-right:auto; width:860px; padding-right:20px; margin-top:40px; }
.ft .holder {  float:left; margin-left:0px;  } /* Change the value of margin left if flips are too close to each other */
.ft .gap { margin-left:12px; }
.ft .active { position:absolute;z-index:10; } /* Class for element at top  */
.ft .reset{ position:absolute;z-index:4;  } /* Class for the rest of the elements  */
.ft ul { list-style:none; position:absolute;  }
.ft ul li { float:left; margin:0px 60px 0px 50px;   }
#flipinfo { float:left; margin-left:12px; margin-top:-4px;    }
#flipinfo span { float:left; width:200px; display:block;  color:#bbb;  text-align:center;}
.moveright { width:248px!important; }