body{
	background:#a5a445;
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#fff;
	margin:0;
	padding:0;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

#page{
	background:#c5c487 url(../../images/page.jpg);
	border-right:1px solid #78604b;
	border-bottom:1px solid #78604b;
	border-left:1px solid #78604b;
	width:828px;
	margin:0 auto;
	padding:0
}

#page h1{
	font-size:1.6em;
	text-transform:uppercase;
	color:#6a4401;
	margin:0 0 0 176px;
	padding:22px 0 16px 0;
}

#head{
	background:#f6f1eb url(../../images/head.gif) no-repeat;
	width:662px;
	height:169px;
	color:#6a4401;
	margin:0 0 0 166px;
	padding:0;
}

#head p.logo{
	border:1px solid #78604b;
	float:left;
	width:177px;
	height:116px;
	display:inline;
	margin:7px 0 0 7px;
	padding:0;
}

#head p.logo a{
	background:url(../../images/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:177px;
	height:116px;
	margin:0;
	padding:0
}

#head h2{
	background:url(../../images/h2.gif) no-repeat;
	border-top:1px solid #78604b;
	border-bottom:1px solid #78604b;
	text-indent:-9999px;
	float:left;
	width:476px;
	height:116px;
	margin:7px 0 0 0;
	padding:0;
}

/* ==================== navigation styles begin ==================== */
#navigation{
	clear:both;
	margin:0;
	padding:0;
}

#navigation ul{
	position:relative;
	list-style-type:none;
	text-align:center;
	height:1%;
	margin:0;
	padding:0;
	z-index:600;
}

#navigation ul li{
	position:absolute;
	display:inline;
	float:left
	margin:0;
	padding:0;
	top:14px;
	z-index:600;
}

#navigation ul #navhom{width:85px; left:6px;}
#navigation ul #navpro{width:97px; left:102px;}
#navigation ul #navcol{width:97px; left:210px;}
#navigation ul #navown{width:97px; left:318px;}
#navigation ul #navdes{width:122px; left:426px;}
#navigation ul #navour{width:97px; left:559px;}

#navigation ul li a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:25px;
}

#navigation #navhom a{background:#78604b url(../../images/navhom.gif) no-repeat 0 0;}
#navigation #navpro a{background:#78604b url(../../images/navpro.gif) no-repeat 0 0;}
#navigation #navcol a{background:#78604b url(../../images/navcol.gif) no-repeat 0 0;}
#navigation #navown a{background:#78604b url(../../images/navown.gif) no-repeat 0 0;}
#navigation #navdes a{background:#78604b url(../../images/navdes.gif) no-repeat 0 0;}
#navigation #navour a{background:#78604b url(../../images/navour.gif) no-repeat 0 0;}

#navigation #navhom a:hover{background:#8b4513 url(../../images/navhom.gif) no-repeat 0 -25px;}
#navigation #navpro a:hover, #navigation #navpro a.over, #navigation #navpro:hover a, #navigation #navpro.over a{background:url(../../images/navpro.gif) no-repeat 0 -25px;}
#navigation #navcol a:hover, #navigation #navcol a.over, #navigation #navcol:hover a, #navigation #navcol.over a{background:url(../../images/navcol.gif) no-repeat 0 -25px;}
#navigation #navown a:hover, #navigation #navown a.over, #navigation #navown:hover a, #navigation #navown.over a{background:url(../../images/navown.gif) no-repeat 0 -25px;}
#navigation #navdes a:hover, #navigation #navdes a.over, #navigation #navdes:hover a, #navigation #navdes.over a{background:url(../../images/navdes.gif) no-repeat 0 -25px;}
#navigation #navour a:hover, #navigation #navour a.over, #navigation #navour:hover a, #navigation #navour.over a{background:url(../../images/navour.gif) no-repeat 0 -25px;}

#navigation ul li ul{
	border-top:1px solid #78604b;
	border-right:1px solid #78604b;
	border-left:1px solid #78604b;
	font-size:1.1em;
	font-weight:bold;
	display:none;
	position:absolute;
	top:25px;
	left:0;
	margin:0;
	padding:0;
	height:1%;
	z-index:600;
}

#navigation ul li>ul{
	top:auto;
	left:auto;
}

#navigation ul li ul li{
	background:none;
	position:static;
	display:block;
	text-align:left;
	margin:0;
	padding:0;
}

#navigation ul li:hover ul, #navigation ul li.over ul{display:block; position:static;}

#navigation ul li ul li a, #navigation ul li ul li a:link{
	border-bottom:1px solid #78604b;
	text-decoration:none;
	text-indent:0;
	color:#d7d0a8;
	height:auto;
	margin:0;
	padding:5px;
}

