body {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Verdana, san-serif;
	text-align: center;
}

img {
	border: 0;
}

#mainHolder {
	width: 770px;
	padding: 0;
	margin: 0 auto 0 auto;
	position: relative;
	font-size: 0.7em;
	text-align: left;
}

#topBar {
	width: 770px;
	height: 166px;
	padding: 6px 0 0 0;
	margin: 0;
	position: relative;
	background-color: #ffffff;
}

.homeBar {
	background: url("../images/topBar_home.jpg") no-repeat;
	background-position: 524px 4px;
}

.industrialBar {
	background: url("../images/topBar_ind.jpg") no-repeat;
	background-position: 304px 22px;
}

.commercialBar {
	background: url("../images/topBar_com.jpg") no-repeat;
	background-position: 319px 22px;
}

.sportleisureBar {
	background: url("../images/topBar_snl.jpg") no-repeat;
	background-position: 288px 40px;
}

.residentialBar {
	background: url("../images/topBar_res.jpg") no-repeat;
	background-position: 368px 12px;
}

.aboutBar {
	background: url("../images/topBar_home.jpg") no-repeat;
	background-position: 524px 4px;
}

.extrasBar {
	background: url("../images/topBar_home.jpg") no-repeat;
	background-position: 524px 4px;
}

#topBar h1 {
	font-size: 2em;
	margin: 0;
	padding: 0;
	width: 260px;
	padding: 0;
}

#topBar h1 a {
	display: block;
	width: 260px;
	height: 124px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	position: relative;
}

#topBar h1 a span {
	background: url("../images/logo_h1.gif") no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

#topBar p {
	width: 170px;
	height: 19px;
	text-align: center;
	position: absolute;
	left: 600px;
	top: 122px;
	padding: 3px 0 0 0;
	margin: 0;
	color: #808080;
}

/* Navigation Styling Start */

/* All the extra spans are for the GilderLevin method of image replacement, avoiding the use of visibility: hidden */

#topBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#topBar li {
	float: left;
	height: 30px;
	margin-top: 12px;
	background: url("../images/normal_nav.gif");
}

#topBar li a {
	display: block;
	height: 30px;
	text-decoration: none;
	position: relative;
	color: #cccccc; 
}

#topBar li a:hover {
	visibility: visible;
}

#topBar li a span {
	background: url("../images/normal_nav.gif");
	position: absolute;
	height: 100%;
	cursor: pointer;
}

#topBar li#indLink a:hover span, #topBar li#comLink a:hover span, #topBar li#snlLink a:hover span, #topBar li#resLink a:hover span, #topBar li#aboutLink a:hover span, #topBar li#homeLink a:hover span {
	background: url("../images/normal_nav.gif");
}

#topBar li#indLink, #topBar li#indLink a span {
	width: 150px;
	background-position: 0px 30px;
}

#topBar li#indLink a:hover span {
	background-position: 0px 0px;
}

#topBar li#comLink, #topBar li#comLink a span {
	width: 150px;
	background-position: 620px 30px;
}

#topBar li#comLink a:hover span {
	background-position: 620px 0px;
}

#topBar li#snlLink, #topBar li#snlLink a span {
	width: 150px;
	background-position: 470px 30px;
}

#topBar li#snlLink a:hover span {
	background-position: 470px 0px;
}

#topBar li#resLink, #topBar li#resLink a span {
	width: 150px;
	background-position: 320px 30px;
}

#topBar li#resLink a:hover span {
	background-position: 320px 0px;
}

#topBar li#aboutLink, #topBar li#aboutLink a span {
	width: 129px;
	background-position: 170px 30px;
}

#topBar li#aboutLink a:hover span {
	background-position: 170px 0px;
}

#topBar li#homeLink, #topBar li#homeLink a span {
	width: 41px;
	background-position: 41px 30px;
}

#topBar li#homeLink a:hover span {
	background-position: 41px 0px;
}

