*{margin:0; padding:0;}

Body {
	
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 11px;
	color: #b2b2b2;
	background: #585858;
	text-align: center;
	
}


#page {
	width: 764px;
	/*background: #323232;*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

#header {
	height: 35px;
}

a#logo img{
	width: 85px;
	height: 18px;
}

#wrapper {
	
}

#column1 {
	width: 85px;
	min-height: 572px;
	height:auto !important;
	height:572px;
	/*background: #F63232;*/
	float: left;
	border-right: solid 2px #6c6c6c;

}

#column2 {
	width: 105px;
	min-height: 572px;
	height:auto !important;
	height:572px;
	/*background: #323222;*/
	float: left;
	border-right: solid 2px #6c6c6c;
}

#column3 {
	width: 570px;
	min-height: 572px;
	height:auto !important;
	height:572px;
	/*background: #323999;*/
	float: left;

}

/* --- 1st Column Contents --- */


#mainnav {
	margin-top: 18px;
	margin-left: 3px;
	/*text-transform: uppercase;*/
}

#mainnav ul {
	margin-top: 10px;
	padding: 0pt;
	

}

#mainnav ul li {
	
	padding: 0pt;
	margin-bottom: 10px;
	list-style: none;
	
}

#bottomnav {
	position: absolute;
	
	
	height: 150px;
	margin-left: 3px;
	top: 342px;
	_top: 340px;
	color: #191919;
	

}

#bottomnav ul {
	margin: 0pt;
	padding: 0pt;
	position: absolute;
	bottom: 0px;
}

#bottomnav ul li {
	
	padding: 0pt;
	margin-bottom: 5px;
	list-style: none;
	
}


#bottomnav a:link, #bottomnav a:active, #bottomnav a:visited {
	/*color: #191919;*/
	/*color: #4D4D4F;*/
	color: #434345;
}

#bottomnav a:hover {
	color: #b2b2b2;
}


#bottomnav a.new:link, #bottomnav a.new:active, #bottomnav a.new:visited{
	/*color: #b2b2b2;*/
	/*color: #FFF;*/
	color: #191919;
}

#bottomnav a.new:hover {
	/*color: #007DFF;*/
	/* color: #FFF;*/
	color: #fde06e;
}

#bottomnav a.new-on:link, #bottomnav a.new-on:hover, #bottomnav a.new-on:active, #bottomnav a.new-on:visited{
	/*color: #007DFF;*/
	/* color: #FFF;*/
	color: #fde06e;
}

#bottomnav a.btm-on:link, #bottomnav a.btm-on:hover, #bottomnav a.btm-on:active, #bottomnav a.btm-on:visited {
	color: #b2b2b2;
}


#bottomnav p {
	margin: 0 0 5px 0;
}



a, a:visited {
	color: #b2b2b2;
	text-decoration: none;
	outline: none;
}


a.editorial-on:link, a.editorial-on:hover, a.editorial-on:active, a.editorial-on:visited   {
	color: #34dde8;
}

a.editorial:hover {
	color: #34dde8;
}

a.independant-on:link, a.independant-on:hover, a.independant-on:active, a.independant-on:visited   {
	color: #00dc00;
}

a.independant:hover {
	color: #00dc00;
}

a.ad-on:link, a.ad-on:hover, a.ad-on:active, a.ad-on:visited {
	color: #ff6600;
}

a.ad:hover {
	color: #ff6600;
}

a.design-on:link, a.design-on:hover, a.design-on:active, a.design-on:visited {
	color: #ffff00;
}

a.design:hover {
	color: #ffff00;
}


a.new-main:link, a.new-main:active, a.new-main:visited{
	color: #FFF;
}

a.new-main:hover {
	color: #fa79c8;
}

a.new:link, a.new:active, a.new:visited{
	color: #b2b2b2;
	
}

a.new:hover {
	
	color: #fa79c8;
}

a.new-on:link, a.new-on:hover, a.new-on:active, a.new-on:visited{
	
	color: #fa79c8;
}

a.books-on:link, a.books-on:hover, a.books-on:active, a.books-on:visited   {
	color: #FFFFFF;
	/*color: #000;*/
}

a.books:hover {
	color: #FFFFFF;
	/*color: #000;*/
}

a.press-on:link, a.press-on:hover, a.press-on:active, a.press-on:visited   {
	/*color: #000;*/
	color: #FFF;
}

a.press:hover {
	/*color: #000;*/
	color: #FFF;
}

a.downloads-on:link, a.downloads-on:hover, a.downloads-on:active, a.downloads-on:visited   {
	/*color: #000;*/
	color: #FFF;
}

