body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}

body {
	background: #463e30;	
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #333333;
}

div#application {
	width: 949px;
	height: 659px;
	
	margin: 40px auto 0px auto;
	background: #463e30;
}

div#overlay {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 50;
}

/**
 * Header
 */
div#header {
	background: #2b2517;
	width: 949px;
	height: 79px;
	border-top: 1px solid lightGrey;
	border-left: 1px solid lightGrey;
	border-right: 1px solid lightGrey;
}

div#logo {
	width: 333px;
	height: 79px;
	float: left;
}

div#logo a {
	width: 333px;
	height: 79px;
	display: block;
	background: url(../img/header/logo.gif) no-repeat left center;
	text-indent: -9999px;
}

div#header div.links {
	float: right;
	margin: 10px 10px 0px 0px;
	_margin-right: 5px;
}

div#header div.links a {
	background: url(../img/header/links.gif) no-repeat;
	width: 126px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

div#header div.links a.subscribe {
	background-position: left -81px;
	margin: 0px 0px 5px 0px;
}

div.subscribe div#header div.links a.subscribe,
div#header div.links a.subscribe:hover {
	background-position: left -54px;
}

div#header div.links a.tell {
	background-position: left -27px;
}

div.tell div#header div.links a.tell,
div#header div.links a.tell:hover {
	background-position: left 0px;
}

/**
 * Navigation
 */
div#navigation {
	float: left;
	height: 25px;
	width: 949px;
	border-left: 1px solid lightGrey;
	border-right: 1px solid lightGrey;
}

div#navigation a {
	float: left;
	display: block;
	height: 25px;
	background: url(../img/navigation/links.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
}

div#navigation a.about {
	background-position: 0px -25px;
	width: 92px;
}

div#navigation a.about:hover,
div.about div#navigation a.about {
	background-position: 0px 0px;
}

div#navigation a.products {
	background-position: -93px -25px;
	width: 87px;
}

div#navigation a.products:hover,
div.products div#navigation a.products {
	background-position: -93px 0px;
}

div#navigation a.collections {
	background-position: -185px -25px;
	width: 108px;
}

div#navigation a.collections:hover,
div.collections div#navigation a.collections {
	background-position: -185px 0px;
}

div#navigation a.projects {
	background-position: -293px -25px;
	width: 87px;
;
}

div#navigation a.projects:hover,
div.projects div#navigation a.projects {
	background-position: -293px 0px;
}

div#navigation a.custom {
	background-position: -380px -25px;
	width: 135px;
;
}

div#navigation a.custom:hover,
div.custom div#navigation a.custom {
	background-position: -380px 0px;
}

div#navigation a.polishing {
	background-position: -515px -25px;
	width: 92px;
;
}

div#navigation a.polishing:hover,
div.polishing div#navigation a.polishing {
	background-position: -515px 0px;
}

div#navigation a.clearance {
	background-position: -606px -25px;
	width: 133px;
}

div#navigation a.clearance:hover,
div.clearance div#navigation a.clearance {
	background-position: -606px 0px;
}

div#navigation a.employment {
	background-position: -735px -25px;
	width: 110px;
}

div#navigation a.employment:hover,
div.employment div#navigation a.employment {
	background-position: -735px 0px;
}

div#navigation a.contact {
	background-position: -840px -25px;
	width: 104px;
}

div#navigation a.contact:hover,
div.contact div#navigation a.contact {
	background-position: -840px 0px;
}


/**
 * Footer
 */
div#footer {
	float: left;
	width: 551px;
	padding: 0px 199px;
	height: 21px;
	text-align: center;
	background: #2b2517;
	border-top: 1px solid lightGrey;
	border-bottom: 1px solid lightGrey;
	border-left: 1px solid lightGrey;
	border-right: 1px solid lightGrey;
	line-height: 21px;
	overflow: hidden;
	font-size: 0px;
	text-indent: -9999px;
}

div#footer label {
	display: none;
}

div#footer span,
div#footer a {
	
	display: block;
	float: left;
	overflow: hidden;
	height: 21px;
	background: url(../img/footer/links.gif) no-repeat;
	
	line-height: 21px;
}



div#footer span.phone {
	width: 104px;
	background-position: 0px -21px;
}

div#footer a.phone:hover {
	background-position: 0px 0px;
}

div#footer a.email {
	width: 164px;
	background-position: -105px -21px;
}

div#footer a.email:hover {
	background-position: -105px 0px;
}



div#footer span.copyright {
	width: 200px;
	background-position: -269px -21px;
}



div#footer a.acknowledgements {
	width: 83px;
	background-position: -469px -21px;
}

div#footer a.acknowledgements:hover {
	background-position: -469px 0px;
}


/**
 * Content
 */
div#content {
	float: left;
	width: 949px;
	border-left: 1px solid lightGrey;
	border-right: 1px solid lightGrey;
	background: #2b2517;
	height: 533px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #776d5b;
	line-height: 20px;
	text-align: justify;
	background-repeat: no-repeat;
	background-position: left top;
}

/**
 * Content: About
 */
div.about div#content {
	background-image:url(../img/about.jpg);
}

div.about div#content a#contact_us {
	text-indent: -9999px;
	font-size: 0px;
	display:block;
	height:20px;
	left:710px;
	position:relative;
	top:230px;
	width:65px;
}

div.about div#content a#media {
	display:block;
	font-size:0px;
	height:20px;
	left:442px;
	position:relative;
	text-indent:-9999px;
	top:240px;
	width:70px;
}

/**
 * Content: Products
 */
div.products div#content {
	background-color: white;
}

/**
 * Content: Collections
 */
div.collections div#content {
	background-color: white;
}

/**
 * Content: Projects
 */
div.projects div#content {
	background-color: white;
}

/**
 * Content: Clearance
 */
div.clearance div#content {
	background-color: white;
}

/**
 * Content: Contact
 */
div.contact div#content {
	background-image:url(../img/contact.jpg);
}

div.contact table {
	left:0px;
	width: 821px;
	position:relative;
	top:0px;
	margin: 53px 0px 0px 128px;
	height:212px;
}

div.contact p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#8b806a;
	height:212px;
	left:0px;
	margin:43px 400px 20px 48px;
	position:relative;
	top:0px;
	width:321px;
}

div.contact table td {
	padding: 2px 0px 0px 1px;
	margin: 0px;
	vertical-align: top;
}

div.contact textarea {
	width: 280px;
	height: 57px;
	margin: 3px 0px 0px 0px;
	padding: 0px 2px;
}

div.contact input.text {
	width: 280px;
	height: 18px;
	
	padding: 0px 2px;
	margin: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
div.contact input.text {margin: 2px 0px;}
}


div.contact img.animation {
	display: none;
}

div.contact div#content a {
	display: block;
	position: relative;
	text-indent: -9999px;
	font-size: 0px;
	height:20px;
}

div.contact input#send {
	background: transparent;
	*background: transparent url(../img/contact/send.gif) no-repeat center center;
	display: block;
	border: none;
	left:-84px;
	position:relative;
	top:-26px;
	width:54px;
	height: 22px;
	font-size: 0px;
	cursor: pointer;
	min-width: 54px;
	min-height: 22px;
	text-indent: -9999px;
}

div.contact div#content a#enquiries {
	left:60px;
	top: 150px;
	width:210px;
}

div.contact div#content a#polishing_service {
	left:661px;
	top: -50px;
	width:210px;
}

div.contact div#content a#enquiries_melbourne {
	left:684px;
	top:-235px;
	width:218px;
}

div.contact div#content a#showroom_melbourne {
	left:50px;
	top:120px;
	width:50px;
}

div.contact div#content a#enquiries_sydney {
	width: 190px;
	top: -215px;
	left: 680px;
}

div.contact div#content a#showroom_sydney {
	
	left:835px;
	top:-166px;
	width:50px;
}

div.contact div#content a#custom_joinery_melbourne {
	left:700px;
	top:-60px;
	width:200px;
}

div.contact div#content a#custom_joinery_sydney {
	left:675px;
	top:-38px;
	width:196px;
}

/**
 * Content: Polishing
 */
div.polishing div#content {
	background-image:url(../img/polishing.jpg);
}


/**
 * Content: Employment
 */
div.employment div#content {
	background-image:url(../img/employment.jpg);
}

div.employment div#content a {
	display:block;
	height:20px;
	left:453px;
	position:relative;
	top:233px;
	width:215px;
	text-indent: -9999px;
	font-size: 0px;
}

/**
 * Content: Custom
 */
div.custom div#content {
	background-image:url(../img/custom.jpg);
}

div.custom div#content a {
	display:block;
	font-size:0px;
	height:20px;
	left:286px;
	position:relative;
	text-indent:-9999px;
	top:465px;
	width:180px;
}

/**
 * Fields
 */
div#content input.text, div#content textarea {
	background: #8b806a;
	border: none;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#content input.text.focus,
div#content textarea.focus {
	background: white;
}