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

@import "reset.css";
html{
width:100%;
height:100%;
}

body{
background: #323030;
position: relative;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:normal;
line-height:normal;
}

.wrapper{
background:url(../img/content_bg.png) repeat-y top left;
padding-top: 15px;
width: 700px;
margin: 0 auto;
position: relative;
}

.header{
width: 700px;
height: 90px;
background: url(../img/header_logo.png) no-repeat 15px 15px;
}

.nav{
background:url(../img/nav_bg.png) repeat-x 0 0;
width:689px;
height:55px;
margin-left:4px;
}

.nav ul
{
list-style: none;
margin: 0 0 0 -20px;
/*padding-left: 12px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.nav li
{
float: left;
margin-left:70px;
}

.nav li a
{
display: block;
color: #9dbcc4;
text-decoration: none;
text-align: center;
padding:10px;
margin-top:4px;
}

.nav li a:hover
{
background:url(../img/nav_highlight.png) top left repeat-x;
}

/* Hide from IE5-Mac \*/
.nav li a
{
float: none
}
/* End hide */

.content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #91978a;
background:url(../img/content_bg.png) repeat-y top left;
margin: 50px auto;
width:700px;
}

.content h1{
font-family:Tahoma,Geneva,Kalimati,sans-serif;
font-variant:small-caps;
font-weight:bold;
text-decoration:underline;
font-size:22px;
color: #91aba7;
padding-left: 45px;
}

.about, .projects, .services, .contact{
margin:0 auto;
width:75%;
}

.about h1{
background:url(../img/gort.png) top left no-repeat;
margin-bottom:25px;
}

.about ul,.services ul{
margin-left:25px;
list-style: circle;
}

.about li, .projects li, .services li{
padding-left:10px;
}

.about li, .services li{
margin-bottom:2px;
}


.about li h1{
padding:0;
margin:0;
font-size:18px;
background:none;
text-decoration:none;
background:url(../img/Yorick_24.png) no-repeat top right;
height:25px;
}

.about a{
color: #91aba7;
}

.projects h1{
background:url(../img/potion-red_32.png) top left no-repeat;
height: 35px;
}


.projects p{
margin: 10px 0 0 5px;
}

.projects h2{
font-size:14px;
font-weight:bold;
background:url(../img/potion-green_16.png) top left no-repeat;
padding:0 5px 5px 25px;
}

.projects a{
color: #b5bbad;
text-decoration:none;
padding:5px;
}

.projects a:hover{
color: #91978a;
}

.projects .last{
border:none;
}

.projects li{
padding: 30px 0 30px 0;
border-bottom:1px solid #5e6659;
}

.projects ul{
margin-left:15px;
}

.services h1{
background:url(../img/syringe-green_32.png) top left no-repeat;
height:35px;
margin-bottom:25px;
}

.contact h1{
background:url(../img/brian-in-a-jar_32.png) top left no-repeat;
height:35px;
margin-bottom:25px;
}

.footer{
background:url(../img/footer_bg.png) top left no-repeat;
width:700px;
height:45px;
color:#666666;
font-size:10px;
}

.footer p{
margin-top:5px;
float:right;
}