* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url(images/background_gradient.gif);
	background-repeat: repeat-x;
	background-attachment:fixed;
	font-family: "Myriad Pro","HelveticaNeue-light","Helvetica Neue","Lucida Grande", helvetica, calibri, Arial, sans-serif;
	color:#666;
	font-size:12px;
	background-color: #aaaaaa;
	}
	
#wrapper {
	margin:20px 0px 0px 20px;
	}
	
#header {
	height:100px;
	}

h1 {
	height:80px;
	width:600px;
	text-indent:-9999px;
	}

h1#home {
	background: transparent url(images/home_hdr.gif) top left no-repeat;
	}

h1#webdesign {
	background: transparent url(images/webdesign_hdr2.gif) top left no-repeat;
	}
	
h1#print {
	background: transparent url(images/print_hdr2.gif) top left no-repeat;
	}

h1#branding {
	background: transparent url(images/branding_hdr2.gif) top left no-repeat;
	}
h1#about {
	background: transparent url(images/about_hdr2.gif) top left no-repeat;
	}

h1#contact {
	background: transparent url(images/contact_hdr2.gif) top left no-repeat;
	}


#left {
	position:absolute;
	width:200px;
	margin-right:20px;
	float:left;
	}


#navList {
	list-style-type:none;
	padding: 0px;
	margin:0px;
	}
	
#navList li {
padding-bottom:3px;
	}

#nav a {
	width:200px;
	}
#home a {
	background: transparent url(images/home_nav.gif) top left no-repeat;
	}

#webdesign a {
	background: transparent url(images/webdesign_nav.gif) top left no-repeat;
	}
	
#print a {
	background: transparent url(images/print_nav.gif) top left no-repeat;
	}
	
#branding a {
	background: transparent url(images/branding_nav.gif) top left no-repeat;
	}

#about a {
	background: transparent url(images/about_nav.gif) top left no-repeat;
	}
	
#contact a {
	background: transparent url(images/contact_nav.gif) top left no-repeat;
	}
	
#navList li a {
	display:block;
	height:42px;
	overflow:hidden;
	padding:0px;
	text-indent:-9999px;
	}

#navList li a:hover, #navList li a.active {
background-position:0pt -42px;
}

#middle {
	float:left;
	position:absolute;
	left:230px;
	width:700px;
	}

#middle h2 {
	font-style:italic;
	font-size:26px;
	color:#CCCCCC;
	padding:25px 0px 0px 35px;
	}

#middle .boxTop {
	width: 730px;
	height: 55px;
	clear: both;
	background: url('images/top2.png') no-repeat top left;
}

#middle .boxBottom {
	width: 730px;
	height: 55px;
	clear: both;
	background: url('images/bottom2.png') no-repeat top left;
}

#middle .boxBottom p {
	text-align:center;
	padding-top:10px;
	font-size:10px;
	font-style:italic;
	color:#aaa;
	}

#middle .boxCenter {
	width: 730px;
	height: auto;
	clear: both;
	background: url('images/center2.png') repeat-y top left;
	padding-top:0px;
}
	
#pastWork {
	float:left;
	width:200px;
	line-height:24px;
	color:#666;
	padding-left:5px;
	}
	
#pastWork h2 {
	font-style:italic;
	font-size:26px;
	color:#aaa;
	padding:29px 0px 8px 0px;
	}

#pastWork p {
	line-height:18px;
	font-style:italic;
	width:180px;
	color:#888;
	}

#pastWork ul {
	list-style:none;
}

#pastWork ul li {
	list-style:none;
	}

#pastWork ul li a {
	padding:5px 0px;
	}
	

a, a:visited, a:active {
color:#666;
}

a:hover {
color:#008bcb;
}

.entry {
width:660px; 
margin:0pt auto;
padding:15px 0px 0px 0px;
border-bottom:1px #fff solid;
}

.description {
	float:left;
	width:220px;
}

.entry h3 { 
display:block;
color:#008bcb;
font-size:20px;
letter-spacing:-1px;
line-height:18px;
}

.entry img {
width:425px;
float:right;
border:1px solid #fff;
}

.entry p {
padding:0; 
color:#666;
font-size:12px;
padding:5px 0px 3px 0px;
}

.gallery {
padding:10px 0px; 
margin:0; 
list-style-type:none; 
position:relative; 
width:320px;
float:left;
}

.gallery img {
border:0;
}

.gallery li {
float:left;
}

.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#aaa; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:28px; 
border:1px solid #ccc;
margin-right:5px;
}

.gallery li a img {
position:absolute; 
top:-17px; 
left:234px; 
visibility:hidden; 
border:0;
}

.gallery li a:hover {
background:#008BCB;
color:#fff;
}

.gallery li a:active, .gallery li a:focus {
background:#008BCB; 
color:#fff;
}

.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

.boxBottom a {
color:#666;
}

.boxBottom a:hover {
color:#008BCB;
}

#previous {
color:#cccccc;
float:left;
font-size:16px;
font-style:italic;
padding:10px 0px 0px 35px;
}

#next {
color:#cccccc;
float:right;
font-size:16px;
font-style:italic;
padding:10px 35px 0px 0px;
}

.entry-about {
width:660px; 
margin:0pt auto;
padding:15px 0px 0px 0px;
border-bottom:1px #fff solid;
}

.entry-about h3 {
display:block;
color:#008bcb;
font-size:20px;
letter-spacing:-1px;
line-height:18px;
padding-bottom:8px;
}

.entry-about strong {
font-size:14px;
}

.entry-about p {
color:#a2a2a2;
padding:0px 0px 10px 0px;
}

#education {
float:left;
width:220px;
}

#experience {
float:right;
width:415px;
}