.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment.*/

body
{
	margin: 1px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background: #264E4D url(page_bkgd.png) top repeat-x;
}

/* ------------------------------------------- */
/* Webpage center */
.frame
{
	width: 778px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #FFFFFF;
}

.frameWrapper
{
	width: 756px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: solid 1px #FFFFFF;
	text-align: left;
	background-color: #124C4B;
}

a.mainlink {
	color: #124C4B;
	font: bold 11px arial;
	text-decoration: underline;
}

a.mainlink:visited {
	color: #124C4B;
	font: bold 11px arial;
	text-decoration: underline;
}

a.mainlink:active {
	color: #124C4B;
	font: bold 11px arial;
	text-decoration: underline;
}

a.mainlink:hover {
	color: #124C4B;
	font: bold 11px arial;
	text-decoration: underline;
}

.copyright
{
	background-color: #264E4D;
	text-align: right;
	padding-right: 20px;
}

.copyright a
{
	font-size: 9px; 
	font-family: Arial; 
	color: #FFFFFF;
}

/* ------------------------------------------- */
/* Banner */
.banner
{
	width: 756px;
	height: 100px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border-style: none;
	border: 0px;
	background-color: #FFFFFF;
}

/* ------------------------------------------- */
/* Gallery */
.gallery
{
	float: left;
	width: 398px;
	height: 100px;
}

.galleryNav
{
	width: 398px;
	height: 17px;
	text-align: center;
	font: bold 11px arial;
	color: #FFFFFF;
	background-color: #7FBBB9;
	vertical-align: middle;
	line-height: 17px;
}

.galleryNavArrow
{
	float: left;
	width: 150px;
	cursor: pointer;
	padding-top: 6px;
}

.galleryPics
{
	padding: 8px 0px 8px 9px;
	width: 398px;
	height: 83px;
	background-color: #40716E;
}

.galleryThumbs
{
	float: left;
	padding: 0px 8px 0px 0px;
	cursor: pointer;
}

.galleryDisplay
{
	display: none;
}

/* ------------------------------------------- */
/* Main */
.main
{
	width: 756px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	background-color: #124C4B;
}

.mainWrapper
{
	float:left;
	width: 592px;
	padding:0px;
	margin: 0px;
	background-color: #FFFFFF;
	border: none;
}

.page{}

.pageSpacer
{
	line-height:5px;
}

/* ------------------------------------------- */
/* Home page */
.introFlash
{
	width: 591px;
	height: 216px;
	border: none;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-bottom: none;
	padding: 0px;
	margin: 0px;
	cursor: none;
	background-image: url(main_pic.jpg);
	background-repeat: no-repeat;
	z-index: -10px;
}

.panel
{
	z-index: 20px;
}

.panelWrapper
{
	font: normal 11px arial;
	color: #686868;
	padding: 10px 12px 20px 12px;
	background: #FFFFFF url(main_copy_bkgrd.png) top repeat-x;
}
.panelmain
{
	font: normal 11px arial;
	color: #686868;
	padding: 0px 12px 20px 12px;
	background: #FFFFFF url(main_copy_bkgrd.png) top repeat-x;
}


.panelTitle
{
	font: bold 14px arial;
	color: #124C4B;
	line-height: 20px;
}

.panelHighlight
{
	font: bold 11px arial;
	color: #124C4B;
	line-height: 15px;
}

.panelLeft
{
	float: left;
	width: 330px;
	border-right:solid 1px #686868;
}

.panelRight
{
	float: left; 
	width: 261px;
}

/* ------------------------------------------- */
/* Menu SideBar */
.menuSide
{
	float: left;
	width: 164px;
	height: 488px;
	margin: 0px auto;
	padding: 0px 0px 6px 0px;
	border: 0px;
	background: #124C4B url(touchwood_logo.png) no-repeat bottom center;
}

/* Highlight Selected Side Menu Item 

#sh_opening
#sh_reef
#sh_nikau
#sh_taipa
#sh_fairhall
#sh_bach

#ge_hardiplank
#ge_brick
#ge_plaster
#ge_colonial
#ge_palliside
#ge_linear
#ge_storey
#ge_fairhall
#ge_plywood

#gi_bathrooms
#gi_kitchens
#gi_fireplaces
#gi_interior
#gi_misc

#land_fairway
#land_kamoroad
#land_princes_street
#land_pukenui
#land_bushroad
#land_kawikaroad

*/
#about				#sideMenu-about		#sideMenu-about-root,
#about_location		#sideMenu-about-root,
#about_location		#sideMenu-about_location a,
#about_team			#sideMenu-about-root,
#about_team			#sideMenu-about_team a,
#about_suppliers	#sideMenu-about-root,
#about_suppliers	#sideMenu-about_suppliers a,

#sh_show			#sideMenu-sh_show		#sideMenu-sh_show-root,

#testimonials		#sideMenu-testimonials	a,

#auction			#sideMenu-auction	a,

#ge_exterior		#sideMenu-ge_exterior	#sideMenu-ge_exterior-root,

#gi_inter			#sideMenu-gi_inter		#sideMenu-gi_inter-root,

#custom_design		#sideMenu-custom_design		a,

#land_packages		#sideMenu-land_packages		#sideMenu-land_packages-root,


#transportable	#sideMenu-transportable	a,
#touchwood		#sideMenu-touchwood		a,
#leejohnstone	#sideMenu-leejohnstone	a,
#index			#sideMenu-index		a,
#contact		#sideMenu-contact	a
{
	color: #FFFFFF;
	background-color: #7fbbb9;
}

.galleryTitle
{
	font: bold 14px arial;
	color: #124C4B;
	line-height: 20px;
}