/* --- Styles for PDS Demolition (Services UK) Limited eStart --- */
/* --- Coded by Djenan Kozic --- */

* { margin:0; padding:0; }

body { background: #52544f url('images/bg.gif') repeat-x top center; }

a, a:hover, a:active, a img, a:hover img, a:active img { border:none; outline:none; }

a { color:#fb9992; text-decoration:underline; }
a:hover { text-decoration:none; }

#header { 
	position:relative;
	margin:16px auto 0 auto;
	width:920px;
	height:293px;
	background: #7c7b7b url('images/header_bg.jpg') no-repeat top center;
	}
#logo {
	position:absolute;
	top:40px;
	left:565px;
	width:55px;
	height:316px;
}
#navigation {
	margin:0 auto 0 auto;
	width:920px;
	height:56px;
	background: #7c7b7b url('images/nav_bg.gif') repeat-y top center;
	padding-top:10px;
}
div.navwrapper1 {
	position:absolute;
	top:320px;
	width:850px;
}
div.navwrapper2 {
	position:absolute;
	width:880px;
}

#navigation li { display:inline; margin:0; padding:0;}
#navigation ul { list-style:none; margin:0 0 0 50px; padding:0;}
#navigation li a { background-image:url('images/nav1.gif'); float:left; height:0; padding-top:12px; overflow:hidden;}

#navigation li#nav-0 a { background-image:url('images/nav1.gif'); background-position:0 0; width:43px; }
#navigation li#nav-0 a:hover { background-position:0 -12px; }

#navigation li#nav-1 a { background-image:url('images/nav1.gif'); background-position:-43px 0; width:127px; }
#navigation li#nav-1 a:hover { background-position:-43px -12px; }

#navigation li#nav-2 a { background-image:url('images/nav1.gif'); background-position:-170px 0; width:66px; }
#navigation li#nav-2 a:hover { background-position:-170px -12px; }

#navigation li#nav-3 a { background-image:url('images/nav1.gif'); background-position:-236px 0; width:140px; }
#navigation li#nav-3 a:hover { background-position:-236px -12px; }

#navigation li#nav-4 a { background-image:url('images/nav1.gif'); background-position:-376px 0; width:61px; }
#navigation li#nav-4 a:hover { background-position:-376px -12px; }

#navigation li#nav-5 a { background-image:url('images/nav1.gif'); background-position:-437px 0; width:80px; }
#navigation li#nav-5 a:hover { background-position:-437px -12px; }

#navigation li#nav-6 a { background-image:url('images/nav2.gif'); background-position:0 0; width:215px; }
#navigation li#nav-6 a:hover { background-position:0px -12px; }

#navigation li#nav-7 a { background-image:url('images/nav2.gif'); background-position:-215px 0; width:112px; }
#navigation li#nav-7 a:hover { background-position:-215px -12px; }

#navigation li#nav-8 a { background-image:url('images/nav2.gif'); background-position:-327px 0; width:73px; }
#navigation li#nav-8 a:hover { background-position:-327px -12px; }

#navigation li#nav-9 a { background-image:url('images/nav2.gif'); background-position:-400px 0; width:159px; }
#navigation li#nav-9 a:hover { background-position:-400px -12px; }

#navigation li#nav-10 a { background-image:url('images/nav2.gif'); background-position:-559px 0; width:118px; }
#navigation li#nav-10 a:hover { background-position:-559px -12px; }

#navigation li#nav-11 a { background-image:url('images/nav2.gif'); background-position:-677px 0; width:151px; }
#navigation li#nav-11 a:hover { background-position:-677px -12px; }


#contentwrapper {
	margin:0 auto 0 auto;
	width:920px;
	background: #7c7b7b url('images/contentwrapper_bg.gif') repeat-y top center;
	padding-bottom:20px;
}
#content {
	padding:20px 0 0 49px;
	width:560px;
	float:left;
}
#content h1 {
	color:#fff;
	font:bold 12px Verdana, Helvetica, sans-serif;
	line-height:1.6em;
	margin-bottom:0.8em;
}
#content h2 {
	color:#fff;
	font:bold 13px Verdana, Helvetica, sans-serif;
	line-height:1.6em;
	margin-bottom:0.8em;
}
#content p {
	color:#fff;
	font:normal 12px Verdana, Helvetica, sans-serif;
	line-height:1.6em;
	margin-bottom:0.8em;
}
#content ul {
	margin:0.8em 0 0.8em 0;
}
#content li {
	color:#fff;
	font:normal 11px Verdana, Helvetica, sans-serif;
	line-height:1.6em;
	margin-left:2.6em;
}
#images {
	padding:20px 49px 0 0;
	width:204px;
	float:right;
}
#images img {
	margin:0 0 15px 0;
	padding:0;
}
#clear { clear:both; }
#footer {
	position:relative;
	margin:0 auto 20px auto;
	width:920px;
	height:71px;
	background: #52544f url('images/footer_bg.gif') no-repeat top center;
	text-transform:uppercase;
}
#logos {
	position:absolute;
	left:27px;
	top:12px;
}
#logos img { margin-right:10px; }
#creditline {
	position:absolute;
	left:0;
	top:22px;
	width:927px;
	height:35px;
}
#creditline p {
	color:#000;
	font:bold 11px Verdana, Helvetica, sans-serif;
	line-height:1.6em;
}
#creditline a { color:#d70900; font-weight:bold; text-decoration:none; }
#creditline a:hover { text-decoration:underline; }
#copyright {
	position:absolute;
	top:0;
	left:25px;
	text-align:left;
}
#credit {
	position:absolute;
	top:0;
	right:32px;
	text-align:right;
}