/*
 *
 * Stylesheet for ^SITENAME
 *
 * @section		screen
 * @version		1.00
 * @copyright	zaciecie.pl
 * @media		screen
 *

 *
 * @todo 
 */
@import "reset.css";

html, body {
	height:100%;
}
body {
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color: #6c0735;
}
strong { font-weight: bold}
#distance { 
		width:100px;
		height:8%;
		float:left;
		display: block;
}

a:link, a:active, a:visited { text-decoration: none}
.container { position:relative; width: 987px; margin: 0 auto; clear: both }
#content {
	clear:both;
	float: left;
	background: url(../img/contentbg.gif) no-repeat 0 0;
	width: 978px;
	height: 481px;
	padding: 2px 0 0 9px;
	position: relative;
	z-index: 4;
	margin-top: 5px;
}

#content strong {font-size: 16px; font-weight: bold}
#content img { float: left}
#content img.collections { float: left; margin-left: -7px}
#content img.sec { margin-left:0}
#content .top-left, #content .top-right, #content .bottom, #footer .flower, #content .flower {
	background: url(../img/topleft.png);
	width: 116px;
	height: 80px;
	position: absolute;
	top: 0; left: 0;
	z-index: 3;
}
#content .top-right {
	left: auto; right: 0;
	background:url(../img/topright.png);
	width: 96px; height: 83px;
}
#content .bottom {
	top: 359px;
	left: 9px;
	right: 0px;
	background: url(../img/bottom.png);
	width: 963px;
	height: 124px;
}
#footer .flower {
	left: auto;
	top: auto;
	bottom:-41px;
	right: 0px;
	background: url(../img/flowerx.png) 0 -130px;
	width: 324px;
	height: 279px;
	z-index: 4;
}
#footer .main { background: url(../img/flower_main.png);bottom:-41px;height:409px}
#content .flower {
	background:url(../img/flower_1.png) no-repeat;
	width: 257px;
	height: 215px;
	left: auto;
	top: 237px;
	right: 22px;
	z-index: 1;
}
#footer {
	float: left;
	position: relative;
	width: 987px;
	height: 121px;
	background: url(../img/footer_bg.png);
	z-index: 4;
}
#footer img {
	position: absolute;
	left: 35px;
	top: -15px;
	z-index: 4;
}
#main-menu, #languages, #navigation {
	position: absolute;
	width: 540px;
	z-index: 5;
	top: 24px;
	left: 340px;
}
#main-menu.english {left: 380px}
#main-menu li, #languages li, #navigation li { float: left; padding-right: 25px}
#main-menu li a, #languages li a, #navigation li a {
	float: left;
	font-size: 0;
	line-height: 0;
	text-indent: -9999%;
	height: 17px;
}
#main-menu #collection a { background-image: url(../img/m_collection.jpg); width: 61px}
#main-menu #buy a { background-image: url(../img/m_buy.jpg); width: 27px}
#main-menu #company a { background-image:url(../img/m_company.jpg); width: 40px; height: 15px}
#main-menu #distribution a { background-image:url(../img/m_distribution.jpg); width: 86px }
#main-menu #contact a { background-image: url(../img/m_contact.jpg); width: 57px; height: 15px }


#main-menu.english #collection a {background-image: url(../img/m_collectione.jpg); width: 80px}
#main-menu.english #buy a {background-image: url(../img/m_buye.jpg); width: 26px}
#main-menu.english #company a {background-image:url(../img/m_companye.jpg);width: 71px;height:18px}
#main-menu.english #contact a { background-image: url(../img/m_contacte.jpg); width: 57px }
#main-menu li a:hover, #main-menu.english li a:hover { background-position: 0 17px}
#languages {top:  96px;left: 614px;width: 120px}
#languages li {padding-right: 9px}
#languages li a {height: 13px} 
#languages #english a { background-image: url(../img/l_english.png); width: 41px}
#languages #deutsh a { background-image: url(../img/l_deutsh.png); width: 46px; height: 12px}
#languages #polish a { background-image: url(../img/l_polish.gif); width: 34px}
#languages li a:hover { background-position: 0 13px}


/* kolekcja.html */
#navigation {top: 10px;width: 165px; left: 775px}
#navigation li { padding-right: 62px}
#navigation li a { width: 20px; height: 16px;}
#navigation #left a { background-image: url(../img/a_left.png)}
#navigation #right a { background-image: url(../img/a_right.png)}
#navigation li a:hover { background-position: 0 -16px}

#content.collection {position: relative}
#content.colletion div.description {
	width: 175px;
	font: 14px/21px Arial, Helvetica, sans-serif;
	
}
#content.colletion .bottom { background: url(../img/bottom_2_1.png); top: 353px}
#slider {
	width: 962px;
	height: 475px;
	position: relative;
	z-index: 2;
}


.scroll {
	width: 962px;
	height: 475px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left; 
}
.scrollContainer div.panel {
	width: 964px;
	height: 475px; /* change to 560px if not using JS to remove rh.scroll */
	float: left;
	position: relative;
}
.scrollContainer div.panel p {
	position: absolute;
	width: 175px;
	top: 75px;
	right: 60px;
	z-index: 150;
	width: 175px;
	font: 13px/13px Arial, Helvetica, sans-serif;
	line-height:18px;
}
.scrollButtons {cursor:pointer;position:absolute;top:265px;z-index: 200}
.scrollButtons.left {left:-8px}
.scrollButtons.right {right:-8px}
.navigation { position: absolute; top: -23px}
.navigation li { display: inline}
#content.colletion a.nav {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:1000;
	width: 530px;
	height: 475px;
	background: url(../img/transparent.gif) no-repeat;
}
#content.colletion a.elegant:hover {background:url(../img/lewo.png) no-repeat 2px 266px}
#content.colletion a.daily {left:auto; right: 0;top: 0px; width: 448px}
#content.colletion a.daily:hover {background: url(../img/prawo.png) no-repeat 407px 266px}
#content .flowers-top {
	position: absolute;
	background: url(../img/flowers_top.jpg);
	width: 143px;
	height: 176px;
	top: 0;
	left:9px;
	z-index: 100;
}
#content .content {
	position: absolute;
	top: 47px;
	left: 73px;
	width: 638px;
	height: 415px;
	overflow: hidden;
	font: 14px/21px Arial, Helvetica, sans-serif;
	z-index: 101;
}
#content .content p {display: inherit;margin-top: 10px}
/* kontakt.html */
#content .contact {left: 170px;top: 80px}
#content .first-collumn {float: left;width: 315px}
#content.company {font-size: 14px; line-height: 17px}
/* kup.html */
#buy-image {
	position: absolute;
	top: 78px;
	left: 8px;
	z-index: 9999;
}
#buy-image a.garderoba, #buy-image a.kontri {position: absolute;top: 231px;left: 473px}
#buy-image a.kontri {top: 280px}