body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-small;
	letter-spacing:1px;
	color:#A2A2A2;
	voice-family: "\"}\"";   
	voice-family:inherit;   
	font-size:x-small;
	}

*html body {
	letter-spacing:0;
	}

a {
	color:#BABABA;
	text-decoration:none;
	}

a:hover {
	color:black;
	}

/* menu bar */
div#menu {
	position:absolute;
	top:37px;
	left:50%;
	width:612px;
	height:15px;
	padding:0;
	font-size:9px;
	margin:0 0 0 -425px;
	text-transform:uppercase;
	background:url(/images/menuband.gif) 0 0 no-repeat;
	z-index:2;
	}

#menu ul {
	border:0;
	margin:0;
	padding:0;
	list-style-type:none;
	clear:left;
	}
	
#menu ul li {
	display:block;
	float:left;
	padding:0;
	margin:0;
	}

#menu ul li a.name {
	display:block;
	width:151px;
	height:15px;
	line-height:18px;
	color:black;
	border-right:2px solid white;
	text-align:center;
	background:#E5E5E5;
	}

#menu ul li a.name:hover {
	background:#CCC;
	}

body.dave #menu ul li.dave a.name,
body.joey #menu ul li.joey a.name,
body.matt #menu ul li.matt a.name {
	background:#CCC;
	visibility:hidden;
	}

#menu ul li span.nav {
	display:block;
	top:15;
	left:0;
	width:151px;
	height:16px;
	padding:1px 0 0 0;
	margin:0;
	visibility:hidden;
	color:#E5E5E5;
	text-align:center;
	background:black;
	}

#menu ul li span.nav a.arrow-right,
#menu ul li span.nav a.arrow-left {
	display:block;
	width:15px;
	height:15px;
	float:left;
	text-indent:1000em;
	overflow:hidden;
	}

#menu ul li span.nav a.arrow-right {
	background:url(/images/arrow_right.gif);
	}

#menu ul li span.nav a.arrow-left {
	background:url(/images/arrow_left.gif);
	}

#menu ul li span.nav span.label {
	display:block;
	float:left;
	width:121px;
	height:13px;
	padding:3px 0 0 0;
	}

#menu ul li.about span.nav span.label,
#menu ul li.portfolio span.nav span.label,
#menu ul li.news span.nav span.label {
	width:151px;
	}

body.dave #menu ul li.dave span.nav,
body.joey #menu ul li.joey span.nav,
body.matt #menu ul li.matt span.nav {
	visibility:visible;
	}

body.dave #menu ul li.dave span.nav a,
body.joey #menu ul li.joey span.nav a,
body.matt #menu ul li.matt span.nav a {
	visibility:visible;
	}

body.about #menu ul li.about a.name,
body.portfolio #menu ul li.portfolio a.name,
body.news #menu ul li.news a.name {
	color:white;
	background:black;
	}

/* logo div */
div#logo {
	position:absolute;
	top:10px;
	left:50%;
	width:237px;
	height:42px;
	margin:0 0 0 189px;
	}


/* footer div */

div.footer {
	position:absolute;
	top:551px;
	left:50%;
	height:15px;
	overflow:hidden;
	color:black;
	line-height:16px;
	text-transform:uppercase;
	font-size:9px;
	padding:0 5px 0 5px;
	}

div#address {
	width:840px;
	margin:0 0 0 -425px;
	z-index:2;
	background:#E5E5E5;
	}

div#address a {
	color:red;
	}


div#tag {
	width:228px;
	margin:0 0 0 185px;
	text-align:right;
	background:black;
	color:white;
	text-align:center;
	border-left:2px solid white;
	z-index:3;
	}

/* main image styles */
div#image {
	position:absolute;
	top:54px;
	left:50%;
	width:850px;
	height:495px;
	margin:0 0 0 -425px;
	/* border-top:15px solid #E5E5E5;
	border-bottom:15px solid #E5E5E5;*/
	z-index:1;
	overflow:hidden;
	}

div#image img {
	border:0;
	width:850px;
	height:495px;
	}

body.about div#image,
body.portfolio div#image,
body.news div#image {
	z-index:3;
	}
	
/* border boxes */
div.brackets {
	position:absolute;
	left:50%;
	width:846px;
	height:30px;
	margin:0 0 0 -425px;
	border-left:2px solid #E5E5E5;
	border-right:2px solid #E5E5E5;
	z-index:0;
	}

div#topbracket {
	top:69px;
	}

div#bottombracket {
	top:509px;
	}

/* old styles */
/* wrapper div */

div#container {
	position:absolute;
	top:20px;
	left:50%;
	width:850px;
	height:550px;
	padding:0;
	margin:0 0 0 -425px;
	}

/* content area */

div#middle {
	width:880px;
	border-top:1px solid #BABABA;
	border-bottom:1px solid #BABABA;
	clear:both;
	padding:5px 0 5px 0;
	}

div#middle img {
	border:0;
	width:880px;
	height:478px;
	}
	
	
/* menus */

.menu_block {
	margin:0;
	width:580px;
	height:45px;
	float:left;
	}

.menu1,
.menu2,
.menu3,
.menu4 {
	margin:0;
	padding:0;
	height:18px;
	}

.menu2 {
	border-top:1px solid #BABABA;
	}

.menu3 {
	border-bottom:1px solid #BABABA;
	}

.menu1 {
	margin:8px 0 0 0;
	}

.menu4 {
	margin:0 0 8px 0;
	}

body#home .menu1,
body#home .menu4 {
	border:0;
	}

