/***********************************************/
/* Kayunatimberflooring.com.au                 */
/* page design by adevvy@gmail.com           */
/***********************************************/ 

*{
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font: 11px/1.5 verdana, arial, helvetica, sans-serif;
	background: url(../img/bg02.jpg) top repeat-x;
	background-color: #fff;
	color: #394409;
}
body#index {
	background: url(../img/bg01.jpg) top repeat-x;
	background-color: #fff;
}
h1, h2, p { margin: 0 0 14px 0; }
h1{ 
	font: 18px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}
h2{ 
	font: 11px/1.5 verdana, arial, helvetica, sans-serif; 
	background-color: #B8CC66;
	padding: 2px 8px;
	display: block;
	font-weight: bold;
}
h3, h4, h5{ 
	font: 12px/1.5 verdana, arial, helvetica, sans-serif; 
	font-weight: bold;
	padding: 6px 34px;
	margin: 0px;
}
h3{	background: url(../img/bullet01.gif) 12px 10px no-repeat; background-color: #B8CC66; }
h4{	background: url(../img/bullet02.gif) 12px 10px no-repeat; background-color: #B8CC66; }
h5{	background: url(../img/bullet03.gif) 12px 7px no-repeat; background-color: #B8CC66; }
h6{ font: 11px/1.5 verdana, arial, helvetica, sans-serif; font-weight: bold; margin: 0 0 5px 0; }

a, a:hover, a:visited { color: #92216B; border: none; text-decoration: none; }
a:hover { padding: 2px 0px; background-color: #F8EDED; }
a, a:visited { padding: 2px 0px; background: none; }

img { border: none; background: none; }

ul {
	list-style: none;
	padding: 0;
	margin: 0 0 18px 20px; 
}
ol { margin: 0 0 18px 30px; }
blockquote{
	display: block;
	background: url(../img/quote.gif) top left no-repeat; 
	font: 14px/1.5em Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 438px;
	padding: 2px 10px 2px 42px;
	margin: 0 0 10px 0;
}
hr{
	border: 0;
	color: #93AF1D;
	background-color: #93AF1D;
	height: 1px;
	margin: 16px 0;
}


/*** Main containers ***/
#content {}
#contentwrap {
	margin: auto;
	width: 770px;
}
#header{
	width: 770px;
	height: 100px;
	background: url(../img/header.gif) top left no-repeat;
}
#leftcol, #rightcol {
	float: left;
	display: block;
	padding: 30px 10px 10px 10px;
}
#leftcol {
	margin: 0;
	width: 490px;
}
#rightcol {
	margin:0 0 0 12px;
	width: 228px;
}
#index #rightcol { padding: 55px 0 30px 10px; }
#footer {
 	margin: 10px 10px 20px 10px;
	padding: 10px 0 0 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #93AF1D;
	border-top: 1px solid #93AF1D;
	text-align: right;
}


/*** Main Navigation ***/
#nav { 
	padding: 0;
	margin: 10px 4px;
	list-style: none;
	float: left;
}
#nav ul { margin: 0; padding: 0; }
#nav li { 
	float: left;
	position: relative;
	padding: 1px 2px;
	font-size: 11px;
}
#nav li a, #nav li a:hover, #nav li .active{ 
	padding: 9px 15px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#nav li a { color: #c3d773; background-color: #404d0b; }
#nav li a:hover { color: #DFEF9D; background-color: #49570d; }
#nav li .active{ color: #fff; background-color: #49570d; }
#nav li .active a, #nav li .active a:hover { 
	padding: 0;
	text-decoration: none;
	display: block;
}
#nav li .active a{ color: #fff; background-color: #5a6b16; }
#nav li .active a:hover{ color: #c3d773; }


/*** Sub Navigation ***/
#subnav { margin: 0 0 20px 0; padding: 0 5px 0 0; list-style: none; border: 1px solid #B8CC66; border-width: 1px; }
#subnav li { margin: 0;  border-top: 1px dashed #B8CC66; padding: 5px 0 5px 10px; }
#subnav li a { padding: 2px 4px; background: none; text-decoration: none; }
#subnav li a:hover { padding: 2px 4px; background-color: #F8EDED; text-decoration: none; }
#subnav li a.active { font-weight: bold; text-decoration: none; }
#subnav li ul { border: none; margin: 0; padding: 0 6px; }
#subnav li ul li{ border: none;	background: url(../img/subnav.gif) 0 9px no-repeat; padding-left: 12px; }