a.downloads:hover {
	/*color: #000;*/
	color: #FFF;
}

a.prints-on:link, a.prints-on:hover, a.prints-on:active, a.prints-on:visited   {
	/*color: #000;*/
	color: #FFF;
}

a.prints:hover {
	/*color: #000;*/
	color: #FFF;
}

ul#design-sub {
	margin-left: 10px;
}

/* --- 2nd Column Contents --- */

#subnavholder {
	margin-top: 36px;
	_margin-top: 39px;
	height: 410px;
	overflow: hidden;
}

#subnav {
	/*margin-top: 36px;*/
	margin-left: 8px;
	padding-right: 5px;
	height: auto;
}

#subnav ul {
	margin: 0pt;
	padding: 0pt;
}

#subnav ul li{
	padding: 0pt;
	margin-bottom: 10px;
	list-style: none;
}


/* --- Main Content --- */

#content {
	width: 550px;
	margin-left: 15px;
	font-size: 11px;
}

#content-img {

}

#biotext {
	width: 550px;
	height: 432px;
	_height: 450px;
	background: #323232;
	padding-top: 18px;
	overflow: hidden;
}

#biotext p{
	margin-bottom: 6px;
	line-height: 12px;
}

h2 {
	color:#0096fa;
	font-size: 11px;
	font-weight: bold;
	margin-top: 17px;
	margin-bottom: 8px;
}

h2.bigname {
	font-size: 20px;
	margin-top: 9px;
	margin-bottom: 10px;
}

p {
	color:#585858;
}

#education {
	position: absolute;
	top: 390px;
	_top: 335px;
}

.highlight {
	color: #CCC;
}

.bio1 {
	
	width: 160px;
	_width: 170px;
	height: 415px;
	float: left;
	border-right: solid 2px #3c3c3c;
	padding-left: 11px;
	padding-right: 10px;
}

.bio2 {
	
	width: 160px;
	_width: 170px;
	height: 415px;
	float: left;
	border-right: solid 2px #3c3c3c;
	padding-left: 11px;
	padding-right: 10px;
}

.bio3 {
	
	width: 160px;
	_width: 170px;
	height: 415px;
	float: left;
	padding-left: 11px;
	padding-right: 10px;
	overflow: hidden;
}

#linktext {
	margin-top: 34px;
	_margin-top: 37px;
}

#linktext table {
	font-size: 11px;
}

#linktext table td.first {
	width: 155px;
}

a.link:hover {
	/*color: #000;*/
	color: #FFF;
}

#content-nav {
	margin: 10px 0 10px 0;
	float: left;
	z-index: 1000;
}

.videotable { z-index: 200;}

#content-nav a:hover {
	/*font-weight: bold;*/
}


#bio-nav {
	margin-top: 10px;
	height: 12px;
	
}

#arrows {
	float: left;
	height: 12px;
	
}


#number-nav {
	/*_position: relative;  */
	/*_top: -50%*/
	margin-right: 15px;
	line-height: 11px;
	float: left;
	
	
}

.floatleft {
	float: left;
	margin-left: 4px;
}

#oftotal {
	margin-left: 4px;
	float: left;
}

#content-text {	
	margin: 5px 0 0 0;
	line-height: 14px;
	font-size: 12px;
	clear: both;


}



#credits {
	font-weight: bold;
}

.credits {
	font-weight: bold;
}



.ten-right {
	margin-right: 10px;
}

.five-right {
	margin-right: 5px;
}

a img {
	width: 9px;
	height: 12px;
	border-width: 0;
	/*vertical-align: middle;*/
}

#left-arrow {
	width:9px; height:12px; float:left; margin-right: 10px; _margin-right: 7px; 
}

#bio-left-arrow {
	width:9px; height:12px; float:left; margin-right: 10px; 
}


#right-arrow {
	width:9px; height:12px; float:left; margin-right: 10px;
}



a.left-arrow img {
	background: url(../images/left_arr_off.gif) top left no-repeat;
	cursor:pointer;
}

a.left-arrow:hover img {
	background: url(../images/left_arr_on.gif) top left no-repeat;
	cursor:pointer;
}

a.left-arrow-off img {
	background: url(../images/left_arr_off.gif) top left no-repeat;
	cursor:default;
}

a.left-arrow-off:hover img {
	background: url(../images/left_arr_off.gif) top left no-repeat;
	cursor:default;
}

