body {
	margin: 0; padding: 0;
	text-align: center;
	background: #4e4a45;
	color: #ffffff;
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;	
}

a img { border: none; }

a { 
	text-decoration: none;
	outline: none;
	color: #ffffff;
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;	
}

a:hover { 
	text-decoration: underline;
	outline: none;
}

a.on { color: #000000; }

.right { float: right; } 
.left { float: left; }

.clear { clear: both; }

p {
	color: #ffffff;
	font-family: Trebuchet, arial, sans-serif;
	font-size: 12px;
}

h1 {
	color: #ffffff;
	font-family: Verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

h2 {
	color: #ffffff;
	font-family: Verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
}


#container {
	margin: 20px auto 10px auto; padding: 0;
	width: 950px;
	text-align: left;
}

#biography {
	margin: 20px auto 10px auto; padding: 0;
	width: 500px;
	text-align: left;
}

#header {
	margin: 0; padding: 0;
	width: 900px;
	float: left;
}

#header_logo {
	margin: 2px 0 0 0; padding: 0; 
	width: 283px;
	height: 80px;
	float: left;
}

#header h2 {
	float: right;
	width: 350px;
	font-family: Sabon, arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
}


#content {
	float: left;
	width: 980px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#one_col {
	margin: 0 0 0 80px;
	float: left;
	width: 400px;
}

#footer {
	margin: 50px 0 0 0;
	width: 970px;
	float: left;
	text-align: center;
}

#footer p, #footer a {
	color: #918e8b;
	font-family: Verdana, arial, sans-serif;
	font-size: 9px;
}


/*---------------------- 
	navigation styles 
------------------------*/


#nav { 
	width: 615px;
	height: 80px;
	float: left;
	z-index: 100;
}

#nav, #nav ul { 
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	font-family: Myriad, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	z-index: 100;	
}

#nav a {
	margin: 0;
	height: 27px;
	display: block;
	font-family: Myriad, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;	
	text-decoration: none;
}


#nav a span {
	position: absolute;
	top: -3000px;
}

#nav li { 
	padding: 0;
	float: left;	
}

#nav ul li {/* creates opacity background for ie */
}

#nav li ul { 
	margin: 0 0 0 0;
	position: absolute;
	left: -2999px; 
	z-index: 100;
}

#nav li ul li a {
	font-size: 12px;
	/* width: 103px; this adjusts the rollover area */
	color: #071239;
}

#nav li ul li a:hover {/* if background is in wrong place, firefox windows has rollover bug */
	color: #3b7fb0;	
	font-weight: bold;
}

#nav li ul ul { 
	margin: -17px 0 0 108px;
	*margin: -15px 0 0 108px;
}


#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul {
	left: -2999px;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { 
	left: auto;		
}

/*--- individual section nav widths ---*/

li.navclient {
	width: 163px;
}

li.navclient a {
	background: url("../images/nav.gif") -10px -20px no-repeat;	
}

li.navclient a:hover {
	background: url("../images/nav.gif") -10px -93px no-repeat;	
}

li.navclient ul {
	width: 610px;
	height: 26px;
	display: block;

}
#nav li.snavclient1, #nav li.snavclient2, #nav li.snavclient3, #nav li.snavclient4, #nav li.snavclient5 {
	margin: 0; padding: 0;
}

li.snavclient1 a {
	margin: 0; padding: 0;
	width: 86px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown1.png") 0 0 no-repeat;	
	_background: url("../images/dropdown1.gif") 0 0 no-repeat;	
}

li.snavclient1 a:hover {
	background: url("../images/dropdown1.png") 1px -27px no-repeat;
	_background: url("../images/dropdown1.gif") 1px -27px no-repeat;
}

li.snavclient2 a {
	margin: 0; padding: 0;
	width: 113px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown1.png") -89px 0 no-repeat;
	_background: url("../images/dropdown1.gif") -89px 0 no-repeat;
}

li.snavclient2 a:hover {
	background: url("../images/dropdown1.png") -88px -27px no-repeat;
	_background: url("../images/dropdown1.gif") -88px -27px no-repeat;
}
li.snavclient3 a {
	margin: 0; padding: 0;
	width: 138px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown1.png") -201px 0 no-repeat;	
	_background: url("../images/dropdown1.gif") -201px 0 no-repeat;	
}

li.snavclient3 a:hover {
	background: url("../images/dropdown1.png") -201px -27px no-repeat;
	_background: url("../images/dropdown1.gif") -201px -27px no-repeat;
}
li.snavclient4 a {
	margin: 0; padding: 0;
	width: 150px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown1.png") -344px 0 no-repeat;	
	_background: url("../images/dropdown1.gif") -344px 0 no-repeat;	
}

li.snavclient4 a:hover {
	background: url("../images/dropdown1.png") -344px -27px no-repeat;
	_background: url("../images/dropdown1.gif") -344px -27px no-repeat;
}

li.snavclient5 a {
	margin: 0; padding: 0;
	width: 97px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown1.png") -500px 0 no-repeat;	
	_background: url("../images/dropdown1.gif") -500px 0 no-repeat;	
}

li.snavclient5 a:hover {
	background: url("../images/dropdown1.png") -499px -27px no-repeat;
	_background: url("../images/dropdown1.gif") -499px -27px no-repeat;
}


li.navprojects {
	width: 94px;
}

li.navprojects a {
	background: url("../images/nav.gif") -177px -20px no-repeat;	
}

