body{
	font-family:Arial, sans-serif;
	font-size:12px;
	background:#23435C url('bgfade.gif') repeat-x top;
	text-align:center;
	margin:20px auto;
	color:#666;
	overflow: -moz-scrollbars-vertical;
	}
	
h1{
	font-size:250%;
	color:#ccc;
	font-style:italic;
	margin-left:20px;
	position:relative;
	top:75px;
	}
	
h2{
	width:100%;
	margin-top:10px;
	font-size:170%;
	color:#666;
	}
	
h3{
	margin-left:30px;
	margin-top:10px;
	font-size:130%;
	color:#eee;
	background: #eee url('h3_bg.gif') no-repeat top left;
	padding:3px;
	width:550px;
	height:25px;
	}
	
h3.toggle{
	background: #eee url('h3_click_bg.gif') no-repeat top left;	
	cursor:pointer;
}

h3 a{
	color:#fff;
}
	
p	{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:30px;
	}
	
a {
	color:#427DAE;
	font-weight:bold;
	}
	
ul {
	margin-bottom:10px;
	}
	
a:hover{
	text-decoration:none;
	}
	
.floatleft{
	float:left;
	}
	
.floatright{
	float:right;
	}	

.aligncenter{
	text-align:center;
	}
	
.alignright{
	text-align:right;
	}
	
.largefont{
	font-size:120%;
	}
	
.smallfont{
	font-size:80%;
	}
		
.clearing {
	height:0px;
	clear:both;
	display:none;
	}
	
.bold{
	font-weight:bold;
	color:#23435C;
	}

div#wrapper{
	text-align:left;
	width:750px;
	margin:0 auto;
	}
	
div#banner{
	float:left;
	display:inline;
	width:750px;
	height:136px;
	background: #23435C url('banner.jpg') no-repeat;
	/* border-bottom:14px solid #315D81; */
	}
	
div#content{
	float:left;
	display:inline;
	width:750px;
	/* height:400px; */
	background:#eee;
	border-bottom:14px solid #315D81;
	border-top:14px solid #315D81;
	border-right:4px solid #315D81;
	margin-bottom:0px;
	}
	
html>body #content{
	height:auto;
	min-height:400px;
	width:746px;
	}
	
div#contentpadder{
	width:570px;
	float:left;
	display:inline;
	margin:0px 10px 10px 10px;
	}

	
html>body #content{
	height:auto;
	min-height:400px;
	}

div#rightbox{
	text-align:center;
	float:right;
	display:inline;
	background:#eee url('vertical_dots.gif') repeat-y left;
	}
	
a.menulink{
	width:75px;
	height:75px;
	border:0;
	}
	
#rightbox a img{
	margin:0;
	padding:0;
	border:0;
	}
	
#rightbox h2{
	text-align:center;
	color:#315D81;
	}
	
#rightbox ul{
	width:150px;
	padding:0;
	margin:0;
	text-align:center;
	list-style-type:none;
	}
	
#rightbox ul li{
	width:150px;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	display:block;
	}
	
#homelink, #photolink, #portfoliolink, #cvlink{
	visibility:visible;
	color:#427DAE;
	font-weight:bold;
	padding-bottom:5px;
	}
	
div#footer{
	display:inline;
	float:left;
	margin-top:0px;
	}
	
div#footer p{
	margin-top:0px;
	}
	
#foliomenu{
	float:left;
	margin-left:0px;
	}
	
ul#foliomenu{
	margin:0 0 20px 10px;
	padding:0;
	list-style-type:none;
	}
	
#foliomenu li{
	display:inline;
	list-style-type:none;
	}

a.smallmenu{
	display:block;
	width:110px;
	height:20px;
	padding:5px 0 1px 0px;
	color:#ccc;
	text-decoration:none;	
	float:left;
	text-align:center;
	background:#315D81;
	}
	
a.smallmenu:hover{
	background-color:#547ea1;
	color:#23435C;
	}
	
a.firstlink{
	background:#315D81 url('left_curve1.gif') no-repeat bottom left;
	}
	
a.firstlink:hover{
	background:#547ea1 url('left_curve2.gif') no-repeat bottom left;
	color:#23435C;
	}
	
a.lastlink{
	background:#315D81 url('right_curve1.gif') no-repeat bottom right;
	}
	
a.lastlink:hover{
	background:#547ea1 url('right_curve2.gif') no-repeat bottom right;
	color:#23435C;
	}
	
/***********PHOTO PAGE*****************/

div.photobox{
	float:left;
	display:inline;
	margin-left:60px;
	margin-top:20px;
	width:210px;
	height:143px;
	background:#eee url('img_bg.gif') no-repeat top left;
	}
	
.photobox a img{
	border:0;
	}
	
div#photonav{
	margin-top:20px;
	float:left;
	width:100%;
	text-align:center;
	padding:2px;
	}
	
.photonavpagelink{
	text-decoration:none;
	float:left;
	padding-top:3px;
    margin-right: 0.5em;
	display:inline;
	height:17px;
	width:20px;
	border:1px solid #547ea1;
	}
	
.photonavpagelink:hover{
	border:1px solid #ccc;
	}

.selectedpage{
	border:1px solid #547ea1;
	background:#547ea1;
	color:#eee;
	}

.selectedpage:hover{
	border:1px solid #547ea1;
	background:#547ea1;
	color:#eee;
	}
	
/********************WEB FOLIO PAGE*****************/
.folioframe{
	float:left;
	display:inline;
	width:310px;
	height:210px;
	margin:10px 30px 30px 30px;	
	background:#eee url('images/webfolio/shadowbox.gif') no-repeat top left;
	}
	
.foliodesc{	
	float:right;
	display:inline;
	margin-top:0px;
	}
	
/*****************ART FOLIO PAGE**********************/
.folioframe a img{
	border:0;
	}