/*	
Theme Name: Glosswood
Version: 1.0
Author: Perth Web Design
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#ccc;
	margin: 25px 0px 0px 0px;
}
p {
	margin: 10px 0px 10px 0px;
}
img {
	border:0px;
}
h2 {
	font-size:15px;
	color: #fff;
	margin-bottom: 15px;
	text-transform:uppercase;
	padding-left: 10px;
}
h3 {
	font-size:14px;
	color: #fff;
	text-transform:uppercase;
	margin-bottom: 5px;
}
hr {
	clear: both;
	margin-bottom: 20px;
	border:0px;
	border-top: 1px dashed #ccc;
}
.clear {
	clear:both;
}
.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
}
/*/////////////////////////////////////////////////////////////////////////////
	The Layout
/////////////////////////////////////////////////////////////////////////////*/

#container {
	width:881px;
	margin:0 auto;
	position:relative;
}
#callus {
	position: relative;
	width:881px;
	height: 30px;
	margin-bottom: 10px;
	z-index:12;
	font-size: 20px;
	color: #fff;
	font-weight: lighter;
	text-align: right;
}
#primary_navigation {
	position: relative;
	width:887px;
	height:43px;
	margin-bottom: 8px;
	z-index:12;
	font-size: 14px;
}
#headerslideshow {
	position:relative;
	width:881px;
	height:296px;
	margin-bottom: 8px;
	z-index:8;
}
#fader {
	position:relative;
	width:881px;
	height:77px;
	margin-bottom: 8px;
	background: url(images/footer.gif);
	z-index:1;
}
#content {
	position:relative;
	width: 881px;
	min-height: 418px;
	margin-bottom: 8px;
	background:url(images/mainbg.gif);
	z-index:11;
}
#renocontent {
	position:relative;
	width: 881px;
	min-height: 418px;
	margin-bottom: 8px;
	background:url(images/mainbg.gif);
	z-index:11;
}
#onecoltitle {
	position:relative;
	width: 881px;
	height: 30px;
	background: #202020 url(images/onecoltitle.gif) bottom no-repeat;
}
#onecol {
	position:relative;
	width: 841px;
	min-height: 368px;
	padding: 0px 20px 20px 20px;
	background: #202020 url(images/onecol.gif) bottom no-repeat;
}
#leftcol {
	position:relative;
	float: left;
	width: 357px;
	min-height: 487px;
	background: #232323 url(images/leftsidebartitle.gif) no-repeat;
}
#leftsidebar {
	position:relative;
	width: 317px;
	min-height: 467px;
	padding: 0px 20px 20px 20px;
	margin-top: 30px;
	background: #232323 url(images/leftsidebar.gif) bottom no-repeat;
}
#rightcol {
	position:relative;
	float: right;
	width: 515px;
	min-height: 487px;
}
#rightcontenttitle {
	position:relative;
	width: 515px;
	height: 30px;
	background: #333333 url(images/rightcontenttitle.gif) bottom no-repeat;
}
#rightcontent {
	position:relative;
	width: 475px;
	min-height: 467px;
	padding: 0px 20px 20px 20px;
	background: #333333 url(images/rightcontent.gif) bottom no-repeat;
}
#productleftcol {
	position:relative;
	float: left;
	width: 200px;
	min-height: 418px;
	background: #232323 url(images/productleftsidebartitle.gif) no-repeat;
}
#productleftsidebar {
	position:relative;
	width: 162px;
	min-height: 368px;
	margin-top: 30px;
	padding: 0px 19px 20px 19px;
	background: #232323 url(images/productleftsidebar.gif) bottom no-repeat;
}
#productrightcol {
	position:relative;
	float: right;
	width: 670px;
	min-height: 418px;
}
#productrightcontenttitle {
	position:relative;
	width: 670px;
	height: 30px;
	background: #333333 url(images/productcontenttitle.gif) bottom no-repeat;
}
#productrightcontent {
	position:relative;
	width: 630px;
	min-height: 368px;
	padding: 0px 20px 20px 20px;
	background: #333333 url(images/productcontent.gif) bottom no-repeat;
}
#footer {
	position:relative;
	width:881px;
	height:77px;
	background: url(images/footer.gif);
}
/*/////////////////////////////////////////////////////////////////////////////
	The Header
/////////////////////////////////////////////////////////////////////////////*/

#logo a {
	position:absolute;
	top: 17px;
	left: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	color: #fff;
	text-decoration:none;
	z-index:11;
}
/*/////////////////////////////////////////////////////////////////////////////
	The Homepage Slideshow
/////////////////////////////////////////////////////////////////////////////*/
#headerslideshow IMG {
	position:absolute;
	left:0;
	opacity:0.0;
}
#headerslideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#headerslideshow IMG.last-active {
	z-index:9;
}
/*/////////////////////////////////////////////////////////////////////////////
	Quote Rotater
/////////////////////////////////////////////////////////////////////////////*/

#faderglosswoodlogo {
	position: absolute;
	top: 9px;
	left: 28px;
	width: 222px;
	height: 59px;
	display:block;
	background:url(images/logo.gif);
	text-indent: -99999em;
}
#fadertext {
	position: absolute;
	top: 31px;
	right: 34px;
	font-size: 14px;
	color: #fff;
}
/*/////////////////////////////////////////////////////////////////////////////
	The Content
/////////////////////////////////////////////////////////////////////////////*/

