@font-face {
    font-family: 'cassandraregular';
    src: url('css/fonts/cassandra/cassandra-webfont.eot');
    src: url('css/fonts/cassandra/cassandra-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/cassandra/cassandra-webfont.woff') format('woff'),
         url('css/fonts/cassandra/cassandra-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ConstantiaRegular';
    src: url('css/fonts/constantia/constan.eot');
    src: url('css/fonts/constantia/constan.eot') format('embedded-opentype'),
         url('css/fonts/constantia/constan.woff') format('woff'),
         url('css/fonts/constantia/constan.ttf') format('truetype'),
         url('css/fonts/constantia/constan.svg#ConstantiaRegular') format('svg');
}
@font-face {
    font-family: 'ConstantiaItalic';
    src: url('css/fonts/constantia/constani.eot');
    src: url('css/fonts/constantia/constani.eot') format('embedded-opentype'),
         url('css/fonts/constantia/constani.woff') format('woff'),
         url('css/fonts/constantia/constani.ttf') format('truetype'),
         url('css/fonts/constantia/constani.svg#ConstantiaItalic') format('svg');
}
@font-face {
    font-family: 'CorbelRegular';
    src: url('css/fonts/corbel/corbel.eot');
    src: url('css/fonts/corbel/corbel.eot') format('embedded-opentype'),
         url('css/fonts/corbel/corbel.woff') format('woff'),
         url('css/fonts/corbel/corbel.ttf') format('truetype'),
         url('css/fonts/corbel/corbel.svg#CorbelRegular') format('svg');
}

	html, body {height: 100%; margin:0; padding:0;}
	body{background:#fef8f2 url(images/bg.jpg) repeat-x 0 0;
color:#3c2415;
font:normal 13px/1.3em arial, verdana, sans-serif;}
	#page{
		position: relative;
		min-height: 960px;
		min-width: 980px;
		background:transparent url(images/header.jpg) no-repeat center top;
	}

	* html #page
	{
		height: 100%;
	}

.wrap{
	position: relative;
	min-width: 960px; 
	max-width: 960px;
	width: 960px;
	margin: 0 auto;
}
h1, h2, h3, .menuhead, .boxhead, .headfoot {font-family: 'CorbelRegular', 'Tahoma', 'Geneva', sans-serif; color:#af000f;
}
#leftmenu ul li, .article_list {
	font-family: 'ConstantiaItalic', 'Book Antiqua', 'Georgia', serif;
	}
header {height:460px;}
#logo {
overflow:hidden;
display:block;
position:absolute;
width:331px;
height:121px;
left:0;
top:10px;
text-indent:-999px;
background: url(images/logo_harmonylaser.png) no-repeat;
z-index:200;
}
.slogan {display:block;
position:absolute;
text-indent:-999px;
width:210px;
height:42px;
top:191px;
left:20px;
background:url(images/epicosmo_center.png) no-repeat 0 0;
}
#topmenu {
	position:absolute;
	width:720px;
	height:97px;
	top:343px;
	right:0;
	background:url(images/menu_top.png) no-repeat 0 0;
	z-index:300;}
#topmenu ul { margin:0; padding:37px 0 35px 0; text-align:center;}
#topmenu ul	li { font-family:"ConstantiaRegular", "Book Antiqua", Palatino, serif;
font-size:17px; margin:0 4px; padding: 8px 6px;}

#topmenu ul	li.current {border:1px solid #fadec8; border-radius:6px; background:#fff5d8;}
#topmenu ul	li a {color:#af000f; text-decoration:underline;}
#topmenu ul	li a:hover {color:#d66306; text-decoration: none;}
#topmenu ul	li.current a {color:#820402; text-decoration:none;}
#telbox {
	position:absolute;
	width:308px;
	height:148px;
	top:10px;
	right:6px;
	background:url(images/tel_box.png);
	font-family: 'ConstantiaRegular', 'Book Antiqua', 'Georgia', serif;
}
#telbox p {font-size:20px; margin:0 30px 5px 106px;color:#af000f; line-height:1em;}
#telbox p.odin {margin-top:20px;}
#telbox p.toptel {font-weight:bold;}
#telbox p span {font-size:14px; font-weight:normal !important;}
#telbox p.time {color:#dc7016; font-size:17px; margin-top:12px;}
#slide_box {
	position:absolute;
	width:679px;
	height:205px;
	top:161px;
	right:10px;
	z-index:150;
}
#leftmenu {
	background:url(images/menu_bgtop.png) no-repeat center top;
	margin-top:-110px; margin-left:-10px; margin-right:-10px;
}
.menuhead {
	display:block;
	height:69px;
	font-size:19px;
	padding:40px 30px 30px 30px;
}
#leftmenu ul {margin:-70px 10px 0 10px; padding:0 0 10px 0;
background:#faedc4;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#leftmenu ul li {
	background:#fff5d8 url(images/menu_bgsub.gif) no-repeat center top;
	border:1px solid #fadec8;
	border-radius:8px;
	padding:10px 14px;
	margin: 0 9px 8px 9px;
	font-size:16px;
	}
