@charset "UTF-8";
/* CSS Document */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* 

Put your styles below...

 */
a:link, a:visited {
color: #555555;
text-decoration: none;
}

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

body{

	margin:0;
	padding:0;
	font-family: helvetica, Arial, verdana, sans-serif;
	background: #fff;
	
	}

#container{ 
	width: 960px;
	margin-left: auto;
	margin-right:auto;
	text-align: left;
	background-color: #fff;
	
	color:  #777777;
}

#maincontent{
	width:724px;
	margin-left: auto;
	margin-right:auto;
	text-align: left;

}

#masthead{
	height: 85px;
	width: 100%;
	background-color: #f9f9f9;
	margin: 0 auto;
}

#MastHeadWrap {
    margin: 0 auto;
    width: 724px;
	padding-left: 30px;
}

#nav{

	float:left;
	position: relative;
	padding-left: 80px;
    padding-top: 30px;
	margin: 0 auto;
	
}
#logo{

	float:left;
	position: relative;
	margin-top: 30px;
	margin: 0 auto;
}

#nav li {

display:block;
position:relative;
float:left;
		}
#nav li a{

font-size: 15px;
color: #999999;

}


#nav li a:hover{

color: #555555;

}

#nav #active a{
color: #555555;
border-bottom:4px solid #ebb043;
}

navlink current a{

color: #555555;

}


a:active{

color: #5555555;

}

.navlink{

margin-right:35px;
margin-left:25px;




}


.navlink:hover{
border-bottom:4px solid #ebb043;
}



p{

font-size: 12px; 
font-weight: normal;
letter-spacing: -0.1px;
line-height:130%;

}

h3{

font-size: 11px;
font-weight: bold;
letter-spacing: -0.1px;
line-height:130%;

}

h4 {
font-size: 14px;
font-weight: bold;
margin-bottom:6px;
letter-spacing: -0.1px;
line-height:130%;

}

h5{
font-size:18px;
font-weight:bold;
margin-bottom: 6px;
color:#EBB043;

}

h6{

font-size:12px;
font-weight:normal;
line-height:130%;
text-decoration:underline;

}

h6 a:hover{
color: #EBB043;

}

h7{

font-size: 13px;
font-weight: bold;
letter-spacing: -0.1px;
line-height:130%;
margin-bottom: 12px;

}


#subnav{
	margin-top:20px;
	width:740px;
	padding: 15px;
	height:auto;
	float:left;
	position: relative;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 2em;

}



.bio{

width:470px;
padding: 15px;
display:block;
float: left;
margin-right:10px;

}
#pic{
float:left;
position:relative;
border: 1px solid #cccccc;
margin-bottom:10px;
padding: 8px;
margin-top: 20px;
}



.print a:link, .print a:visited,
.web a:link, .web a:visited,
.else a:link, .else a:visited {
color:#999999;

}

.print a:hover,
.web a:hover,
.else a:hover{
color:#ebb043;
}


.current a:link, .current a:visited{
color:#555555;

}

.current a:hover{
color:#ebb043;

}


/*
#print .print a:link, #print .print a:visited,
#web .online a:link, #web .web a:visited,
#else .else a:link, #else .else a:visited {
	color:#555555;
}

#print .print a:hover,
#web .web a:hover,
#else .else a:hover{
	color:#ebb043;
}

*/
.coloumns{
display:inline;
float:left;
margin-left:29px !important; /* IE6 fix */
margin-left:26px;
width:216px;
float: left;
}

.works{

border-top: 1px solid #999999;
padding:30px 0 50px 7px;

}

.firstwork{

border-top: 1px solid #999999;
padding:30px 0 50px 7px;
margin-top: 12px;

}



#footer{

border-top: 1px solid #999;
padding:10px 0 10px 7px;
width: 714px;
font-size: 12px;
font-weight: normal;
letter-spacing: -0.1px;
line-height:130%;
text-align:right;
float:left;
}
#work{
float: left;
position:relative;
}
a.orange{
color: #ebb043;
}
p.me{
font-size:13px
}
p.contact{
font-size:16px;
color:ebb043;
font-weight: bold;
}