@charset "utf-8";

/* CSS Document  :Reset*/
* { margin:0; padding:0;}

img, p, ul, li, span, h1, h2, h3, h4 {margin:0; padding:0;}

a {text-decoration:none;}

a:hover {text-decoration:underline;}

:focus { outline-style:none; outline-width:0;}

ol, ul{list-style-type:none;}
.clear{clear:both;}

html {background: #fff url(../img/html-bg.jpg) repeat;}
body {padding: 0; margin: 0; background: url(../img/bg_body.jpg) no-repeat center top; color: #000; width: 100%; display: table; font-family:"comic Sans MS";}
#screen {width: 976px; margin: 0 auto;padding: 0; border: solid 0px #ccc; }
/* CSS Document  :website*/
.head_content {width: 976px; height:322px;}
	.center { margin:0 auto; height: 29px; width: 590px; float: left;}
	.top_menu { font-family:Arial, Helvetica, sans-serif; margin:0 auto; text-align:center; width:590px; height:29px;}
	.left_l { background-image:url(../img/round_corner_top_menu.png); height:29px; width:9px; text-align: center; float: left; }
	.right_r { background-image:url(../img/round_corner_top_menur.png); height:29px; width:10px; float: left; margin-right: auto; border-left: solid 1px white; }
	.top_menu a{ border-left: 1px solid white; height: 25px; text-decoration: none; color: white; border-right: 1px solid gray; width: auto; float: left; padding-left: 10px; padding-right: 10px; font-size: 14px; padding-top: 4px; text-align: center; background-color: black; }
	.top_menu a:hover{background-color:#666666;text-decoration:none;}
			
.bottom_head {width: 976px; height:auto; float:left;}
	.logo { margin-left:auto; float: left; }
	.logo a{ height:200px; width:270px; float:left;text-indent:-999em; margin-left:50px;}
	
	.contact_info { margin-left:auto; width: 550px; height: 250px; margin-top: 40px;}
	.schedule { float:left; width: 226px; height: 130px; font-family: Arial, Helvetica, sans-serif; color:#000983;background-image:url(../img/sezlong.png);background-repeat:no-repeat;background-position:center; }
	.schedule ul{ padding-left:30px; font-size: 18px; font-weight: bold; color:#000983; margin-top: 10px; margin-bottom: 10px; }
	.schedule p{ padding-left:30px; font-size: 14px; color:#000983; font-weight: bold; }

	.yahoo { float:left; margin-top: 40px; }
	.twitter { float:left; margin-top: 33px; margin-left:30px;}
	.info { float:left; width: 250px; padding-left: 30px; margin-left:38px;}

	.info p { text-align:center; font-family: arial; font-weight: bold; font-size: 14px; color: #000897; }
	.info ul { text-align:center; font-weight: bold; margin-top: 15px; font-size: 16px; font-family: arial; color: #000983; }
	
.content {width: 976px;}
/*menu*/
	.column {width:235px; height:auto; float:left;}
	.menu{height:700px; width:235px; background:url(../img/menu-bg.png) no-repeat top center;}
		.menu ul{display:block; width:214px; margin-left:21px; }
		.menu ul li{ display:block;width:214px; height:40px;}
		.menu ul li a{display:block; height:40px; font-size:18px; color:white; padding-left: 18px; line-height:40px;}
		.menu ul li a:hover{background:#b2f2b2; text-decoration:none; color:#000;}
		
/*container*/	
	.container {width:730px; height:auto; float:right;}
	.head_container img{display:block;}
	.mid_container {width:730px; height:auto;}
	.mid_containertop{height:24px; width:730px; background:url(../img/mid_containertop.png) no-repeat top center; margin-top:-1px; line-height:1px; font-size:1px;}
	.mid_containerbot{height:10px; width:730px; background:url(../img/mid_containerbot.png) no-repeat top center;line-height:1px; font-size:1px;}
	.mid_containerbg{width:730px; background:url(../img/mid_containerbg.jpg) repeat-y 0 0;}
	.htext { font-size:26px; color:#a11111; padding:10px 0 10px 10px;}
	* html .htext {padding-left:18px;}
	.element { height:110px; background-image: url(../img/bg_element.jpg); width: 722px; margin-top: 1px; background-repeat: no-repeat; background-position: 8px 0; }
	.prodimg { border:1px solid #000; margin-left: 10px; margin-top: 5px; margin-right: 40px; width: 95px; height: 95px; float: left; }
	.prodimg img{border:none;}
	.rel { width: auto; height: auto; padding-top: 15px; padding-right: 40px;}
	.bigt { font-size:16px;}
	.bigt  p a{color:#000;}
	.smallt { font-size:12px; text-align: left; margin-top: 5px;}
	
/*footer*/	
	.footer {width:976px; height:54px; text-align: center; margin-top: 20px;}
	
/*details*/
	.element_showcase {width: 730px;height:auto;}
	.picture { padding:10px; float: left; }
	.description { font-size:12px; padding: 10px; text-align: justify; }
	.prod_title {font-size:14px; font-weight:bold; color:#333333;padding:5px;}
	.description_content {width:730px;}