#content ul, ol {
	margin: 10px 0px 10px 30px;
}
#content ul li {
	margin-bottom: 5px;
}
#rightcol p {
	margin: 00px 0px 20px 0px;
}
#rightcol ul, ol {
	margin: 10px 0px 10px 20px;
	font-weight: bold;
}
#rightcol ul li {
	margin-bottom: 20px;
}
#facebook {
	width: 272px;
	height: 23px;
	margin-top: 40px;
	padding: 7px 0px 0px 40px;
	display: block;
	text-transform: uppercase;
	background:url(images/facebook.png) no-repeat left;
}
#firstclass10 {
	width: 272px;
	height: 42px;
	margin-top: 40px;
	display:block;
	background:url(images/adultbg.gif);
	text-indent: -99999em;
}
#firstweekfree {
	width: 272px;
	height: 42px;
	margin-top: 40px;
	display:block;
	background:url(images/joinnow.gif);
	text-indent: -99999em;
}
#homeformat h2 {
	border-left: 4px solid #cc3333;
}
#homeformat ul li {
	list-style-image:url(images/homelist.png);
}
#homeformat a, #home a:hover {
	color: #cc3333;
	text-decoration:none
}
#products h2 {
	border-left: 4px solid #ff9933;
}
#products ul li {
	list-style-image:url(images/productslist.png);
}
#products a, #products a:hover {
	color: #ff9933;
	text-decoration:none
}
#productleftsidebar a {
	position:relative;
	width: 162px;
	height: 26px;
	margin-bottom: 15px;
	padding-top: 14px;
	background: url(images/productsnavbutton.gif) top no-repeat;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 14px;
	text-transform:uppercase;
}
#productleftsidebar a:hover {
	background: #232323 url(images/productsnavbutton.gif) bottom no-repeat;
	text-decoration:none;
}
#newprojectsgallery h2 {
	border-left: 4px solid #9933cc;
}
#newprojectsgallery ul li {
	list-style-image:url(images/gallerylist.png);
}
#newprojectsgallery a, #newprojectsgallery a:hover {
	color: #9933cc;
	text-decoration:none
}
#renovationsgal h2 {
	border-left: 4px solid #9933cc;
}
#renovationsgal ul li {
	list-style-image:none;
}
#renovationsgal a, #renovationsgal a:hover {
	color: #9933cc;
	text-decoration:none
}
#displayhomes h2 {
	border-left: 4px solid #33cc33;
}
#displayhomes ul li {
	list-style-image:url(images/displaylist.png);
}
#displayhomes a, #displayhomes a:hover {
	color: #33cc33;
	text-decoration:none
}
#download h2 {
	border-left: 4px solid #2999ff;
}
#download ul li {
	list-style-image:url(images/downloadlist.png);
}
#download a, #download a:hover {
	color: #2999ff;
	text-decoration:none
}
#contactformat h2 {
	border-left: 4px solid #ff6600;
}
#contactformat ul li {
	list-style-image:url(images/contactlist.png);
}
#contactformat a, #contactformat a:hover {
	color: #ff6600;
	text-decoration:none;
}
/*/////////////////////////////////////////////////////////////////////////////
	The Footer
/////////////////////////////////////////////////////////////////////////////*/

#pwdlogo {
	position: absolute;
	top: 24px;
	left: 34px;
	width: 118px;
	height: 15px;
	display:block;
	background:url(images/pwdlogo.gif);
	text-indent: -99999em;
}
#copyright {
	position: absolute;
	top: 10px;
	left: 239px;
	width: 401px;
	font-size: 10px;
	color: #ccc;
	text-align: center;
}
#copyright a {
	color:#5a6666;
	text-decoration:none;
}
#copyright a:hover {
	color:#5a6666;
	text-decoration:underline;
}
#glosswoodlogo {
	position: absolute;
	top: 24px;
	right: 34px;
	width: 128px;
	height: 30px;
	display:block;
	background:url(images/footerlogo.gif);
	text-indent: -99999em;
}
/*/////////////////////////////////////////////////////////////////////////////
	Navigation
/////////////////////////////////////////////////////////////////////////////*/


#primary_navigation li {
	list-style:none;
	float:left;
	padding:0px 3px 0px 0px;
	position:relative;
	text-align:left;
	z-index:		99999;
}
#primary_navigation li a {
	padding:14px 38px 14px 37px;
	background: url(images/navbutton.gif) repeat-x top;
	display:block;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;

	z-index:		99999;
}
#primary_navigation a:hover {
	background: url(images/navbutton.gif) repeat-x bottom;
	border: 0px;
	z-index:		99999;
}
#primary_navigation #home {
	background: url(images/cornernavbutton.gif) left top;
}
#primary_navigation #home:hover {
	background: url(images/cornernavbutton.gif) left bottom;
}
#primary_navigation #contact {
	background: url(images/cornernavbutton.gif) right top;
	margin-right: 0px;
}
#primary_navigation #contact:hover {
	background: url(images/cornernavbutton.gif) right bottom;
}
#primary_navigation li ul li a {
	font-size:10px !important;
	padding:6px;
	border-left:#333 1px solid;
}
#primary_navigation li ul li a:hover {
	border-left:#333 1px solid;
}
#primary_navigation li ul {
	margin:9px 0 0 0;
}

#primary_navigation li li ul {
	margin:0 0 0 0;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		99999;
}
.sf-menu {
	line-height:	1.0;
	z-index:		99999;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			183px; /* left offset of submenus need to match (see below) */
	z-index:		99999;
}
.sf-menu ul li {
	width:			100%;
	z-index:		99999;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index:		99999;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99999;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
	z-index:		99999;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			183px; /* match ul width */
	top:			0;
	z-index:		99999;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	z-index:		99999;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	z-index:		99999;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	z-index:		99999;
}
.sf-menu a {
	z-index:		99999;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
	z-index:		99999;
}
.sf-menu li {
	z-index:99999;
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	z-index:		99999;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}