/*--------------------------------------------------------------------------------------------------
	peak biety global styles 
--------------------------------------------------------------------------------------------------*/
html { min-height: 100%; margin-bottom: 1px; }
body {
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	background-color: #c6c8ca;
	padding:0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p, ol, ul {
	padding:0;
	margin:0;
	font-size: 12px;
	color: #999;
}
.foo {
	border:0px;
}

/*--------------------------------------------------------------------------------------------------
	start of primary divs 
--------------------------------------------------------------------------------------------------*/
#wrapper {
	width:800px;
	height:inherit;
	margin:0 auto 0 auto;
	position:inherit;
}
#header {
}
#home_footer {
	color:#ffffff;
	padding:30px 40px 30px 90px;
	background-color:#6fb612;
	font-size:12px;
	}
#nav {
	font-weight:bold;
	font-size:13px;
	padding:95px 0 20px 0;
	text-align:center;
	background: #00aec5;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav ul li { 
	margin: 0 19px 0 18px;
	display: inline; 
}
#nav a {
	color:#ff9f00;
	text-decoration:none;
}
#nav a:visited {
	color:#ff9f00;
	text-decoration:none;
}
#nav a:hover {
	color:#ECD607;
	text-decoration:none;
}
#nav li#current a {
	font-weight:bolder;
	color:#fff;
	text-decoration:none;
}
.logo {float:left; padding-right:18px; padding-left:35px; border:0; margin-top:-65px;}
/*--------------------------------------------------------------------------------------------------
	main body divs and classes
--------------------------------------------------------------------------------------------------*/
#content {
	padding: 50px 0 50px 0;
	background-color: #fff;
	min-height:350px;
}
#content p {
	margin:0 50px 20px 450px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}
#content a {
	color:#fff;
	text-decoration:underline;
}
#content a:visited {
	color:#fff;
	text-decoration:underline;
}
.floatleft {
	float:left;
	position:relative;
	width: 400px;
	padding: 0;
}
.homelogo {
	position:absolute;
	float:left;
	left:50px;
	top:245px;
	z-index:50;
}
/*--------------------------------------------------------------------------------------------------
	home page
--------------------------------------------------------------------------------------------------*/

#content2 {
	padding: 50px 0 50px 0;
	background-color: #fff;
	min-height:250px;
}
#content2 p {
	margin:0;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin-bottom:150px;
}
#content2 a {
	font-size: 18px;
	color:#919191;
	text-decoration:none;
}
#content2 a:visited {
	color:#919191;
	text-decoration:none;
}
#content2 a:hover {
	font-size: 18px;
	color:#666666;
	text-decoration:none;
}
.home {
	background:url(images/homebkgd.jpg) repeat-x top right;
	height:500px;
}
.floatright {
	float:left;
	position:absolute;
	left:347px;
	top:298px;
}
/*--------------------------------------------------------------------------------------------------
	portfolio
--------------------------------------------------------------------------------------------------*/
#portfolio {
	padding: 50px 0 50px 0;
	background-color: #fff;
	min-height:350px;
}
#portfolio p {
	margin:0 50px 10px 450px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}

/*--------------------------------------------------------------------------------------------------
	start page
--------------------------------------------------------------------------------------------------*/

#startwrapper {
	display:relative;
	width:600px;
	margin-top: 0;
	margin-right: auto; 
	margin-left: auto;
}
.start {
	background:url(images/home_footer.gif) repeat-x bottom left;
	}

/*--------------------------------------------------------------------------------------------------
	views link class
--------------------------------------------------------------------------------------------------*/
.views {
	background:url(images/views_bkgd.jpg) repeat-y top right;
}
.views h1 {
	font-weight:bolder;
	margin:0 50px 10px 450px;
	font-size: 14px;
	color:#0961B2;
}
#content.views a:hover {
	color:#0961B2;
	text-decoration:underline;
}
.views2 {
	background:url(images/views_bkgd2.jpg) repeat-y top right;
}
.views2 h1 {
	font-weight:bolder;
	margin:0 50px 10px 450px;
	font-size: 14px;
	color:#0961B2;
}
#content.views2 a:hover {
	color:#0961B2;
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------
	realities link class
--------------------------------------------------------------------------------------------------*/
.realities {
    background:url(images/realities_bkgd.jpg) repeat-y top right;
    }
#content.realities a {
    color:E575170;
>;
}
#content.realities a:hover {
    color:E575170;
>;
    text-decoration:underline;
}
.realities h1 {
    font-weight:bolder;
    margin:0 50px 10px 450px;
    font-size: 14px;
    color:#E57517;
}
/*--------------------------------------------------------------------------------------------------
	scope link class
--------------------------------------------------------------------------------------------------*/
.scope {
	background:url(images/scope_bkgd.jpg) repeat-y top right;
}
.scope h1 {
	font-weight:bolder;
	margin:0 50px 10px 450px;
	font-size: 14px;
	color:#ff9f00;
}
.scope p {
	margin:0 0 10px 0;
	font-size: 12px;
	color: #000;
	line-height: 16px;
	margin-bottom:100px;
}
#content.scope a:hover {
	color:#ff9f00;
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------
	human link class
--------------------------------------------------------------------------------------------------*/
.human {
	background:url(images/human_bkgd.jpg) repeat-y top right;
}
.human h1 {
	font-weight:bolder;
	margin:0 50px 10px 450px;
	font-size: 14px;
	color:#0961B2;
}
#content.human a:hover {
	color:#0961B2;
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------
	what's up link class
--------------------------------------------------------------------------------------------------*/
.whatup {
	background:url(images/whatsup_bkgd.jpg) repeat-y top right;
}
.whatup h1 {
	font-weight:bolder;
	margin:0 50px 10px 450px;
	font-size: 14px;
	color:#7CBE30;
}
#content.whatup a:hover {
	color:#7CBE30;
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------
	reach link class