#leftmenu ul li ul {margin:10px 0 0 0; padding:0; background:none;}
#leftmenu ul li ul li {padding:6px 0 6px 23px; border:none !important; margin:0;
background: transparent url(images/li_flow1.png) no-repeat 0 8px;
font-size:14px;}
#leftmenu ul li ul li.current { background-image:url(images/li_flow2.png);}
#leftmenu ul li a, #leftmenu ul li.current ul li a  {color:#820402; text-decoration:none;}
#leftmenu ul li a:hover, #leftmenu ul li.current a, #leftmenu ul li ul li a:hover, #leftmenu ul li ul li.current a {color:#d66306; text-decoration:none;}
#content {background:#fff url(images/content_bg.gif) repeat-y;
position:relative;}
#content:before {display: block;
  overflow: hidden; content:''; background:url(images/content_bgt.gif) no-repeat center top; height:12px; line-height:12px;}
#content:after {display: block;
  overflow: hidden; content:''; background:url(images/content_bgf.gif) no-repeat center bottom; height:42px; line-height:42px;}
#content p {
    text-align: justify;
}
.content_rb {float:right; margin-right:1px; height:230px; position:relative;}
.rb_img {position:absolute; right:0; bottom:0;}
table.price {
    margin: 1em auto;
    width: 100%;
	
}
table.price thead {background: #faceab;}
table.price thead td {
	border-radius:6px;
}
tr.man td {background-color:#fff7da;}
footer {background:url(images/foot_bg.gif) repeat-y center 0;
margin:0 0 10px 0;
position:relative;
}
footer .separ {
	width:23px;
	height:291px;
	display:block;
	position:absolute;
	background: url(images/footsep.png) no-repeat;}
footer .sep1 { left:278px; top:30px;}
footer .sep2 { right:301px; top:30px;}	
footer .infoot {background:url(images/foot_top.jpg) no-repeat center top;
padding:25px 0 0 0;
color:#663300;
}
.headfoot {
	display:block;
	font-size:20px;
	margin-bottom:18px;
}
.article_list {font-size:15px;}
ul.article_list li a {color:#820402;}
ul.article_list li a:hover, ul.article_list li.current a {color:#d66306; text-decoration:none;}
.vcard .tel {font-size:16px; margin-bottom:8px; display:block;}
.vcard .tel span {font-size:.9em;}
.vcard .adr {font-size:14px; line-height:1.4em;}
footer .subfoot {background:url(images/foot_niz.jpg) no-repeat center top;
height:90px;
color:#673100;
font-size:11px;
}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
#image_list {
    clear: both;
    padding-bottom: 0;
    padding-top: 10px;
    width: 100%;
}
@media all and (max-width: 768px) {
body {min-width: 400px; font-size:.95em;}
#page, .wrap{width: 100%; min-width: 400px;}
#page {background:none;}
header {height: auto; text-align:center;}
#logo {
position:relative;
width:331px;
height:121px;
margin: 0 auto;
top:-5px;
}
*[class*="grid_"]{
	margin-left: 0;
	margin-right: 0;
	width:auto;
	display:block;
	float:inherit;
	}
#topmenu {
	position:relative;
	width:100%;
	height:auto;
	top: auto;
	right: auto;
	background: none;}
#topmenu ul {margin:0 2%; padding:17px 0 15px 0; text-align:left; background:#fff5d8 url(images/menu_bgsub.gif) no-repeat center top; border:1px solid #fadec8; border-radius:6px;}
#topmenu ul	li {
font-size:1.3em; margin:0 20px; padding: 8px 6px;}
#telbox {
	position: relative;
	width:308px;
	height:148px;
padding-top:2px;
margin: -15px auto 10px;	
}
#telbox p {font-size:23px;}
/*#telbox p span {font-size:18px;}
#slide_box {
	position:relative;
	width:100%;
	height:205px;
	top:0;
	left:0;
	margin:0 auto;
}*/
#content {background-image:none; border:1px solid #fadec8; border-radius:9px; margin:10px 1%;}
.subfoot {text-align:center;}
footer *[class*="grid_"] {width:80%; margin-right:auto; margin-left:auto;}
.subfoot .col .inner { padding-top:10px; padding-bottom:4px;}
.slogan, #sidebar, #slide_box,  #content:before, #content:after, .shide, footer .sep1, footer .sep2 {display:none;}
}