body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000;	
}

#container {
	min-width: 824px;
	height: 528px;
	background: #fff;
	margin: 0 20px 40px 20px;
	text-align: left;
}

#fixedcontainer {
	width: 800px;
	height: 528px;
	background: #fff;
	margin: 0 auto 40px auto;
	text-align: left;
}

#main 
{
    margin: 0;
    padding: 0;
	width: 100%;
	min-height: 449px;
	background: #fff;
	border: 1px solid white;
}

#header {
	background: #fff;
	height: 104px;
	width: 100%;
}

#header img {
	margin: 36px 0 0 15px;
	border: none;
}

#landing {
	background: #fff;	
}

#landing #holder {
	margin: 25px auto;
	padding: 0;
	height: 400px;
	width: 769px;
}

#landing img {
	border: none;
}

#footer {
	background: #fff;
	height: 84px;
	width: 100%;
}

#nav {
	background: #fff;
	height: 26px;
	width: 100%;
	float: left;
	padding: 0;
	padding-top: 15px;
	margin: 0;
}

#contact 
{
    font-family: helvetica, verdana, arial, sans-serif;
    color: #818285;
    font-size: 75%;
    padding: 55px 15px;
}

#contact .title 
{
	color: #58585a;
	font-weight: 700;
}

#contact a 
{
    text-decoration: none;
    color: #818285;
}

#contact a:hover, a:focus 
{
    text-decoration: none;
    color: #000;   
}

#bio 
{
    padding: 0 20px;
}

#bio p 
{	
	text-align:justify;
    font-size: 75%;
    font-family: helvetica, verdana, arial, sans-serif;
    color:#818285;
}

#bio #video 
{
	float: right;
	padding: 15px 0 15px 15px;
}

.menu {list-style-type:none; padding:0; margin:0;}
.menu ul {list-style-type:none; padding:0; margin:0;}
.menu li {float:left; background:#fff; margin:0; position:relative;}
.menu li.sub {background:#fff;}

/* for IE5.5 and IE6 only */
.menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:80%;}

.menu li a {display:block; color:#6b6c6e; height:25px; width: 80px; font-family:helvetica, verdana, arial, sans-serif; font-size:80%; line-height:24px;text-decoration:none; text-align:center;}
.menu :hover {color:#fdfeff; background:#9e9fa3;}
.menu :hover > a {color:#fdfeff; background:#9e9fa3;}

.menu li.sub ul li {background: #9e9fa3;}
.menu li.sub ul li a {color:#fdfeff;}
.menu li.sub ul li :hover {color:#6b6c6e;}
.menu li.sub ul li :hover > a {color:#6b6c6e;}


.menu ul, 
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul ul.left {position:absolute; left:-9999px; }

.menu :hover ul{left:0;top:25px; background:url(transparent.gif);} /* the background image is for IE7 */

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul {padding:0 3px; left:125px; top:-3px;}

.menu :hover ul :hover ul.left,
.menu :hover ul :hover ul :hover ul.left {padding:0 3px; left:-131px; top:-3px;}

#folio {
	width: 99%;
	margin: 0 15px;
}

#scroller {	
	clear:both;
	width:99%;
	padding:0;
	margin:0;
	height: 410px;
	position:relative;
}

#scrollContent {
	width: auto;
	white-space:nowrap;
}

#content{
	width: auto;
	white-space:nowrap;
	text-align:center;
	background: #fff;
	height: 410px;
	margin: 0;
	padding: 0;
	padding-right: 4px;
	padding-left: 2px;
}
	
#scroller #scrollContent .photo {
	display: inline;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

#scrollContent .photo img {
	padding: 0;
	margin: 4px 0px 4px -1px;
	border: none;
}


#scrollBarWrapper {
	padding:12px 0;
	margin: 0;
	width: 100%;
	height: 15px;
	background: #fff;
	clear: both;
}


#scrollBar {
	padding:0;
	margin:0 4px 0 2px;
	height: 15px;
}

#scrollKnobContainer {
	float: left;
	width: 99%;
	height: 15px;
	background: url(images/scroller_bg.gif) repeat-x;
	cursor:pointer;
}

#scrollKnob {
	height:15px;
	color:#6b6c6e;
	background: url(images/scrollButton-l.gif) 0 0 no-repeat;
	cursor: pointer;
}

#scrollKnob div {
	float:right;
	height:15px;
	width:6px;
	margin-right:-4px;
	background: url(images/scrollButton-r.gif) top right no-repeat;
}