/* CSS Document */

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #34302E; background-color: #FFFFFF;
	margin: 0; padding: 0;
}

img { border: 0; }
/*
a:link { color: #000000; text-decoration: underline; }
a:visited { color: #34302E; text-decoration: underline; }
a:hover { color: #008384; text-decoration: underline; }
*/
a:link, a:visited { color: #008384; text-decoration: underline; }
a:hover { color: #34302E; text-decoration: underline; }
a:focus { outline: none; }


/* *************** TEXT STYLES *************** */
h1 {
	font-size: 2em; line-height: 1.1em;
	text-transform: uppercase;
	font-weight: normal; color: #008384;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
h2 {
	font-size: 1.2em; line-height: 1.3em;
	text-transform: uppercase;
	font-weight: bold; color: #008384;
	padding: 0; margin-top: 0; margin-bottom: 1px;
}
h3 {
	font-size: 1.2em; line-height: 1.3em;
	font-weight: bold; color: #000000;
	padding: 0; margin-top: 0; margin-bottom: 2px;
}
p, ol, ul {
	font-size: 1.2em; line-height: 1.3em;
	font-weight: normal; color: #34302E;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
p.introPara {
	font-size: 1.3em; line-height: 1.4em;
	font-weight: bold; color: #000000;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
p.notes { font-size: 1em; color: #666666; }
ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 0;
}
li { margin-bottom: 10px; }

.noBMargin { margin-bottom: 0; }
.marginB10 { margin-bottom: 10px; }

hr {
	border-top: 0; border-left: 0; border-right: 0;
	border-bottom: 1px solid #CCCCCC;
	height: 1px; background: none;
	padding: 0; margin-top: 0; margin-bottom: 12px;
	clear: both;
}


/* *************** PAGE LAYOUT *************** */
#wrapper {
	width: 900px;
	margin: 15px auto 0px auto;
}

#pageContent {
	padding-top: 20px;
	clear: both;
}
.column1 {
	width: 95px;
	float: left;
	margin-right: 24px;
	text-align: right;
}
.column2 {
	width: 310px;
	float: left;
}
.column3 {
	width: 205px; padding-left: 20px;
	float: left;
	border-left: 1px solid #CCCCCC;
	margin-left: 19px;
}
.column4 {
	width: 185px; padding-left: 20px;
	float: right;
	border-left: 1px solid #CCCCCC;
}
.column1, .column2, .column3, .column4 {
	/*height: 400px;*/ min-height: 400px;
	height: expression( this.scrollHeight < 400 ? "400px" : "auto" );
}


/* *************** HEADER *************** */
#header {
	height: 116px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}
#header p { display: none; }
#header .column2 { width: 311px; }
#logo {
	width: 430px;
	float: left;
}
#strapline_top {
	width: 311px; height: 13px;
	background-image: url(../images/glassblocks_pavement_roof_lights.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
}
#new_age_glass {
	width: 311px; height: 70px;
	clear: both;
	background-image: url(../images/new_age_glass.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
}
#strapline_bottom {
	width: 311px; height: 14px;
	background-image: url(../images/design_supply_install_maintain.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
}

#header .column3 {
	width: 430px;
	border-left: 1px solid #008384;
	background-image: url(../images/man_image.jpg);
	background-position: 20px top; background-repeat: no-repeat;
	display: block;
}
#header .column1, #header .column2, #header .column3 { height: 96px; min-height: 96px; }

#contactDetails {
	height: 38px;
	margin-left: 225px;
	/*font-size: 1.1em;*/ font-size: 1.3em; line-height: 1.2em;
	text-transform: uppercase;
	color: #34302E;
	font-weight: bold;
}
#contactDetails strong { color: #008384; }
#contactDetails a:link, #contactDetails a:visited { color: #34302E; text-decoration: none; }
#contactDetails a:hover { color: #008384; text-decoration: none; }

a.glassBlocksDirect {
	width: 146px; padding-left: 59px;
	height: 43px; padding-top: 13px;
	float: right;
	background-image: url(../images/glass_blocks_direct.gif);
	background-position: left top; background-repeat: no-repeat;
	font-size: 1.3em; line-height: 1.1em;
	text-transform: uppercase; text-align: left;
	display: block;
}
a.glassBlocksDirect:link, a.glassBlocksDirect:visited { color: #FFFFFF; text-decoration: none; }
a.glassBlocksDirect:hover { color: #9FC7C7; text-decoration: none; }


/* *************** NAVIGATION *************** */
#nav {
}
#nav ul {
	list-style: none;
	margin-left: 0;
	font-size: 1.4em; line-height: 1em;
	text-align: right;
	margin-bottom: 20px;
}
#nav li { margin-bottom: 7px; }
#nav li a:link, #nav li a:visited { color: #34302E; text-decoration: none; }
#nav li a:hover { color: #999999; text-decoration: none; }
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover { color: #008384; text-decoration: none; }


/* *************** NAVIGATION *************** */
.nav_lev2 {
}
.nav_lev2 h2 { /*margin-bottom: 15px;*/ margin-bottom: 10px; }
.nav_lev2 h3 {
	font-weight: bold;
	color: #34302E;
	margin-bottom: 15px;
}
.nav_lev2 ul {
	list-style: none;
	margin-left: 0;
	line-height: 1em;
}
.nav_lev2 li {
	padding-bottom: 4px; margin-bottom: 6px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}
.nav_lev2 li a { background-image: url(../images/arrows_right.gif); background-repeat: no-repeat; display: block; }
.nav_lev2 li a:link, .nav_lev2 li a:visited { color: #34302E; text-decoration: none; background-position: right top; }
.nav_lev2 li a:hover { color: #008384; text-decoration: none; background-position: right -20px; }
.nav_lev2 li.active a:link, .nav_lev2 li.active a:visited, .nav_lev2 li.active a:hover {
	color: #008384; text-decoration: none;
	font-weight: bold;
	background-image: none;
}


/* *************** FOOTER *************** */
#footer {
	height: 50px; padding-top: 20px;
	clear: both;
	background-image: url(../images/footerline.gif);
	background-position: left 30px; background-repeat: repeat-x;
	display: block;
	font-size: 0.9em;
}
* html #footer { padding-top: 0; background-position: left 10px; }
* + html #footer { padding-top: 0; background-position: left 10px; }
#footerNav {
	float: left;
	padding-top: 20px;
}
#footerNav a:link, #footerNav a:visited { color: #34302E; text-decoration: none; }
#footerNav a:hover { color: #008384; text-decoration: underline; }

#footerCredits {
	width: 430px; padding: 20px 0px 0px 20px;
	float: right;
	border-left: 1px solid #CCCCCC;
	display: block;
	color: #999999;
}
#footerCredits a:link, #footerCredits a:visited { color: #999999; text-decoration: none; }
#footerCredits a:hover { color: #008384; text-decoration: underline; }


/* *************** ACCREDITED LOGOS *************** */

#accredLogos {
	position: absolute;
	margin-top: -196px;
}
* html #accredLogos { margin-left: -203px; }
* + html #accredLogos { margin-left: -203px; }
#accredLogos p {
	margin-bottom: 0; margin-top: 10px;
	text-align: right;
}

/* *************** OTHER STYLES *************** */

.clear { clear: both; }

#screenshot {
	width: 210px; height: 400px;
	background-color: #FFFFFF;
	position: absolute;
	display: none;
}
.screenborder {
	padding: 4px;
	background-color: #34302E;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-size: 1.2em;
}

#screenshot p { margin: 0; padding: 0; }