@import url('reset.css');
@import url('font.css');


/* ===========================================================
   base
   =========================================================*/

html { -webkit-text-size-adjust: none; }
body { background: #f4f2ee url(../img/bg.png) no-repeat center top; font: 12px/1.5 Arial, Helvetica, sans-serif; color: #000; }
button, input, textarea, select { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
img { vertical-align: top; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }


/* ===========================================================
   common
   =========================================================*/

/* margin */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }

/* vertical-align */
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }

/* text align */
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* float */
.fl { float: left; }
.fr { float: right; }

/* clear float */
.clear, .clearfix:after { clear: both; }
.clear, .clearfix:before, .clearfix:after { display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: '\0020'; }
.lt-ie8 .clearfix { zoom: 1; }

/* inline-block content */
.ib-parent { letter-spacing: -.31em;  word-spacing: -0.43em; }
.ib-child { display: inline-block; letter-spacing: normal; word-spacing: normal; }
.lt-ie8 .ib-parent { letter-spacing: normal; }
.lt-ie8 .ib-child { display: inline; zoom: 1; }

/* image replace */
.ir { display: block; text-align: left; text-indent: -9999px; overflow: hidden; }

/* button */
.comm-btn { display: inline-block; width: 102px; height: 26px; background: url(../img/button.png) no-repeat; font-size: 13px; color: #fff; }
a.comm-btn { text-align: center; line-height: 26px; }
a.comm-btn:hover { text-decoration: none; }
button.comm-btn { border: 0; cursor: pointer; }


/* ===========================================================
   wrapper
   =========================================================*/

.wrapper { min-width: 920px; }


/* ===========================================================
   header
   =========================================================*/

.header { margin: 0 auto; width: 920px; height: 122px; }

.logo { z-index: 100; top: 29px; left: 50%; margin-left: -75px; }
.logo a { width: 150px; height: 59px; background: url(../img/logo.png) no-repeat; }

.nav { top: 61px; left: 0; width: 100%; z-index: 60;}
.nav a:hover { text-decoration: none; }
.nav > ul > li { position: absolute; top: 0; }
.nav > ul > li > a { display: block; width: 118px; height: 35px; text-align: center; font-size: 14px; line-height: 35px; font-family: 'CenturyGothic-Bold', serif; color: #fff; }

.nav .n1 { left: 0; }
.nav .n2 { left: 118px; }
.nav .n3 { left: 236px; }
.nav .n4 { right: 236px; }
.nav .n5 { right: 118px; }
.nav .n6 { right: 0; }

.nav .n1 > a, .nav .n6 > a { background: #6c542b; }
.nav .n2 > a, .nav .n5 > a { background: #847355; }
.nav .n3 > a, .nav .n4 > a { background: #937e59; }

.nav > ul > li:hover > a, .nav > ul > li.active > a { background: #393939; }

.nav ul ul { display: none; position: absolute; top: 100%; left: 0; padding: 10px 0; min-width: 100%; background: #393939; border-radius: 0 0 5px 5px; }
.nav ul ul li { margin: 0 25px; border-top: 1px solid #454545; white-space: nowrap; line-height: 23px; }
.nav ul ul li:first-child { border-top: 0; }
.nav ul ul a { color: #fff; }
.nav ul ul a:hover, .nav ul ul li.active a { color: #ababab; }

.nav > ul > li:hover ul { display: block; }


/* ===========================================================
   footer
   =========================================================*/

.footer { margin-top: 40px; padding: 40px 0; background: #39383a; color: #888889; }
.footer .inner { margin: 0 auto; width: 920px; min-height: 104px; }
.footer a { color: #888889; }

.footer dl { float: left; width: 230px; }
.footer dt { margin-bottom: 5px; font-size: 18px; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; color: #fff; }
.footer dd { color: #888889; }

.crafted-by { top: 104px; right: 0; }


/* ===========================================================
   main
   =========================================================*/

.main { margin: 0 auto; width: 920px; }

/* sidenav */
.sidenav { width: 230px; height: 178px; background: url(../img/sidenav-bg.png) no-repeat; overflow: hidden; }

.sidenav a {
	display: block;
	margin-top: 2px;
	padding: 9px 18px;
	height: 40px;
	background: url(../img/sidenav-arrow.png) no-repeat 175px center;
	font-size: 18px;
	line-height: 20px;
	font-family: 'CenturyGothic-Bold', serif;
	color: #FFF;
}
.sidenav a span { display: block; }
.sidenav a:first-child { margin-top: 0; }
.sidenav a:hover {
	text-decoration: none;
	color: #999;
}

/* i-image */
.i-image { position: relative; display: block; }
.i-image img:first-child { display: none; position: absolute; top: 0; left: 0; }
.i-image:hover img:first-child { display: block; }


/* ===========================================================
   homeage
   =========================================================*/

/* slider */
#slider { height: 235px; z-index: 50;}
#slider .bjqs img { width: 920px; height: 235px; }

.bjqs { position: relative; overflow: hidden; display: none; }
.bjqs-slide { position: absolute; display: none; }
.bjqs-controls a { position: absolute; top: 50%; margin-top: -34px; width: 69px; height: 68px; background: url(../img/slider-controls.png) no-repeat; text-indent: -9999px; overflow: hidden; } 
.bjqs-controls .bjqs-prev { left: -85px; }
.bjqs-controls .bjqs-next { right: -85px; background-position: -69px 0; }

/* species */
.species .title { margin-bottom: 5px; font-weight: normal; font-size: 19px; font-family: 'CenturyGothic-Bold', serif; color: #595959; }

/* home-main */
.home-main .col-1 { width: 345px; }
.home-main .col-2 { width: 345px; }
.home-main .col-3 { width: 230px; }

.text-box { display: table-cell; vertical-align: middle; width: 285px; padding: 0 30px; height: 178px; background: #fff; text-align: center; letter-spacing: 1px; overflow: hidden; }
.lt-ie8 .text-box { padding-top: 30px; height: 148px; }
.text-box p { text-transform: uppercase; font-size: 9px; line-height: 14px; font-family: 'CenturyGothic-Regular', serif; color: #4c4c4c; }
.text-box h2 { display: inline-block; margin-top: 15px; padding: 8px 12px 0; border-top: 1px solid #9c9c9c; font-weight: normal; font-size: 14px; font-family: 'CenturyGothic-Bold', serif; color: #595959; }


/* ===========================================================
   inner
   =========================================================*/

.main-content {
	float: left;
	width: 660px;
	text-align: left;
}
.main-sidebar { float: right; width: 230px; }

/* banner */
.banner { margin-bottom: 3px; }

/* page-content */
.page-content { text-align: justify; line-height: 1.2; color: #504f4f; }
.page-content h1, .page-content h2 { border-bottom: 1px solid #dddcd8; font-weight: normal; font-family: 'CenturyGothic-Regular', serif; line-height: 0.9; color: #947f59; }
.page-content h1 { margin-bottom: 20px; padding: 15px 0; font-size: 25px; }
.page-content h2 { margin-top: 20px; padding-bottom: 11px; font-size: 22px; }
.page-content p {
	margin: 1.2em 0;
	text-align: left;
}
.page-content a { color: #a08d6b; }
.page-content ul { margin: 2em 0; }
.page-content li { margin: 5px 0 5px 20px; padding-left: 15px; background: url(../img/arrow.png) no-repeat 4px center; }

/* form */
.form .field { position: relative; min-height: 37px; margin: 0 0 10px 83px; }
.form .field .label { position: absolute; top: 0; left: -83px; width: 83px; line-height: 37px; }
.form .field .input { width: 293px; height: 15px; padding: 10px; border: 1px solid #cfcdca; font-size: 12px; line-height: 15px; color: #515151; }

/* project-list */
.project-list { margin-left: -9px; }
.project-list li { float: left; margin-left: 9px; margin-bottom: 15px; width: 214px; text-align: center; font-size: 14px; line-height: 17px; font-family: 'CenturyGothic-Regular', serif; color: #949391; }
.project-list a { display: block; border: 6px solid #dbd9d6; }
.project-list img { width: 202px; height: 126px; }
.project-list h3 { margin-top: 5px; font-weight: normal; font-family: 'CenturyGothic-Bold', serif; color: #383838; }

/* ===========================================================
   new mods
   =========================================================*/

.form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	padding: 7px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}
	
.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	padding: 7px;
	margin-bottom: 10px;
	background-color: #3c3d3e;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#thankyou{
	width:720px;
	padding-top: 12;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	margin-top: 22px;
	margin-bottom: 22px;
	margin-left: 13px;
}