@import url(typography.css);

html { 
    height: 100%;
    margin-bottom: 1px;
}

body{
	text-align: center;
background: #3d3515 url('../images/new/bg.png') repeat 0px 0px;
	color: #cc9;
	margin: 0px;
	padding: 0px;
}

div{
	text-align: left;
}

.clear{
	font-size: 1px;
	line-height: 0px;
	height: 0px;
	clear: both;
}
#headerdiv{

}


img{
	border: 0px;
}

h1#headerImg{

	height: 236px;
	background: #fff url('../images/logo.png') no-repeat bottom center;
	text-indent: -9999px;
	outline: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-left: auto; 
	margin-right: auto;
}



a{
color: #6c6;
text-decoration: none;

}

a:hover{
border-bottom: 1px dotted;	
}

div#navigation{
background: #000 url('../images/menublackgreygrad.png') repeat-x top left;
	height: 42px;
	padding: 0px;
	margin: 0px;
}

ul#navlist{
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 900px;
	margin-left: auto; 
	margin-right: auto;	
	text-align: center;
	font-family: "Georgia", "Times New Roman", serif;

	
	
}
ul#navlist li{
	margin: 0px;
	display: inline;

}
ul#navlist li a, ul#staticLinks li a{
	display: block;
	text-decoration: none;
	float: left;
	line-height: 42px;
	font-size: 2.0em;
	text-decoration: none;
	color: #eee;
	padding: 0px 10px;
	border: 0px;
	background: transparent url('../images/menugreengrad.png') repeat-x 0px 60px;
}

ul#navlist li a:hover, ul#navlist li a.current{
	background-position: top left;
}






#content{
	background: transparent url('../images/new/bg-grad.png') repeat-x 0px 0px;
	text-align: left;
	margin: 0px auto;
	padding: 2px;

}





h1.heading{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	*padding-top: 20px;
	text-align: left;
}



h2.subheading{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}




.underground{
	margin-top: 0px;
	width: 900px;

	margin-left: auto; 
	margin-right: auto;		


}


ul#whychoose{
	list-style: none;
	padding: 0px;
	margin: 0px;
}



ul#whychoose li{

	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: left;	
}

ul#whychoose h4{
	margin-top: 0;
}

div#bottombar {
	line-height: 40px;
	clear: both;
	list-style: none;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 40px;
	background: #000 url('../images/menublackgreygrad.png') repeat-x top left;
}
div #bottombar p.byline{
	line-height: 40px;
	margin: 0px;
}
ul#staticLinks li{
	display: inline;
}

ul#staticLinks li a{
	border-bottom: 0px;
	margin-left: 7px;
	line-height: 40px;
	font-family: "Georgia", "Times New Roman", serif;
	background: transparent url('../images/menugreengrad.png') repeat-x 0px 60px;	
}

#container{
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #000;
	border-top: 0px;
	margin-bottom: -2px;
}


.footer{
	background-color: #222;

}
.footerbar{
	height: 13px;
	background: #222 url('../images/menublackgreygrad.png') repeat-x 0px -20px;
	padding: 1px;
	clear: both;
}

#container .footer .footercontent{
	color: #ccc;
}
#container .footer .footercontent h4{
	color: #eee;
}
.footercontent{
	width: 900px;
	margin: 0px auto;
}
.footerbio{
	float: left; 
	width: 280px;
	margin-right: 20px;
}
.footermiddle{
	float: left;
	width:590px;
}
/* 
 ===========================
 Typography
 ===========================
*/


#content ul.standardlist{
	list-style: circle;
	margin-bottom: 30px;
}

#container .footer p{
	font-family: verdana, arial, sans;
	font-size: 1em;
	line-height: 1.68;
	margin-top: 1.68em;
	margin-bottom: 1.68em;
}

a{
	color: #9c6;
	}
	
div#bottombar{
	clear: both;
}

ul#staticLinks{

}	
p.byline{
	float: right;
}
ul#staticLinks li a{
	font-size: 1.4em;

	color: #693;
}
ul#staticLinks li a:hover{
	color: #eee;
	background-position: 0px 0px;
}

.byline{
	text-align: right;
	color: #cc9;
}



.portfolioPiece{
	clear: both;
	margin-top: 1.68em;
	margin-bottom: 1.68em;
}

.portfolioPiece p.date{
	font-size: 0.9em;
	line-height: 1.866;
	margin-top: .933em;
	margin-bottom: .933em;
}

.portfolioPiece img{
	display: block;
	float: left;
	border: 3px double #ffc;
}

.portfolioDescription{
	float: left; 
	width: 370px;
	padding-left: 20px;
}
.portfolioDescription p{
margin-top: 0px;
}



/*
 * Quote form
 */

 
 #quote{
 	width: 500px;
	padding: 1em;
 	border: 1px solid;
	float: left;
	margin: 0px 1.68em 1em 0px;
	
 }
 
 #quote legend{
 	font-size: 1.6em;
	font-family: georgia;
	font-style: italic;
	color: #ffc;
 }
 #quote ul{
 	padding: 0px;
	margin: 0px;
 }
 #quote ul li{
 	list-style: none;
	padding: 0.84em 0px;
	margin: 0px;
		clear: both;
 }
 
 #quote ul li label{
	float: left;

	text-align: right;
	width: 28%;
	margin-right: 5%;
	font-weight: bold;
 }
 #quote ul li input, #quote ul li textarea{
 	width: 63%;
	float: right;
	border: 1px inset #cc9;
	padding: 5px;
	font-style: inherit;
	font-family: inherit;
	font-size: inherit;
 }
 
 #quote ul li textarea{
 	height: 12.12em;

 }
 
 #quote ul li input.submit{
	border: 2px outset #aaa;
 	float: right;
	width: auto;
	cursor: pointer;

 }

 #quote ul li input.submit:hover{
 	border-style: inset;

 }