#topBar li#indLinkActive, #topBar li#comLinkActive, #topBar li#snlLinkActive, #topBar li#resLinkActive, #topBar li#aboutLinkActive, #topBar li#homeLinkActive, #topBar li#indLinkActive a span, #topBar li#comLinkActive a span, #topBar li#snlLinkActive a span, #topBar li#resLinkActive a span, #topBar li#aboutLinkActive a span, #topBar li#homeLinkActive a span {
	background: url("../images/selected_nav.gif");
}

#topBar li#indLinkActive a:hover a span, #topBar li#comLinkActive a:hover a span, #topBar li#snlLinkActive a:hover a span, #topBar li#resLinkActive a:hover a span, #topBar li#aboutLinkActive a:hover a span, #topBar li#homeLinkActive a:hover a span {
	background: url("../images/selected_nav.gif");
}

#topBar li#indLinkActive, #topBar li#indLinkActive a span {
	width: 150px;
	background-position: 0px 30px;
}

#topBar li#indLinkActive a:hover span {
	background-position: 0px 0px;
}

#topBar li#comLinkActive, #topBar li#comLinkActive a span {
	width: 150px;
	background-position: 620px 30px;
}

#topBar li#comLinkActive a:hover span {
	background-position: 620px 0px;
}

#topBar li#snlLinkActive, #topBar li#snlLinkActive a span {
	width: 150px;
	background-position: 470px 30px;
}

#topBar li#snlLinkActive a:hover span {
	background-position: 470px 0px;
}

#topBar li#resLinkActive, #topBar li#resLinkActive a span {
	width: 150px;
	background-position: 320px 30px;
}

#topBar li#resLinkActive a:hover span {
	background-position: 320px 0px;
}

#topBar li#aboutLinkActive, #topBar li#aboutLinkActive a span {
	width: 129px;
	background-position: 170px 30px;
}

#topBar li#aboutLinkActive a:hover span {
	background-position: 170px 0px;
}

#topBar li#homeLinkActive, #topBar li#homeLinkActive a span {
	width: 41px;
	background-position: 41px 30px;
}

#topBar li#homeLinkActive a:hover span {
	background-position: 41px 0px;
}

/* Navigation Styling End */

/* Core Content Styling Start */

#contentHolder {
	width: 770px;
	background-color: #ffffff;
	margin: 0;
	padding: 20px 0 0 0;
}

#contentHolder a:link, #contentHolder a:visited {
	color: #05AF4F;
}

#contentHolder a:hover {
	background-color: #05AF4F;
	color: #ffffff;
	text-decoration: none;
}

#contentHolder h2 {
	color: #05AF4F;
	font-size: 3.2em;
	line-height: 0.8em;
	font-weight: bold;
	margin: 0 0 0.15em 0;
	padding: 0;
}

#contentHolder h3 {
	color: #05AF4F;
	font-size: 2.05em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#contentHolder h4 {
	color: #000000;
	font-size: 1.4em;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0;
}

#contentHolder h4.servicePlus {
	width: 203px;
	height: 41px;
	position: relative;
}

#contentHolder h4.servicePlus span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("../images/serviceplus_h4.gif") no-repeat;
	cursor: pointer;
}

#contentHolder h5 {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0;
}

#contentHolder p {
	margin: 0.7em 0;
}

#contentHolder blockquote {
	font-style: italic;
	margin: 0.7em 0px 0.7em 20px;
}

.logoFloatLeft {
	float: left;
	margin: 3px 15px 0 0;
}

/* Core Content Styling End */

/* Home Div Styling Start */

#leftContent {
	width: 500px;
	float: left;
	padding-bottom: 10px;
}

#leftContent img.logo {
	float: right;
	margin-left: 10px;
}

#flashcontent {
	background: #eeeeee;
	width: 500px;
	height: 180px;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
}

#flashcontent p {
	padding: 0;
	margin: 0 0 10px 0;
}