--------------------------------------------------------------------------------------------------*/
.reach {
	background:url(images/reach_bkgd.jpg) repeat-y top right;
}
.reach h1 {
	font-weight:bolder;
	margin:0 50px 10px 450px;
	font-size: 14px;
	color:#8f1a6d;
}
#content.reach a:hover {
	color:#8f1a6d;
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------
	bio divs
--------------------------------------------------------------------------------------------------*/
#bios { 
	width: 650px;
	margin:0 auto 0 auto;
	padding:25px 0 60px 0;
	border-top: 1px #7CBE30 solid;
	background: url(images/bios_bkgd.gif) no-repeat bottom left;
}
#bios p {
	color:#000000;
	margin:0 25px 10px 175px; 
}
#bios form {
	font-size:12px;
	margin:0 25px 10px 175px;
	}
#bios form strong {
	margin:0 0 10px 0;
	}
	
#bios p a {
	color:#000000;
	text-decoration:underline;
}
#bios p a:visited {
	color:#000000;
	text-decoration:underline;
}
#bios p a:hover {
	color:#00a0b8;
	text-decoration:underline;
}
	
#biophoto {
	float:left;
	width:140;
	background:url(images/triangle_small.gif) no-repeat 22px 6px;
}
#biophoto p {
	color:#666666;
	margin:10px 10px 0 50px;
	line-height:15px;
}
#biophoto strong {
	color:#333333;
}

#biophoto img {
	margin:5px 15px 10px 50px;
}
#biophoto p a {
	color:#333333;
	text-decoration:none;
	}
#biophoto p a:visited {
	color:#333333;
	text-decoration:none;
	}
#biophoto p a:hover {
	color:#666666;
	text-decoration:none;
	}
/*--------------------------------------------------------------------------------------------------
	portfolio gallery in bios div
--------------------------------------------------------------------------------------------------*/
#thumbwrapper {
	float:right;
	width:450px;
	margin: 0 0 0 20px;
}
ul.thumb {
	color:#666;
	padding: 5px;
	float: left;
	text-align: left;
	line-height:1em;
	list-style:none;
	}
ul.thumb li {
	display: inline;
	margin:0;
	padding:0;
}
ul.thumb a {
	color:#666;
	display:block;
	float:left;
	width: 80px;
	margin-right: 10px;
	margin-bottom:10px;
	padding:5px;
	text-align:left;
	text-decoration:none;
	font-size:.6em;
	line-height:1.2em;
}
ul.thumb a:hover {
	color:#999;
	}
ul.thumb img {
	display:block;
	border:#BCD99F 1px solid;
	margin: 0 0 10px 0;
}

ul.thumb2 {
	color:#666;
	padding: 5px;
	float: left;
	line-height:1em;
	list-style:none;
	}
ul.thumb2 li {
	display: inline;
	margin:0;
	padding:0;
	text-align: center;
}
ul.thumb2 a {
	color:#666;
	display:block;
	float:left;
	width: 80px;
	margin-right: 10px;
	margin-bottom:10px;
	padding:5px;
	text-align:left;
	text-decoration:none;
	font-size:.6em;
	line-height:1.2em;
}
ul.thumb2 a:hover {
	color:#999;
	}
ul.thumb2 img {
	display:block;
	margin: 0 0 10px 0;
}
.clear { 
	clear:both;
	float:right;
	margin: 20px 0 0 0;
	}
/*--------------------------------------------------------------------------------------------------
	preview thumb
--------------------------------------------------------------------------------------------------*/
ul.preview {
	color:#999999;
	padding:0;
	float: left;
	text-align: left;
	line-height:1em;
	list-style:none;
	}
ul.preview li {
	display: inline;
	margin:0;
	padding:0;
}
ul.preview a {
	color:#999999;
	display:block;
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	padding:5px;
	text-align:left;
	text-decoration:none;
	font-size:.6em;
}
ul.preview a:hover {
	color:#666666;
	}
ul.preview img {
	display:block;
	border:#BCD99F 1px solid;
	margin: 0 0 10px 0;
}


.spacer {
	clear:both;
}
#thumbwrapper br {
	display: none;
	}
/*--------------------------------------------------------------------------------------------------
	main body secondary div 
--------------------------------------------------------------------------------------------------*/
#contentonecol {
}
#contentonecol p {
}
#contentonecol h1 {
}
/*--------------------------------------------------------------------------------------------------
	footer 
--------------------------------------------------------------------------------------------------*/
#footer {
	padding: 15px 0 20px 0;
	background-color: #c6c8ca;
	margin:0 0 10px 0;
	font-size:9px;
	color:#666666;
	text-align: left;
}
#footer p {
	margin:0 0 10px 0;
	font-size:9px;
	color:#666666;
	line-height:12px;
}
#footer strong {
	font-weight:normal;
	font-size:9px;
	color:#666666;
	line-height:12px;
}
#footer ul {
	font-weight:normal;
	font-size:9px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
#footer ul li { 
	display: inline; 
}
#footer a {
	margin: 0 18px 0 0;
	color:#666666;
	text-decoration:none;
}
#footer a:visited {
	color:#666666;
	text-decoration:none;
}
#footer a:hover {
	color:#8D8D8D;
	text-decoration:none;
}
#footer li#current a {
	margin: 0 18px 0 18px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
.sm {
	font-size:8px;
}
a.info {
	display:block;
	width: 125px;
	height:20px;
	background:url(images/info.gif) 0 0 no-repeat;
	text-decoration:none;
	}
a:hover.info {
	background:url(images/info2.gif) 0 0 no-repeat;
	}

#wrapper #footer span {
	text-align: right;
}

