/* CSS Document */

*{
	padding:0;
	margin:0;
}

body{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	background:#E9E9E9;
	color:#727172;
	border-top:5px solid #74A92D;
}

.border{border:2px #BB4BDC solid;}

a{
	color:#949495;
	text-decoration:none;
}

p{
	line-height:1.6em;
}

img{
	border:none;
}

.pics img{
	position:absolute;
	left:15px;
	top:0;
}

#container{
	width:950px;
	min-height:420px;
	margin:0 auto;
	background:url(../images/shadow1.gif) repeat-y left;
	padding:0 20px 0 0;
}

#header{
	width:920px;
	height:55px;
	padding:0 20px 0 0;
	margin:10px auto 0 auto;
}

#topnav li a.link{
	padding:0 5px;
}

#logo{
	float:left;
	padding:0 0 0 20px;
	width:210px;
}

#topnav{
	float:right;
	width:690px;
	padding:25px 0 0 0;
}

#topnav ul{

}

#topnav li{
	float:right;
	list-style:none;
	font-size:0.8125em;
}

#topnav li a{
	padding:0 10px;
}

#topnav li a:hover{
	color:#74A92D;
}

#topnav li .current{
	color:#74A92D;
}

#topnav li.facebook a{
	display:block;
	width:14px;
	height:14px;
	background:url(../images/fb.png) no-repeat left;
	text-indent:-9999px;
	padding:0;
	margin:0 0 0 10px;
}

#topnav li.facebook a:hover{
	background:url(../images/fb.png) no-repeat right;
}

#top{
	width:970px;
	height:215px;
	margin:0 auto;
	position:relative;
	background:url(../images/shadow2.gif) no-repeat;
}

#top .indexbanner{
	margin:0 0 0 15px;
}

#top .banner{
	float:left;
	width:720px;
	height:215px;
	padding:0 0 0 15px;
}

#top .text{
	float:left;
	width:160px;
	height:185px;
	padding:20px 20px 10px 20px;
	background:#74A92D;
	color:#FFFFFF;
}

#top .text p, #top .text p a{
	color:#FFFFFF;
	font-size:0.8125em;
}

#top .text p a:hover{
	color:#DDDDDD;
}

#top .text h6{
	font-size:0.8125em;
	margin:0 0 5px 0;
	font-weight:normal;
}

#top .text .tel{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.25em;
	line-height:70%;
	margin:0 0 15px 0;
}

#top .text .address{
	font-size:1.0625em;
}

#newsBox{
	display:none;
}

#content{
	padding:10px 0 0 0;
	float:left;
	min-height:600px
}

.unclick{
	color:#C1D8A0;
}

/*-------------- side -------------------------------*/

#side{
	float:right;
	width:158px;
	color:#727172;
	padding:10px 0 0 0;
	position:relative
}

#side div{
	margin:0 0 10px 0;
}

#side h6{
	color:#727172;
	/*font-size:0.75em;*/
	font-size:0.8125em;
	font-weight:normal;
	margin: 0 0 5px 0;
}

#side p{
	font-size:0.8125em;
}

#side a{

}

#side a:hover{
	color:#74A92D;
}

form{
	margin:5px 0 10px 0;
	background:url(../images/formbg.png) no-repeat left top;
}

#search, #newsletter{
	cursor:pointer;
}

input{
	border:none;
}

.input{
	width:130px;
	height:20px;
	font-size:0.8125em;
	color:#727172;
	padding:0 0 0 5px;
	border:none;
	background:transparent;
}

.btn{
	background:transparent;
	color:#727172;
	width:10px;
	height:26px;
	cursor:pointer;
	font-size:17px;
}

#side .tel{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3125em;
	line-height:70%;
	margin:0 0 20px 0;
	color:#B5B5B6;
}

#side .address{
	font-size:1.1875em;
	line-height:135%;
}

#side .map{
	padding:5px 0 10px 0;
	border-bottom:1px solid #B5B5B6
}

/*---------------------------------------------------*/

.green{
	color:#74A92D;
}

.gold{
	color:#74A92D;
}

.both{
	clear:both;
}

.clear{
	clear:both;
	visibility:hidden;
	height:1px;
	line-height:1px;
}

.col{
	width:168px;
	height:150px;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
}

.col-last{
	width:168px;
	height:150px;
	float:left;
	margin:0 0 10px 0;
	position:relative;
}

#productList{
	width:100%;
}


#productList .col, #productList .col-last{
	
}


#productList a img{
	width:166px;
	height:122px;
	border:1px solid #B5B5B6;
}

#productList a:hover img{
	/*border:2px solid #C6B181;*/
	border:2px solid #74A92D;
}

#productList a p{
	padding:2px 0 4px 0;
	font-size:0.8125em;
	background:#FFFFFF;
}

#productList a:hover p{
	color:#74A92D;
}

