/*global styles
------------------*/
body{
	margin : 0;
	padding : 0;
	color : #333;
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	line-height : 130%;
	background: url('images/dbdtitle.jpg') no-repeat top left;
	background-color :transparent;
	}


/*layout related
------------------*/
#pagecontent{
	width : 700px;
	margin-top: 0;
	margin-right : auto;
	margin-bottom : 10px;
	margin-left: 0;
	/*box model hack  from Tantek Celik  use anytime there are boxes w fixed widths or heights*/
	/*calculate by subtracting the border and padding (x2) from width &/or height */
	voice-family : "\"}\"";
	voice-family: inherit;
	width: 700px;
}
html>body #pagecontent{
	width: 700px; /*this is for the benefit of Opera browsers*/
}
/*end of box model hack*/

#text{
	float: left;
	padding:70px;
	margin-top : -270px;
	margin-left : 100px;
	background : url('images/butterfly.gif');
	background-repeat : no-repeat;
	background-position : center;

	}


/*headings
------------------*/
#header{
	height: 205px;
	position: absolute;
	top: -4em;
	z-index : 0;
}

#header span {
	width: 700px;
	voice-family : "\"}\""; /*box model hack*/
	voice-family: inherit;
	width: 700px;
	height: 100%;
	position: absolute;
}	
#nav {
	float: left;
	margin-top : 230px;
}	

	
p.footer{
	font-family : Arial,sans-serif;
	font-size : x-small;
	padding: 10px;
	margin-top : 30px;
	border-top: 1px solid #666;
}	


/*text
------------------*/
h1,h2, h3{
	font-family: Georgia, serif;
	color: #996;
	font-size: 105%;
	
}


h2,h3,h4,h5,h6,p {
	width: 500px;
	voice-family : "\"}\""; /*box model hack again*/
	voice-family: inherit;
	width:500px;
	
}

 

/*lists
------------------*/

ul{
	list-style : none;
}

/*links
------------------*/
a{
	text-decoration : none;
	font-weight: bold;
	color: #c96;
	background-color : transparent;
}

li a{
	font: 1.4em Georgia, serif;
	line-height : 1.8em;
	color: #996;
	text-decoration: none;
}

/*custom
------------------*/
img{
	clear : both;
	border: 1px solid #000;
	margin : 2px;
}

/*misc
------------------*/
.view{
 
 
}

p.iron, p.market, p.music,p.mom, p.indent,p.cabins{
	padding-left: 135px;
	
}


.iron {
	background: url('images/weld01.jpg') no-repeat;
	padding-top: 10px;
	padding-bottom: 20px;

}

.music {
	background: url('images/charlie.jpg') no-repeat;
	padding-top: 10px;
	padding-bottom: 40px;
	
}

.cabins {
	background: url('images/wptree.jpg') no-repeat;
	padding-top: 10px;
	padding-bottom: 40px;
	
}

.market{
	background: url('images/market.jpg') no-repeat;
	padding-top: 10px;
	padding-bottom: 40px;

}

.mom{
	background:url('images/mom.gif') no-repeat;
	padding-top: 10px;
	padding-bottom: 40px;
}