html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html { background:white; text-align:center; }
body { text-align:center; font-size:small; font-family:helvetica, sans serif; }
img { border:0px; }


a:link { color:#595959; text-decoration:none; }
a:visited { color:#595959; text-decoration:none;  }
a:hover {color:#CD6600;text-decoration:underline;}
a:active { color:#CD6600; text-decoration:underline; }
a.active_link {color:#CD6600; text-decoration:underline; }
a.active_link_side_bar {color:#CD6600; text-decoration:underline; }

.retail {
float:left;
margin-right:4px; margin-bottom:4px;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/retail_text.jpg') bottom;
	text-indent: -99999px;
}
.retail:hover {
	background-position: 0 0;
}

.bosch {
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/bosch.jpg') bottom;
	text-indent: -99999px;
}
.bosch:hover {
	background-position: 0 0;
}

.BXD {
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/BXD.jpg') bottom;
	text-indent: -99999px;
}
.BXD:hover {
	background-position: 0 0;
}

.reinterpreted{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/reinterpreted.jpg') bottom;
	text-indent: -99999px;
}
.reinterpreted:hover {
	background-position: 0 0;
}


.table{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/table.jpg') bottom;
	text-indent: -99999px;
}
.table:hover {
	background-position: 0 0;
}



.poster{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/poster.jpg') bottom;
	text-indent: -99999px;
}
.poster:hover {
	background-position: 0 0;
}

.fishing{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/fishing.jpg') bottom;
	text-indent: -99999px;
}
.fishing:hover {
	background-position: 0 0;
}

.packaging{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/packaging.jpg') bottom;
	text-indent: -99999px;
}
.packaging:hover {
	background-position: 0 0;
}

.backpack{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/backpack.jpg') bottom;
	text-indent: -99999px;
}
.backpack:hover {
	background-position: 0 0;
}

.site{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/Site.jpg') bottom;
	text-indent: -99999px;
}
.site:hover {
	background-position: 0 0;
}



.metal2{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/metal2.jpg') bottom;
	text-indent: -99999px;
}
.metal2:hover {
	background-position: 0 0;
}


.rendering1{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/rendering1.jpg') bottom;
	text-indent: -99999px;
}

.rendering1:hover {
	background-position: 0 0;
}


.rendering2{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/rendering2.jpg') bottom;
	text-indent: -99999px;
}
.rendering2:hover {
	background-position: 0 0;
}


.tray{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/tray.jpg') bottom;
	text-indent: -99999px;
}
.tray:hover {
	background-position: 0 0;
}


.metal1{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/metal1.jpg') bottom;
	text-indent: -99999px;
}
.metal1:hover {
	background-position: 0 0;
}



.sculpture{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/sculpture.jpg') bottom;
	text-indent: -99999px;
}
.sculpture:hover {
	background-position: 0 0;
}

.laser{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/laser.jpg') bottom;
	text-indent: -99999px;
}
.laser:hover {
	background-position: 0 0;
}

.laser{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/laser.jpg') bottom;
	text-indent: -99999px;
}
.laser:hover {
	background-position: 0 0;
}


.sketch{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/sketch.jpg') bottom;
	text-indent: -99999px;
}
.sketch:hover {
	background-position: 0 0;
}


.metal3{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/metal3.jpg') bottom;
	text-indent: -99999px;
}
.metal3:hover {
	background-position: 0 0;
}

.photography{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/photography.jpg') bottom;
	text-indent: -99999px;
}
.photography:hover {
	background-position: 0 0;
}


.GM{
margin-right:4px; margin-bottom:4px;
float:left;
	display: block;
	width: 300px;
	height: 300px;
	background: url('http://sophiayang.net/tiles/GM.jpg') bottom;
	text-indent: -99999px;
}
.GM:hover {
	background-position: 0 0;
}


a.top_nav:hover {color:#CD6600; text-decoration:underline;background:white;}
a.top_nav_active {color:#CD6600; text-decoration:underline;background:white; }

img.thumbnails {float:right;margin-top:10px;width:700px;height:453px;}
img.thumbnailsAbout {float:right; margin-right:3px; margin-top:20px; width:600px; height: 470px; background:#DFDFDF;}
img.thumbnails-exception-1 {margin-left:35px;margin-top:15px;width:180px;float:left}
img.thumbnails-exception-2 {margin-left:0px;margin-top:15px;float:right;width:500px;}
img.thumbnails-exception-3 {float:right;margin-top:10px;width:600px;}
img.resume {margin-right:-100px;margin-top:-10px; float:right;width:1250px;}
img.resume2 {margin-right:-200px;margin-top:0px; float:right;width:900px;}
img.tiles{width:300px;height:300px;}
img.logo{ width:301px;height:50px; float:left;}

div.logo{float:left;}
div.tiles{float:left;margin-left:0px;margin-top:10px;}

div.clear {clear:both;}

div.sidebar{background:white; width:180px; padding-right:6px; padding-bottom:6px; padding-top:2em; margin-right:0px;  margin-bottom:6px; margin-top:0px; float:left;}

div.aboutMe {margin-top: 20px; font-size:small; color:#595959; align:left; width:300px;text-align:left;float:left;}

div.top_nav { float:left; height:20px;width:909px;background:#DFDFDF;}

div.top_nav_link {font-size:medium;display:inline;margin-left:2em; margin-top:2em; }

div.container {margin-right:auto; margin-left:auto; width:912px; margin-top:10px;}

div.main{ margin:2em; width:1000px }

div.thumbnails {margin-left:150px; width:750px;min-width:760px;}

div.download {padding:10px; float:right;}

div.email { margin-top:25px;float:left; font-size:medium;}

div.center { margin-left:auto; margin-right:auto; width:500px;}

div.box {background:none;text-align:right; font-size:medium;font-color:#DFDFDF;padding:6px;margin-right:auto; margin-left:auto;width:200px;}

div.image_box {background:#DFDFDF;margin:6px;height:120px;width:120px;border-style:solid; border-color:black;padding:6px;position:relative;float:left;}

div.prev-next { clear:both; font-size:medium; color:#595959; align:left;}

div.prototype { clear:both; margin-left: 220px; padding-top:70px;padding-bottom:70px; font-size:30pt; color:#595959; float:left;}