/* CSS Document */


body {
background-color: #333333;
}

#mainwrapper {
margin: 0 auto;
margin-top: 30px;
padding: 0;
width: 900px;
position: relative;
}

#header {
width: 900px;
font: 13px Arial, Helvetica, sans-serif;
color: #cccccc;
margin-bottom: 0;
}

#header a {
color: #cccccc;
text-decoration: none;
}

#header a:hover {
color: #CC9900;
}

.nav {
margin: 0;
padding: 0;
vertical-align: bottom;
}

.navlist li {
display: inline;
}

.navpike {
margin: 0 3px 0 3px;
}

.resume {
display: block;
width: 78px;
height: 15px;
margin: 0;
text-decoration: none;
background: url(images/viewresume.gif);
float: right;
}

.resume:hover {
background-position: 0 15px;
}

.gmail {
display: block;
width: 170px;
height: 15px;
margin: 0 0 0 30px;
text-decoration: none;
background: url(images/gmail.gif);
float: right;
}

.gmail:hover {
background-position: 0 15px;
}

img {
border: none;
}

#thumbnails {
margin: 25px 0 0 0;
padding: 0;
width: 910px;
}

#thumbnails img {
margin: 0 5px 0 5px;
}

/* Hidden Divs*/

#hidden_divs {
margin: 0 auto;
width: 900px;
padding: 0;
top: 55px;
left: 0;
position: absolute;
}

#hidden1 {  
display: none;
}

#hidden2 {   
display: none; 
}  

#hidden3 {   
display: none; 
}  

#hidden4 {   
display: none; 
}  

#hidden5 {   
display: none; 
}  

#hidden6 {   
display: none; 
}  


.content {
display: block;
background-color: #ccc;
position: relative;
margin: -6px 6px 6px -6px;
padding: 4px;
width: 892px;
height: 450px;
font: 13px Arial, Helvetica, sans-serif;
color: #333333;
  } 
  
.img-shadow {
float:left;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
} 

.screenshots_copy {
width: 255px;
margin: 20px 0 0 15px;
padding: 5px;
float: left;
}

.project_title {
font: bold 14px Arial, Helvetica, sans-serif;
color: #333333;
}

.launchbtn {
margin: 15px 0 0 0;
}

.screenshots {
margin-top: 20px;
padding: 0;
float: right;
}

.closebtn {
display:block;
width: 24px;
height: 24px;
text-decoration: none;
float: right;
background: url(images/closebtn.jpg);
}
 
.closebtn:hover {
background-position: -24px 0;
}
  
  
/* End Hidden Divs*/