@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('helveticaneueltstd-roman-webfont.eot');
    src: url('helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueCn';
    src: url('helveticaneueltstd-hvcn-webfont.eot');
    src: url('helveticaneueltstd-hvcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-hvcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-hvcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-hvcn-webfont.svg#HelveticaNeueLTStd87HvCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clear{
	clear:both;
}
body{
	margin:0;
	padding:0;
    font-family: 'HelveticaNeueRoman', Helvetica;
	font-size: 25px;
}
a{
	font-family:'HelveticaNeueCn';
	text-decoration: none;color:#999;
	display:block;
}

img{
	border:0;
}
ul{
	
}	
li{
	list-style: none;
}
h1{

}
h2{

}
h3{

}
body{
	padding:50px;margin:0;
}
.menu{
	float:left;width:140px;min-height:570px;position:relative;
}
.sub-menu{
	float:left;width:220px;margin-right:20px;
}
.sub-menu a{
	display:none;margin-bottom:6px !important;font-size:18px;	
}
.sub-menu a span{
	font-family:'HelveticaNeueRoman';
	font-size:13px;
	display:block;
}
a:hover, a.selected{
	color:#000;
}
.black a:hover, .black a.selected, .black a.selected:hover{
	color:#fff !important;
}
.menu a, .sub-menu a{
	margin-bottom:30px;
	font-size: 20px;
}
.grey{
	color:#999;
}
#work, #work-album{
	display:none;
}
#content{
	width:800px;
	float:left;
}
#content a{
	font-size:14px;float:left;margin-right:20px;
}
#controls{
	display:none;
}
#work-container{
	height:571px;border-bottom:1px dotted #999;width:100%;padding-bottom:20px;margin-bottom:14px;background:url('/images/loading.gif') center center no-repeat;border-top:1px dotted #999;margin-top:-21px;padding-top:20px;
}
.black #work-container{
	background:url('images/loading-black.gif') center center no-repeat;
}

#video iframe{
	margin-top:80px;
}
body.loading{
	overflow:hidden;
}
#work-album a img{
	max-width:173px;height:123px;
}
#loading{
	position:absolute;width:100%;height:100%;background:#fff url('/images/julie-splash.gif') center center no-repeat;z-index:1000;cursor:pointer;top:0;left:0;
}
#theme{
	width:20px;height:20px;background:#000;border:1px solid #999;margin:5px;position:absolute;bottom:10px;left:-4px;
}
.black #theme{
	background:#fff;
}
#logo{
	text-indent:-3000em;overflow:hidden;margin:0 0 60px 0;font-size:20px;display:block;background:url('/images/logo-on-white.gif') top left no-repeat;width:177px;height:94px;
}
.black #logo{
	background:url('/images/logo-on-black.gif') top left no-repeat;
}
.black{
	background:#000;
}
.black .counter{
	color:#fff;
}

#slideshow div{
	width:800px;height:533px;text-align:center;position:absolute;background:#fff;
}
.black #slideshow div{
	background:#000;
}
#slideshow img{
	max-width:800px;height:533px;
}
#slideshow{
	display:none;background:#fff;width:800px;height:500px;
}
.black #slideshow{
	background:#000; 
}
#feature-image{
	display:block;margin:0 auto;max-height:570px;max-width:800px;
}
.counter{
	float:left;margin-right:20px;
}
.fl{
	float:left;
}
#prev{
	float:left;margin-right:20px;
}
#all{
	float:right !important;
	margin-right:0 !important;
}
#work-album{ display:none; }
#work-album a{ text-align:center;width:173px; float:left;padding:5px 5px 0 5px;border:1px dotted #999;margin:0 20px 20px 0; }
#work-album a:hover{ border:1px dotted #000; }
#work-album img{ }
#bio, #contact{
	float:left;margin-left:100px;width:800px;height:600px;display:none;font-family:'HelveticaNeueRoman';font-size:13pt;line-height:17pt
}
.black{
	color:#fff;
}
#bio p, #contact p{
	margin-bottom:20px;
}
#contact a{
	font-size:20pt;margin-top:120px;
}
#bio a, #contact a{
	font-family: 'HelveticaNeueRoman';float:none;display:inline;
}
.black #bio{
}
.container{
	width:1200px;overflow:hidden;position:relative;
}
#contact{
	text-align:center;
}
#trans{
	position:absolute;z-index:1000
}
#work-container{
	position:relative;
}
#video{
	position:absolute;top:0;left:0;width:800px;height:612px;display:none;
}
#protect{
	position:absolute;top:0;left:0;width:800px;height:612px;
}
table{
	width:800px;height:570px;
}
td{
	width:800px;height:570px;vertical-align:middle !important;text-align:center;
}