/*
* 
* Theme Name: Altherma.eu
* Version: 1.0
* Author: Vojta Tremcinsky @ inCUBE interactive s.r.o.
* Author URI: http://incube.cz/
*
* CONTENTS:
* 1) RESET
* 2) GENERAL
* 3) REGIONS
* 4) HEADER
* 5) NAVIGATION
* 6) CONTENT
* 7) FOOTER
* 8) MISC
* 
*/

/*************** RESET ***************/

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,
B, U, I, CENTER,
DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND,
TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
INPUT, SELECT, TEXTAREA, LABEL {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
}
/*************** GENERAL ***************/

HTML,BODY {
	width:100%;
	min-height: 100%;
}
HTML {
	background: url(../images/html-bg.png) top center repeat-x #0894e5;
	
}
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.51%;
	line-height: 1;
	text-align: center;
	color: #333;
	background: url(../images/header-bg.png) top center repeat-x;
	
}

A {
	color: #666666;
	text-decoration: none;
}
A:hover {
	color: #666666;
	text-decoration: underline;
}

/*************** REGIONS ***************/

#outer-wrap {
		background: url(../images/wrap-bg.png) top center no-repeat;
}
#wrap {
	margin: 0 auto;
	width: 947px;
	padding: 0 20px 45px 20px;
	text-align: left;
	position: relative;
	z-index: 1;
}
#header {
	height: 461px;
	position: relative;
}
#body {
	background: url(../images/body-bg.png) center repeat-y;
}
#footer {
	background: url(../images/footer-bg.png) top left repeat-y;
	height: 46px;
	font-weight: bold;
	color: #febd03;
	padding-left: 740px;
	padding-top: 30px;
}
#footer DIV {
	background: #000;
	opacity: 0.5;
	padding: 5px;
	width: 150px;
}

/*************** HEADER ***************/

#header DIV#h1 A {
	display: block;
	height: 72px;
	width: 275px;
	position: absolute;
	top: 66px;
	left: 18px;
}
#header DIV#h2 {
	position: absolute;
	top: 157px;
	left: 575px;
	font-size: 1.4em;
	color: #e6b731;
}
#header UL#why {
	position: absolute;
	top: 205px;
	left: 570px;
	width: 330px;
	list-style: outside url(../images/header-li-style.png);
	font-size: 1.2em;
	color: #12222c;
	padding-left: 20px;
}
#header #why LI {
	margin-bottom: 15px;
}

#reel-overlay {
	position: absolute;
	top: 147px;
	left: 486px;
	background: url(../images/reel-overlay.png) top left no-repeat;
	width: 67px;
	height: 53px;
	display: block;
	z-index: 11;
}
#header-reel {
	display: block;
	width: 545px;
	height: 252px;
	background: url(../slides/1.jpg) top left no-repeat;
	position: absolute;
	overflow: hidden;
	top: 147px;
	left: 8px;
}
/*
#header-reel IMG.active {
	display: block;
}
*/
#header-reel IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#header-reel IMG.active {
    z-index:10;
}

#header-reel IMG.last-active {
    z-index:9;
}

#incube A {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 110px;
	height: 110px;
	background: url(../images/incube.png);
	z-index: 0;
}
#incube A:hover {
	z-index: 2;
}

/*************** CONTENT ***************/

#content {
	width: 570px;
	margin: 0 13px 20px 36px;
	float: left;
	font-family: Georgia, serif;
	display: inline;
}
#content H2, #content H1 {
	clear: both;
	background: url(../images/content-h2.png) top left no-repeat;
	width: 530px;
	height: 18px;
	padding: 7px 5px 0px 35px;
	font-size: 1.1em;
	color: #febd03;
	text-transform: uppercase;
	margin-top: 6px;
	margin-bottom: 10px;
	font-family: Arial, sans-serif;
}
#content H2.nostyle, #content H3.nostyle {
	border: 0;
	background: none;
	padding: 0;
	color: #333;
}
#content P, #content UL, 
#extras P, #extras UL {
	font-size: 1.3em;
	margin: 10px 0;
}
#content UL {
	margin-left: 15px;
}
#content IMG {
	border: 3px solid #88613C;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#gallery IMG {
	margin-left: 7px;
	float: left;
}
#content .offer-item IMG {
	float: left;
	margin-left: 0;
	margin-right: 5px;
}
#extras {
	width: 290px;
	float: left;
	margin-left: 10px;
	font-family: Georgia, serif;
	display: inline;
}
#extras H2 {
	height: 22px;
	font-size: 1.1em;
	color: #febd03;
	text-transform: uppercase;
	margin-bottom: 12px;
	position: relative;
	font-family: Arial, sans-serif;
}

