@font-face {
    font-family: 'JosefinSansStd-Light';
    src: url('../font/JosefinSansStd-Light-webfont.eot');
    src: url('../font/JosefinSansStd-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/JosefinSansStd-Light-webfont.woff') format('woff'),
         url('../font/JosefinSansStd-Light-webfont.ttf') format('truetype'),
         url('../font/JosefinSansStd-Light-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



*{margin:0px;padding:0px;border:0px;}
body{font-family:Arial, serif;font-size:12.5px;color:#000;background-color:#EAE9E8;
line-height:19px;}

h1{color:#000;font-weight:bold; font-size:12px; margin-bottom:10px;}
a{color:#000;text-decoration:none; }
.float{float:left;}
.spacer{clear:left; width:100%}
.dropshadows{box-shadow: 5px 5px 7px 0 #666; -webkit-box-shadow: 5px 5px 7px 0 #666; -moz-box-shadow: 5px 5px 7px 0 #666; }

#layout{
	float: left;
	width: 100%;
	margin: 20px 0px;
}
#menu-col{
	float: left;
	width: 200px; /*Width of left column*/
	margin-left: -100%;
	padding:20px;
}

#content{
	margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#title{ margin-bottom:13px;}
#title a{ font-size:13px; }

#news-content{width:600px;}
.news { width:600px; margin-bottom:50px}
.news h1{margin-bottom:10px;}
.news .date{float:right; font-size:10px;}
.news .text{margin-bottom:10px; width:600px;}
.news a{text-decoration:underline;}
.news iframe, .news object {box-shadow: 5px 5px 7px 0 #666; -webkit-box-shadow: 5px 5px 7px 0 #666; -moz-box-shadow: 5px 5px 7px 0 #666;}
.images img{margin-bottom:20px; box-shadow: 5px 5px 7px 0 #666; -webkit-box-shadow: 5px 5px 7px 0 #666; -moz-box-shadow: 5px 5px 7px 0 #666; width:600px; }
.nextButton{}
.previousButton{float:right; }

.work{width:800px;}
.work-name{font-weight:bold; margin-bottom:10px;}
.work-text{float:left;width:180px;}
.work-text .text2{margin-top:10px; color:#666;}
.work-text a{text-decoration:underline;}
.work-flash{float:left; margin-bottom:40px;padding-right:20px;}
.work-flash iframe, .work-flash object { box-shadow: 5px 5px 7px 0 #666; -webkit-box-shadow: 5px 5px 7px 0 #666; -moz-box-shadow: 5px 5px 7px 0 #666;}
.work-img{float:left; padding-right:20px;}
.work-img img{margin-bottom:40px; box-shadow: 5px 5px 7px 0 #666; -webkit-box-shadow: 5px 5px 7px 0 #666; -moz-box-shadow: 5px 5px 7px 0 #666; }
.work-new{position:absolute; float:right; top:-10px; right:-20px;}
#work-page-button {margin-right:40px;}
.left{float:left;width:600px; padding-right:20px;}

.thumb{
	width:230px;
	margin-bottom:40px;
	background-color:#FFF;
	color:#000;
	box-shadow: 5px 5px 7px 0 #666;
	line-height:1px;
}

.col{float:left;margin-right:60px;}
.col h1{color:#000;margin-bottom:10px; font-weight:bold; text-transform:capitalize}

#contact .email{text-decoration:underline;}
#contact img{ box-shadow: 5px 5px 7px 0 #666; -webkit-box-shadow: 5px 5px 7px 0 #666; -moz-box-shadow: 5px 5px 7px 0 #666; }

#about{width:520px; margin-bottom:20px;}
#about a{text-decoration:underline;}

.link a{ color:#09F; }
.link h1{ margin-bottom:0px; }

.bonus { margin-top:10px;color:#999; }
.bonus a{ color:#666; font-weight:bold; }

#sketchbook-area{width:800px; float:left; padding-right:20px;}
#sketchbook-img{margin-top:15px; box-shadow: 5px 5px 7px 0 #666; -webkit-box-shadow: 5px 5px 7px 0 #666; -moz-box-shadow: 5px 5px 7px 0 #666; }
#next-button { width:100px;float:left;height:26px;}
#back-button { width:100px;float:right;text-align:right;height:26px;}