/* 
========================
matt from gridinator
    
=========================
*/
* { /* quick reset */
	margin: 0;	
}

body { 
	font-size: 11px;
	margin: 0;
	margin-top:0px;
	padding: 0;
	text-align: center;
	background: #3b3b39;
	background-image: url('../images/background.gif'); 
	background-position: top center;
	background-repeat: repeat-y;
}





div#wrapper {
	margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
	text-align: left;
	width: 960px;
    background-color:#FFFFFF;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 0px;
	
}

div#header {
    margin: 0px;
    width: 960px;
    text-align:left;
    padding:20px;
    padding-left:40px;
}


div#main {
    margin: 0px;
    width: 940px;
    clear:both;
    text-align:left;
	padding:20px;
    padding-left:40px;
	}

div#footer {
   margin: 0px;
    width: 940px;
    clear:both;
    text-align:left;
	padding:20px;
    padding-left:40px;
}

div#logo {
	float: left;
	margin: 0px;
	padding: 0px;
	width:230px;
}

div#strap {
	float: left;
	padding: 0px;
	margin-top: 40px;
	width:420px;
}

div#topnav {
	float: left;
	margin: 0px;
	padding-left: 30px;
	margin-top: 70px;
	width:150px;
}

div#image {
	float: left;
	margin: 0px;
	padding: 0;
	width:640px;
	height:520px;

}

div#rightnav {
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	margin: 0px;
	padding-left: 40px;
	width:200px;
	height:520px;
	position:relative
}

div#copyright {
	float: left;
	margin: 0px;
	padding: 0px;
	width:230px;
}

div#moreinfo {
	float: right;
	padding: 0px;
	width:420px;
}

#project-detail 
{ 
    position: absolute; 
    bottom: 0; 
    width:200px;
}

h1 {
font-size: 16px;
color: #777;
font-family:"Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:600;
text-transform: uppercase;
letter-spacing:.13em;
text-decoration:underline;
}

h2 {
font-size: 13px;
color: #777;
font-family:"Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:600;
text-transform: uppercase;
letter-spacing:.13em;
text-decoration:underline;
margin-top: 10px;
}

h3 {
font-size: 11px;
font-family:"Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
font-style: italic;
}


p {
font-size: 11px;
font-family:"Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
letter-spacing:.10em;

}

		
a {
font-size: 11px;
font-family:"Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
letter-spacing:.10em;
line-height:16px;
text-decoration: underline;
font-weight:600;

	}

a:hover {
font-size: 11px;
font-family:"Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing:.10em;
line-height:16px;
color: #333;
font-weight:600;
}

.one-col, .two-col, .three-col, .four-col {
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
	color: #ccc;
}
.one-col {
	width: 180px;
}

.two-col {
	width: 180px;
}

.three-col {
	width: 365px;
}