#navigation #navpro ul li a, #navigation #navpro ul li a:link{background:#cd8500 !important; width:85px;}
#navigation #navpro ul li a:hover, #navigation #navpro ul li a.over{background:#78604b !important;}
#navigation #navcol ul li a, #navigation #navcol ul li a:link{background:#8b0000 !important; width:85px;}
#navigation #navcol ul li a:hover, #navigation #navcol ul li a.over{background:#78604b !important;}
#navigation #navown ul li a, #navigation #navown ul li a:link{background:#7a99a3 !important; width:85px;}
#navigation #navown ul li a:hover, #navigation #navown ul li a.over{background:#78604b !important;}
#navigation #navdes ul li a, #navigation #navdes ul li a:link{background:#cd853f !important; width:110px;}
#navigation #navdes ul li a:hover, #navigation #navdes ul li a.over{background:#78604b !important;}
#navigation #navour ul li a, #navigation #navour ul li a:link{background:#7d7854 !important; width:85px;}
#navigation #navour ul li a:hover, #navigation #navour ul li a.over{background:#78604b !important;}

/* ==================== navigation styles end ==================== */

#cola{
	float:left;
	width:340px;
	height:325px;
	margin:0;
	padding:0;
}

#cola p{
	font-size:2.0em;
	font-weight:bold;
	line-height:1.25em;
	margin:94px 35px 0 83px;
	padding:0;
}

#cola p span{
	font-size:.8em;
	font-weight:normal;
	text-align:right;
	display:block;
	margin:0;
	padding:0 10px 0 0;
}

#colb{
	/*background:#d89940 url(../../images/home/colb.jpg) no-repeat;*/
	float:left;
	width:488px;
	height:325px;
	margin:0;
	padding:0;
	position:relative;
}
#effect-img{
 display:none;
}
#effect-quote{
	display:none;
}
#effect-title{
	position:absolute;
	z-index:500;
	display:none;
}
#effect-title.petal{
	background:transparent url(../../images/home/petal-01.gif) no-repeat;
	top:200px;
	left:350px;
	width:110px;
	height:27px;
}
#effect-title.air{
	background:transparent url(../../images/home/air-02.gif) no-repeat;
	top:140px;
	left:190px;
	width:110px;
	height:27px;
}
#effect-title.water{
	background:transparent url(../../images/home/water-03.gif) no-repeat;
	top:60px;
	left:220px;
	width:110px;
	height:27px;
}
#effect-title.clay{
	background:transparent url(../../images/home/clay-04.gif) no-repeat;
	top:200px;
	left:350px;
	width:110px;
	height:27px;
}
#effect-title.grain{
	background:transparent url(../../images/home/grain-05.gif) no-repeat;
	top:200px;
	left:350px;
	width:110px;
	height:27px;
}
#effect-title.stone{
	background:transparent url(../../images/home/stone-06.gif) no-repeat;
	top:200px;
	left:350px;
	width:110px;
	height:27px;
}
#colc{
	border-top:1px solid #78604b;
	border-right:1px solid #78604b;
	float:left;
	width:588px;
	height:110px;
	margin:0;
	padding:0
}

/*
#colc h3{
	margin:0;
	padding:0;
}

#colc a{
	background:#dbf0d8 url(../../images/home/colc2.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:588px;
	height:110px;
	margin:0;
	padding:0
}

#colc a:hover{
	background:#dbf0d8 url(../../images/home/colc2.jpg) no-repeat 0 -110px;
}
*/
#cold{
	background:#af7656;
	border-top:1px solid #78604b;
	float:left;
	width:239px;
	height:110px;
	margin:0;
	padding:0
}

#cold h4{
	margin:0;
	padding:0;
}

#cold h4 a{
	background:url(../../images/home/coldh4.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:239px;
	height:55px;
	margin:0;
	padding:0;
}

#cold h4 a:hover{
	background:url(../../images/home/coldh4.jpg) no-repeat 0 -55px;
}

#cold p{
	width:239px;
	height:55px;
	margin:0;
	padding:0;
}

#cold p a{
	text-decoration:none;
	display:block;
	width:239px;
	height:55px;
	margin:0;
	padding:0;
}

/*
#cold p a{
	background:url(../../images/home/coldp.jpg) no-repeat;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:239px;
	height:55px;
	margin:0;
	padding:0;
}

#cold p a:hover{
	background:url(../../images/home/coldp.jpg) no-repeat 0 -55px;
}
*/
#footer{
	width:828px;
	clear:left;
	color:#fff;
	margin:0 auto;
	padding:0
}

#footer a{
	color:#fff;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
	color:#78604b;
}

#footer ul.main{
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	margin:10px 0;
	padding:0;
}

#footer ul.main li{
	border-right:1px solid #fff;
	float:left;
	display:block;
	width:183px;
	text-align:center;
	padding:0;
}

#footer ul.main li.first{
	text-align:left;
	width:151px;
	padding:0;
}

#footer ul.main li.last{
	border-right:none;
	text-align:right;
	width:124px;
	padding:0;
}

#footer ul.sub{
	clear:left;
	list-style-type:none;
	font-size:1em;
	margin:10px 0 0;
	padding:8px 0 0 0;
}

#footer ul.sub li{
	border-right:1px solid #fff;
	display:inline;
	padding:0 8px;
}

#footer ul.sub li.first{
	padding:0 8px 0 0;
}

#footer ul.sub li.last{
	border-right:none;
	padding:0 0 0 8px;
}

#footer p{
	font-size:.9em;
	margin:0;
	padding:0 0 15px 0;
}