/* Erik Meyer Global Reset @ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 70% !important;
	color:#666 !important;
	background-color: #fffcfc;
}


a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#Main {
	margin: 0 auto; 
	width: 860px; 
	position: relative;
	height: 580px;
}

#ContentContainer {
	width: 860px;
	height: 380px;
	padding: 0 0 0 0;
}

#footer {
	background:url(../images/site1-bottom.gif) bottom no-repeat; 
	height: 25px;
	margin: 35px 0 0 0;
}

#flashIntro {
	margin: 0 80px 0 0;
	width: 550px;
}

#box1 {
	background:url(../images/site1-top.gif) no-repeat; 
	height: 80px; 
	margin: 10px 0 0 0
}

#box2 {
	background:url(../images/site-top2.gif) no-repeat; 
	height: 80px; 
	margin: 10px 0 0 0
}

#homePageVideo {
text-align:center;
margin: 0
}

/* http://nettuts.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/ */
#navigation-block {
	position:relative;
	top:0;
	left:40px;
	width: 150px;
	
}

ul#sliding-navigation
{
	list-style: none;
	margin: 0;
	padding: 0;

}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 110px;

	padding: 4px 4px 4px 15px;
	margin: 0;
	margin-bottom: 3px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #666;
	background:#fffcfc url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#fffcfc url(tab_bg.jpg) repeat-y;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { 
	color: #6786a6; 
	background: url(../images/arrow-blue-sml.gif) left no-repeat;
}
ul#sliding-navigation li.sliding-element a.current { 
	color: #663333;
	background: url(../images/arrow-maroon-sml.gif) left no-repeat;
	}

li#photo {
		border-top: 1px solid #ccc;
}


/* End Navigation */
ul.gallery {
	padding: 5px 0 0 40px;
	float: left;

}

h1 {
	font-size: 120%;
	color: #999;
	margin: 15px 0 15px 0;
}

h2 {
	font-size: 140%;
	color: #663333;
	margin: 15px 0 15px 0;
}

h3 {
	font-size: 115%;
	color: #666;
	margin: 0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	margin: 20px 0 6px 0;
}

h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}

.biogList h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#featuredProject {
	width: 200px;
	position: absolute;
	left: 785px;
	top: 100px;
}

.biogList  {
	float: right;
	width: 450px;
	height: 360px;
	margin: 30px 100px 0 0;
}

.biogList div {
	margin: 0 0 10px 0;
}

.biogList a.head {
	cursor:pointer;
	display: block;
	width: 250px;
	margin: 5px 0 6px 0;
	color: #516a89;
	font-weight: bold;
	text-decoration: none;
}

.biogList a.head span {
	width: 30px;
	background: url(../images/arrow-blue-sml.gif) right no-repeat;
}
.biogList a.head:hover, .biogList a.head:visited  {
	text-decoration: none;
	color: #516a89;
}

.biogList a.selected {
	color: #663333;
}
.biogList a.selected span {
	background-image: url(../images/arrow-maroon-sml.gif);
	}
.biogList ul {
	margin: 0 0 0 20px;
}

.biogList div {
	padding: 15px 0 0 0;
	background-color: #fff;
}

.biogList div a{
	text-decoration: none;
	color: #003366;
}

#biographyImages {
	padding: 35px 0 0 30px;
	width: 200px;
	float: left;
	/*filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;*/
}

#biographyImages p {
	text-align: justify;
}
	
a {
	outline: none;

}

#panel {
	position: absolute; 
	top: 95px; 
	left: 270px;
	height: 435px;
	width: 460px;
	display: none;
	padding: 20px;
	background: #fffcfc;
	z-index: 100;
	text-align:justify;
}

.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
}
.btn-slide {
	width: 144px;
	height: 15px;
	display: block;
}

.hidden {
	display: none;
}

.btn-slide-close {
	float: right; 
	width: 60px; 
	margin: 20px 0 0 20px
}

#viewWork {
	text-align:center;
	height: 50px
}

#viewPhoto {
	position: absolute;
	top: 100px;
	left: 220px;
}

#viewPhoto p {
	text-align: center;
	margin: 7px 0 0 0;
}

img {
	border: none;
}

.clear {
	clear: left;
}

.loginPermission {
	margin: 30px 0 30px 250px;
	width: 380px;
}

#ForgotPassword {
	display: none;
}

#MemberLoginForm_LoginForm {
	margin: 0 0 0 50px;
}

#noScriptImages {
	width: 600px; 
	float: right;	
}

/* VIDEO */
#video {
	width: 480px;
	padding: 10px 0 0 45px;
	position: absolute;
	left: 250px;
}

* html #video{
	padding: 40px 0 0 30px;
}

.videoThumb {
	margin: 0 0 14px 0;
	width: 600px;
	float: left;
}

.videoThumb img{
	margin: 0 20px 0 0;
	float: left;
}

.videoThumb p{
	float: left;
	display: block; width: 550px
}

#logoThumbs {
	margin: 50px 0 0 0;
}

#copyright {
	width: 270px;
	position: absolute;
	left: 580px;
	top: 565px;
	color: #999;
	text-align:right;
}

#copyright2 {
	position: absolute;
	left: 310px;
	top: 500px;
	width: 400px;
}

/* Gallerific Slideshow */

#gallery-adv{
	margin: 20px 0 0 60px
}

#thumbs-adv {
	padding: 0 0 0 30px;
	height: 230px;
	width: 208px;
	float: left
}

ul.thumbs li{
	list-style: none;
	width: 55px;
	margin: 3px 3px 0 0;
	float: left;
}

ul.thumbs img{
	height: 50px;
	width: 50px;
}

ul.thumbs li a img, #slideshow-adv img {
	border: none;
}

div.top  {
	text-align: left;
	padding: 10px 0 10px 0;
}

div.top  a {
	color: #999;
	margin: 0 5px 0 0;
}

span.current {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 5px 0 0;
	height: 35px;
	width: 20px;
}

div.bottom  {
	display: none;
}

#slideshow-adv {
	float: right; 
	padding: 0 105px 0 0; 
	width: 480px; 
	text-align: center;
}	

#loading-adv {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px;
	float: right; 
	margin: 0 75px 0 0;
	
}

.hidden {
	position: absolute;
	top: -10000px;
}

#viewPhoto a {
	color: #666
}

#project-list {
	width: 480px;
	padding: 40px 0 0 45px;
	position: absolute;
	left: 250px;
}

* html #project-list {
	padding: 40px 0 0 30px;
}

div#project-list ul li {
	list-style: none ;
	height: 30px;
}