/********************************************* /
/ 	Project:	  www.floorworld.com.au          /
/	  Version:	  1.0                            /
/  	Author: 	  adevvy@gmail.com               /
/ *********************************************/ 


/* B A S I C
--------------------------------------------- */
* { margin: 0; padding: 0 }
body{ font-size: 75%; }   /* IE */
html > body{ font-size: 12px; }  /* Other browsers */
html{ font-size: 100%; /* IE hack */ }
body{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, sans-serif;
	background: #fff url(../img/navbg.gif) repeat-x left 4px; 
	color: #1b0e01;
	min-width: 970px;/* for good browsers*/
	line-height: 1.64em; 
}

h1, h2, h3{ font-weight: bold; color: #000; }
h1{ font-size: 1.8em; margin-bottom: 20px; }
h1.addthis{ float: left; }
h2{ margin: 18px 0 12px 0; }
h3{ font-size: 1.4em; }
h4{ margin-bottom: 14px; }

h2, a.subtitle:link, a.subtitle:visited{ 
	color: #fff; background-color: #d1ae59; display: block; padding: 3px 0 3px 10px; 
	text-transform: uppercase; font-size: 1.2em; font-weight: bold; 
}
a.subtitle:link, a.subtitle:visited{ margin-bottom: 14px; }
a.subtitle:hover{ background-color: #e6c677; text-decoration: none; }

a, a:visited{ text-decoration: none; color: #d1ae59; }
a:hover{ text-decoration: underline; }

p{ margin:0 0 1em 0; color: #555; }
p span, li span{ font-weight: bold; }

.redtext{ color: #cf0b0b; }
.greytext{ color: #777; }

a.jump{ background: transparent url(../img/arrow.jpg) no-repeat right 4px; padding: 0 20px 0 0; }
a.backtotop{ text-align: right; display: block; font-weight: bold; }

.clearfix{ clear: both; }

hr{ border: 0; background-color: #e6c677; height: 4px; }

ul.points{ list-style-type: disc; color: #555; }
ul.points li{ margin: 0 0 8px 25px;}

em{ font-size: 1.1em; color: #000; font-weight: bold; }

.btn-addthis{ border: 0; float: right; }

.feat-home{ border: 0; margin-bottom: 14px; display: block; }


/* M A I N  C O N T A I N E R S
--------------------------------------------- */
#wrap{ margin: 0 auto; width: 970px; }
#topbar{ height: 104px; }
#logo, #logo-alt{ width: 256px; height: 104px; display: block; float: left; }
#logo{ background: transparent url(../img/logo.png) no-repeat left top; }
#logo-alt{ background: transparent url(../img/logo-alt.png) no-repeat left top; }
#logo span, #logo-alt span{ display: none; }

#header{ background: #fff url(../img/header-main.jpg) no-repeat left top; width: 970px; height: 287px; margin-top: 22px; }
#header p{ width: 280px; padding: 124px 0 0 655px; }

#sidebar, #sidebar-alt{ 
	background: transparent url(../img/sidebarbg.jpg) no-repeat top left; height: 600px; float: left; }
#sidebar{	width: 261px; padding: 40px 0 0 0; }
#sidebar-alt{ width: 214px; padding: 25px 25px 0 22px;  }
#sidebar-alt p{ color: #fff;}

#content, #content-alt, #content-shift{ margin: 45px 0; float: left; }
#content-alt{ margin-left: 30px; width: 675px; }
#content-shift{ margin-left: 10px;}
#footer{ 
	background: url(../img/footerbg.jpg) no-repeat left top; width: 970px; height: 47px; padding-top: 22px; 
	text-align: center; color: #b5b5b5; border-top: 1px solid #eee; 
}
#col-left{ width: 725px; float: left; } 
#col-right{ width: 230px; float: right; }
.otherlinks{ border-left: 1px solid #D1AE59; margin: 50px 0 0 25px; padding: 20px 0 20px 20px; }
.infobox{ 
	margin: 362px 0 0 15px; border: 1px solid #E0D2B8; 
	background: #eee9dc url(../img/clickleft.gif) no-repeat 8px 13px; padding: 15px 0 15px 37px; 
}



/* N A V I G A T I O N
----------------------------------------------- */
#nav{ float: right; width: 700px; height: 58px; background: url(../img/nav.gif) no-repeat left top; margin-top: 4px; }
#nav li, #nav a{ height: 58px; display: block; }
#nav li{ float: left; list-style: none; margin: 0; display: inline; }
#nav span{ display: none; }

#nav-01{ width: 56px; }
#nav-02{ width: 81px; }
#nav-03{ width: 116px; }
#nav-04{ width: 73px; }
#nav-05{ width: 84px; }
#nav-06{ width: 80px; }
#nav-07{ width: 120px; }
#nav-08{ width: 90px; }

#nav-01 a:hover, #nav-01 a.active{ background: url(../img/nav.gif) no-repeat 0 -58px; }
#nav-02 a:hover, #nav-02 a.active{ background: url(../img/nav.gif) no-repeat -56px -58px; }
#nav-03 a:hover, #nav-03 a.active{ background: url(../img/nav.gif) no-repeat -137px -58px; }
#nav-04 a:hover, #nav-04 a.active{ background: url(../img/nav.gif) no-repeat -253px -58px; }
#nav-05 a:hover, #nav-05 a.active{ background: url(../img/nav.gif) no-repeat -326px -58px; }
#nav-06 a:hover, #nav-06 a.active{ background: url(../img/nav.gif) no-repeat -410px -58px; }
#nav-07 a:hover, #nav-07 a.active{ background: url(../img/nav.gif) no-repeat -490px -58px; }
#nav-08 a:hover, #nav-08 a.active{ background: url(../img/nav.gif) no-repeat -610px -58px; }


/* H O M E   P A G E
----------------------------------------------- */
#contact-front{ float: right; background: #fff url(../img/rightbg.jpg) no-repeat left top; padding-left: 32px; width: 175px; margin-left: 10px; }
.callus{ 
	background: #fff url(../img/callus.jpg) no-repeat left top; width: 161px; height: 36px; margin: 8px 0 18px 0; 
	color: #fff; font-size: 1.4em; font-weight: bold; text-align: center; padding-top: 54px;
}


/* S U B N A V I G A T I O N
----------------------------------------------- */
#subnav{ width: 240px; margin-left: 21px; }
#subnav li{ list-style: none; margin: 0 0 8px 0; padding: 0; }
#subnav li, #subnav a{ height: 27px; display: block; text-decoration: none; }
#subnav li .subnav-text{ width: 205px; float: left; padding: 5px 0 4px 10px; background-color: #000; color: #fff; margin-right: 12px; display: block; }
#subnav li .subnav-arrow{ width: 11px; height: 30px; float: left; background: none; }
#subnav li a:hover .subnav-text{ background-color: #d1ae59; color: #fff; cursor: pointer; }  
#subnav li a:hover .subnav-arrow{ background: url(../img/sidebar-arrow.jpg) no-repeat -11px 0; }
#subnav li a.active .subnav-text{ background-color: #e6c677; color: #fff; }
#subnav li a.active .subnav-arrow{ background: url(../img/sidebar-arrow.jpg) no-repeat 0 0; }
#subnav-title{ font-weight: bold; text-transform: uppercase; font-size: 1.2em; }


/* P R O D U C T S   S U B N A V I G A T I O N
----------------------------------------------- */
#products-subnav{ width: 240px; margin-left: 21px;  }
#products-subnav li{ list-style: none; margin: 0 0 20px 0; }
#products-subnav li, #products-subnav a{ height: 98px; display: block; text-decoration: none; }
#products-subnav li#subnav-title, #products-subnav #subnav-title a{ height: 27px; }

#products-subnav-01, #products-subnav-02, #products-subnav-03, #products-subnav-04, #products-subnav-05{ 
	width: 215px; float: left; margin: 0 12px 20px 0; display: block; }
#products-subnav-01{ width: 205px; padding: 5px 0 4px 10px; background-color: #d1ae59; color: #fff; }
#products-subnav-02, #products-subnav-03, #products-subnav-04, #products-subnav-05{ height: 98px; }

#products-subnav li a:hover #products-subnav-01{ background-color: #e6c677; color: #fff; }  
#products-subnav li a.active #products-subnav-01{ background-color: #d1ae59; color: #fff; }

#products-subnav-02{ background: url(../img/products-subnav.jpg) no-repeat 0 -98px; }
#products-subnav-03{ background: url(../img/products-subnav.jpg) no-repeat -215px -98px; }
#products-subnav-04{ background: url(../img/products-subnav.jpg) no-repeat -430px -98px; }
#products-subnav-05{ background: url(../img/products-subnav.jpg) no-repeat -645px -98px; }

#products-subnav li a:hover #products-subnav-02, #products-subnav li a.active #products-subnav-02{ 
  background: url(../img/products-subnav.jpg) no-repeat 0 0; }
#products-subnav li a:hover #products-subnav-03, #products-subnav li a.active #products-subnav-03{ 
  background: url(../img/products-subnav.jpg) no-repeat -215px 0; }
#products-subnav li a:hover #products-subnav-04, #products-subnav li a.active #products-subnav-04{ 
  background: url(../img/products-subnav.jpg) no-repeat -430px 0; }
#products-subnav li a:hover #products-subnav-05, #products-subnav li a.active #products-subnav-05{ 
  background: url(../img/products-subnav.jpg) no-repeat -645px 0; }

#products-subnav li .subnav-arrow{ width: 11px; height: 30px; float: left; background: none; }
#products-subnav li a:hover .subnav-arrow{ background: url(../img/sidebar-arrow.jpg) no-repeat -11px 0; }
#products-subnav li a.active .subnav-arrow{ background: url(../img/sidebar-arrow.jpg) no-repeat 0 0; }
#products-subnav span{ display: none; }


/* P R O D U C T S   P A G E S
----------------------------------------------- */
#products-feat{ margin-top: 16px; }
#products-feat a{ width: 159px; height: 284px; display: block; float: left; margin-bottom: 20px; }
#products-feat a:hover{ padding-bottom: 0; height:304px; margin-bottom: 0; }
a.vintage-link{ background: url(../img/products-feat.jpg) no-repeat 0 0; margin-right: 11px; }
a.parquet-link{ background: url(../img/products-feat.jpg) no-repeat -159px 0; margin-right: 11px; }
a.wideplank-link{ background: url(../img/products-feat.jpg) no-repeat -318px 0; margin-right: 11px; }
a.tailormade-link{ background: url(../img/products-feat.jpg) no-repeat -477px 0; }

#items, #items-castle{ float: left;  }
.swatch-alt, .swatch{ float: left; margin-bottom: 25px; width: 125px; }
#items .swatch{ margin-right: 20px; }
#items-castle .swatch{ margin-right: 10px; }
.swatch-alt{ margin-right: 0; }
#items p, #items-castle p{ padding: 2px 0 4px 8px; margin: 0; background-color: #d1ae59; color: #fff; font-weight: normal; }
#items p:hover, #items-castle p:hover{ background-color: #e6c677; }
#items p span, #items-castle p span{ font-weight: bold; }


/* S E R V I C E S   P A G E
----------------------------------------------- */
.textpic{ float: left; margin-right: 20px; }
.maintext{ float: right; width: 690px;}
.maintext-alt{ float: right; width: 520px;}

a.services-contact{ 
	background: url(../img/services-contact.jpg) no-repeat 0 0; width: 224px; height: 44px; margin-top: 20px; display: block; 
	cursor: pointer;
}
a.services-contact:hover{ background: url(../img/services-contact.jpg) no-repeat 0 -44px; }


/* C O N T A C T   F O R M
----------------------------------------------- */
#contact{ float: left; color: #555; }
label{ float: left; width: 110px; }
input.txt{ width: 180px; margin-bottom: 7px; }
input.captcha{ width: 80px; margin: 7px 0 0 110px; }
textarea.addr{ width: 370px; margin-bottom: 7px; height: 66px; }
textarea.msg{ width: 370px; margin-bottom: 7px; height: 200px; }

input.send{ 
	background-color: #d1ae59; border: 3px solid #e6c677; cursor: pointer; 
	margin: 7px 0 8px 110px; color: #fff; padding: 4px 6px;
}
input.send:hover{ background-color: #e6c677; border: 3px solid #d1ae59; }


/*  S M A L L   C O L U M N S   &   N E W S
----------------------------------------------- */
.smallcol, .smallcol-alt{ float: left; width: 215px; }
.frontcol{ float: left; width: 350px; }
.smallcol, .frontcol{ margin-right: 25px; }
.smallcol-alt{ margin-right: 0; }
.smallcol img, .smallcol-alt img{ margin-bottom: 14px; border: 1px solid #e2e2e2;  }
.smallcol span{ display: none; }
.smallcol p{ width: 215px; margin-bottom: 8px; }

.news-date{ color: #999; font-size: 0.9em; margin: 0 0 2px 0; }
.news-preview{ border-bottom: 1px solid #ddd; overflow: hidden; padding: 0; margin-bottom: 14px;  }
.news-preview img, .frontcol img{ float: left; margin-right: 15px; border: 0; }


/* P A G I N G   B A R
--------------------------------------------- */
.pagingbar{ padding: 2px 2px 0 0; text-align: right; background: #f3eed5; padding: 4px 0; margin: 14px 0; }
.pagingbar h2{ float: left; padding-left: 2px; }
.pagingbar a, .pagingbar a:link, .pagingbar a:visited{ padding: 2px 4px; margin-right: 2px; }
.pagingbar a:hover{ color: #fff; background-color: #e6c677; }
.pagingbar a.active{ border: none; color: #fff; background-color: #d1ae59;}


h3 a, h3 a:link, h3 a:visited{ color: #000; }