a.right-arrow:link img, a.right-arrow:active img, a.right-arrow:visited img {
	background: url(../images/right_arr_off.gif) top left no-repeat;
	cursor:pointer;
}

a.right-arrow:hover img {
	background: url(../images/right_arr_on.gif) top left no-repeat;
	cursor:pointer;
}




a.right-arrow-off img {
	background: url(../images/right_arr_off.gif) top left no-repeat;
	cursor:default;
}

a.right-arrow-off:hover img {
	background: url(../images/right_arr_off.gif) top left no-repeat;
	cursor:default;
}


a#up-arrow img {
	width:12px; height:9px; margin: 10px 0 0 8px;
	
}

a#down-arrow img{
	width:12px; height:9px; margin: 10px 0 10px 8px; _margin: 7px 0 10px 8px; float: left;
}

a.up-arrow img {
	background: url(../images/up_arr_off.gif) top left no-repeat;
	cursor:pointer;
}

a.up-arrow:hover img {
	background: url(../images/up_arr_on.gif) top left no-repeat;
	cursor:pointer;
}

a.up-arrow-off img {
	background: url(../images/up_arr_off.gif) top left no-repeat;
	cursor:default;
}

a.up-arrow-off:hover img {
	background: url(../images/up_arr_off.gif) top left no-repeat;
	cursor:default;
}

a.down-arrow img {
	background: url(../images/down_arr_off.gif) top left no-repeat;
	cursor:pointer;
}

a.down-arrow:hover img {
	background: url(../images/down_arr_on.gif) top left no-repeat;
	cursor:pointer;
}

a.down-arrow-off img {
	background: url(../images/down_arr_off.gif) top left no-repeat;
	cursor:default;
}

a.down-arrow-off:hover img {
	background: url(../images/down_arr_off.gif) top left no-repeat;
	cursor:default;
}

a.contactlink {
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}

#updownarrows {
	display: none;
	width: 12px;
}

#contact-nav {
	margin: 20px 0 10px 0;
}

#video {
	width: 550px;
	height: 450px;
}

img {

}


#sum {
	float: left;
}

#project-title {
	margin-left: 25px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	float: left;
}

#vidproject-title {

	font-weight: bold;
	float: left;

}

#weblink {
	margin-top: 10px;
	float: right;
	
}
#weblink a {
	text-decoration: underline;
}


#footer {
	clear: left;
	height: 35px;
}

#sharebar {
	background: #00ffee;
	width: 50px;
	margin: 105px 0 0 515px;
	z-index: 1600;
}
#facebook {
	float: left;
	margin: 0 5px 0 0;
}

#facebook a img, #twitter a img {
	height: 14px;
	width: 14px;
}

#twitter {
	float: left;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery embed {background-color: #585858;}
#gallery object {background-color: #585858;}

#gallery {width:550px; position:relative; height:20px; padding-top:460px; margin:0 0 10px 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 12px; /*font-size: 11px; line-height: 11px;*/}

#gallery img.left {width:9px; height:12px; float:left; margin-right: 10px; _margin-right: 0px;}
#gallery img.right {width:9px; height:12px; float:left; margin-right: 10px;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; /*line-height: 11px;*/ line-height: 11px;}
#gallery ul li { visibility: hidden; display:inline; /*width:12px;*/ height:15px; float:left; margin:0 4px 0 0; border: none; cursor:pointer;}

#gallery ul li.hide {display:none;}

#gallery ul li img {visibility:hidden; display:block; width:15px; height:15px;}

/*#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}*/
#gallery ul li span {display:none; position:absolute; left:0px; top:495px; width:550px;font-family: Arial, sans-serif; font-size:12px; line-height:15px;}
#gallery ul li span a {text-decoration: underline;}
#gallery ul li span.title {
	display:none; 
	position:absolute; 
	left:96px;
	_left: 106px;
	top:469px; 
	_top: 468px;
	width:350px;
	font-family: Arial, sans-serif; 
	font-size:12px; 
	font-weight: normal; 
	line-height:13px; 
	text-align:justify;
}

#gallery ul li b {color:#444;}

#gallery ul li.chosen {visibility:visible; border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:550px; height:450px; background:#585858;}
#gallery ul li.chosen div i {width:550px; height:450px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div  table {position:absolute; left:0; top:0; width:550px; height:450px; background:#585858;}
#gallery ul li.chosen div  table td {background-color:#585858;}
#gallery ul li.chosen div  table{width:550px; height:450px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; margin:0 auto;}
#gallery ul li.chosen span {display:block; z-index: 100;}

embed {background-color: #585858;}
object {background-color: #585858;}