/*
 Screen style    
 Site: GTH Construction
*/
body { font-size: 75%; padding: 0; text-align: center; background: #272324; color: #fff; }
#accessibility { display: none; }

/* sIFR */
.sIFR-hasFlash h1.sifr { font-size: 24px; line-height: 28px; visibility: hidden; }
.sIFR-hasFlash p.intro { font-size: 14px; line-height: 17px; visibility: hidden; }

/* Header */
#header-wrapper { background: #fff url(../images/bg/header-wrapper.gif) repeat-x; color: #272324; }
#header { height: 132px; position: relative; width: 705px; margin: 0 auto; text-align: left; }
#logo { position: absolute; top: 16px; left: 0; }
#logo img { display: block; }
#tel { width: 170px; height: 65px; position: absolute; top: 3px; right: 0;  }
#tel span { background-image: url(../images/text/tel.gif); }

/* Navigation */
#nav { height: 32px; width: 418px; position: absolute; bottom: 0; right: -11px; }
#nav li { float: left; }
#nav a { background: #fff; color: #272324; display: block; height: 32px; line-height: 32px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background: #fff; color: #272324; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav01 { width: 62px; }
#nav a#nav02 { width: 66px; }
#nav a#nav03 { width: 130px; }
#nav a#nav04 { width: 78px; }
#nav a#nav05 { width: 82px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }

/* Wrapper */
#wrapper { width: 700px; margin: 0 auto; text-align: left; padding: 50px 0; }

/* Content */
#content { float: left; width: 493px; }
#content ul { margin: 1em 0 1em 27px; }
#content li { list-style: square; margin-bottom: 0.5em; }
#content ul.sitemap { margin: 1em 0 1em 17px; }
#content ul.sitemap li ul { margin: 0.75em 0 0 1.75em; }
#content a:hover { background: #1E7C77; color: #fff; text-decoration: none; }
h1.sifr { margin-top: 12px; }
h1.project { margin-top: 0; }

/* Project Gallery */
#project-gallery {
	width: 702px;
	height: 383px;
}
#home-slideshow { width: 700px; height: 393px; }

/* Contact */
.contact-form input, .contact-form textarea { border: 1px solid #999; width: 300px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 135px; }
.contact-form legend { color: #fff;  }
.contact-form .privacy { margin: 0 0 0.5em 0; }

/* One column layout */
.one-col #wrapper { padding: 55px 0 51px 0; }
.one-col #content { float: none; width: auto; }

/* Home page */
.home-intro { height: 358px; background: #fff url(../images/photos/home-intro.jpg) no-repeat; padding: 35px 0 0 51px; margin-top: -10px; }
.home-intro h1 { width: 288px; height: 52px; margin: 0 0 16px 0; color: #000; }
.home-intro h1 span { background-image: url(../images/text/home-intro-title.jpg); }
.home-intro p { width: 288px; height: 48px; margin: 0; color: #1E7C77; }
.home-intro p span { background-image: url(../images/text/home-intro-text.gif); }

/* Sidebar */
#sidebar {
	float: right;
	width: 163px;
	margin-top: 52px;
}
#sidebar img.decorative { border: 1px solid #fff; display: block; margin: 0 0 18px 0; }
#sidebar .sec-nav { margin: 0 0 24px 27px; }
#sidebar .sec-nav li { list-style: square; margin-bottom: 0.5em; }
#sidebar .sec-nav a:hover { background: #1E7C77; color: #fff; text-decoration: none; }

/* Free Newsletter */
#newsletter { border: 1px solid #fff; background: #F2F2F2; color: #272324; font-size: 0.92em; }
#newsletter h2 { width: 161px; height: 25px; }
#newsletter h2 span { background-image: url(../images/text/free-newsletter.gif); }
#newsletter p { margin: 6px 10px; }
#newsletter p.submit { margin: 8px 10px 4px 7px; }
#newsletter #mb-iutyu-iutyu { border: 1px solid #666; color: #231F20; padding: 1px 4px; width: 130px; }

/* Footer */
#footer-wrapper { background: url(../images/bg/footer-wrapper.gif) repeat-x; padding: 35px 0; }
#footer { width: 700px; margin: 0 auto; text-align: left; line-height: 1.5; }
#footer p { margin: 0 0 0.2em 0; }
#footer a { color: #fff; }
#footer a:hover {
	color: #000;
	text-decoration: none;
	background-color: #CCCCCC;
}
#footer .vcard { float: left; width: 425px; }
#footer .vcard strong { color: #88D1CD; }
#footer .vcard .tel { margin-right: 15px; }
#footer .right { float: right; width: 270px; font-size: 0.92em; }
#footer .right ul { float: right; margin: 0 0 0.35em 0; }
#footer .right li { float: left; margin-left: 13px; }
#footer .right p { text-align: right; clear: both; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#wrapper:after, #footer-wrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.iso-cert {
color: #1E7C77;
text-transform: uppercase;
font-size: 11px;
}

.iso-cert a {
color: #FFFFFF;

}

.iso-cert a:hover {
background-color: #1E7C77;
}