body#cat .menu1 {
	border:0;
	}

body#photog .menu4 {
	border:0;
	}
	
.menu_block ul {
	border:0;
	margin:0;
	padding:0;
	list-style-type:none;
	clear:left;
	}
	
.menu_block ul li {
	display:block;
	float:left;
	padding:0;
	margin:0;
	}

.menu_block ul li a {
	height:18px;
	display:block;
	border-right:1px solid #BABABA;
	padding:0 0 0 5px;
	line-height:18px;
	text-transform:uppercase;
	}

.menu_block ul.cat li a {
	width:110px;
	}

.menu_block ul.photog li a {
	width:139px;
	}
		
.menu_block ul.cat li a#endlink1 {
	border-right:0;
	width:111px;
	}
	
.menu_block ul.photog li a#endlink2 {
	border-right:0;
	width:140px;
	}

.menu_block ul li a:hover {
	background:#BABABA;
	color:#FFF;
	}

.menu_block ul li a.off {
	}

.menu_block ul li a.on {
	color:black;
	}


/* logo and address */

div.right_block {
	height:45px;
	float:left;
	border-left:1px solid #BABABA;
	padding:0;
	}

div.right_block img {
	margin:0 0 0 3px;
	}
	
div.right_block span.address {
	display:block;
	margin:3px 0 0 3px;
	text-transform:uppercase;
	font-size:.9em;
	line-height:1.2em;
	}

div.right_block a {
	color:black;
	}

div.right_block a:hover {
	color:red;
	}

/* home page layers */

#middle div {
	width:880px;
	height:95px;
	}

#middle div.loc {
	background:url(/images/home/loc-bg.jpg);
	}
	
	
/* about styles */

body#about a,
body#news a,
body#portfolio a {
	color:black;
	}
	
body#about a:hover,
body#news a:hover,
body#portfolio a:hover {
	color:red;
	}
	
div#studioimage {
	position:absolute;
	top:17px;
	left:0;
	width:850px;
	height:462px;
	background:#BABABA;
	z-index:0;
	}

/* about menu*/

div#studio-menu {
	position:absolute;
	top:0;
	left:0;
	width:880px;
	height:15px;
	background:#E5E5E5;
	text-transform:uppercase;
	z-index:0;
	}

div#studio-menu a {
	display:block;
	float:left;
	height:15px;
	padding:0 10px 0 10px;
	color:black;
	border-right:2px solid white;
	line-height:16px;
	font-size:9px;
	text-decoration:none;
	}

div#studio-menu a:hover {
	color:black;
	background:#CCC;
	}

body#about.studio a.studio,
body#about.clients a.clients,
body#about.photogs a.photogs,
body#about.facs a.facs,
body#about.bio a.bio,
body#about.directions a.directions,
body#about.contact a.contact {
	color:white;
	background:black;
	}
	
body#portfolio.food a.food,
body#portfolio.product a.product,
body#portfolio.people a.people,
body#portfolio.location a.location,
body#portfolio.print a.print {
	color: white;
	background: black;
	}


/* clients page */

div#clientlist {
	position:absolute;
	top:17px;
	left:0;
	width:810px;
	height:172px;
	padding:20px;
	color:white;
	background:#BABABA;
	font-size:12px;
	line-height:20px;
	z-index:1;
	}
	
div#clientimage {
	position:absolute;
	top:231px;
	left:0;
	width:850px;
	height:265px;
	background:#BABABA;
	z-index:0;
	}


/* photog boxes */

div.headshot {
	position:absolute;
	top:17px;
	/*width:282px;*/
	width:424px;
	height:265px;
	background:#BABABA;
	}

div#dm.headshot {
	left:0px;
	}

div#jp.headshot {
	left:426px;
	}

/* div#ms.headshot {
	left:568px;
	}*/

body#about.photogs div.bio {
	position:absolute;
	top:284px;
	/*width:262px;*/
	width:404px;
	height:192px;
	color:white;
	background:#BABABA;
	font-size:12px;
	line-height:16px;
	z-index:1;
	padding:10px;
	}

body#about.photogs div#dave.bio {
	left:0;
	}

body#about.photogs div#joey.bio {
	left:426px;
	}

/*body#about.photogs div#matt.bio {
	left:568px;
	}*/
	

/* facilities styles */

div#faclist {
	position:absolute;
	top:17px;
	background:#BABABA;
	height:438px;
	width:183px;
	font-size:10px;
	line-height:16px;
	color:white;
	padding:20px;
	}

div#faclist a {
	text-decoration:underline;
	}

div#faclist ul {
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: none;
	margin:0 0 5px 0;
	}

div#faclist ul li {
	display: block;
	float: none;
	padding:0 0 0 5px;
	margin: 0;
	}
	
div#faclist ul li a {
	width: inherit;
	text-align: left;
	}

div#faclist ul li a:hover {
	color:red;
	}

span.studio-head {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:5px;
	margin:0 0 3px 0;
	font-size:12px;
	}

span#atwater.studio-head {
	background:#c29598;
	}

span#comcolor.studio-head {
	background:#8499b5;
	}

span#massive.studio-head {
	background:#c6bc82;
	}

span#wireworks.studio-head {
	background:#95a08f;
	}

span.studio-desc {
	display:block;
	padding:0 0 0 5px;
	margin:0 0 5px 0;
	}
	
div#facframe {
	width:625px;
	height:478px;
	position:absolute;
	top:17px;
	left:225px;
	background:#BABABA;
	}

body#facmap {
	background:#BABABA;
	}