html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#000000; 
} 
a:link{text-decoration:none;}
img a:link{border:none;}

#pagewidth{ 
 width:1024px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
  padding-left:10px;
} 
#header img {border:none;}
#leftcol{
 width:130px; 
 float:left; 
 position:relative; 
 margin-top: 45px;
 background-color:#000000; 
 }
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:800px;
 margin-top:0px;
 color:#FFF;
 font:12px Arial, Helvetica, sans-serif;
 }
 #maincol a{color:#6699CC; font-weight:bold; text-decoration:none;}
 #maincol a:hover{color:#3399FF; font-weight:bold; text-decoration:none;}
 
/* horizontal navigation */
.menu {
	width:315px;
	display:inline;
	padding:0;
	list-style:none;
	}
.menu li {display:block;
	width:auto;
	float:left;
	padding-right:9px;
	}
.menu a:hover img {
	visibility:hidden;
}
.menu a {
	display:block;
}
.menu a/**/ {
	height:24px; /* hide from IE5.0/win */
}
/* fixes for IE/win \*/
* html .menu a {
	cursor:hand;
}
* html .menu li a:hover {
	height:1%;
}
/* */

/******** nav rollover images ********/
#about{background: url('images/about_over.jpg') bottom left no-repeat;}
#work {background: url('images/work_over.jpg') bottom left no-repeat;}
#home {background: url('images/home_over.jpg') bottom left no-repeat;}
#blog {background: url('images/blog_over.jpg') bottom left no-repeat;}
#splash {background: url('images/splash_over.jpg') bottom left no-repeat;}

#about a:hover, #work a:hover, #home a:hover, #blog a:hover, #splash a:hover {background: none;}

/****** galleries submenu on left *******/
#submenu{
padding-top:25px;
w\idth:120px; /* must hide from IE5.5/win, instead use container to limit width */
}

* html #submenu {
	width:160px; /* for IE5.5/win */
	w\idth:auto;
}

#submenu li a {
    display:block;
	height:30px; /* height of rollover image */
	width:160px; /* width of rollover image */
	border:none;
	text-decoration:none;
}
#submenu li a img {
    border:none;
	vertical-align:bottom; /* for IE6 */
}
#submenu li a:hover img {
	visibility:visible;
}
#submenu li a:hover img/**/ {
    visibility:hidden; /* hide from IE5.0/win */
}
/* fixes for IE/win \*/
* html #submenu li a {
	cursor:hand;
}
* html #submenu li a:hover {
	height:1%;
}
/* */
/******** subnav/gallery rollover images ********/
#live{background: url('images/subnav_live_over.jpg') bottom left no-repeat;}
#studio {background: url('images/subnav_studio_over.jpg') bottom left no-repeat;}
#promo {background: url('images/subnav_promo_over.jpg') bottom left no-repeat;}
#travel {background: url('images/subnav_travel_over.jpg') bottom left no-repeat;}

#live a:hover, #studio a:hover, #promo a:hover, #travel a:hover {background: none;}

 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#title {
font-family:"Times New Roman", Times, serif;
font-size:14px;
padding:0;
}
#title a:hover {color:#999999;text-decoration:none;}
#title img {margin-bottom:-1px;}

#flash_content {
	margin: 0;
	padding:0;
} 

#copy_content {
	background-color:#000;
	min-height:500px;
	font:12px Arial, Helvetica, sans-serif;
	color:#EFEFEF;
	margin-right:25px;
}

#footer {text-align:right; width:100%; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:9px;}

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#maincol{width:100%; float:none;}
}