/* - - - - - - - - - - - - - - - - - - - - -

Kovacstuz.hu
Author : The Cube Creative Agency
URL : http://www.kovacstuz.hu 

Description : Stylesheet

Created : 2009/12/12
Modified : 2009/12/23

- - - - - - - - - - - - - - - - - - - - - */


/* ----- Body ----- */

body { 
margin: 0; 
padding: 0; 
text-align: center;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-position: left top;
background-color: #101010;
}

#container { 
position: relative;
width: 777px; 
margin: 0 auto; 
text-align: center; 
}

/* ---- Image Menu -----*/

#container #featured {
width:777px; 
position:relative; 
height:267px; 
background:#292728;
margin: 0;
padding: 0;
}

#container #featured ul.ui-tabs-nav{ 
position: absolute; 
top: 0;
left: 0; 
list-style: none; 
padding: 0;
margin-top: 6px; 
width: 301px;
height: 270px; 
z-index: 20;
}

#container #featured ul.ui-tabs-nav li{ 
padding: 0;
margin: 0;
font-size: 12px;
text-align: left;
color: #FFFFFF;
height: 51px;
width: 301px;
background-image: url(../images/tab_bg.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#container #featured li.ui-tabs-nav-item a{ 
padding-left: 15px;
padding-top: 15px;
padding-bottom: 0;
margin: 0;
display: block; 
height: 36px; 
color: #7b7a7a;
text-decoration: none;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#container #featured li.ui-tabs-nav-item a:hover{ 
background-image: url(../images/tab_bg_hover.jpg);
background-position: left top;
background-repeat: no-repeat;
text-decoration: none;
}

#container #featured li.ui-tabs-selected{ 
text-decoration: none; 
}

#container #featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
background-image: url(../images/tab_hover.png);
background-position: left top;
background-repeat: no-repeat;
text-decoration: none;
color: #9e7e1e;
}

#container #featured .ui-tabs-panel{ 
width: 503px;
height: 255px; 
position: absolute;
left: 268px;
top: 6px;
z-index: 1;
}

#container #featured .ui-tabs-panel .info{ 
position: absolute; 
top: 170px;
left: 0;
height: 70px;
width: 503px;
background-image: url(../images/transparent-bg.png);
background-repeat: repeat;
text-align: center;
}

#container #featured .info h2{ 
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 8px;
margin: 0;
overflow: hidden; 
}

#container #featured .info p{ 
margin: 0 5px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
}

#container #featured .info a{ 
text-decoration: none; 
color: #FFFFFF;
background-color: #9e7e1e;
padding: 5px;
}

#container #featured .info a:hover{ 
text-decoration: none; 
color: #9e7e1e;
background-color: #FFFFFF;
padding: 5px;
}

#container #featured .ui-tabs-hide{ 
display: none; 
}

/* ---- Main -----*/

#container #main_cont {
width: 777px;
position: relative;
background-color: #000000;
margin: 0;
padding: 0;
}

#container #main_cont h1 {
background-color: #1a1a1a;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #9e7e1e;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
}

#container #main_cont h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #9e7e1e;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 10px;
padding-right: 220px;
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
}

#container #main_cont h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #9e7e1e;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 5px;
padding-right: 220px;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
}

#container #main_cont p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding-left: 15px;
padding-right: 220px;
text-align: justify;
}

#container #main_cont pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding-left: 15px;
padding-right: 220px;
text-align: center;
margin-bottom: 10px;
padding-bottom: 10px;
}

#container #main_cont #gallery_cont {
position: relative;
width: 557px;
height: auto;
margin-bottom: 15px;
}

#container #main_cont #gallery_cont .gallery_thumbinal {
width: 123px;
height: 123px;
position: relative;
float: left;
display: block;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 15px;
}

#container #main_cont #gallery_cont .gallery_thumbinal img {
border: 2px solid #9e7e1e;
width: 123px;
height: 123px;
}

#container #main_cont #gallery_cont .gallery_thumbinal img a {
text-decoration: none;
}

#container #main_cont #gallery_cont .gallery_thumbinal img a:hover {
text-decoration: none;
}

#container #main_cont a {
color: #9e7e1e;
text-decoration: none;
}

#container #main_cont a:hover {
color: #9e7e1e;
text-decoration: underline;
}

#container #main_cont ul {
margin-left: 40px;
margin-top: 5px;
margin-right: 220px;
margin-bottom: 10px;
padding: 0;
}

#container #main_cont ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 5px;
text-align: justify;
}

/* ---- Right Menu -----*/

#container #main_cont #right_menu_cont {
position: absolute;
width: 190px;
height: auto;
right: 15px;
top: 50px;
}

#container #main_cont #right_menu_cont #right_menu {
background-color: #191919;
width: 180px;
padding: 5px;
margin: 0;
}

#container #main_cont #right_menu_cont #right_menu ul {
margin: 0;
padding: 0;
text-align: right;
list-style: none;
}

#container #main_cont #right_menu_cont #right_menu ul li {
margin: 0;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 0;
text-align: right;
}

#container #main_cont #right_menu_cont #right_menu ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #9e7e1e;
text-decoration: none;
}

#container #main_cont #right_menu_cont #right_menu ul li a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #bc982c;
text-decoration: none;
}

#container #main_cont #right_menu_cont #right_menu_top {
width: 190px;
height: 10px;
display: block;
background-image: url(../images/rm_top.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#container #main_cont #right_menu_cont #right_menu_bottom {
width: 190px;
height: 10px;
display: block;
background-image: url(../images/rm_bottom.jpg);
background-position: left top;
background-repeat: no-repeat;
}

/* ---- Footer -----*/

#container #footer {
width: 777px;
height: 188px;
position: relative;
background-image: url(../images/footer.jpg);
background-position: left top;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

#container #footer ul {
margin: 0;
padding-top: 25px;
padding-left: 10px;
text-align: left;
list-style: none;
}

#container #footer ul li {
margin: 0;
padding-left: 5px;
padding-bottom: 3px;
text-align: left;
}

#container #footer ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#container #footer ul li a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #bc982c;
text-decoration: none;
}

#container #footer #slogen {
position: absolute;
right: 20px;
top: 42px;
text-align: right;
}

#container #footer #slogen h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #bc982c;
text-align: right;
}

#container #footer #slogen p a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
text-decoration: none;
}

#container #footer #slogen p a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #bc982c;
text-align: right;
text-decoration: none;
}

#container #footer #keyworlds {
position: relative;
width: 757px;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}

#container #footer #keyworlds p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #303030;
text-align: center;
text-decoration: none;
}

#container #footer #keyworlds p a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #7b7a7a;
text-align: center;
text-decoration: none;
}

#container #footer #keyworlds p a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #bc982c;
text-align: center;
text-decoration: underline;
}


/* ---- ToTop -----*/

#container #toTop {  
width: 100px;  
border: 1px solid #000000;  
background: #1d1b1c;  
text-align: center;  
padding: 8px;  
position: fixed;
bottom: 10px;
right: 10px;  
cursor: pointer;  
display: none;  
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 11px;
text-decoration: none;
color: #9d7d1d;
}

/* ---- Tooltip -----*/

#tooltip {
position: absolute;
border: 1px solid #000000;
background-color: #9d7d1d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
display: none;
z-index: 10000;
padding: 5px;
}	

/* ---- Clear -----*/

.clear { 
clear: both; 
}