/* ============================ common ============================== */

body { 
	color: #5a5a5a; background: #fff;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a { color: #828080; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear{
	clear: both;
	width: 100%; height: 1%;
}

.aural{
	position: absolute;
	left: -2007px;
	font: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	width: 950px;
	margin: 0 auto;
}

#header.basket{
	height: 120px;
	background: url(../img/bg-basket-header.gif) no-repeat 0 0;
}
#header .kasa1{
	height: 120px;
	background: url(../img/bg-kasa1.gif) no-repeat 0 0;
}
#header .kasa2{
	height: 120px;
	background: url(../img/bg-kasa2.gif) no-repeat 0 0;
}

#sub-header{ 

}

#content{ 

}

#side-bar{ 
	
}

#footer{ 
	
}
/* ========================== layout end ============================ */

/* ============================ header ============================== */

#homepage{
	position: relative;
	width: 950px; height: 654px;
	background: url(../img/bg-homepage.jpg) no-repeat 0 0;
}
#homepage h1{
	position: absolute;
	top: 54px; left: 27px;
	width: 319px; height: 80px;
}
#homepage .send-form{
	position: absolute;
	top: 33px; left: 492px;
	width: 438px; height: 535px;
}
#homepage .send-form h2{
	padding: 40px 50px 250px 50px;
	color: #5c97c1;
	font-size: 2.8em; font-weight: bold; text-align: center;
}
#homepage .send-form fieldset{
	width: 274px;
	margin: 0 auto;
}
#homepage .send-form fieldset label{
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	color: #000;
}
#homepage .send-form fieldset input{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
}
#homepage .main-steps{
	color: #fff;
	font-size: 1.6em; font-weight: bold;
}
#homepage .main-steps li{
	position: absolute;
	top: 585px;
}
#homepage .main-steps .step-1{
	left: 80px;
	width: 150px;
}
#homepage .main-steps .step-2{
	left: 245px;
	width: 190px;
}
#homepage .main-steps .step-3{
	left: 430px;
	width: 300px;
}

.homepage-nav{
	padding: 10px 0 20px 0;
	font-size: 1.3em; text-align: right;
	background: url(../img/bg-homepage-nav.gif) no-repeat 0 0;
}
.homepage-nav li{
	display: inline;
	padding: 0 0 0 20px;
}



#header h1{
	float: left;
}

.fotobasket{
	float: right; display: inline;
	width: 120px;
	margin: 50px 0 0 0; padding: 0 0 0 50px;
	color: #7f7f7f; background: url(../img/basket.gif) no-repeat 0 50%;
	font-size: 1.2em;
}
.fotobasket h2{
	font-weight: bold;
}

/* ========================== header end ============================ */

/* ============================ content ============================= */

#other-photos h2{
	margin: 0 0 15px 0;
	font-size: 3.6em; font-weight: bold;
}
#other-photos table.products-table1{
	width: 100%;
}
#other-photos table td.col4{
	width: 25%;
	padding: 0 0 10px 0;
	text-align: center;
}
#other-photos table td.col4 table{
	margin: 0 auto;
}

.page-nav{
	margin: 10px 0 50px 0;
}
.page-nav ul{
	float: right;
}
.page-nav ul li{
	float: left;
	margin: 0 3px 0 0;
}
.page-nav ul li a{
	display: block;
	padding: 2px 5px;
	color: #000; border: 1px solid #ccc;
	font-size: 1.2em; text-decoration: none;
}
.page-nav ul li a:hover,
.page-nav ul li a:focus,
.page-nav ul li a:active,
.page-nav ul li.active a{
	background: #ccc;
	border: 1px solid #d6d6d6;
	text-decoration: none;
}
.page-nav ul li.active a{ font-weight: bold; }

.back{
	display: block;
	margin: 5px 0;
	font-size: 1.6em; font-weight: bold;
	color: #40a5fb;
}

#filters{
	color: #fff; background: #41a5fb;
	padding: 20px 20px 20px 70px;
}
#filters h2{
	position: relative;
	font-size: 3.6em; font-weight: bold;
}
#filters h2 span{
	position: absolute;
	left: -40px;
}
#filters p{
	margin: 10px 50px 30px 0;
	font-size: 1.6em; font-weight: bold;
}
.filters-list{
	font-size: 1.6em; font-weight: bold;
}
.filters-list li{
	float: left;
	margin: 0 18px 18px 0;
}
.filters-list a{
	display: block;
	padding: 4px;
	background: #41a5fb;
}
.filters-list a:hover,
.filters-list a:focus,
.filters-list a:active{
	background: #a8eb35;
}

#filters .next{
	display: block;
	margin: 0 0 20px 516px;
}


/* ========================== content end =========================== */

/* ============================ side-bar ============================ */



/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#footer{
	clear: both;
	margin: 10px 0; padding: 10px 0;
}
#footer h2{
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	font-size: 1.8em; font-weight: bold;
}
#footer .footer-nav{
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	font-size: 1.2em;
}
#footer .footer-nav h3{ font-weight: bold; }
#footer .footer-nav li{
	float: left;
	width: 148px;
	margin: 0 10px 0 0;
	display: inline;
}
#footer .footer-nav li li{
	float: none;
	width: 100%;
}
#footer .copyright{
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	font-size: 1.1em; text-align: center;
}

/* =========================== footer end =========================== */