body {
	font-family: HelveticaNeue, "Helvetica Neue", "Helvetica 55 Roman",  arial, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
	background: white ;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;

}

h3 {font-family:Arial, Helvetica, sans-serif;font-size:12px;text-transform:uppercase;}


#head {
	
	position: fixed;
/*	width: 200px; */
	width: 100%;
	height: 140px;
	top:0;
	left:0;
	text-align: left;
	padding-left:10px;padding-top: 30px;
	margin: 0;
	background-image:url(../images/fade1.png);white-space:nowrap;
	float: left;
	z-index:50;
}

#headabout {
	
	position: absolute;
/*	width: 200px; */
	width: 700px;
	height: 100px;
	top:0;
	left:0;
	text-align: left;
	padding-left:10px;padding-top: 30px;
	margin: 0;
	background-color:white;white-space:nowrap;
	float: left;
	z-index:50;
}

#thumbhead {	
	position:absolute;	
	margin-top:120px;
	width: 500px;
	height: 220px;
	left:0;	
	padding-left:40px;padding-top: 30px;
	background-color:;white-space:nowrap;
	float: left;
	z-index:50;
}

#indexfooter {	
	position:absolute;	
	margin-top:550px;
	width: 500px;
	left:0;	
	padding-left:190px;padding-top: 30px;
	background-color:white;white-space:nowrap;
	float: left;
	z-index:50;
}


.menu{
	width: 120px;
	float:left;
	background:#000000;
	overflow: hidden;
	position: relative;
	margin-left:30px;
}
#thumbmenu {height:220px;}
 img{border:none;}

#select img:hover{ filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#select img{ filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }

.menu img {border:none;outline:none;}
.menucaption{
	float: left;
	position: absolute;
	background: #ffffff;
	height: 60px;
	width: 100%;
	text-align:center;
}
.menucaption .boxcaption {top: 120;	left: 0;}

#hats {position:absolute;z-index:1;	margin-top:120px;left:0;color:white; width:8000px;height:600px;margin-left:30px;white-space:nowrap;  overflow:hidden;
}

#about {	position: fixed;	width: 100%;margin-top:120px;left:0;color:white; width:8000px;height:567px;min-height:567px;margin-left:30px;white-space:nowrap;	z-index:1;}

.container{height:1000px;width:auto;position:relative;clear:both;float:left;}


#presscontainer {margin-top:30px;}
#pressimg {height:100px;width:150px;position:relative;float:left;margin:0;}


.boxgrid{
	width: 425px;
	height: 567px;
	margin:10px;
	float:left;
	background:url(../images/loading.gif) #fff no-repeat center; 
	border: solid 0px #8399AF;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: 1;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	}
 .captionfull .boxcaption {
 	top: 567;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 547;
 	left: 0;
 }

div.img { border: hidden;}


	
	
/***** work *****/
#works_container {
  position:relative;
  float:left;
  margin-left: 170px;
  background-color:white;
}
/* work=1106 x (n)  area=380+work */
.w_container {
  position:relative;
  width:8050px;
  margin-bottom:500px;
  float:left;
}

.w_nav_edit {
  position:relative;
  width:65px;
  float:left;
  margin:410px 10px 0px 30px;
}
.w_nav_l {
  position:relative;
  width:65px;
  float:left;
  margin:500px 10px 0px 30px;
}
.w_next {
  display:block;
  width:60px;
  height:60px;
  background: url("../images/w_next.png") no-repeat 0 0;
  float:left;
  opacity: .4;filter:alpha(opacity=40);
}
.w_next:hover { opacity: 1;filter:alpha(opacity=100);}

.w_prev {
  display:block;
  width:60px;
  height:60px;
  background: url("../images/w_prev.png") no-repeat 0 0;
  float:left;
  opacity: .2;filter:alpha(opacity=20);
}
.w_prev:hover { opacity: 1;filter:alpha(opacity=100);}

div#cover{ 
position:relative; 
top:0; 
left:0; 
width:100%; 
height:100%; 
z-index:2; 
background-image:url("../assets/transparent.gif"); 
image-repeat:repeat;
}

.w_bg {
  position:relative;
  height:567px;
  width:850px;
  margin-top:28px;
}


.work {
  position:relative;
  height:567px;
  width:850px;
  float:left;
  padding: 30px 0px 0px 0px;
}

.ework {
  position:relative;
  height:1000px;
  width:700px;
  float:left;
  padding: 30px 0px 0px 0px;
}