#homeExtras {
	width: 250px;
	float: right;
	padding-bottom: 10px;
}

#homeExtras ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#homeExtras ul a {
	display: block;
	width: 250px;
	height: 75px;
	margin-top: 10px;
	position: relative;
}

#homeExtras ul a span#steelframeLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_steel_frame_link.jpg") no-repeat;
}

#homeExtras ul a span#fabricLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_fabric_link.jpg") no-repeat;
}


#homeExtras ul a span#coverallLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_coverall_link.jpg") no-repeat;
}

#homeExtras ul a span#astronLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_astron_link.jpg") no-repeat;
}

#homeExtras ul a span#lindabLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_lindab_link.jpg") no-repeat;
}

#homeExtras ul a span#serviceplusLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_serviceplus_link.jpg") no-repeat;
}

#homeExtras ul a span#jobsLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_jobs_link.gif") no-repeat;
}

#newsHolder {
	border: 1px solid #CCCCCC;
}

#newsHolder h6 {
	padding: 0;
	margin: 0;
	height: 23px;
	position: relative;
}

#newsHolder h6 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/news_h6.gif") no-repeat;
}

#newsHolder dl {
	margin: 0px 7px;
}

#newsHolder dt {
	border-bottom: 1px solid #CCCCCC;
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
}

#newsHolder dt a {
	text-decoration: none;
}

#newsHolder dd {
	margin-left: 0px;
	margin-bottom: 9px;
}

#newsHolder dd span.dateLine {
	display: block;
	color: #A0A0A0;
	font-size: 0.9em;
}

#newsHolder dd span.linkHolder {
	display: block;
	text-align: right;
}

/* Home Div Styling End */

/* Sector Div Styling Start */

#sectorContent {
	width: 550px;
	float: right;
	padding-bottom: 10px;
}

#sectorContent a#builtAstron, #sectorContent a#builtCoverall, #sectorContent a#builtLindab {
	float: right;
	height: 55px;
	width: 110px;
	margin-left: 10px;
	position: relative;
}

#sectorContent a#builtAstron span {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url("../images/built_using_astron.gif") no-repeat;
	cursor: pointer;
}

#sectorContent a#builtLindab span {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url("../images/built_using_lindab.gif") no-repeat;
	cursor: pointer;
}

#sectorContent a#builtCoverall span {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url("../images/built_using_coverall.gif") no-repeat;
	cursor: pointer;
}

#sectorExtras {
	float: left;
	width: 200px;
	border: 1px solid #CCCCCC;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
}

html> body #sectorExtras {
	width: 198px; /* Mozilla only to allow for border being included in width */
}

#sectorExtras h6 {
	padding: 0;
	margin: 0;
	height: 23px;
	position: relative;
}

.latestProj {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/latest_proj_h6.gif") no-repeat;
}

.latestIndProj {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/latest_proj_ind_h6.gif") no-repeat;
}

.projectPhotos {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/project_photos_h6.gif") no-repeat;
}

#sectorExtras dl {
	margin: 0px 7px;
}

#sectorExtras dt {
	border-bottom: 1px solid #CCCCCC;
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
}

#sectorExtras dt a {
	text-decoration: none;
}

#sectorExtras dd {
	margin-left: 0px;
	margin-bottom: 9px;
}

#sectorExtras dd span.details {
	display: block;
	color: #A0A0A0;
	font-size: 0.9em;
}

#sectorExtras dd img {
	display: block;
	margin: 0.2em 0;
}

#sectorExtras dd span.linkHolder {
	display: block;
	text-align: right;
}

#sectorExtras ul {
	list-style: none;
	margin: 0;
	padding: 0 0 4px 0;
}

#sectorExtras ul li {
	width: 149px;
	height: 149px;
	margin: 10px 23px 0 25px;
	background: url("../images/slide_bg.gif") no-repeat;
}

