/* --------------------------------- RESET --------------------------------- */
HTML,BODY,H1,H2,H3,H4,H5,H6,UL,LI,DD,DL,TABLE,P,A,BLOCKQUOTE,CITE,ABBR {
	margin:0;
	padding:0;
}

/* --------------------------------- GENERAL ---------------------------------*/
HTML,BODY {
	width:100%;
	min-height: 100%;
	height: auto;
}
BODY {
	background: url(../images/body-bg.png) top left repeat-x #2d2c28;	
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 62.81%;
	text-align: center;
}

#pane {
	position: fixed;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 73px;
	background: url(../images/body-pane.png) bottom left repeat-x;
}
#body-wrapper {
	margin: 0 auto;
	background: url(../images/body-wrapper-bg.png) left repeat-y;
	width: 678px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
/* --------------------------------- TOP NAV ---------------------------------*/
#top-nav {
	width: 100%;
	font-size: 1.2em;
	background: url(../images/top-nav-bg.png) top left repeat-x #8a0190;
	list-style: none inside;
	text-align: right;
	padding-top: 10px;
	height: 18px;
}
	#top-nav LI {
		display: inline;
		color: #fff;
	}
	#top-nav A {
		color: #fff;
		text-decoration: none;
		margin: 5px;		
	}
	
	H1 {
		width: 708px;
		margin: 0 -15px;
		height: 176px;
		background: url(../images/header-logo.jpg) top center no-repeat;
	}
	
	#flash-holder {
		height: 226px;
		width: 100%;
		background: url(../images/flash-holder-bg.jpg) top left no-repeat #2d2c28;
	}

/* --------------------------------- CONTENT ---------------------------------*/
#content-wrapper {
	text-align: left;
	margin-top: -3px;
	border-top: 4px solid #2d2c28;
}
#content {
	float: left;
	width: 487px;
	position: relative;
	color: #fff;
	background: url(../images/content-bg.png) top left no-repeat;
}
A {
	color: #6cc;
	text-decoration: underline;
	text-align: center;
}
A:hover {
	color: #fff;
}
#content P, #extras P {
	font-size: 1.4em;
	margin: 10px 15px;
}

H2 {
	font-size: 1.6em;
	font-weight: bold;
	font-style: italic;
	height: 38px;
	line-height: 2em;
	padding-left: 20px;
	margin-top: 10px;
	color: #000;
}

#content H2 {
	background: url(../images/content-h2.png);
	margin-left: -3px;
}
#content H3 {
	margin: 10px 15px;
	font-size: 1.7em;
}
#content H4 {
	margin: 10px 15px;
	font-size: 1.4em;
}
#extras H2 {
	background: url(../images/extras-h2.png);
	margin-right: -3px;
}
A IMG {
	border: 3px solid #666;
	margin: 3px;
	background: #fff;
}
A.bigger IMG {
	height: 150px;
}
A:HOVER IMG {
	border-color: #999 !important;
}

.img-holder {
	width: 100px;
	height: 100px;
	display: block;
	background: #fc0;
	float: left;
	margin: 10px;
}

.img-holder A {
	margin: auto;
}


/* --------------------------------- EXTRAS ---------------------------------*/
#extras {
	width: 187px;
	float: right;
	position: relative;
	z-index: 2;	
	background: url(../images/extras-bg.png) top right no-repeat;
	min-height: 117px;
	height: 117px;
	color: #fff;
}
DIV > #extras {
	height: auto;
}
#extras IMG {
	width: 145px;
	height: auto;
}
/* --------------------------------- FOOTER ---------------------------------*/
#footer-wrapper {
	clear: both;
	background: url(../images/body-pane.png) repeat-x bottom left;	
	height: 171px;
	position: relative;
	top: -5px;

}
#outter-footer {
	background: url(../images/footer-bg.png) bottom left;
	margin: 0 auto;
	width: 678px;	
	z-index: 1;
	height: 100%;	
	text-align: left;	
}
	#footer {
		position: absolute;
		bottom: 5px;
		margin: 0 10px;
		color: #fff;
		font-size: 1.2em;
		width: 658px;
	}
	#footer .bottom-right {
		position: absolute;
		bottom: 0px;
		right: 0;
	}


/* --------------------------------- PRIMARY NAV ---------------------------------*/
	
#primary-nav-1 {
	width: 100%;
	height: 38px;
}
#primary-nav-2 {
	width: 100%;
	height: 42px;
}
	#primary-nav-1 LI, #primary-nav-2 LI {
		display: inline;
	}
	#primary-nav-1 A SPAN, #primary-nav-2 A SPAN, H1 SPAN {
			position: absolute;
			top: -9999px;
			left: -9999px;
	}
	#primary-nav-1 A {
		display: block;
		float: left;
		height: 38px;
		background-image: url(../images/primary-nav-sd.png);
	}
	#primary-nav-2 A {
		display: block;
		float: left;
		height: 42px;
		background-image: url(../images/primary-nav-sd.png);
	}

	#nabytek {
		width:188px;
		background-position: 0 -4px;
	}
	#osvetleni {
		width:291px;
		background-position: -188px -4px;
	}
	#navrhy-interieru {
		width:199px;
		background-position: -479px -4px;
	}
	#prodejna-svitidel {
		width:189px;
		background-position: -678px 0;
	}
	#doplnky-pro-interier-a-exterier {
		width: 290px;
		background-position: -867px 0;
	}	
	#kontakt {
		width:199px;
		background-position: -1157px 0;
	}				

/* --------------------------------- HOVER ---------------------------------*/
	#nabytek:hover {
		background-position: 0 -46px; 
	}
	#osvetleni:hover {
		background-position: -188px -46px;
	}
	#navrhy-interieru:hover {
		background-position: -479px -46px;
	}
	#prodejna-svitidel:hover {
		background-position: -678px -42px;
	}
	#doplnky-pro-interier-a-exterier:hover {
		background-position: -867px -42px;
	}	
	#kontakt:hover {
		background-position: -1157px -42px;
	}	
/* --------------------------------- ACTIVE ---------------------------------*/
	.nabytek #nabytek,#nabytek:active {
		width:188px;
		background-position: 0 -88px;
	}
	.osvetleni #osvetleni, #osvetleni:active {
		width:291px;
		background-position: -188px -88px;
	}
	.navrhy-interieru #navrhy-interieru, #navrhy-interieru:active {
		width:199px;
		background-position: -479px -88px;
	}
	.prodejna-svitidel #prodejna-svitidel, #prodejna-svitidel:active {
		width:189px;
		background-position: -678px -84px;
	}
	.doplnky-pro-interier-a-exterier #doplnky-pro-interier-a-exterier, #doplnky-pro-interier-a-exterier:active {
		width: 290px;
		background-position: -867px -84px;
	}	
	.kontakt #kontakt, #kontakt:active {
		width:199px;
		background-position: -1157px -84px;
	}			


/* --------------------------------- MISC ---------------------------------*/
.clear {
	clear: both;
	display: block;
}
.center {
	text-align: center;
}
#extras P {
	text-align: center;
}
P {
	text-align: justify;
}
P.center {
	background: #333;
	padding: 20px;
	border: 2px solid #444;
}
STRONG {
	color: #6cc;
}
.homepage-float {
	float: left;
	margin: 0px 10px 5px 10px  !important;
}
.homepage-float-right {
	float: right;
	margin: 0px 10px 5px 10px  !important;
}
.homepage-img IMG {
	border: 0;
}
P.homepage-img {
	margin: 15px 10px !important;
}