html, body { 
margin:0; 
padding:0; 
text-align:center; 
} 

p, div, h1, h2, h3, h4, h5, h6, form {
margin:0px;
padding:0px;
}

img {
border:none;	
}

#pagewidth { 
width:960px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
} 

#top {
width:960px;
text-align:center;
padding:10px 0px;
clear:both;
display:inline-block;
}

#top .left {
width:122px;
margin-right:60px;
float:left;
}

#top .right {
width:778px;
float:left;
text-align:right;
}

#top p {
font-size:10px;
line-height:200%;
color:#5a4A19;
font-family:Arial, Helvetica, sans-serif;
position:relative;
top:36px;
right:0px;
}

#top a {
color:#aebb19;
text-decoration:none;
}

#top a:hover {
text-decoration:underline;
}

#maincol {
background-color:#fff;  
float:right; 
display:inline; 
position:relative; 
width:960px; 
padding-top:40px;
}

#statement {
width:960px;
clear:both;
display:inline-block;
}

#statement h2, h3 {
margin-bottom:10px;	
}

#statement h2 {
font-size:26px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#5a4a19;
}

#statement h3 {
font-size:20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#aebb19;
line-height:150%;
}

#statement a {
font-size:inherit;
font-family:inherit;
color:#53590c;
text-decoration:none;
}

#statement a:hover {
color:#000;	
}

#statement .sample {
width:290px;
margin-right:45px;
height:255px;
float:left;
display:block;
background:url(images/work-shadow.jpg) bottom center no-repeat #fff;
position:relative;
}

#statement .overlay {
position:absolute;
top:0;
right:0;
width:290px;
height:219px;
z-index:2;
}

#project {
width:960px;
clear:both;
display:inline-block;
}

#project .left {
width:125px;
margin-right:20px;
float:left;
}

#project .center {
width:545px;
float:left;
margin-right:20px;
}

#project .right {
width:250px;
float:left
}

#project h2, h3 {
margin-bottom:10px;	
}

#project h2 {
font-size:26px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#5a4a19;
}

#project h3 {
font-size:20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#aebb19;
line-height:150%;
}

#project h5 {
text-transform:uppercase;
font-size:14px;
color:#666;
font-family:Verdana, Geneva, sans-serif;
}

#project ul {
width:100%;
list-style-type:none;
margin:0;
padding:0;
}

#project ul li {
list-style-type:none;	
padding:5px 0px;
border-bottom:1px dotted #ccc;
width:250px;
}

#project ul li a {
color:#999;
font-size:14px;
text-decoration:none;
padding:5px 0px;
font-family:Verdana, Geneva, sans-serif;
}

#project a {
font-size:inherit;
font-family:inherit;
color:#53590c;
text-decoration:none;
}

#project a:hover {
color:#000;	
}

#feature {
width:960px;
margin-top:80px;
clear:both;
}

#feature h1 {
text-transform:uppercase;
font-size:24px;
color:#5a4a19;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
letter-spacing:-0.03em;
text-indent:45px;
}

#feature .box {
height:210px;
background:#e8ecb4;
border-top:1px solid #5a4a19;
border-bottom:1px solid #5a4a19;
padding:20px;
margin-top:-7px;
}

#bottom, #sub {
width:960px;
clear:both;
display:inline-block;
margin-top:30px;
padding-top:50px;
border-top:1px solid #a9a187;
}

#bottom .left {
float:left;
width:525px;
margin-right:60px;
}

#bottom .left-left, #bottom .about-left {
width:165px;
margin-right:15px;
float:left;
}

#bottom .left-right {
width:345px;
float:left;
}

#bottom .about-right {
width:780px;
float:left;
}

#bottom .right {
float:left;
width:375px;
}

#bottom .logo {
width:125px;
height:125px;
float:left;
}

#bottom h3, #work h3, #sub h3 {
font-size:22px;
color:#aebb19;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height:130%;
}

#bottom p, #bottom ul, #sub p {
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#5A4A19;
line-height:235%;
}

#sub p {
margin-bottom:30px;	
}

.credit {
font-size:10px;
color:#999;
}

.lower {
margin-top:9px;	
}

#bottom a {
color:#aebb19;
text-decoration:none;
}

#bottom a:hover {
color:#000;	
text-decoration:underline;
}

.resume {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#5a4a19;
}

.resume:hover {
color:#aebb19;	
}

#footer {
width:960px;
margin-top:80px;
border-top:1px solid #a9a187;
padding:15px 0px;
clear:both;
}

#footer p {
font-size:12px;
color:#5a4a19;
font-family:Arial, Helvetica, sans-serif;
line-height:170%;
text-align:right;
}

#footer a {
text-decoration:none;
color:#aebb19;
}

#footer a:hover {
text-decoration:underline;	
}

.form {
width:100%;	
}

.form .input {
border:none;
background:#e8ecb4;
padding:6px 8px;
}

.form .input, .form .textarea {
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#5a4a19;
}

.form .submit {
background:#5a4a19;
color:#fff;
border:none;
cursor:pointer;
padding:8px 12px;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
}

.form .submit:hover {
background:#000;
color:#ccc;
}

#maincol #data, #maincol #data2 {
display:none;
}

/*NAVIGATION STYLES*/
#navcontainer {
width:960px;
border-top:1px solid #a9a187;
border-bottom:1px solid #a9a187;
padding:7px 0px;
clear:both;
margin-top:20px;
}

#navlist {
width:960px;
text-align:center;
margin:0px;
padding:0px;
}

#navlist li {
list-style-type:none;
display:inline;
margin-right:80px;
font-family:Verdana, Geneva, sans-serif;
text-transform:uppercase;
color:#5a4a19;
font-size:15px;
font-weight:bold;
text-decoration:none
}

#navlist .last, #statement .last {
margin-right:0px;	
}

#navlist li a {
font-family:Verdana, Geneva, sans-serif;
text-transform:uppercase;
color:#aebb19;
font-size:15px;
font-weight:bold;
text-decoration:none
}

#navlist li a:hover, #current {
color:#5a4a19;
}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */