/* CSS Document */


/*** GENERIC STUFF ***/
body{
background: #dcdcdc;
margin: 0 auto;
font-family: DroidSansRegular, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6{
font-family: NeutonRegular, Georgia, "Times New Roman", Times, serif;
margin: 0 0 20px 0;
font-weight: normal; }

h1 {
font-size: 1.6em;
line-height: 1.2em;
padding-bottom: 0.2em;
color: #333;
border-bottom: 1px solid #CCCCCC;}

h2 {
font-size: 1.35em;
line-height: 1.2em;
color: #b3181e;
margin: 25px 0 10px 0;}

h3 {
font-size: 1em;
text-transform: uppercase;
color: #998c55;
margin: 25px 0 10px 0;}

p{
color: #000;
font-size: 1em;
line-height: 1.3em;
margin: 0 0 15px 0;}

p a:link, p a:visited{
color: #998c55;
text-decoration: none;
}

p a:hover, p a:active{
color: #b3181e;}

ul{
list-style: none;
margin: 10px 0 30px 20px;
padding: 0;}

ul li{
background: url(images/bullet.png) no-repeat left 0.17em;
padding: 0 0 0 15px;
margin: 0 0 10px 0;
line-height: 1.3em;}

li a:link, li a:visited{
color: #998c55;
text-decoration: none;
}

li a:hover, li a:active{
color: #b3181e;}

/*** STRUCTURAL MARKUP***/


#wrap{
width: 970px;
margin: 30px auto 0;
background: url(images/content-center.gif) repeat-y;}

/** HEADER **/

#header{
width: 930px;
background: url(images/content-top.gif) top transparent no-repeat;
padding: 20px;}

img.logo{
width: 395px;
height: 39px;
margin: 50px 0 0 320px;}

#banner-wrap{
width: 930px;
padding: 20px;
margin: 0;}

img.image{
width: 300px;
height: 200px;
float: left;
display: block;}

#banner{
width: 580px;
height: 170px;
background: url(images/header-bgd.png) no-repeat;
float:left;
padding: 30px 0 0 50px;
position: relative;}

#banner h1{
color: #fff;
margin: 0;
font-size: 1.8em;
line-height: 1.1em;
border: none;}

#banner h1 span{
font-size: 0.7em;
text-transform: uppercase;}

/** NAV **/

ul#nav{
font-family: NeutonRegular, Georgia, "Times New Roman", Times, serif;
font-weight: normal;
text-transform: uppercase;
font-size: 16px;
width: 605px;
height: 44px;
background: url(images/nav-bgd.png) repeat-x;
padding: 0 0 0 25px;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
list-style: none;}

ul#nav li{
display: inline;
color: #fff;
float:left;
background: none;
margin: 0;
padding: 0;}

ul#nav li a:link, ul#nav li a:visited{
color: #fff;
text-decoration: none;
padding: 10px 25px 6px 25px;
display: block;
height:28px;}

ul#nav li a:hover, ul#nav li a:active{
color: #d1bf7d;}

ul#nav li a.current{
color: #d1bf7d;
background: url(images/pointer-nav.png) no-repeat top center;}

ul#nav li.sep{
background: url(images/nav-divider.gif) no-repeat right;}

/** CONTENT **/

#content-wrap{
width: 930px;
padding: 10px 20px;}

#contact{
width: 240px;
background: url(images/contact-bgd.png) no-repeat;
padding: 20px 20px 30px 40px;
float: left;}

#contact h1 {
font-size: 1.35em;
color: #b3181e;
border: none;}

#content{
float:left;
width: 480px;
padding: 40px 100px 0 50px;}

#content-bottom{
width: 970px;
height: 43px;
display: block;
margin: 0;
background: url(images/content-bottom.gif) bottom transparent no-repeat;}


/** BIO **/

div#download{
width: 180px;
background: #f1ede7;
border: 1px solid #b8a04f;
padding:13px 15px 10px 15px;
margin: 0 0 20px 15px;
float:right;

}

div#download a{
font-size: 0.9em;
line-height: 1em;
background: url(images/pdf.png) no-repeat right center;
padding: 10px 30px 0px 0;}

div#download a:link, div#download a:visited{
color: #998c55;
text-decoration: none;
}

div#download a:hover, div#download a:active{
color: #b3181e;}

/** PROJECTS **/

#content-projects{
width:830px;
padding: 0 100px 0 0;
margin: 50px 0 0 0;}

#content-projects h1{
width: 500px;
margin: 40px 0 0 350px;}

#content-projects h2{
margin: 0 0 20px 0;}

.project {
position: relative;
width: 830px;
clear: both;
margin: 30px 0;
}

.text {
width: 460px;
float: left;}

.project p{
}

.project img{
float:left;
width: 290px;
margin: 0 50px 10px 0;
padding: 5px;
border: 1px solid #CCCCCC;}

ul#projects-items {
background: none;
padding: 0;
width: 540px;
font-size: 0.9em;
text-transform: uppercase;
color: #fff;
margin: 25px 0 10px 0;}

ul#projects-items li{
float: left;
margin: 0 10px 10px 0;
padding: 0;
background: none;
}

ul#projects-items li a:link, ul#projects-items li a:visited{
color: #fff;
font-size: 1em;
width: 130px;
height: 80px;
background: #7A0B0E;
display: block;
padding: 15px;
border: 2px #A61318 solid;
}

ul#projects-items li a:hover, ul#projects-items li a:active{
background: #A61318;
color: #b8a04f;
}
/*** FOOTER ***/

#footer{
text-align: center;
width: 970px;
margin: 10px auto 30px;}

#footer p{
font-family: NeutonRegular, Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 0.85em;}

#footer p a:link, #footer p a:visited{
color: #666;
text-decoration: none;}

#footer p a:hover, #footer p a:active{
color: #b3181e;}

a.top:link, a.top:visited {
text-decoration: none;
color: #b8a04f;
text-transform: uppercase;
font-size: 0.6em;
background: #f1ede7;
border: 1px solid #b8a04f;
padding: 3px 3px 1px;
text-align: center;
margin: 0 auto;
}

a.top:hover, a.top:active{
color: #fff;
background: #b3181e;
border: 1px solid #b3181e;}

.clear-fix{
clear: both;}