body {
	background-color: #FFFFFF;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
	color: #333333;
	padding: 0;
	margin: 0;
	text-align: center;
	
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#header {
	text-align: center;
}

#content {
	
}

#footer {
	width: 900px;
	height: 48px;
	text-align: center;
	
}


/* --- Typography --- */

h1 {
  line-height: 32px;
  font-size: 24px;
  font-weight: bold;
  font-family: 'Helvetica Neue', Helvetica,  Arial, Verdana, Trebuchet MS, sans-serif;
 
}

h2 {
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
}


p {
  line-height: 16px;
  font-size: 11px;
  padding-bottom: 16px;
  font-family: 'Helvetica Neue', Helvetica,  Arial, Verdana, Trebuchet MS, sans-serif;
}


a {
	color:#000000;
	border-bottom:0px dotted #444;
	text-decoration:none;
	padding-bottom: 0px;
}

a:hover{
	color:#FF0000;
	border-bottom:0px dotted #ccc;
	margin-bottom: 0px;
}


/*Grid items*/
#grid { /* Container for thumbnail divs */

}

.thumb { /* Individual thumbnail cells */
  text-align: center;
  float: left;
  margin: 5px;
  width:290px;
}


/*Hidden detail info*/
.project_info_container {
background-image:url(images/bg_overlay.png);
display:none;
height:100%;
left:0;
position:absolute;
right:0;
top:0;
width:100%;
z-index:5;
}
.project_info_table {
clear:both;
color:#666666;
font-family:'Helvetica Neue', Helvetica,  Arial, Verdana, Trebuchet MS, sans-serif;
font-size:12px;
height:100%;
line-height:16px;
margin-top:0;
opacity:0.9;
position:fixed;
right:0;
top:0;
width:280px;
z-index:40000;
}
.table_left {
background-image:url(images/bg_detail_shadow.png);
width:25px;
}
.table_right {
background-color:#000000;
margin-top:0;
padding:20px;
text-align:left;
width:267px;
z-index:20;
}
.table_right h1 {
	color:#FFFFFF;
	font-family:'Helvetica Neue', Helvetica,  Arial, Verdana, Trebuchet MS, sans-serif;
	font-size:34px;
	font-weight:normal;
	margin-bottom:8px;
	margin-top:25px;
	padding:0;
}
.table_right h2 {
	color:#FFFFFF;
	font-family:'Helvetica Neue', Helvetica,  Arial, Verdana, Trebuchet MS, sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:5px;
	margin-left:0;
	margin-top:12px;
}
.table_right a {
	color:#CC0000;
}
.table_right a:hover {
	background-color:#FFFFFF;
	color:#FFFFFF;
}
.detail_divider {
border-top:1px solid #333333;
clear:right;
margin-bottom:15px;
margin-top:0;
}
.detail_padding {
padding:0 10px;
}

#images {
cursor:move;
height:100%;
position:absolute;
z-index:1;
}

#image1 {
height:100%;
position:absolute;
z-index:1;
}

#nav-example {
width: 404px;
height:59px;
margin:0 auto;
padding:0;
}
#nav-example li {
height:59px;
width: 91px;
margin-right: 10px;
float:left;
list-style:none;
}
#nav-example a {
height:59px;
width: 91px;
display:block;
text-indent: -999em;
}
#m-portfolio a:link, #m-portfolio a:visited {background:url(images/nav.gif) 0 0 no-repeat; }
#m-about a:link, #m-about a:visited {background:url(images/nav.gif) -104px 0 no-repeat; }
#m-contact a:link, #m-contact a:visited {background:url(images/nav.gif) -208px 0 no-repeat; }
#m-blog a:link, #m-blog a:visited {background:url(images/nav.gif) -312px 0 no-repeat; }

#m-portfolio a:hover, #m-portfolio a:active {background:url(images/nav.gif) 0 -59px no-repeat; }
#m-about a:hover, #m-about a:active {background:url(images/nav.gif) -104px -59px no-repeat; }
#m-contact a:hover, #m-contact a:active {background:url(images/nav.gif) -208px -59px no-repeat; }
#m-blog a:hover, #m-blog a:active {background:url(images/nav.gif) -312px -59px no-repeat; }