/* --------------- INDEX nav --------------- */

#index-nav {
	height: 470px;
	width: 812px;
	background: url(../images/index_13.jpg) top left no-repeat;
	text-indent: -9999px;
	position: relative;
	}
	
/* buttons */

#index-nav #nav-1 a {
	display: block;
	position: absolute;
	width: 812px;
	height: 156px;
	left:0px;
	top: 0px;
	}

#index-nav #nav-2 a {
	display: block;
	position: absolute;
	width: 812px;
	height: 157px;
	left:0px;
	top: 157px;
	}
	
#index-nav #nav-3 a {
	display: block;
	position: absolute;
	width: 812px;
	height: 156px;
	left:0px;
	top: 315px;
	}

/* butons over */

#index-nav #nav-1 a:hover {
	background: url(../images/rollover_13.jpg) 0px 0px no-repeat;

	}

#index-nav #nav-2 a:hover {
	background: url(../images/rollover_13.jpg) 0px -157px no-repeat;
	}
	
#index-nav #nav-3 a:hover {
	background: url(../images/rollover_13.jpg) 0px -315px no-repeat;
	}

/* --------------- SUB nav --------------- */

#sub-nav {
	width: 812px;
	position: relative;
	text-align: right;
	font-size: 130%;
	
	}

#sub-nav li {
	border-bottom: 1px solid #100f0f;
	margin-left: 17px;
	height: 31px;
	position: relative;
	clear: both;
	}
#sub-nav li a {
	height: 31px;
	vertical-align: bottom;
	display: block;	
	}


#sub-nav li div {
	float: right;
	height: 31px;
	width: 640px;
	margin: 0px;
	padding: 0px;
	}

#sub-nav li span {
	margin: 0px;
	padding: 0px;
	width: 130px;
	float:left;
	vertical-align: bottom;
	position: absolute;
	bottom:0px;
	left:0px;
	}

#sub-nav img {
	margin-left: 15px;
	border: 0px;
	vertical-align: bottom;
	}
	
#sub-nav li:hover {
	background: #1f1f1f;
	}
	
#sub-nav a:hover {
	color: #B8B8B8;
		background: #1f1f1f;

	}




/* --------------- image nav --------------- */

#image-nav {
display: inline;
	margin: 0px 5px;
	text-align: left;
	vertical-align: top;
	position: relative;
	top:-2px;
	}

#image-nav a{
	padding: 0px 1px;
	vertical-align: top;
	}

#image-nav img{
	vertical-align: top;
	}

/* --------------- single image --------------- */

#single-image {	
	font-size: 140%;
	padding-left: 17px;
	line-height: 1.5em;
	}

#single-image #left {
	margin-right: 20px;
	float:left;
	}

/* --------------- Content --------------- */


.text {
	color: #b8b8b8;
	font-weight: 100;
	margin: 0px 40px;
	}

.text h1, .text h2,.text h3,.text h4,.text h5,.text h6 {
	color: #a1a1a1;
	font-weight: bold;
	font-size: 18px;
	margin: 0px;
	}

.text p {
	padding: 10px;
	font-size: 120%;
	line-height: 1.5em;
	}
	
	
/* --------------- Dirty Job contact --------------- */

#dirty-wrap {
	width: 640px;
	height: 581px;
	background: url(../images/dirty-photo.jpg) #000000 bottom left no-repeat;
	position: relative;
	}

#dirty-info {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 256px;
	height: 282px;
	background: url(../images/dirty-info.gif) bottom left no-repeat;

	}

#dirty-info a {
display: block;
	text-indent: -9999px;
	width: 256px;
	height: 39px;
	margin-top: 116px;
	}
	
#dirty-info a:hover {
		background: url(../images/dirty-over.gif) bottom left no-repeat;

	}