/* Makeshift CSS Reset */  
{  
	margin: 0;  
    padding: 0;  
}  
      
/* Tell the browser to render HTML 5 elements as block */  
header, footer, nav {  
    display: block;  
}  

body {  
	/*margin: 0 auto;*/
	width: 100%;
    font: 14px  Helvetica, Arial, sans-serif;
	line-height: 16px;
	background-image:url('images/StripedBackground.png');
    } 
	

.header a:link{color: #FFFFFF; text-decoration:none;}
.header a:hover{color: #F76E08;}
.header a:active{color: #F76E08;}
.header a:visited{color: #FFFFFF;}

.thumb a:hover{background-color:#F76E08;} 

img.outline {
	border: 1px #777777 solid;
	margin: 5px 0 0 0;
	}
	
	


.shadow {
-moz-box-shadow: 0 0 15px 3px #444444;
-webkit-box-shadow: 0 0 15px 3px #444444;
}





#content{
	margin: 0 auto;
	width: 1024px;
	height: 760px;
	background: white;
}


	
#header {  
    display: table;
	height: 30px;
	width: 1024px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #666666;
}


#title {
    display: table-cell;
	padding-left: 50px;
	font-size: 24px;
    color: #DDDDDD;
	vertical-align: bottom;
}


nav {
	display: table-cell;
	padding-right: 50px;
	font-size: 13px;
	text-align: right; 
    color: #FFFFFF;
	vertical-align: bottom;
}


#headline {  
	display: table;
	height: 40px;
	width: 1024px;
	padding-top: 20px;
	background: #FFFFFF;
}



#thumbs {
  	display: table;
	width: 924px;
	height: 635px;
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 10px;
	color: #666666;
}


#content1 {  
    display: table;
}


#thumb1 {  
        display: table-cell;  
        width: 231px;
		}
	
#thumb2 {  
        display: table-cell;  
        width: 231px;
}
#thumb3 {  
        display: table-cell;  
        width: 231px;
    }
#thumb4 {  
        display: table-cell;  
        width: 231px;
}

#content2 {  
    display: table;  
}  

#thumb5 {  
        display: table-cell;  
        width: 231px;  
    }
#thumb6 {  
        display: table-cell;  
        width: 231px;  
}
#thumb7 {  
        display: table-cell;  
        width: 231px;  
    }
#thumb8 {  
        display: table-cell;  
        width: 231px;  
}



#worksample {  
        display: table-cell;  
        width: 691px;
		vertical-align: top;
		padding-right: 10px;
		}

.about { font-size: 22px;
	line-height: 26px;
    color: #7777777;
}




.caption {font-size: 12px;
    color: #7777777;
}


#encoding {
        width: 223px;
		padding-top: 60px;
		vertical-align: top;
}

.projecttitle{
	font-size: 16px;
	line-height: 26px;
    color: #F76E08;
}

.projectlink a:link{color: #777777; text-decoration:none;}
.projectlink a:hover{color: #F76E08;}
.projectlink a:active{color: #F76E08;}
.projectlink a:visited{color: #777777;}

.currentlink{font-weight:bold;}