body {
font-family:"Lucida Grande", Tahoma, Verdana, Helvetica, Arial, sans-serif;
background:#ffffff;
font-size:11px;
color:#c1c1c1;
line-height:16px;
margin:0;
padding:0;
height:100%;
}

/* ----------------------- divs ----------------------- */

#container {
width:980px;
background:#ffffff;
margin:0 auto 0 auto;
padding:0;
}

#header {
width:980px;
height:130px;
margin:0;
margin-top:20px;
margin-bottom:30px;
padding:0;
}

#main {
width:980px;
margin:0;
padding:0;
}

#nav {
float:left;
display:inline;
width:980px;
text-align:center;
margin:0;
padding:0;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #ecebeb;
}

#footer {
clear:both;
background:#ffffff;
width:980px;
height:60px;
margin:0;
padding:0;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #ecebeb;
text-align:left;
}

/* ----------------------- classes ----------------------- */

.portfolio-item {
float:left; 
width:980px;
text-align:left;
margin:0; 
padding:0;
padding-top:20px;
padding-bottom:20px;
border-top:1px solid #ecebeb;
position:relative
}

.portfolio-description {
float:left; 
width:980px;
margin:0; 
padding:0;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #ecebeb;
position:relative
}

.portfolio-item-first {
float:left; 
width:980px;
text-align:left;
margin:0; 
padding:0;
padding-top:30px;
padding-bottom:10px;
border-top:1px solid #ecebeb;
position:relative
}

.title {
float:left;
width:300px;
height:230px;
margin:0;
padding:0;
}

.info-section {
float:left;
width:940px;
text-align:left;
margin:0;
padding:0;
padding-top:8px;
padding-bottom:10px;
border-top:1px solid #ddd;
}

.portfolio-image { 
width:640px;
float:right;
margin:0; 
padding:0;
background:#ffffff;
}

.portfolio-image-project { 
width:640px;
float:right;
margin:0; 
padding:0;
padding-top:10px;
padding-bottom:10px;
background:#ffffff;
}

.portfolio-image-description { 
width:980px;
float:left;
margin:0; 
padding:0;
background:#ffffff;
}

.top-button {
margin:0;
padding:0;
padding-bottom:10px;
position:absolute;
clear:left;
clear:right;
bottom:0;
left:0;
}

.about-button {
margin:0;
padding:0;
float:right;
}

#nav .selected {
color:#333333;
}

#nav .last {
margin-right:0px;
}

#nav .last_selected {
margin-right:0px;
color:#333333;
}

/* ----------------------- lists ----------------------- */

.info-section ol {
text-align:left;
margin:0;
list-style:none;
padding:0;
padding-top:12px;
}

.info-section li {
padding-top:3px;
color:#8b8b8b;
font-size:13px;
border-bottom:1px solid #ffffff;
}

/* ----------------------- links ----------------------- */

a {
margin:0;
padding:0;
color:#a1a1a1;
font-size:11px;
font-weight:lighter;
text-decoration:none;
}

a:hover {
color:#333333;
}

#nav a {
color:#a1a1a1;
text-transform:uppercase;
margin-right:60px;
}

#nav a:hover {
color:#333333;
}

#footer a {
margin:0;
padding:0;
color:#000000;
}

#footer a:hover {
color:#a1a1a1;
}

#footer a:visited {
color:#000000;
}

/* ----------------------- Headings ----------------------- */

h1 {
margin:0;
padding:0;
font-family:Georgia, Times, serif;
color:#333333;
font-size:16px;
font-weight:lighter;
}

h2 {
margin:0;
padding-top:3px;
color:#000000;
font-size:12px;
font-weight:normal;
}

h3 {
width:290px;
margin:0;
padding-top:10px;
color:#909090;
font-size:11px;
font-weight:normal;
line-height:15px;

}

.info-section h1 {
padding-top:6px;
}

.info-section h2 {
padding-top:12px;
color:#8b8b8b;
}

/* ----------------------- Paragraphs ----------------------- */

p {
font-size:12px;
padding:0;
margin:0;
color:#000000;
}

#nav p {
text-decoration:none;
color:#333333;
text-transform:uppercase;
font-size:10px;
font-weight:normal
}

#footer p {
color:#a1a1a1;
font-size:11px;
padding:0;
padding-top:5px;
}

/* ----------------------- Images ----------------------- */

img {
border:0;
margin:0;
padding:0;
}