/* Glass Fencing WA */

@import"../css/standard.css";
@import"../css/tabular.css";

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Verdana;
	background: #FFF url('../images/core/tile-body.jpg') 0 0 repeat-x;
}

#content:after,
#navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #content,
* html #navigation {height: 1%;}
/* End hide from IE-mac */

/* Wrap */

#wrap {
	width: 762px;
	height: auto;
	margin: 0 auto;
	padding: 0 14px;
	background: url('../images/core/tile-wrap.jpg') 0 0 repeat-x;
}

/* Header */

#header {
	width: 762px;
	height: 76px;
	background: url('../images/core/tile-header.jpg') 0 0 repeat-x;
}

#header div.logo {
	width: 762px;
	height: 76px;
	background: url('../images/core/slogan-header.jpg') right 12px no-repeat;
}

#header div.logo a {
	display: block;
	width: 370px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative; top: 14px; left: 12px;
	background: url('../images/core/logo-client.jpg') 0 0 no-repeat;
}

/* Navigation */

#navigation {
	width: 762px;
	height: 37px;
	font-size: 1.1em;
	background: url('../images/core/tile-nav.jpg') 0 0 repeat-x;
}

#navigation ul {
	list-style-type: none;
	margin-left: 5px;
}	

#navigation ul li {
	float: left;
	padding: 0 5px 0 2px;
	background: url('../images/core/border-nav.jpg') right center no-repeat;
}

#navigation ul li a {
	display: block;
	padding: 24px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#navigation ul li a.home {
	width: 46px;
	background: url('../images/core/nav/home.jpg') 0 0 no-repeat;
}

#navigation ul li a.glass-fencing {
	width: 96px;
	background: url('../images/core/nav/glass-fencing.jpg') 0 0 no-repeat;
}

#navigation ul li a.balustrade {
	width: 75px;
	background: url('../images/core/nav/balustrade.jpg') 0 0 no-repeat;
}

#navigation ul li a.stainless-steel-fencing {
	width: 151px;
	background: url('../images/core/nav/stainless-steel-fencing.jpg') 0 0 no-repeat;
}

#navigation ul li a.contact-us {
	width: 78px;
	background: url('../images/core/nav/contact-us.jpg') 0 0 no-repeat;
}

#navigation ul li a:hover {
	background-position: 0 -37px;
}

/* Level */

#navigation ul ul {
	display: none;
}

#navigation ul li {
	position: relative;
}

#navigation ul li ul li {
	clear: left;
	padding: 0;
	margin: 0;
	width: 160px;
	background: none;
	border-bottom: 1px solid #C3D8DF;
}

#navigation ul li ul li a {
	text-indent: 0;
	padding: 7px;
	color: #305D6B;
	text-decoration: none;
	background: #B4CAD2;
}

#navigation ul li ul li a:hover {
	background: #C6DBE2;
}

#navigation ul li:hover ul,
#navigation ul li.sfhover ul {
	display: block;
	position: absolute; left: 0; top: 37px;
}

/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li { float:left; height: 1%; }
* html #navigation ul li a { height: 1%; }
/* End */

/* Banner */

#banner {
	width: 744px;
	height: 123px;
	padding: 10px 9px;
	background: url('../images/core/bg-banner.jpg') 0 0 no-repeat;
}

/* Content */

#content {
	width: 744px;
	height: auto;
	padding: 15px 9px;
	background: url('../images/core/bg-content.jpg') 0 0 no-repeat;
}

div.left-column,
div.right-column {
	float: left;
	height: auto;
}

/* Left Column */

div.left-column {
	width: 493px;
	padding-right: 20px;
}

/* Right Column */

div.right-column {
	font-size: 1.1em;
	color: #1E1E1E;
	width: 231px;
}

/* CTA */

div.cta ul {
	list-style-type: none;
}	

div.cta ul li {
	border-bottom: 1px solid #C3D8DF;
}

div.cta ul li  {
	display: block;
	color: #194B5A;
	text-decoration: none;
	padding: 10px 0 10px 20px;
	background: url('../images/core/icon-cta.jpg') left center no-repeat;
}

div.cta p {
	line-height: 1.5em;
	margin: 15px 0;
}

div.cta a {
	text-decoration: underline;
	color: #14807D;
}	

/* Footer */

#footer {
	display: block;
	height: auto;
	text-align: center;
	padding: 20px 0 130px 0;
	font-size: 1.1em;
	color: #1E1E1E;
	background: #B4CAD2 url('../images/core/tile-footer.jpg') 0 0 repeat-x;
}

#footer a {
	color: #305D6B;
	text-decoration: underline;
}	

#footer p {
	line-height: 1.5em;
}