@import url("nav.css");


/*-----------------------
Colours - Active Glass

Blue = #117db0
Grey = #7f8084


----------------------*/


* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */



/*-----------------------
Body
----------------------*/
body {
	margin: 0;
	padding: 0;
	background: #2e8fbc url('../images/core/bg.jpg') repeat-y top center;
	font: 12px/18px 'Tahoma' Verdana, Arial, Helvetica, sans-serif;
	color: #7f8084;
}



/*-----------------------
Wrap
----------------------*/
#wrap {
	width: 962px;
	height: auto;
	margin: 0 auto;
}



/*-----------------------
Container
----------------------*/
div#container {
	width: 962px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}



/*-----------------------
Header
----------------------*/
div.header {
	width: 962px;
	height: 94px;
	position: relative;
}

/* ---- Logo ----- */
div.header-logo {
	width: 409px;
	height: 91px;
	margin: 0;
	top: 0; 
	left: 0;
	position: absolute;
}

div.header-logo img {
	border: 0;
}

/* ---- Call action ----- */
div.header-call-action {
	width: 448px;
	height: 53px;
	margin: 0;
	top: 23px;
	right: 51px;
	position: absolute;
}

div.header-call-action h2 {
	width: 448px;
	height: 53px;
	height: 61px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/call-action.gif') 0 0 no-repeat;
}



/*-----------------------
Container Body
----------------------*/
div.container-body {
	width: 890px;
	height: auto;
	padding: 0 36px;
}



/*-----------------------
Container Nav
----------------------*/
div#container-nav {
	width: 880px;
	height: 34px;
	margin-top: -8px;
	padding: 0 5px;
	background: url('../images/core/bg-nav.gif') no-repeat top center;
	z-index: 10;
	position: relative;
}



/*-----------------------
Container Banner
----------------------*/
div#container-banner {
	width: 890px;
	margin: 0;
	padding: 0;
	margin-bottom: -2px;
	position: relative;
	z-index: 100;
}

/* ---- Flash ----- */
div#flash {}



/*-----------------------
Container Content
----------------------*/
div#container-content {
	width: 878px;
	height: auto;
	margin: 0;
	margin-top: -7px;
	padding: 0 7px 0 5px;
}

div.container-left {
	float: left;
	width: 230px;
	height: auto;
}

div.container-right {
	float: left;
	width: 616px;
	height: auto;
}


/*-----------------------
Home
----------------------*/
div.content-home {
	width: 848px;
	height: auto;
	padding: 27px 15px 20px 15px;
	background: #fff;
}

/* Page title */
h1.pagetitle-home {
	text-indent: -9999px;
	height: 39px;
	margin-bottom: 19px;
	display: block;
	width: 600px;
	float: left;
	background: url('../images/core/title-home.jpg') no-repeat;
}

div.container-left img.home-image {
	padding: 5px 0;
}

div.container-left img.cta-image {
	padding-bottom: 15px;
}


/*-----------------------
Glass
----------------------*/
div.content-glass {
	width: 848px;
	height: auto;
	padding: 27px 15px 20px 15px;
	background: #fff;
}

/* Page title */
h1.pagetitle-glass {
	text-indent: -9999px;
	height: 39px;
	margin-bottom: 19px;
	display: block;
	width: 100%;
	float: left;
	background: url('../images/core/title-glass.jpg') no-repeat;
}

div.product-glass {
	width: 818px;
	height: auto;
	padding: 15px 15px;
	margin-bottom: 30px;
	background: #ececec;
	float: left;
}

div.product-glass img {
	float: left;
	margin-right: 15px;
	border: 5px solid #c3c3c3;
}

/* Standard */
div.standard img.left {
	float: left;
	margin: 0 15px 24px 0;
	border: 0;
	clear: left;
}

div.standard img.right {
	float: right;
	margin: 0 0 24px 15px;
	border: 0;
	clear: right;
}

div.standard ul, div.standard ul.large {
	margin-left: 15px;
	margin-bottom: 10px;
}

div.standard ul li {
	list-style-type: square;
	margin-left: 15px;
}

