body {
	margin-top: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	letter-spacing: 1.6px;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	background: #000;
	height: 100%;	
}

p {margin: 0px;}

/* font link styles */

a:link {color: #fff; font-weight: bold; text-decoration: none}
a:visited {color: #fff;	text-decoration: none;}
a:hover {color: #ccc;	text-decoration: none;}
a:active {color: #fff;	text-decoration: none;}

.footertext a:link {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}
.footertext a:visited {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}
.footertext a:hover {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}
.footertext a:active {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}

.copyright a:link {color: #999999; text-decoration: none}
.copyright a:visited {color: #999999; text-decoration: none}
.copyright a:hover {color: #BBBBBB; text-decoration: none}
.copyright a:active {color: #999999; text-decoration: none}

/* div definition and styles */

#container {
    position: absolute;
    top: 0px;
    right: 0px;
	width: 100%;
	height: auto;
	min-height: 100%;
	background: #000 url(images/bg.gif) repeat-y fixed center top;
}
* html #container {
    height:100%;
}

#outer {
    width: 1000px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#header {
	position: relative;
	z-index: 100; 
	width: 1000px;
	height: 100px;
}

#logo {
	float: left;
	position: relative;
	z-index: 2; 
	width: 300px;
	height: 100px;
	display: inline;
}

#menuphoto {
	float: left;
	position: relative;
	z-index: 100; 
	width: 600px;
	height: 35px;
	padding: 65px 0 0 100px;
	display: inline;
}

#menuweb {
	float: left;
	position: relative;
	z-index: 100; 
	width: 636px;
	height: 35px;
	padding: 65px 0 0 64px;
	display: inline;
}

#main {
	float: left;
	position: relative;
	z-index: 4;
	width: 1000px;
	height: 600px;
	display: inline;
}

#main_photo_bio {
	float: left;
	position: relative;
	z-index: 4;
	width: 1000px;
	height: 600px;
	display: inline;
	background: url(images/bg_photo_bio.gif) no-repeat;	
}

#main_web {
	float: left;
	position: relative;
	z-index: 4;
	width: 1000px;
	height: 600px;
	display: inline;
	background: url(images/bg_web.gif) no-repeat;	
}

#mainleft {
	float: left;
	position: relative;
	z-index: 7; 
	width: 45px;
	height: 300px;
	padding-top: 300px;
	padding-left: 55px;
	display: inline;
}

#mainmid {
	float: left;
	position: relative;
	z-index: 7; 
	width: 800px;
	height: 580px;
	padding-top: 20px;
	display: inline;
}

#text {
	float: left;
	position: relative;
	z-index: 7; 
	width: 460px;
	height: 530px;
	padding-top: 70px;
	padding-left: 40px;
	text-align: left;
	display: inline;
}

#text_web {
	float: left;
	position: relative;
	z-index: 7; 
	width: 720px;
	height: 530px;
	padding-top: 70px;
	padding-left: 40px;
	text-align: left;
	display: inline;
}

#mainright {
	float: left;
	position: relative;
	z-index: 7; 
	width: 100px;
	height: 600px;
	display: inline;
}

#footer {
	float: left;
	position: relative;
	z-index: 4;
	width: 1000px;
	height: 30px;
	display: inline;
}

#footerleft {
	float: left;
	position: relative;
	z-index: 7; 
	width: 105px;
	height: 30px;
	display: inline;
}

#footermid {
	float: left;
	position: relative;
	z-index: 7; 
	width: 790px;
	height: 30px;
	display: inline;
}

#footerright {
	float: left;
	position: relative;
	z-index: 7; 
	width: 105px;
	height: 30px;
	display: inline;
}

#content {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 398px;
	text-align: left;
/*	padding-right: 10px; */
	overflow: auto;	
}

#contenttop {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 148px;
	text-align: left;
}

#image {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 250px;
	text-align: left;
}

#footerbottom {
	clear: both;
	position: relative;
	z-index: 9; 
	width: 1028px;
	height: 30px;
}

#copyright {
	float: left;
	position: relative;
	z-index: 9; 
	width: 440px;
	height: 30px;
	display: inline;
}

#designed {
	float: left;
	position: relative;
	z-index: 9; 
	width: 588px;
	height: 30px;
	display: inline;
}

/* fonts */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;	
	font-weight: bold;
	color: #ccc; 
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	font-weight: bold;
	color: #231f20; 
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 8px;
}

.footertext
{
	font: 85% Arial, Helvetica, sans-serif;
	color: #939596;
}

.copyright
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.6px;
	color: #A3A3A3;
}

.emailform {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
}

/*Photo Section: Main Menu */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_six */
.preloada {background: url(images/menu/pro_1a.gif);}
.preloadb {background: url(images/menu/pro_1b.gif);}
#prophoto ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#231F20; font-size:11px;}
#prophoto li {display:table-cell; margin:0; padding:0;}
#prophoto li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/menu/pro_0a.gif) no-repeat;}
#prophoto li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(images/menu/pro_0b.gif) no-repeat right top;}
#prophoto li.current a {color:#fff; background:url(images/menu/pro_2a.gif) no-repeat;}
#prophoto li.current a b {background:url(images/menu/pro_2b.gif) no-repeat right top;}
#prophoto li a:hover {color:#fff; background: url(images/menu/pro_1a.gif) no-repeat;}
#prophoto li a:hover b {background:url(images/menu/pro_1b.gif) no-repeat right top;}
#prophoto li.current a:hover {color:#fff; background: url(images/menu/pro_2a.gif) no-repeat; cursor:default;}
#prophoto li.current a:hover b {background:url(images/menu/pro_2b.gif) no-repeat right top;}

<!--[if IE]>
<style type="text/css">
#prophoto ul {display:inline-block;}
#prophoto ul {display:inline;}
#prophoto ul li {float:left;}
#prophoto {text-align:center;}
</style>
<![endif]-->


/*Web Section: Main Menu */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_six */
.preloada {background: url(images/menu/pro_1a.gif);}
.preloadb {background: url(images/menu/pro_1b.gif);}
#proweb ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#231F20; font-size:11px;}
#proweb li {display:table-cell; margin:0; padding:0;}
#proweb li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/menu/pro_0a.gif) no-repeat;}
#proweb li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(images/menu/pro_0b.gif) no-repeat right top;}
#proweb li.current a {color:#fff; background:url(images/menu/pro_2a.gif) no-repeat;}
#proweb li.current a b {background:url(images/menu/pro_2b.gif) no-repeat right top;}
#proweb li a:hover {color:#fff; background: url(images/menu/pro_1a.gif) no-repeat;}
#proweb li a:hover b {background:url(images/menu/pro_1b.gif) no-repeat right top;}
#proweb li.current a:hover {color:#fff; background: url(images/menu/pro_2a.gif) no-repeat; cursor:default;}
#proweb li.current a:hover b {background:url(images/menu/pro_2b.gif) no-repeat right top;}

<!--[if IE]>
<style type="text/css">
#proweb ul {display:inline-block;}
#proweb ul {display:inline;}
#proweb ul li {float:left;}
#proweb {text-align:center;}
</style>
<![endif]-->