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;
	
}



#footer {
	
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 20px;
	text-align: right;
	text-transform: uppercase;
	padding: 0px 10px;
	margin: 0;
	z-index: 9;
	background: ;
	font-family: HelveticaNeue, "Helvetica Neue", "Helvetica 55 Roman",  arial, sans-serif;
	font-size: 9px;
	font-smooth: large;
	opacity: .4;filter:alpha(opacity=40);
}

#footer p 		{color: black;}
#footer a:link 	{color: #333333;}
#footer a:hover {color: #cc0000;}

#nav {
	
	position: fixed;
	width: 100px;
	height: 100%;
	top:0;
	left:0;
	text-align: left;
	text-transform: uppercase;
	padding: 0px 0px;
	margin: 0;
	z-index: 9;
	background-color:;white-space:nowrap;
	float: left;
}

#nav #none a:hover {opacity: 1;filter:alpha(opacity=100);}

#navbk{
	
	position: fixed;
	width: 150px;
	height: 100%;
	top:0;
	left:0;
	padding: 0px 0px;
	margin: 0;
	z-index: 6;
	background-color:white;white-space:nowrap;

}



div.img { border: hidden;}

#nav a:link {color: #000000;}
#nav a:hover {color: #000000; opacity: .4;filter:alpha(opacity=40);}
#nav a:active {color: #000000;}
#nav a:visited {color: #000000;}



#hhshopsliderWrap {
left:0;
width: 100px;
z-index:1000;
}
#hhshopslider {
top:75px;
z-index:1000;
position: absolute;
background:black;
width: 100px;
height: 159px;
}
#hhshopslider img {
border: 0;
}
#hhshopsliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}
#testheader {
margin: 0 auto;
width: 600px;
background-color: #F0F0F0;
height: 200px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}


#content {
	position: absolute;
	width: 100%;
	z-index:6;
	left: 200px;
	top: 0;
	white-space:nowrap;
	color: white;

	}
	
#intro {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:7;
	left: 150px;
	top: 75px;
	color: white;
	}
	
#info a:link {color: grey; text-decoration:none;}
#info a:hover {color: white}
#info a:active {color: white}
#info a:visited {color: white}


#info {
	position: absolute;
	height: 100%;
	z-index:7;
	left: 200px;
	top: 75px;
	color: white;
	}

/*ul {
	padding: 0;
	margin: 0;
}

ul li {
	
	display: inline;
	list-style-type: none;
	color:#999999;
}

li a {
	
	color: #999999;
	text-decoration: none;
	margin-left: 10px;
}

#red {
		color: #cc0000;
}

li a:hover {
	color: #ffffff;
	font-weight:600;
	text-transform: uppercase;
}

li ul
{
	display: none;	
	position: absolute;
	width: 100%;
	height:100%;
	left:80px;
	top:0;
	margin:0;
	padding:0px 20px;

}

li:hover ul { display: block; }

*/



/* text currently NOT USED SECTION*/

p {font-family: "courier new";}
p a { color: #333333; text-decoration: underline;}

div.bio {
	position: absolute;
	z-index:5;
	left: 225px;
	top: 75px;
	}

div.head {
	position: absolute;
	left: 225px;
	top: 73px;
	color: white;
	font-family:  HelveticaNeue, "Helvetica Neue", "Helvetica 55 Roman",  "Helvetica 45 Roman", Arial, verdana, arial, sans-serif;
	font-size: 34px;
	line-height: 32px;
	text-decoration: none;
	text-transform:none;
	background: black;
	font-smooth: large;
	font-size-adjust: 0.52;
	z-index:5;
	}
	
/***** work *****/
#works_container {
  position:relative;
  float:left;
  margin-left: 170px;
  background-color:white;
}
#works_container a:link, 
#works_container a:visited,
#works_container a:active {color:black;} 
#works_container a:hover {color:#666;}

/* work=1106 x (n)  area=380+work */
.w_container {
  position:relative;
  width:1050px;
  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:410px 10px 0px 0px;
}
.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;
}

.edit_bg {
  position:relative;
  height:430px;
  width:700px;
  margin-top:48px;
  margin-left:20px;
}


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

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

@font-face {  
	  font-family: "hh";  
	  src: url( http://heatherhuey.com/assets/hh.eot ); /* IE */  
	  src: local("Bell Gothic STD"), local url( http://heatherhuey.com/assets/hh.ttf ) format("truetype"); /* non-IE */  
	}  
	



/* ONLINE SHOP */

.shopmenu {
	position:fixed;
	z-index:1000;
  background:white;
  height:300px;
  width:100px;
  left: 0;
  top:75px;
  padding-left:33px;
}

#navmenushop,  ul#navmenushop, #navmenushop ul{ 
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#navmenushop li img{
	display:block;
	margin:0;padding:0;
}

ul#navmenushop li { 
	margin: 0;
	list-style: none;
	padding-left:5px;
}


.shopinfo {position: relative;top:36px;min-height:300px;width:900px;text-transform:none; font-size: 1em; Letter-spacing: .1em; line-height: 1em;padding:0px;color:white;
background-color:black; 
padding:20px;
}

.shopindex {position: relative;top:36px;min-height:300px;width:900px;text-transform:none; font-size: 1em; Letter-spacing: .1em; line-height: 1em;padding:0px;color:black;
background-color:white; 
padding:20px;
}