/*  Projekt - X  ( Tube Converter ) ----------------------------------------------------
Basics ----------------------------------------------------------------   */
body,h1,h2,h3,h4,p,ul,ol,li,div,td,th,b,i,input,textarea,select { font-family:Verdana,Arial,Helvetica,sans-serif; }
body,p,ul,ol,li,div,td,th,input,textarea,select { font-size:10px; }

body {
 height: 100%;
 margin: 0;
 padding: 0;
 background: #ffffff url(../img/bg.png) repeat-x;
 color:#ffffff;
 cursor:default;
 overflow: hidden;
}

h1 {
 display: none;
}

h2 {
 color: #F8A30B;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 1px;
}

h3 {
 font-size: 10px;
 font-weight: bold;
 margin: 0;
}

textarea  {
 width: 98%;
 color: #ffffff;
 background-color: transparent;
 border:1px dotted #ffffff;
 padding: 5px;
 overflow: hidden;
}

ul , li {
 margin: 0;
 padding: 0;
}

ul {
 margin: 5px 0 0 0;
}

li {
 margin: 0 0 0 14px;
}


/*  DIVīs   ---------------------------------------------------------------   */
#book { 
 width:175px;
 height: 175px;
 background: url(../img/book.png) no-repeat;
 position:absolute;
 top: 0;
 left: 0;
 z-index: 10;
}
#book a {
 height: 100%;
 width: 100%;
 display: block;
}

#co { 
 width:700px;
 height: 320px;
 background: #ffffff url(../img/bg_co.png) fixed center center no-repeat;
 margin: -160px 0 0 -350px;
 position:absolute;
 top: 50%;
 left: 50%;
 z-index: 1;
}

#co_fo { 
 width:150px;
 color: #A9A9A9;
 text-align: right;
 margin: 160px 0 0 180px;
 position:absolute;
 top: 50%;
 left: 50%;
}

#main_co {
 width:625px;
 height: 250px;
 margin: 15px auto 0 auto;
}

#fo {
 width: 100%;
 height: 20px;
 line-height: 20px;
 text-align: center;
 font-weight: bold;
 background: #000000;
 padding: 0;
 position: absolute;
 bottom: 0;
 z-index: 10;
}

#big_bu {
 width: 216px;
 height: 76px;
 background: url(../img/big_bu.png) no-repeat;
 margin: 30px 0 0 0;
 display: block;
 float: right;
}
#big_bu:hover {
 background: url(../img/big_bu_hover.png) no-repeat;
}

#overlay {
 height: 100%;
 width: 100%;
 background: #ffffff;
 position:absolute;
 top: 0;
 left: 0;
 -moz-opacity:0.7;
 opacity:0.7;
 z-index: 2;
}
#overlay_con {
 position:absolute;
 top: 50%;
 left: 50%;
 z-index: 3;
}


/*  Buttonīs  -------------------------------------------------------------   */
.btn {
 height: 18px;
 width: 100px;
 text-align:center;
 font-weight:bold;
 padding-bottom: 3px;
 color: #ffffff;
 cursor: pointer;
}

.btn { background-color:#456DB6;  border:1px solid #7595D2; }
.btn:hover { background-color:#7595D2;  border:1px solid #ffffff; }

a         { text-decoration:none; }
a:link    { color:#7798D4; }
a:visited { color:#7798D4; }
a:active  { color:#7798D4; }
a:hover   { color:#F8A40B; }

#co a:link    { color:#ffffff; }
#co a:visited { color:#ffffff; }
#co a:active  { color:#ffffff; }
#co a:hover   { color:#F8A40B; }