li.navprojects a:hover {
	background: url("../images/nav.gif") -177px -93px no-repeat;	
}

li.navprojects ul {
	width: 219px;
	height: 26px;
	display: block;
}

li.snavproject1 a {
	margin: 0; padding: 0;
	width: 77px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown2.png") 0 0 no-repeat;	
	_background: url("../images/dropdown2.gif") 0 0 no-repeat;	
}

li.snavproject1 a:hover {
	background: url("../images/dropdown2.png") 0 -27px no-repeat;
	_background: url("../images/dropdown2.gif") 0 -27px no-repeat;
}

li.snavproject2 a {
	margin: 0; padding: 0;
	width: 70px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown2.png") -75px 0 no-repeat;	
	_background: url("../images/dropdown2.gif") -75px 0 no-repeat;	
}

li.snavproject2 a:hover {
	background: url("../images/dropdown2.png") -75px -27px no-repeat;
	_background: url("../images/dropdown2.gif") -75px -27px no-repeat;
}
li.snavproject3 a {
	margin: 0; padding: 0;
	width: 70px; 
	height: 27px; 
	display: block;
	background: url("../images/dropdown2.png") -146px 0 no-repeat;	
	_background: url("../images/dropdown2.gif") -146px 0 no-repeat;	
}

li.snavproject3 a:hover {
	background: url("../images/dropdown2.png") -146px -27px no-repeat;
	_background: url("../images/dropdown2.gif") -146px -27px no-repeat;
}

li.navviewing {
	width: 140px;
}

li.navviewing a {
	background: url("../images/nav.gif") -275px -20px no-repeat;	
}

li.navviewing a:hover {
	background: url("../images/nav.gif") -275px -93px no-repeat;	
}


li.navabout {
	width: 115px;
}

li.navabout a {
	background: url("../images/nav.gif") -420px -20px no-repeat;	
}

li.navabout a:hover {
	background: url("../images/nav.gif") -420px -93px no-repeat;	
}


li.navcontact {
	width: 65px;
}

li.navcontact a {
	background: url("../images/nav.gif") -540px -20px no-repeat;
}

li.navcontact a:hover {
	background: url("../images/nav.gif") -540px -93px no-repeat;
}


/*----- directory styles ----*/

#directory_left {
	width: 252px; 
	float: left;
}

#directory_search {
	margin: -10px 100px 0 0;
	width: 510px;
	float: right;
}

	#directory_search a {
		padding: 0 0 0 5px;
	}
	
	#directory_search table {
		margin: 5px 20px 0 0;
		text-align: right;
		float: right;
	}

#directory_right {
	margin: 20px 100px 100px 0;
	width: 400px;
	float: right;
}

#directory_right2 {
	margin: 20px 60px 0 0;
	width: 440px;
	float: right;
}

#directory_right3 {
	margin: 0px 60px 0 30px;
	width: 600px;
	float: left;
}

#directory_col {
	margin: 10px 0 0 25px;
	padding: 5px;
	width: 180px;
	float: left;
}


/*----- viewing styles ----*/

#viewing_left {
	padding-top: 70px;
	float: left;
	width: 196px; 
}

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

	#viewing_left a:hover {
		color: #000000;
		text-decoration: none;
	}

#viewing_right {
	padding: 10px 10px 10px 10px;
	float: left;
	width: 690px;
	text-align: center;	
	font-family: Helvetica, arial, sans-serif;
	
}

.viewing_background {
	background: #3a3836;
}

#viewing_right_top {
	width: 690px;
	margin: 0 0 10px 0;
	text-align: left;
	float: left;
}

	#viewing_right_top h2 {
		margin: 0; padding: 0;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica, arial, sans-serif;
		color: #ffffff;
	}
	
	
#viewing_right_bottom {
	margin: 0; padding: 0;
	width: 340px;
	float: right;
	text-align: right;
}

#viewing_left_bottom {
	margin: 0; padding: 0;
	width: 340px;
	float: left;
	text-align: left;
}


/*--- Administration area ---*/

#admin_left {
	margin: 10px 0 0 10px;
	float: left;
	width: 196px; 
}

	#admin_left a {
		font-size: 12px;
	}

.editvid {
	text-align: left;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
}

.editvid input {
	width: 350px;
}

/*---- index rotator ----*/

#index_text {
	width: 280px;
	margin: 0 0 100px 0px;
	float: right;
}

#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 600px;	/* IE 5.x */
	width/* */:/**/600px;	/* Other browsers */
	width: /**/600px;
	/* CSS HACK */
		height: 405px;	/* IE 5.x */
	height/* */:/**/405px;	/* Other browsers */
	height: /**/405px;
	/*background-color:#dfdfdf;*/
	position: absolute;
	top: 150px;
	text-align: left;
}
	
.imageSlideshowHolder1 {
	width: 600px;	/* IE 5.x */
	width/* */:/**/600px;	/* Other browsers */
	width: /**/600px;
	/* CSS HACK */
	height: 473px;	/* IE 5.x */
	height/* */:/**/473px;	/* Other browsers */
	height: /**/473px;
	z-index: 2000;	
	text-align: left;
}
	
.imageInGallery {
	/*background-color: #dfdfdf;*/
	/* Never change these 3 value */
	/*left: 0;*/
	top:0;
	position:absolute;	
}

#fadeshow1 {
	position:absolute;
	top: 0px;
	text-align: left;
}