/*** Top Navigation ***/
.topnav{ padding: 12px 0 0 0; float: right; }
.homeicon, .contacticon, .topnavtext{ float: left; }
.homeicon a:hover, .contacticon a:hover{ background: none; }
.topnavtext{ color: #dce6b4; font-size: 11px; }
.topnavtext a, .topnavtext a:visited{ color: #dce6b4; text-decoration: none; padding: 6px; }
.topnavtext a:hover{ color: #fff; text-decoration: none; background-color: #5a6b16;	padding: 6px; }


/*** Default displays ***/
#kayunatitle{
	background: url(../img/kayunatitle.png) top left no-repeat;
	width: 396px;
	height: 20px;
	margin: 60px 0 0 0;
}
#copyright{ margin: 10px 0 0 0; }
#breadcrumb { color: #fff; padding: 2px 0 0 12px; }
#breadcrumb a { color: #fff; text-decoration: none; } 
#breadcrumb a:hover { color: #92216B; text-decoration: none; }


/*** Picture links ***/
.link03{
	padding: 12px;
	margin: 0 0 20px 0;
	background: url(../img/linkbg.gif) top left no-repeat;
	background-color: #CDE572;
	width: 204px;
}
.tipslink, .stablelink, .nanoteclink, .maintainlink, .subfloorlinkm, .installation{
	padding: 12px;
	margin: 0 0 20px 0;
	background-color: #CDE572;
	width: 204px;
}
.tipslink{ background: url(../img/tipslink.jpg) top left no-repeat;	background-color: #CDE572;  text-align: right;  }
.stablelink{ background: url(../img/stablelink.jpg) top left no-repeat;	background-color: #CDE572; text-align: right; }
.maintainlink{ background: url(../img/maintainlink.jpg) top left no-repeat;	background-color: #CDE572; text-align: right; }
.nanoteclink{ padding: 105px 12px 6px 12px;	background: url(../img/nanoteclink.gif) top left no-repeat; background-color: #CDE572; text-align: center; }
.diylink{ padding: 12px; background: url(../img/diylink.gif) top left no-repeat; }
.subfloorlink{ padding: 12px; background: url(../img/subfloorlink.gif) top left no-repeat; }


/*** mapping for the New Range icon ***/
dl.map {
	position:relative;
	width: 500px;
	height: 281px;
	background:url(../img/scene01.jpg) no-repeat;
	margin:0px;
	padding:0px;
}
dl.map dt {
	list-style:none;
	display:inline;
}
dl.map dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
}
dl.map a.newrange {
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map a.newrange, a:hover.newrange { background: none; }
dl.map a#newrange01 { top:0; left:390px; }


/*** Collection Display ***/
.col01, .col02{ float: left; width: 230px; }
.col01{ margin: 0 30px 0 0; }
.panel{
	background-color: #fff; 
	text-align: center; 
	border: 1px dashed #B8CC66;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.prodconstruction{ width: 250px; float: left; }

.scenepic01{ background: url(../img/scene01.png) top left no-repeat; width: 577px; height: 332px; }
.kayunalogo{ padding: 0 0 0 12px; background: none; border: none; }

.link02{ text-align: right; margin: 0 0 12px 0; }
.link02 a{ padding: 2px 0px; background: none; }
.link02 a:hover{ padding: 2px 0px; background-color: #F8EDED; }

.rightside{ float:right; margin: 0; }
.leftside{ float:left; margin: 0 14px 0 0; }

.list01, .list03 { list-style-type: square; }
.list03 li, .list05 li { padding: 0 0 12px 0; }
.list04 { margin-bottom: 0; padding-bottom: 0; }
.list04 li { list-style-type: circle; padding: 0 0 12px 0; }
.list06 { margin: 0 0 0 4px; width: 236px; float: right; }
.list02{ 
	margin: 0; 
	padding: 8px 12px; 
	list-style: none; 
	background: url(../img/list02bg.gif) left bottom repeat-x;
	background-color: #DCE6B4;
	border: 1px dashed #B8CC66; 
	float:left;
}
.list02 li { margin: 0; padding: 4px 0; float: left; }
.list02 li ul{ margin: 0; padding: 0; float: left; }
.list02 li ul li{ 
	margin: 0; 
	padding: 0 0 0 14px; 
	float: left; 
	width: 138px; 
	background: url(../img/list02.gif) 0 5px no-repeat; 
}
.list02tech{
	margin: 0; 
	padding: 8px 12px; 
	list-style: none; 
	background: url(../img/list02bg.gif) left bottom repeat-x;
	background-color: #DCE6B4;
	border: 1px dashed #B8CC66; 
	float:left;
}
.list02tech li { 
	margin: 0; 
	padding: 0 0 0 10px; 
	width: 98px; 
	float:left;
	text-align: center;
}
.list02 li ul li a, .list02tech li a { padding: 2px 0; background: none; }
.list02 li ul li a:hover, .list02tech li a:hover { padding: 2px 0; background-color: #F8EDED; }

.productspecicon, .installationicon, .maintenanceicon, .warrantyicon{ width: 69px; height: 67px; padding: 0 0 4px 24px; }
.productspecicon{ background: url(../img/productspecicon.jpg) center top no-repeat; }
.installationicon{ background: url(../img/installationicon.jpg) center top no-repeat; }
.maintenanceicon{ background: url(../img/maintenanceicon.jpg) center top no-repeat; }
.warrantyicon{ background: url(../img/warrantyicon.jpg) center top no-repeat; }

.contact01{
	float: left;
	width: 55px;
	margin: 0;
}
.contact02{
	float: left;
	width: 435px;
	margin: 0;
}
.title01{ 
	font: 12px/1.5 verdana, arial, helvetica, sans-serif; 
	font-weight: bold; 
	margin: 0 0 5px 0; 
	padding: 4px 20px;
	background: url(../img/bullet04.gif) 0px 7px no-repeat; 
}
.note{ color: #92216B; font-weight: bold; }