.searchbox{
	height:138px;
	background:url(../images/point.png) repeat-x bottom;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
}

.searchbox .photo{
	width:168px;
	height:124px;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	cursor:pointer;
}

.searchbox .text{
	width:356px;
	height:124px;
	float:left;
	cursor:pointer;
}

.searchbox .text span{
	margin:0 20px 0 0;
}

/*-------------- menu -------------------------------*/

#menu{
	width:158px;
	float:left;
	margin:0 10px 0 0;
	padding:10px 10px 0 0;
}

#menu h5{
	color:#727172;
	/*font-size:0.75em;*/
	font-size:0.8125em;
	font-weight:normal;
	padding:0 0 5px 10px;
}

#menu h4{
	border-bottom:1px solid #B5B5B6;
	color:#949495;
	font-size:0.8125em;
	padding:0 0 5px 0;
	font-weight:normal;
}

#menu .title{
	margin:0 0 10px 0;
}

#menu .list{
	margin:0 0 5px 0;
}

#menu .list a{
	width:100%;
	background:#EFEFEF;
	font-size:0.6875em;
	color:#727172;
	padding: 5px 0 5px 10px;
	display:block;
}

#menu .list .current{
	color:#727172;
	background:#DDDDDD;
}

#menu a:hover{
	background:#DDDDDD;
}

#menu ul{
	margin:0;
	clear:both;
}

#menu li{
	list-style:none;
	float:left;
}

#menu li a span{
	width:48px;
	font-size:0.6875em;
	display:block;
	padding:5px 0;
	background:#EFEFEF;
	cursor:pointer;
	text-align:center;
}

#menu li a .sub{
	margin:5px 7px 0 0;
}

#menu li a .sub-last{
	margin:5px 0 0 0;
}

#menu li a:hover .sub, #menu li a:hover .sub-last, #menu li .current{
	background:#74A92D;
	color:#FFFFFF;
}

/*--------------- index -----------------------------*/

#index, #template1, #template2{
	clear:both;
	background:#FFFFFF;
	width:880px;
	margin:0 auto;
	padding:10px 20px 0 20px;
}

.info{
	width:870px;
	height:100px;
	border-bottom:1px solid #949495;
	position:relative;
}

.info p{
	font-size:0.8125em;
	width:670px;
}

.info h4{
	margin:0 0 5px 0;
	font-weight:normal;
}

.info .photo{
	position:absolute;
	right:-50px;
	bottom: -20px;
	width:250px;
	height:200px;
	z-index:2;
}

.info .form{
	position:absolute;
	top:115px;
	right:-10px;
	z-index:5;
	width:158px;
}

#index #content{
	width:534px;
}

#index #cycle{
	width:529px;
	height:195px;
	background:url(../images/shadow3.gif) no-repeat;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	margin:0 0 10px 0;
}

#index #simplegallery1{
	position: relative;
	visibility: hidden;
	width:524px;
	height:190px;
	border-top:1px solid #B5B5B6;
	border-left:1px solid #B5B5B6;
}


#simplegallery1 h2{
	font-size:1em;
	margin:0 0 3px 0;
	font-weight:normal;
}

#simplegallery1 small{
	font-size:0.6875em;
	padding:0 0 2px 0;
	display:block;
	color:#B5B5B6;
}

#simplegallery1 p{
	font-size:0.6875em;
}

#simplegallery1 .nav{
	color:#FFFFFF;
	margin:5px 5px 0 0;
	cursor:pointer;
}

#simplegallery1 .desc{
	width:474px;
	float:left;
	text-align:left;
	padding:5px 0 0 10px;
}

#simplegallery1 .control{
	width:50px;
	float:right;
	text-align:right;
	padding:15px 0 0 0;
}

#simplegallery1 .gallerystatus{
	padding: 0 10px 0 0;
	margin-top:20px;
	text-align:right;
	font-size:0.6875em;
}

.productPhoto{
	float:left;
	width:350px;
}

.photoBig{
	/*width:350px;
	height:350px;*/
	width:348px;
	height:338px;
	margin:0 0 40px 0;
	/*text-align:center;*/
	border:1px solid #B5B5B6;
	 
	/* Firefox, Chrome */
	/*line-height : 350px;
	white-space : nowrap;*/
		
	/* IE */
	/*font-size : 315px;  /* 350px * 0.9 = 315px */
	/* *font-family : Arial;*/
}

.photoBig:after {
	content : ".";
	font-size : 1px;
	margin-left : -1px;
	opacity : 0;
}

.photoBig img{
	width:auto;
	vertical-align:middle;
}

.productDetail{
	float:right;
	width:174px;
}

.photoSmall{
	width:110px;
	height:84px;
	float:left;
	margin:10px 10px 0 0;
}

.photoSmall-last{
	width:110px;
	height:84px;
	float:left;
	margin:10px 0 0 0;
}

