/* RESET */

ul,ol {
	list-style: none;
}
h1,h2,h3,h4,h5,h6,pre,code,p {
	font-size: 1em;
}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0; padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

#top-nav li a
{
  outline: none;
}

body {
	background:#334B95 url(images/background.jpg) repeat-x;
	font:62.5% Helvetica, Geneva, Arial, sans-serif;
}
#wrapper{
	background:url(images/background-wrapper.jpg) repeat-y;
	width:755px;
	position:relative;
	float:left; /* firefox hack */
}
#topper{
	background-image:url(images/metal-plate-top.jpg);
	height:32px;
	text-align:right;
	padding:10px 20px 0 0;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}
#topper span{
	color:#fff;
	background-color:#333;
	font-size:0.8em;
	padding:1px 2px;
}
	
#logo{
	position:absolute;
	top:25px;
	left:0;
}
#workmen{
	margin:0 0 0 255px;
}


/* ...............................NAV .................................*/
#nav{
	position:absolute;
	top:170px;
	left:15px;
}
#nav li{
	padding:3px 0;
}
#nav a:link, #nav a:visited{
	display:block;
	width:212px;
	height:37px;
	text-indent:-9000px;
	background-position:0 37px;
}
a#nav-home:hover, a#nav-safety-lines:hover, a#nav-safety-eye-bolts:hover, a#nav-clients:hover, a#nav-gallery:hover,a#nav-gutter:hover, a#nav-contact-us:hover{
	background-position:0 0;
}
.link-dummy{
	display:block;
	width:212px;
	height:31px;
	background-position:0 0;
	text-indent:-9000px;
	margin:3px 0 3px 0;
}
a#nav-home, #home #link-dummy{
	background-image:url(images/nav-home.gif);
}
a#nav-safety-lines, #safety-lines #link-dummy{
	background-image:url(images/nav-safety-lines.gif);
}
a#nav-safety-eye-bolts, #safety-eye-bolts #link-dummy{
	background-image:url(images/nav-safety-eye-bolts.gif);
}
a#nav-clients, #clients #link-dummy{
	background-image:url(images/nav-clients.gif);
}
a#nav-gallery, #gallery #link-dummy{
	background-image:url(images/nav-gallery.gif);
}
a#nav-contact-us, #contact-us #link-dummy{
	background-image:url(images/nav-contact-us.gif);
}

a#nav-gutter, #gutter #link-dummy{
	background-image:url(images/nav-gutter.png);
}




/*................................... Headers ...............................*/
h1{
	position:relative;
	width:471px;
	height:62px;
	padding-bottom:25px;
}
h1 span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
}
#home h1 span{
	background-image:url(images/h1-home.jpg);
}
#safety-lines h1 span{
	background-image:url(images/h1-safety-lines.jpg);
}
#safety-eye-bolts h1 span{
	background-image:url(images/h1-safety-eye-bolts.jpg);
}
#gutter h1 span{
	background-image:url(images/h1-gutter-cleaning.jpg);
}

#clients h1 span{
	background-image:url(images/h1-clients.jpg);
}
#gallery h1 span{
	background-image:url(images/h1-gallery.jpg);
}
#contact-us h1 span{
	background-image:url(images/h1-contact-us.jpg);
}
	
	
#content{
	margin:-3px 0 150px 255px;
	font-size:1.3em;
}
h2{
	margin:11px 45px 0 20px;
	font-weight:bold;
	color:#666;
	background-color:#EFEFEF;
	padding:1px;
}
p{
	padding: 0;
	color:#444;
	padding:3px 55px 15px 20px;
	line-height:1.8em;
}
#footer{
	position:absolute;
	bottom:3px;
	left:0;
	color:#000099;
	text-align:right;
	width:710px;
}
#footer a{
	position:absolute;
	bottom:0;
	left:5px;
	color:#999;
}
#clients #content ul{
	margin: 5px 0 0 25px;
}
#clients #content li{
	background:url(images/list-background.gif) no-repeat 0 50%;
	padding:3px 0 3px 20px;
}
#gallery #content-photos{
	padding:20px 15px 20px 20px;
}
#gallery #content a img{
	border:3px solid #CCC;
}	
.email-emp{
	color:#540EC9;
}
#contact-padding{
	padding-bottom: 175px;
}