html{border:none;width:100%;height:100%;min-height:440px;overflow:auto;padding-right:expression(document.body ? (document.documentElement.clientHeight < document.body.clientHeight ? "17px":"0px") : "0px");}
div, html, body,div,span,p,a,ul,li,h1,h2,h3,h4,img,blockquote,address,dl,dt,dd {margin:0;padding:0;border:0;font-weight:normal;font-style:normal;}
body {position:relative;border:none;margin: 0;padding:0;height:100%;min-height:440px;min-width:660px;font-family: "Helvetica Neue", "Helvetica 55 Roman", Helvetica, Arial, sans-serif;font-size:13px;background:#000;}

#topnav{position:relative;color:#fff;text-transform:uppercase;width:100%;height:166px;}
#topnav h1 {position:relative;display:block;width:218px;height:56px;left:33px;top:33px;font-size:32px;font-weight: bold;text-indent:-4000px;background:url(../images/mattdamer.png) left top no-repeat;}
#topnav h2, #language-select {position:absolute;top:120px;font-size: 11px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;font-weight: 300;letter-spacing: 1px;line-height:33px;padding-bottom:4px;}
#topnav h2 {left:0;width:66%;text-align: center;word-spacing:15px;}
#language-select{right:33px;word-spacing:1em;}
#topnav a,
#topnav a:visited,
#topnav a:active {color:#545454;text-decoration: none;}
#language-select a.selected{color:#fff;}

#content{position:relative;display:block;width:100%;background:#fff;border-bottom:33px solid #000;}

#work{position:relative;display:block;left:0;right:0;overflow:hidden;}

.closebutton{position:absolute;top:10px;right:10px;background: url(../images/close.png) center center no-repeat;height:7px;width:7px;margin:0;padding:14px;cursor: pointer;}


#work ul, #work ul li {list-style: none;}

#work ul {position:relative;display:block;padding-top:100px;left:33%;right:0;background:#9a9a9a url(../images/gradient_bg.jpg) no-repeat left center;}

#work li {
	position:relative;
	overflow:hidden;
	-webkit-transition-property:width, height, left;
	-webkit-transition-duration: 1s;
	-moz-transition-property:width, height, left;
	-moz-transition-duration: 1s;
	/*-webkit-transition-timing-function: cubic-bezier(1, 0, 0.1, 1);*/
}

.left{left:-30%;background:red;}
.right{background:red;}


#work li div {
	opacity:0;
	-webkit-transition-property:opacity;
	-webkit-transition-duration: 1s;
	-moz-transition-property:opacity;
	-moz-transition-duration: 1s;
}


#work p {line-height: 21px;font-size: 13px;padding:33px;padding-bottom:27px;}

#work p a {color:#000;}

#work p strong {font-weight:normal;color:#fff;}

#work thePlayer {width:100%;height:50px;clear:both;display:block;padding:33px;padding-bottom:0;}


#contact{position:relative;display:block;width:30%;padding-top:100px;background:none;height:70px;}

#contact p {padding-top: 0;padding-bottom:0;}

#contact p {text-align: right;}

#contact p a {text-decoration: none;}
#contact p a.email {font-weight:bold;}


#bio{background:none;width:50%;top:-70px;}

#bio p {padding-top: 0;padding-bottom:13px;}



#work li.proj1_closed{width:9.3%;height:66px;background:#99CCFF;cursor: pointer;}
#work li.proj1_closed:hover{width:14.3%;height:76px;}
#work li.proj1_open{width:30%;height:400px;background:#99CCFF;}
#work li.proj1_open div {opacity:1;}

#work li.proj2_closed{width:11.2%;height:50px;left:-11.2%;background:#FFCC33;cursor: pointer;}
#work li.proj2_closed:hover{width:16.2%;height:60px;left:-16.2%;}
#work li.proj2_open{width:30%;height:400px;left:-30%;background:#FFCC33;}
#work li.proj2_open div {opacity:1;}

#work li.proj3_closed{width:6%;height:15px;background:#33CC33;cursor: pointer;}
#work li.proj3_closed:hover{width:11%;height:25px;}
#work li.proj3_open{width:30%;height:400px;background:#33CC33;}
#work li.proj3_open div {opacity:1;}

#work li.proj4_closed{width:6.6%;height:94px;left:-6.6%;background:#9966CC;cursor: pointer;}
#work li.proj4_closed:hover{width:11.6%;height:104px;left:-11.6%;}
#work li.proj4_open{width:30%;height:400px;left:-30%;background:#9966CC;}
#work li.proj4_open div {opacity:1;}

#work li.proj5_closed{width:26.7%;height:125px;background:#993366;cursor: pointer;}
#work li.proj5_closed:hover{width:31.7%;height:135px;}
#work li.proj5_open{width:30%;height:400px;background:#993366;}
#work li.proj5_open div {opacity:1;}

#work li.proj6_closed{width:2.4%;height:13px;left:-2.4%;background:#996600;cursor: pointer;}
#work li.proj6_closed:hover{width:7.4%;height:23px;left:-7.4%;}
#work li.proj6_open{width:30%;height:400px;left:-30%;background:#996600;}
#work li.proj6_open div {opacity:1;}

#work li.proj7_closed{width:2.7%;height:30px;background:#CC0099;cursor: pointer;}
#work li.proj7_closed:hover{width:7.7%;height:40px;}
#work li.proj7_open{width:30%;height:400px;background:#CC0099;}
#work li.proj7_open div {opacity:1;}

#work li.proj8_closed{width:10.2%;height:46px;left:-10.2%;background:#FF6633;cursor: pointer;}
#work li.proj8_closed:hover{width:15.2%;height:56px;left:-15.2%;}
#work li.proj8_open{width:30%;height:400px;left:-30%;background:#FF6633;}
#work li.proj8_open div {opacity:1;}

#work li.proj9_closed{width:15.6%;height:33px;background:#669933;cursor: pointer;}
#work li.proj9_closed:hover{width:20.6%;height:43px;}
#work li.proj9_open{width:30%;height:400px;background:#669933;}
#work li.proj9_open div {opacity:1;}

#work li.proj10_closed{width:3.3%;height:33px;left:-3.3%;background:#008985;cursor: pointer;}
#work li.proj10_closed:hover{width:8.3%;height:43px;left:-8.3%;}
#work li.proj10_open{width:30%;height:400px;left:-30%;background:#008985;}
#work li.proj10_open div {opacity:1;}

#work li.proj11_closed{width:1%;height:33px;left:-1%;background:#644E00;cursor: pointer;}
#work li.proj11_closed:hover{width:6%;height:43px;left:-6%;}
#work li.proj11_open{width:30%;height:400px;left:-30%;background:#644E00;}
#work li.proj11_open div {opacity:1;}