.photoSmall a img, .photoSmall-last a img{
	width:108px;
	height:82px;
	border:1px solid #B5B5B6;
}

.photoSmall a:hover img, .photoSmall-last a:hover img{
	border:1px solid #74A92D;
}

.productDetail h2{
	font-size:1.3125em;
	font-weight:normal;
}

.productDetail .code{
	font-size:0.75em;
	margin:10px 0 30px 0;
	word-spacing: 15px;
}

.productDetail .topline{
	border-top:1px solid #B5B5B6;
	padding:10px 0;
	font-size:0.75em;
}

#content .topline span{
	margin:0 15px 0 0;
}

#content .colorBox{
	width:17px;
	height:17px;
	display:block;
	float:left;
	cursor:pointer;
}

/*-------------- product -----------------------------*/

#template1 #content{
	width:702px;
}

.contentTop{
	border-bottom:1px solid #B5B5B6;
	width:100%;
	height:22px;
	clear:both;
	margin:0 0 10px 0;
	font-size:0.75em;
}

.contentBottom{
	border-top:1px solid #B5B5B6;
	width:100%;
	height:22px;
	clear:both;
	padding:10px 0 0 0;
	margin:50px 0 10px 0;
	font-size:0.75em;
}

.contentTop a{

}

.contentTop a:hover, .contentTop .current{
	color:#74A92D
}

#index .contentTop .link{
	width:100%;
	height:22px;
}

.contentTop .link{
	float:left;
	width:168px;
	height:22px;
}

.contentTop .page, .contentBottom .page{
	float:right;
	text-align:right;
	width:534px;
	height:22px;
}

.contentTop .page a, .contentBottom .page a{
	margin:0 0 0 5px;
}

.contentTop .page form, .contentBottom .page form{
	background:none;
	margin:0;
}

.contentTop .page input, .contentBottom .page input{
	width:40px;
	height:15px;
	border:1px solid #949495;
	margin:0 0 0 5px
}

/*---------------package, about, contact------------------------------------*/

h3{
	font-size:1.375em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:0 0 5px 0;
}

.subTitle{
	font-size:0.8125em;
	word-spacing: 10px;
}

.textBox{
	margin:25px 0 0 0;
	padding:10px 0;
	border-top:1px solid #B5B5B6;
}

.textBox p{
	font-size:0.8125em;
	margin:0 0 15px 0;
	line-height:1.6em;
}

.contactMap{
	width:235px;
	height:306px;
	float:left;
	margin:0 10px 0 0;
}

.contactInfo{
	width:289px;
	float:right;
}

.contactInfo h3{
	margin:0 0 20px 0;
}

.contactInfo .topline, .contactInfo .topline2{
	font-size:0.8125em;
	line-height:1.6em;
	padding:10px 0;
	clear:both;
}

.contactInfo .topline{
	border-top:1px solid #B5B5B6;
}

.contactInfo .left{
	width:50px;
	float:left;
}

.contactInfo .right{
	width:239px;
	float:right;
	padding:0 0 10px 0;
}

#map1{
	padding:0 0 20px 0;
	margin:0 0 10px 0;
	height:400px;
}

#map2{
	height:306px;
	margin: 0 0 10px 0;
}

#map1 .mail a{
	color:#727172;
}

#map1 .mail a:hover{
	color:#989898;
}

#google1, #google2{
	cursor:pointer
}

.googleNote a{
	color:#74A92D;
	font-size:10px;
	margin:0 0 0 5px;
}

/*-------------- footer -----------------------------*/

#footer{
	width:920px;
	height:290px;
	padding:20px 0;
	margin:0 0 0 15px;
	background:#74A92D;
	color:#C1D8A0;
}

#footer .col{
	height:auto;	
}

#footer .main{
	width:880px;
	height:240px;
	margin:0 auto;
}

#footer .footerLogo{
	width:168px;
	float:left;
	margin:0 10px 0 0;
}

#footer .w178{
	width:178px;
	margin-right:0;
}

#footer .w178 ul{
	float:left;
	width:60px;
	margin-right:10px;
	list-style:none;
}

#footer .w326{
	width:326px;
}

#footer .col h4{
	font-size:0.875em;
	height:50px;
	font-weight:normal;
	color:#C1D8A0;
}

#footer .col li{
	margin:0 0 5px 0;
}

#footer a{
	font-size:0.875em;
	color:#C1D8A0;
}

#footer a:hover{
	color:#FFFFFF;
}

#footer .tel{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5625em;
	padding:0 0 5px 0px;
	display:block;
}

#footer .address, #footer .other{
	font-size:0.875em;
	padding:0 0 0 0px;
	display:block;
}

#footer .other{
	margin:5px 0 0 0; 
}

#footer .line{
	width:880px;
	margin:0 0 0 20px;
	padding:0px 0 10px 0;

}

#footer .copyright{
	font-size:0.625em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	margin:0 0 0 168px;
}

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