﻿*{padding: 0; margin: 0;}
html,body{
	color: #888; 
	font-size:11px; 
	font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
	height: 100%;
}
body{
	/**width: 96%*/
}
/* links */
a{
	text-decoration:none;
	outline: none;
	font-size:10px; 
}
a: hover{ text-decoration:none;}
a img{ border:0;}
a.link{
	color:#80bb4a;
}
a.link:hover{
	text-decoration:underline;
	margin: 5px 0px;
}
/* all text related */
p{
	font-size:11px;
	text-align:justify;
	line-height:15px;
	font-weight:lighter;
	margin-bottom: 8px;
	width: 100%;
}
b{
	font-weight:bold;
}
ul{
	font-size:11px;
}
ul li{
	float: left;
	display: block;
	list-style: none;
	border-right:solid 2px #fff;
}
.inBox li{
	display:block;
}
h2{
	color:#b0c199;
	margin: 0 0 10px;
	font-family: Verdana;
	font-size: 14px;
}
p.title{
	color:#80bb4a;
	font-size: 12px;
	margin-bottom:5px;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom: dotted 1px #80bb4a;
}
p.title a.link{
	font-size:12px;
}
.line{
	margin: 2 0;
	padding:0;
	height:1px;
	border-bottom:1px dotted #80bb4a;
}
/* inputs */
input{
	width: 251px;
	border: 1px solid #ccc;;
	margin: 4px 0 0 0;
	padding: 2px 5px;
	color: #666;
	font-size:11px;
}
/* base */
.container{
	margin: 0px auto;
	width: 740px;
	height: 100%;
}
.header, 
.menu,
.content{
	width: 740px;
	margin: 0px auto;
}
.header{
	height: 80px;
	color: #beda98;
	position:relative;
}
.header img{
	margin-top:45px;
}
.header .lang{
	float: right;
	right: 10px;
	top:45px;
	position:absolute;
}
.header .lang a{
	color:#B3D3AA;
}
.header .lang a:hover{
	text-decoration:underline;
}
.header .linkSel{
	color:#cccccc;
}
.menu{height:280px;}
.content{
	margin: 10px auto;
}
.footer{
	background: url('../images/f-bgr.gif') no-repeat 50% 0%;
	text-align:center;
	padding: 20px 0px 10px;
	margin:0px auto;
	position:relative;
}
.footer .name{
	/*color:#b0c199; 
	font-weight:bold;*/
	bottom:-5px;
	position:relative;
}
.accordion{
	width: 740px;
	height: 280px;
	list-style: none;
	margin: 0 auto;
}
.mainCont{
	color:#FF0000;
	width:470px;
	height: 240px;
}
.contLevel2{
	color:#FF0000;
	width:730px;
	height:350px;
	padding: 10px 0px;
	overflow:hidden;
}
#a1{
	width: 565px;
}
/* menu container */
.menuContent{
	margin: 0px 50px 0px 0px;
	padding:10px;
	border: solid 10px #d5d5d5;
	width:450px;
	height: 240px;
	overflow:hidden;
}
.menuArea{
	padding-left:50px;
	width: 505px;
	z-index:100;
}
.stretcher{
	overflow: hidden;
	height: 280px;
	width: 22px;
	position:relative;
}
/* menu tabs */
.tab{ 
	display: block;
	height: 280px;
	width:22px;
	background-color:#c8dbae;
	position:absolute;
}
/* en menu */
a.about{background:#c8dbae url(../images/m-en/m-about.png) no-repeat 40% 7px;}
a.about:hover, a.about .sel{background:#80bb4a url(../images/m-en/m-about-sel.png) no-repeat 40% 7px;}

a.location{background:#c8dbae url(../images/m-en/m-location.png) no-repeat 50% 7px;}
a.location:hover, a.location .sel{background:#80bb4a url(../images/m-en/m-location-sel.png) no-repeat 45% 7px;}

a.area1{background:#c8dbae url(../images/m-en/m-a1.png) no-repeat 40% 7px;}
a.area1:hover{background:#80bb4a url(../images/m-en/m-a1-sel.png) no-repeat 40% 7px;}

a.area2{background:#c8dbae url(../images/m-en/m-a2.png) no-repeat 40% 7px;}
a.area2:hover{background:#80bb4a url(../images/m-en/m-a2-sel.png) no-repeat 40% 7px;}

a.price{background:#c8dbae url(../images/m-en/m-price.png) no-repeat 40% 7px;}
a.price:hover{background:#80bb4a url(../images/m-en/m-price-sel.png) no-repeat 40% 7px;}

a.sust{background:#c8dbae url(../images/m-en/m-sust.png) no-repeat 50% 7px;}
a.sust:hover{background:#80bb4a url(../images/m-en/m-sust-sel.png) no-repeat 50% 7px;}

a.contact{background:#c8dbae url(../images/m-en/m-contact.png) no-repeat 40% 7px;}
a.contact:hover{background:#80bb4a url(../images/m-en/m-contact-sel.png) no-repeat 40% 7px;}
/* bg menu */
a.aboutbg{background:#c8dbae url(../images/m-bg/m-about-bg.png) no-repeat 40% 7px;}
a.aboutbg:hover, a.about .sel{background:#80bb4a url(../images/m-bg/m-about-bg-sel.png) no-repeat 40% 7px;}

a.locationbg{background:#c8dbae url(../images/m-bg/m-location-bg.png) no-repeat 50% 7px;}
a.locationbg:hover, a.location .sel{background:#80bb4a url(../images/m-bg/m-location-bg-sel.png) no-repeat 50% 7px;}

a.area1bg{background:#c8dbae url(../images/m-bg/m-a1-bg.png) no-repeat 40% 7px;}
a.area1bg:hover{background:#80bb4a url(../images/m-bg/m-a1-bg-sel.png) no-repeat 40% 7px;}

a.area2bg{background:#c8dbae url(../images/m-bg/m-a2-bg.png) no-repeat 40% 7px;}
a.area2bg:hover{background:#80bb4a url(../images/m-bg/m-a2-bg-sel.png) no-repeat 40% 7px;}

a.pricebg{background:#c8dbae url(../images/m-bg/m-price-bg.png) no-repeat 40% 7px;}
a.pricebg:hover{background:#80bb4a url(../images/m-bg/m-price-bg-sel.png) no-repeat 40% 7px;}

a.sustbg{background:#c8dbae url(../images/m-bg/m-sust-bg.png) no-repeat 50% 7px;}
a.sustbg:hover{background:#80bb4a url(../images/m-bg/m-sust-bg-sel.png) no-repeat 50% 7px;}

a.contactbg{background:#c8dbae url(../images/m-bg/m-contact-bg.png) no-repeat 40% 7px;}
a.contactbg:hover{background:#80bb4a url(../images/m-bg/m-contact-bg-sel.png) no-repeat 40% 7px;}
/* EO menu */
a.sel{
	background-color: #80bb4a;
}
/* contact form styles */
.contact p{
	margin-top: 5px;
}
.contact label{
	display: block;
	width: 100px;
	color:#80bb4a;
	float:left;
	font-size:10px;
	font-weight: normal;
	text-align:right;
	padding:5px 10px 0px 0px;
	vertical-align:middle;
	margin-bottom:5px;
}
.contact input{
	display: block;
	width: 150px;
	float:left;
}
.contact input.captcha{
	display: block;
	width: 60px;
	height:30px;
	font-size:16px;
	float:left;
}
.contact .send{
	border:0;
	background:url("../images/m-en/send-btn.gif") no-repeat;
	cursor: pointer;
	float:left;
	margin-top:15px;
	margin-left:10px;
	width: 40px;
	height:20px;
}
.contact .send:hover{
	background:url("../images/m-en/send-btn-h.gif") no-repeat;
	border-bottom: dotted 1px #80bb4a;
}
.contact .sendBg{
	border:0;
	background:url("../images/m-bg/send-btn-bg.gif") no-repeat;
	cursor: pointer;
	float:left;
	margin-top:15px;
	margin-left:4px;
	width: 60px;
	height:20px;
}
.contact .sendBg:hover{
	background:url("../images/m-bg/send-btn-bg-h.gif") no-repeat;
	border-bottom: dotted 1px #80bb4a;
}
.contact img{
	float: left;
	margin: 5px 5px 0px 0px;
}
.contact .message{
	width:250px;
	height: 60px;
	border: 1px solid #ccc;
	margin: 4px 0 0 0;
	color:#333;
	padding-left:5px;
	font-family:"Lucida Grande","Arial Unicode MS",sans-serif;
	font-size:11px;
	overflow: hidden;
	overflow-y:scroll;
}
.contact .star{
	margin-left: 3px;
	font-size:11px;
	font-family:Arial;
}
#submit{
width: 92px;
height: 27px;
background: url(../images/submit.gif) no-repeat 100% 50%;
display: block;
cursor: pointer;
border: none;
margin: 60px 0pt 0pt 212px;
}
#submit:hover{
width: 92px;
height: 27px;
background: url(../images/submit.gif) no-repeat 0px -27px;
display: block;
cursor: pointer;
border: none;
margin: 60px 0pt 0pt 212px;
}
/* other */
.clear{
	clear: both;
	display: block;
	margin: 0;
	padding:0;
}
.space10{
	display: block;
	height:10px;
}
.L{float: left; margin-right:5px;} /*10px*/
.R{float: right; margin-left:5px;} /*10px*/
.frame{
	border: solid 4px #999999; /*8px*/
	cursor: pointer;
	padding: 2px;
}
.bold{
	font-weight:bold;
}
.gallery{
	width:360px; /*400px*/
}
.galImg{
	margin-bottom:5px; /*10px*/
}
.thinFrame{
	border: solid 1px #999999;
	padding: 2px;
}
/* price tbl */
.priceTbl{
	background-color:#CCCCCC;
	border: solid 1px #555555;
	margin-top: 10px;
	padding:2px;
	white-space: nowrap;
	width: 100%;
}
.priceTbl th{ background-color:#999999; color:#FFFFFF; text-align:left;}

label.title{
	display: block;
	width: 120px; /*150px;*/
	/*color:#80bb4a;*/
	float:left;
	font-size:10px;
	text-align:right;
	padding-right:10px;
	margin-bottom:5px;
}
span.info{
	color:#80bb4a;
	width: 50px;
	text-align:left;
	display:block;
	float: left;
}
.text2d{
	width: 95px;
	text-align:center;
	padding: 5px 10px;
	float:left;
}
.cont2D, .cont3D, .cont3DS{
	position: relative;
	float: left;
	padding-top: 20px;
	*width:710px;
}
.cont3D .L{
	*margin-right:9px;
}
.ms{
	position: absolute;
	right:10px;
	top: 12px;
	float:right;
}
.inBox{
	background:#b0c199;
	color:#ffffff;
	padding:10px;
	font-size:11px;
}
.subBox{
	padding-left:20px;
}
.moreSpace{
	height:1200px;	
}

a.mGallery, a.tb{
	text-decoration:none;
	outline: none;
	font-size:10px; 
	color:#80bb4a;
}
a.mGallery:hover, a.tb:hover{
	text-decoration:underline;
	margin: 5px 0px;	
}
.sTxt{
	font-size:8px;
}
.sound{
	position:relative;
	bottom:-5px;
}
.hideFl{
	visibility:hidden;
}