div.standard h2 {
	font: 20px Bold Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

div.standard h3 {
	font: normal 18px/20px "arial";
	color: #666;
	margin-bottom: 20px;
}

div.standard ul.large li { list-style-type: square; margin-left: 15px; font: normal 18px/20px "arial"; margin-bottom: 5px; color: #666; }

div.standard p { 
	margin-bottom: 20px;
}

h2 { font-size: 24px; margin-bottom: 20px; }
h5 { font-size: 17px; font-weight: normal; margin-bottom: 20px; color: #666; }

div.standard a {
	 color: #7fc689; 
	 text-decoration: none;
}

div.standard a:hover {
	 color: #7fc689;
	 text-decoration: underline; 
}


/*-----------------------
Residential
----------------------*/
div.content-residential {
	width: 848px;
	height: auto;
	padding: 27px 15px 20px 15px;
	background: #fff;
}

/* Page title */
h1.pagetitle-residential {
	text-indent: -9999px;
	height: 39px;
	margin-bottom: 19px;
	display: block;
	width: 100%;
	float: left;
	background: url('../images/core/title-residential.jpg') no-repeat;
}

div.product-residential {
	width: 380px;
	height: auto;
	margin-bottom: 30px;
	float: left;
}

div.product-residential img {
	float: left;
	border: 5px solid #c3c3c3;
	clear: left;
}

div.product-residential img.right {
	float: right;
	border: 5px solid #c3c3c3;
	margin-right: 30px;
	clear: right;
}

div.product-residential ul {
	margin-left: 15px;
	margin-bottom: 10px;
	float: left;
}

div.product-residential ul li {
	list-style-type: square;
	margin-left: 15px;
	font-size: 17px;
	color: #666;
	margin-bottom: 5px;
}

div.content-residential table {
  border: 0;
}

div.content-residential td {
  	border: 0;
  	vertical-align: top;
  	background: #ececec;
	padding: 15px;
}


/*-----------------------
Shower Screens
----------------------*/
div.content-shower {
	width: 848px;
	height: auto;
	padding: 27px 15px 20px 15px;
	background: #fff;
}

/* Page title */
h1.pagetitle-shower {
	text-indent: -9999px;
	height: 39px;
	margin-bottom: 19px;
	display: block;
	width: 100%;
	float: left;
	background: url('../images/core/title-shower.jpg') no-repeat;
}

div.product-shower {
	width: 818px;
	height: auto;
	padding: 15px 15px;
	margin-bottom: 30px;
	background: #ececec;
	float: left;
}

div.product-shower img {
	float: left;
	border: 5px solid #c3c3c3;
}

div.product-shower ul {
	float: left;
}

div.product-shower ul li {
	list-style-type: square;
	margin-left: 15px;
	font-size: 17px;
	color: #666;
	margin-bottom: 5px;
}


/*-----------------------
Security Doors
----------------------*/
div.content-security {
	width: 848px;
	height: auto;
	padding: 27px 15px 20px 15px;
	background: #fff;
}

/* Page title */
h1.pagetitle-security {
	text-indent: -9999px;
	height: 39px;
	margin-bottom: 19px;
	display: block;
	width: 100%;
	float: left;
	background: url('../images/core/title-security.jpg') no-repeat;
}

div.product-security {
	width: 818px;
	height: auto;
	padding: 15px 15px;
	margin-bottom: 30px;
	background: #ececec;
	float: left;
}

div.product-security img {
	float: left;
	border: 5px solid #c3c3c3;
}

div.product-security ul {
	float: left;
}

div.product-security ul li {
	list-style-type: square;
	margin-left: 15px;
	font-size: 17px;
	color: #666;
	margin-bottom: 5px;
}


/*-----------------------
Contact
----------------------*/
div.content-contact {
	width: 848px;
	height: auto;
	padding: 27px 15px 20px 15px;
	background: #fff;
}

/* Page title */
h1.pagetitle-contact {
	text-indent: -9999px;
	height: 39px;
	margin-bottom: 19px;
	display: block;
	width: 100%;
	float: left;
	background: url('../images/core/title-contact.jpg') no-repeat;
}

div.contact-left {
	width: 578px;
	height: auto;
	float: left;
}

div.contact-right {
	width: 210px;
	height: auto;
	padding: 15px;
	background: #ececec;
	float: left;
}

div.contact-right img.contact-right {
	border: 3px solid #c3c3c3;
	text-align: center; 
}


/* Contact Form */
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form fieldset p { margin-bottom: 10px; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}





/*-----------------------
Container Footer
----------------------*/
div#container-footer {
	width: 858px;
	height: 47px;
	padding: 14px 52px;
	margin-bottom: 50px;
	background: none;
	color: #079638;
}

div.footer-left {
	width: 625px;
	float: left;
}

div.footer-left p { 
	margin-bottom: 22px; 
}

div.footer-left p a { 
	color: #079638;
	text-decoration: none;
}

div.footer-left p a:hover {
	color: #079638; 
	text-decoration: underline;
}	
	
div.footer-left ul { 
	list-style-type: none;
	margin-bottom: 22px;
}

div.footer-left li {
	display: inline;
	margin-right: 8px;
}

div.footer-left ul li a {
	color: #079638;
	padding: 0;
	text-decoration: none;
}

div.footer-left ul li a:hover { 
	color: #079638; 
	text-decoration: underline;
}

div.footer-right {
	width: 210px;
	float: right;
}

div.footer-right div.copyright { 
	text-align: right; 
	margin-bottom: 6px; 
}

div.footer-right div.wflogo {
	width: 210px;
	height: 30px;
}



/*-----------------------
Extra
----------------------*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}