@charset "UTF-8";
/* CSS Document */

*{margin:0; padding:0;}

Body {
	
	font-family: "trebuchet MS", "helvetica", sans-serif;
	font-size: 11px;
	color: #b2b2b2;
	background: #303030;
	text-align: center;
	
}
.orange{
	color:#ff9933;
}

#page {
	width: 856px;
	/*background: #353535;*/
	text-align: left;
	/*margin-left: auto;
	margin-right: auto;*/
        margin:0px auto;
}

#header {
	height: 35px;
}
.logo a{
	font-size:12px;
	color:#f0f0f0 !important;
	text-align:right;
	position:relative;

}
.logoMain{
	font-size:12px;
	color:#f0f0f0 !important;
	text-align:right;
	position:relative;
	left:-35;        
}

#wrapper {}

#column1 {
	width: 85px;
	min-height: 572px;
	height:auto !important;
	height:572px;
	float: left;
	border-right: solid 1px #707070;
    padding-right:10px;
	padding-left:10px;
    _padding-right:5px;
    _padding-top:3px;
	_width:110px;	
}

#column2 {
	width: 114px;
	min-height: 572px;
	height:auto !important;
	height:572px;
	/*background: #323222;*/
	float: left;
	border-right: solid 1px #707070;
	padding-right:10px;
	_padding-right:5px;
	_margin-top:3px
     
}
.td_align_top td{
	vertical-align:top;
	padding-top:5px;
}

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

}

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


#mainnav {
	margin-top: 21px;
	margin-left:20px;
	/*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: 20px;
	top: 342px;
	_top: 340px;
	color: #606060;
}

#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: #707070;
}

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


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

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

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

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


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



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


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

a.independant:hover {
	color: #ff9933;
}

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

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

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

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


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

a.new:hover {
	/*color: #007DFF;*/
	color: #ff9933;
}

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

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


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

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

#subnavholder {
	margin-top: 51px;
	_margin-top: 51px;
	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: #202020;
	padding-top: 18px;
	overflow: hidden;
}

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

h2 {
	color:#ff9933;
	font-size: 11px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 8px;
}

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

p {
	color:707070;
}

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

.highlight {
	color: #b2b2b2;
}

.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: #ff9933;
}

#content-nav {
	margin: -225px 0 0px 10;
	float: left;
}

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


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

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


#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: 11px;
	clear: both;


}



#credits {
	font-weight: bold;
}

.credits {
	font-weight: bold;
}



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

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

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

#left-arrow {
	width:16px; height:21px; float:left; margin-right: 20px; margin-top: -30px; _margin-right: 7px; 
}

#bio-left-arrow {
	width:16px; height:21px; float:left; margin-right: 10px;  margin-top: -3px; 
}


#right-arrow {
	width:16px; height:16px; float:left; margin-top: -30px; margin-right: 10px; margin-left: 25px;
}



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_dead.gif) top left no-repeat;
	cursor:default;
}

a.left-arrow-off:hover img {
	background: url(../images/left_arr_dead.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_dead.gif) top left no-repeat;
	cursor:default;
}

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


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

a#down-arrow img{
	width:11px; 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: block;
	width: 11px;
}

#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:hover {
  color: #ff9933;  
}


#weblink a {
	text-decoration: underline;	
	font-size: 12.0;
	color: #00ccff;
}


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

/* ================================================================ 
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 {width:550px; position:relative; height:20px; padding-top:460px; margin:0 0 0 -5px; font-family:  "trebuchet MS", "helvetica", sans-serif; font-size: 11px; line-height: 11px;}

#gallery img.left {width:16px; height:21px; float:left; margin: 0px 0px 0px -1px; _margin-right: 0px; position: absolute; z-index:20;}
#gallery img.right {width:16px; height:21px; float:left; margin: 0px 0px 0px -4px; _margin: 0px 0px 0px 0px; position: absolute; z-index:100;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; line-height: 11px;}
#gallery ul li { visibility: hidden; display:inline; /*width:11px;*/ 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: "trebuchet MS", "helvetica", sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}*/
#gallery ul li span {display:none; position:absolute; left:55px; top:498px; width:550px;font-family:  "trebuchet MS", "helvetica", sans-serif; font-size:11.5px; line-height:15px;COLOR: #b2b2b2;}
#gallery ul li span.title {
	display:none; 
	position:absolute; 
	left:55px;
	
	top:469px; 
	_top: 468px;
	width:350px;
	font-family: "trebuchet MS", "helvetica", sans-serif; 
	font-size:12.0px; 
	color:#666;
	line-height:15px; 
	text-align:justify;
font-style: italic;
}

#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:55; top:0; width:550px; height:450px; background:#303030;}
#gallery ul li.chosen div i {width:550px; height:450px; display:table-cell; vertical-align:middle; text-align:left;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; margin:0 0;}
#gallery ul li.chosen span {display:block;}



#projects_wrapper {
	position: relative;
	margin-bottom: 13px;
	margin-top: 5px;
	/*display: table-row;*/
	/*border: solid;
	border-color: yellow;
	border-width: thin;*/
}

#project_enum {
	position: relative;
	padding-bottom: 13px;  /*spacing b'twn project #s and consecutive project*/
	left: -1px;
    top: 0px;
	/*border: solid;
	border-color: yellow;
	border-width: thin;*/	
}

#project_enum_next {
	position: relative;
	padding-bottom: 13px;  /*spacing b'twn project #s and consecutive project*/
	left: -1px;
    top: 0px;
	/*border: solid;
	border-color: yellow;
	border-width: thin;*/	
}

#project_enum a.hide {
  color: #b2b2b2;
}

#project_enum a:hover {
  color: #ff9933;  
}

#project_enum a.chosen {
  color: #ff9933;
  text-decoration: underline;
}

#project_enum_next a.hide {
  color: #b2b2b2;
}

#project_enum_next a:hover {
  color: #ff9933;  
}

#project_enum_next a.chosen {
  color: #ff9933;
  text-decoration: underline;
}

a#bio-link {
	color: #b2b2b2;
}

#content-nav span.title a:hover, a#bio-link:hover {
	color: #ff9933;
}

.galleryItemsHolder {
	width:100px;
}

.galleryItemsHolder a {
	display: inline-block;
}

.galleryItemsHolder a:hover, .galleryItemsHolder a.chosen {
	color:#ff9933;
	text-decoration: underline;
}