#extras H2 SPAN {
	background: url(../images/extras-h2.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 108px;
	width: 310px;
	width: 100%;
	padding: 13px 5px 0px 35px;
}

#extras .news-item H3,#content H3 {
	display: block;
	background: #88613c;
	border: 1px solid #352617;
	padding: 5px 13px;
	color: #febd03;
	margin: 10px 0;
	font-size: 1.2em;
}
#extras .first {
	width: 190px;
}

#shop-link {
	display: block;
	width: 289px;
	height: 110px;
	clear: both;
	margin: 15px 0;
	background: url(../images/shop-link.jpg) top left no-repeat;
}

#link-offer {
	display: block;
	width: 380px;
	height: 32px;
	clear: both;
	position: absolute;
	bottom: 63px;
	right: 10px;
}

.button-price {
	display: block;
	width: 105px;
	height: 33px;
	float; right;
	background: url(../images/button-price.png) top left no-repeat;
	font-size: 1.4em;
	color: #fff;
	line-height: 1.8em;
	position: relative;
	top: -8px;
	text-align: center;
}
.inner-info {
	margin: 15px 110px 0 142px;
	padding-bottom: 10px;
	background: url('../images/inner-info') bottom left no-repeat;
	display: block;
	
}


#order-form, .form,.incubator-login {
background:#88613C none repeat scroll 0 0;
border:1px solid #352617;
color:#FEBD03;
display:block;
margin:10px 0;
padding:5px 13px;
}
#order-form LABEL, .form LABEL, .incubator-login LABEL {
	display: block;
	width: 100px;
	float: left;
	line-height: 1.8em;
}
#order-form .form-item, .form .form-item, .incubator-login .form-item {
	clear: left;
	margin: 5px 0;
}

/*************** NAV ***************/

#top-nav {
	position: absolute;
	margin-left: 38px;
	width: 925px;
}

	#top-nav LI {
		display: block;
		float: left;
	}
		#top-nav LI A {
			display: block;
			float: left;
			background: url(../images/top-nav-li.png) top left no-repeat;
			width: 123px;
			height: 26px;
			margin-left: -36px;
			padding-left: 45px;
			font-size: 1.2em;
			text-transform: uppercase;
			font-weight: bold;
			padding-top: 9px;
			color: #fff;
			position: relative;
		}
		#top-nav LI A:hover {
			background-position: -168px 0;
			height: 22px;
			padding-top: 17px;
		}
		A#top-nav-home {
			position: absolute;
			top: 125px;
			left: 790px;
			font-weight: bold;
			color: #febd03;
		}
		
/********* TABLE *********/

TABLE {
	width: 100%;
	border-collapse: collapse;
}

TABLE TD, TABLE TH {
	border: 1px solid #352617;
	background: #88613C;
	color: #fff;
	font-size: 1.2em;
	padding: 5px;
}
TABLE TH {
	font-weight: bold;
	background: #333;
	color: #fff;
}
TABLE A {
	color: #fff;
}
TABLE A:hover {
	color: #000;
}

/*************** MISC ***************/

SPAN.right {
	float: right;
}

.img-replaced {
	position: absolute;
	left: -9999px;
}

	.clearafter:after, #body:after, #content:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	.clearafter, #body {display:inline-block;}
	.clearafter, #body  {display:block;}
	
	.clear {
		clear: both;
	}