@charset "UTF-8";
/* CSS Document */
body{
	font-size: 14px; font-family: Calibri,Arial; line-height: 150%;color:#444;
}
.bgrIMG {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}
#house {
	z-index: 2;
	background-repeat: no-repeat;
	margin-bottom: auto;
	margin-top: auto;
	height: 1000px;
}
#container {
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0px;
	top: 0px;
	position: absolute;
}
#container .houseBGR {
	bottom: 20px;
	position: absolute;
	left: 2%;
	width: 35%;
}
#header {
	position:relative;
	z-index:20;

}


#info {
	position:absolute;
	z-index: 0;
	width: 620px;
	top: 20%;
	left: 50%;
}
#m1 {
float:left;
cursor:pointer;
}
#m2 {
float:left;
cursor:pointer;
}
#m3 {
float:left;
cursor:pointer;
}
#staticMenu {
	position: absolute;
	padding-top: 18%;
	padding-left: 3%;
	
}

#m4 {
float:left;
cursor:pointer;
}
#m5 {
float:left;
cursor:pointer;
}
#m6 {
float:left;
	
}
#menu {
	height: 130px;
	padding-left: 2%;
}


#info #details {
	padding:15px;
	background-image: url(images/detailpane.png);
	height: 135px;
	background-repeat: no-repeat;
	position: relative;
}
#info #main {
	background-image: url(images/infopane.png);
	background-repeat: no-repeat;
	height: 400px;
	clear: both;
	position: relative;
}
#bird {
		display: none;
		position: absolute;
		width: 150px;
		height: 200px;
		background: transparent url(jimstoik13.png) top left no-repeat;
		z-index:-1;
	}
#pan {
		position: absolute;
		width: 600px;
		height: 300px;
		background: transparent url(pan.png) 0 130px repeat-x;
		border: 0px solid black;
}
#stoik{
	margin-top:320px;
	margin-left:20px;

}
#clouds {
	z-index:-5;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:116px;
	background: transparent url(clouds.png)  repeat-x;
}
#balloon{
	z-index:1px;
	margin-left:25%;
	margin-top:-10%;
	
	
}
#mainContent{
	padding:16px;
	height:360px;
}
/* Cycle Slider */

div#slideshow {
	width: 590px;
	height: 320px; 


	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}
div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: absolute;
	width:640px; 
	margin-left:-40px;
	 z-index: 150;
		margin-top:140px;

}
 ul#nav li#prev {
		float: left; margin: 0 0 0 0px;
	}
 ul#nav li#next {
		float: right; margin: 0 50px 0 0;
	}
ul#nav li a {
		display: block; width: 40px; height: 40px; text-indent: -9999px;
	}
 ul#nav li#prev a {
			background: url(images/prev.png);
		}
ul#nav li#next a {
			background: url(images/next.png);
		}

	div#slideshow ul#slides {
		list-style: none;

	}
		div#slideshow ul#slides li {
	
		}
		.col{

			background-color:#fff;
			border:1px solid #999999;
			margin:15px;
			padding:3px;
			float:left;
			

		}
		.col:hover{
			border:1px solid #E0DBDB;
			background-color:#E0DBDB;
			cursor:pointer;
		}
		#return{

			position:absolute;
			cursor:pointer;
			 
			margin-left:20px;
			font-size:13px;

		}
	#return	img
		{
		vertical-align:middle;
		}
		
		#sm1 {
			cursor:pointer;
		}
		#sm2 {
			cursor:pointer;
		}
		#sm3 {
			cursor:pointer;
		}
		#sm4 {
			cursor:pointer;
		}
		
		#gallery{
			height:320px;
			overflow:auto;
		}
		
#musicPlayer {
	position:absolute;
	left:10px;
	bottom:10px;
}
#responce{

}
#slidesM{
width:590px;
height:320px;
}
#slidesM img{
margin:auto;
display:block;
}


.textInput
{
	color: #050003;
	background: #E5E5E5;
	border: 1px solid #898989;
	padding: 3px;
	margin: 3px;
	width: 200px;
	margin-left: 10px;
}
FIELDSET
{
	border: 1px solid #E5E5E5;
	width: 600px;
	margin-top:15px;
}
LEGEND
{
	border: 1px solid #E5E5E5;
	padding: 2px 6px;
}
TEXTAREA
{
	margin-left: 10px;
	border: 1px solid #E0E0E0;
	color: #666666;
	width: 300px;
	height: 100px;
}
#recaptcha_image
{
	margin-left: 100px;
	float: left;
}
.buttons
{
	color: #050003;
	background: #E5E5E5;
	border: 1px solid #898989;
	width: 150px;
	height: 30px;
	margin-left: 180px;
}
.reload
{
	height: 32px;
	width: 32px;
	background: url(images/reload.png);
	float: left;
	border: none;
	margin-top: 10px;
}
.subDelete
{
	color: #050003;
	background: #E5E5E5;
	border: 1px solid #898989;
	width: 150px;
	margin-top: 10px;
	height: 30px;
	margin-left: 185px;
}
.sub
{
	color: #050003;
	background: #E5E5E5;
	border: 1px solid #898989;
	width: 150px;
	height: 30px;
	margin-left: 180px;
}
.textLabel
{
	font-weight: bold;
	width: 350px;
	float: left;
	text-align: left;
	margin-right: 20px;
	display: block;
	margin-top: 0;
}
.searchLabel
{
	display: block;
	margin-bottom: 10px;
	color: #555555;
}
.searchLabelForm
{
	display: block;
	margin-bottom: 10px;
	color: #555555;
}
.spanarwForm
{
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	font-weight: bold;
	margin-right: 50px;
}
.spanarw
{
	display: block;
	float: left;
	width: 170px;
	text-align: right;
	font-weight: bold;
}
.input-textForm
{
	margin-left: 10px;
	border: 1px solid #E0E0E0;
	color: #666666;
	width: 200px;
	height: 22px;
}
.input-text
{
	margin-left: 10px;
	border: 1px solid #E0E0E0;
	color: #666666;
	width: 200px;
	height: 22px;
}
.searchButton
{
	border: 1px solid #DFDFDF;
	display: inline-block;
	float: left;
	font-weight: bold;
	background-color: #E0E0E0;
	width: 200px;
	padding:5px;
	margin-top :10px;
}
.me
{
	margin-left: 180px;
}
#form1{
	margin:0;
	padding:0;
}
#sibForm{
	margin-left:20px;
	margin-top:15px;
}
#responceForm{
	margin-left:30px;
}
.productTitleGallery{
margin-left:8px}

.withTitle img{
padding-top:15px;
}

#musicPlayer img{
margin-top:35px;

}