html {
   overflow: -moz-scrollbars-vertical;
			margin: 0;
			padding: 0;
			height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	font: 62.5% Verdana,Arial,Geneva,Helvetica,sans-serif;
	/*font-size: 0.8em;*/	
	color: #b4b7c2;
	background-color: #000;
	text-align: center;/* IE5.5 */
	height: 100%;
}
body *{
	margin:0; padding:0;
}
A:visited {
	color:#a485b5;
}

h2.A:visited {
	color:#a485b5;
}

ul {margin-left:25px;}
h1{
	position:absolute;
	height:36px; width:100%;
	top:0; left:0;
}
#home h1{	background: url(/images/h1_home.gif) top left no-repeat;}
#philosophy h1{	background: url(/images/h1_philosophy.gif) top left no-repeat;}
#resume h1{	background: url(/images/h1_resume.gif) top left no-repeat;}
#portfolio h1{	background: url(/images/h1_portfolio.gif) top left no-repeat;}
#consulting h1{	background: url(/images/h1_consulting.gif) top left no-repeat;}
#contact h1{	background: url(/images/h1_contact.gif) top left no-repeat;}
#links h1{	background: url(/images/h1_links.gif) top left no-repeat;}

h1 span{
	display: none;
}
h2{
	margin:30px 0 10px 0;
	padding-top:2px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color:#ddd0b9;
	border-top:2px solid #657281;
}
h3{ font:bold .9em Arial, Helvetica, sans-serif; text-transform:uppercase;}
a{ font-weight:bold; color:#b2c3e8; text-decoration:none;}
a:hover{color:#FFFFFF; text-decoration:underline;}

p{
	font:.9em/150% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
img{
	display:block;
}
#flashheader{ height:192px;
}
#wrapper{
	position:relative;
	background:#000 url(/images/bg_wrapper.gif) repeat-y;
	text-align: left;
	font:1.5em/130% Arial, Helvetica, sans-serif;
	width: 762px;
	margin: 0 auto;
	border-right:7px solid #272727;
	_height: 100%;
}
#content{
	position:relative;
	width: 405px;
	margin-left:56px;
	padding:50px 20px 50px 130px;
	background: #324d66;
	border-top:7px solid #272727;
	min-height:400px;
	_height:400px;
}

#home #content{	background:#324d66 url(/images/bg_mouse.gif) top right no-repeat;}
#philosophy #content{	background:#324d66 url(/images/bg_socrates.gif) top right no-repeat;}
#resume #content{	background:#324d66 url(/images/bg_pencils.gif) top right no-repeat;}
#portfolio #content{	background:#324d66 url(/images/bg_portfolio.gif) top right no-repeat;}
#consulting #content{	background:#324d66 url(/images/bg_consulting.gif) top right no-repeat;}
#contact #content{	background:#324d66 url(/images/bg_phone.gif) top right no-repeat;}
#links #content{	background:#324d66 url(/images/bg_links.gif) top right no-repeat;}

#nav{
	position:absolute;
	top:235px;
	left:0;
	padding:2px;
	height:380px;
	background-color:#ba9c62;
	border:6px solid #272727;
}
#nav ul{
	list-style:none;
	margin:20px 0 0 0;
}
#nav li{
	background-color:#c7af83;
	border-top:1px solid #dac7a6;
	border-bottom:1px solid #665c32;
}
#nav li a{
	width:136px;
	display:block;
	font:bold .75em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#3f6082;
	padding:5px 0 5px 20px;
}
#nav li a:visited{
	color:#665c32;
}
#nav li a:hover{
	color:#396d9f;
	background-color:#f4e8d1;
}
#home #nav01, #philosophy #nav02, #resume #nav03, #portfolio #nav04, #consulting #nav05, #contact #nav06, #links #nav07{
	background-color:#97855d; color:#d7c4a3;
}

.flyout{ display:none;}
#portfolio .flyout{ display:block; margin:0 0 0 20px;}
#portfolio .flyout li{ border-color:#a0c3e3 #fff #324d66 #fff;}
#portfolio .flyout li a{ background-color:#6a849c; width:116px; color:#ffef7a;}
#portfolio .flyout li a:visited { color:#eee4d1;}
#portfolio #sub { background-color:#97855d;}

#portfolio .sub1 #sub01 a, #portfolio .sub2 #sub02 a, #portfolio .sub3 #sub03 a, #portfolio .sub4 #sub04 a, #portfolio .sub5 #sub05 a{ background-color:#e8e3bf; color:#665c32;}
#portfolio .flyout li a:hover{ background-color:#a0c3e3; color:#324d66;}
ul.flyout{ padding-bottom:5px;}
#col {
	position:absolute;
	top:192px;
	right:0;
	background: url(/images/col_cap.gif) top left no-repeat;
	width:144px; height:31px;
}
#links #content ul { float:left; width:180px; margin:0; padding-left:20px; font: bold .9em/160% Verdana, Arial, Helvetica, sans-serif;}

#resume p{ margin-left:10px;}
#resume h2{ margin-top:20px;}
#resume h3{font:normal 1em Arial, Helvetica, sans-serif; margin:15px 0 3px;}
#resume h3 strong{font:bold 1em Arial, Helvetica, sans-serif; color:#b3c6d9;}
#resume h4{ font-size:.9em; margin:10px 0 2px 10px;}
#resume h5{ font-size:1.1em; margin-bottom:5px;}
#resume .skills{ font-size:.8em; float:left; width:40%;}
#resume #col01{width:50%;}
#resume ul{ margin-bottom:20px;}
#resume #header a{ color:#b4b7c2;}
#resume #header #first_h2{ border-top:2px solid #657281;}
#resume #header a{ font-weight:normal; text-decoration:underline; color:#ccf;}
#resume #header a:hover{ text-decoration:none; color:#fff;}
#resume .hide{ display:block; margin-top:10px; font-size:.8em;}
#resume h2.hide{ font-size:1.1em;}
#resume .hide img{ float:left; margin-right:8px; border:0;}

#portfolio dl img { float:left;}
#portfolio dl a img {margin-right:10px; border: 1px solid #333;}
#portfolio dl a:hover img{ border: 1px solid #f4e8d1;}
#portfolio dl { _height:102px; min-height:102px; margin:0 0 15px 0;  padding:0 2px 0 0; background-color:#2c455c; border: 1px solid #273e53; clear:both;}
#portfolio dt a{ font-weight:bold; color:#ba9c62; margin-top:5px;}
#portfolio dt a:visited{ font-weight:bold; color:#b2c3e8; margin-top:5px;}
.subt {font: bold .75em Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px;}

.lefty{ float:left; margin:0 10px 0 0;}
.righty{ float:right; margin:0 0 0 10px;}

#footer{
	position:absolute;
	bottom:0;
	margin-left:50px;
	width:712px;
	background-color:#272727;
	text-align:center;
	font-size:.8em;
	color:#97855d;
}
#footer a{
	color:#ccc;
	text-decoration:none;
}
#footer a:hover{
	color:#f4e8d1;
	text-decoration:underline;
}