#sectorExtras ul li a {
	position: relative;
	display: block;
	width: 149px;
	height: 149px;
	margin: 0;
	padding: 0;
	background: url("../images/slide_bg.gif") no-repeat;
	text-align: center;
	text-decoration: none;
}

#sectorExtras ul li a:hover {
	color: #05AF4F;
}

#sectorExtras ul li a span {
	position: absolute;
	left: 112px;
	top: 131px;
	display: block;
	width: 30px;
	height: 13px;
	margin: 0;
	padding: 0;
	text-align: right;
	cursor: pointer;
}

#sectorExtras ul li a img.slideLand {
	margin: 31px 17px 33px 15px;
}

#sectorExtras ul li a img.slidePort {
	margin: 15px 33px 17px 31px;
}

/* Sector Div Styling End */

/* Other Div Styling Start */

#otherExtras {
	width: 250px;
	float: right;
	padding-bottom: 10px;
}

#otherExtras ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#otherExtras ol a {
	display: block;
	width: 250px;
	height: 75px;
	margin-top: 10px;
	position: relative;
}

#otherExtras ol a span#jobsLink {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background: url("../images/home_jobs_link.gif") no-repeat;
}

#otherExtras ul {
	list-style: none;
	margin: 0 10px 10px 10px;
	padding: 0;
}

#otherExtras ul li {
	margin: 6px 0 0 0;
}

#otherExtras ul a {
	font-weight: bold;
}

#otherExtras ul span.datestamp {
	display: block;
	color: #A0A0A0;
	font-size: 0.9em;
}

#otherBoxout {
	border: 1px solid #CCCCCC;
}

#otherBoxout h6 {
	padding: 0;
	margin: 0;
	height: 23px;
	position: relative;
}

#otherBoxout h6.contactHead span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/about_contact_h6.gif") no-repeat;
}

#otherBoxout h6.astronHead span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/astron_gallery_h6.gif") no-repeat;
}

#otherBoxout h6.lindabHead span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/lindab_gallery_h6.gif") no-repeat;
}

#otherBoxout h6.coverallHead span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/coverall_gallery_h6.gif") no-repeat;
}

#otherBoxout h6.serviceplusHead span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/serviceplus_h6.gif") no-repeat;
}

#otherBoxout h6.newslistHead span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/news_h6.gif") no-repeat;
}

#otherBoxout h6.applyHead span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/apply_h6.gif") no-repeat;
}

#otherBoxout p {
	margin: 7px;
}

#otherBoxout address {
	margin: 7px 7px 7px 25px;
	font-style: normal;
	font-weight: bold;
}

#contactForm {
	margin: 14px 7px 14px 7px;
	padding: 0;
}

#contactForm fieldset {
	border: 1px solid #EBEBEB;
	padding: 0;
	margin: 0;
}

#contactForm legend {
	color: #05AF4F;
	margin-bottom: 10px;
}

#contactForm div.formRow{
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}

#contactForm div.formRowCaveat{
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	color: #999999;
}

#contactForm div.formRowLast{
	margin: 0 0 5px 0;
	padding: 0 12px 0 0;
	text-align: right;
}

#contactForm span {
	float: left;
	width: 45px;
	text-align: left;
	margin: 4px 0 0 19px;
	padding: 0;
}

#contactForm input {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
}

#contactForm textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	width: 200px;
}

p.formError {
	color: #dd0000;
	text-align: center;
}

p.formSuccess {
	color: #05AF4F;
	text-align: center;
	font-weight: bold;
}

/* About Div styling end */

/* Footer Styling Start */

#footer {
	width: 770px;
	clear: both;
	color: #A0A0A0;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	margin: 0;
}

#footer p {
	margin-top: 7px;
	padding: 0;
	line-height: 1.5em;
}

#footer a:link, #footer a:visited {
	color: #A0A0A0;
}

#footer a:hover {
	background-color: #A0A0A0;
	color: #FFFFFF;
	text-decoration: none;
}

/* Footer Styling End */