* {
margin: 0;
padding: 0;
}

html {
	margin: 0;
	padding: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	background-color:#8B9298;
}

.hidden {display: none;}

#blockquote {
	padding-left: 4px;
	background-image:url(../assets/transparent_medium.png);
	background-repeat:repeat-x;
	padding-right: 4px;
	padding-top: 10px;
	font-size:0.8em;
	width:258px;
	font-style:italic;
	color:#003333;
	position:absolute;
	left: 172px;
	top: 475px;
	height: 180px;
}

tr {font-size: 11px;
	color:#336666;
	text-align:center;
	}

p {
	font-size: 11px;
	color:#336666;
	padding-right: 5px;
	padding-left: 5px;
}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	padding-top: 10px;
	margin-top: 10px;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

h4 {
	clear:both;
	font-size: 14px;
	color: #003366;
	text-align:center;
	padding-top: 20px;
}
h5 {
	font-size: 18px;
	color: #CCFFFF;
	font-weight: bold;
	text-align:center;
	margin-bottom: 100px;
}

h5 a:link {
color:#CCFFFF;
}

h5 a:visited {
color:#CCFFFF;
}

h5 a:hover {
	color:#003333;
}

body {
	margin: 0;
	padding-top: 15px;
	text-align: center;
	min-width: 800px;
	color:#8B9298;
}

#wrapper {
	width: 798px;
	margin: 0 auto;
	text-align: left;
	min-height:700px;
	background-color:#FFFFFF;
	position:relative;
}
#header_home{
	background-image:url(../assets/background_images/sayo-art.png);
	background-repeat:no-repeat;
	width: 420px;
	float:left;
	height: 147px;
	visibility: visible;
	margin-top: 150px;
	margin-left: 150px;
}

#enter {
	padding:0px;
	background-repeat:no-repeat;
	background-position:left;
	background-image: url(../assets/background_images/slices_images_03.jpg);
	height: 500px;
	}
	
#maincontent {
	float:right;
	width:650px;

}

#maincontent_portfolio {
	float:right;
	width:799px;
	height:500px;
	/***background-image:url(../assets/slices_images_06.jpg);
	background-repeat:no-repeat;
	background-position:center;***/

}
.left_img{
	border:2px solid #333366;
	margin: 5px;
	display:block;
	float: left;
}
.right_img{
	border:2px solid #333366;
	display:block;
  	margin: 5px;
	float: right;
}
#secondcontent {
	width: 126px;
	height: 481px;
	float:left;
	background-image:url(../assets/background_images/left_water.jpg);
	background-repeat:no-repeat;
}
#secondcontent2{
	width: 126px;
	height: 481px;
	float:left;
	background-image:url(../assets/background_images/left_eskimo.jpg);
	background-repeat:no-repeat;
}

#secondcontent3{
	width: 126px;
	height: 481px;
	float:left;
	background-image:url(../assets/background_images/left_poppy.jpg);
	background-repeat:no-repeat;
}
#secondcontent4{
	width: 126px;
	height: 481px;
	float:left;
	background-image:url(../assets/background_images/left_tiger.jpg);
	background-repeat:no-repeat;
}


#banner{
	background-image:url(../assets/background_images/banner_filler_04.gif);
	background-repeat: repeat-x;
	width:798px;
	height: 67px;
	float:left;
	background-color: #8B9298;
}
#header {
	background-image:url(../assets/background_images/header_03.gif);
	background-repeat: no-repeat;
	width:239px;
	height: 67px;
	padding: 0px;
	float:left;
	background-color: #8B9298;
}

#footer {
	clear: both;
	padding-top:7px;
	width: 798px;
	margin: 0;
	text-align:center;
	background-image:url(../assets/background_images/footer_filler_10.gif);
	background-repeat:repeat-x;
}
/* Nav for Sayo-Art*/

a:link {
color:#006699;
}

a:visited {
	color:#365A54;
}

a:hover {
color:#339999;

}
a:active {
color:#0099CC;
}


/*************SECONDARY NAVIGATION***************/

#secondnav{
	width:80px;
	margin-bottom: 0;
	margin-top: 0;
	list-style: none;
	}

#secondnav li a {
	text-decoration: none;
	padding-left: 5px;
		width:75px;

}

#secondnav li {
	text-decoration: none;
	border-bottom-color:#006666;
	border-bottom-style:solid;
	border-width:thin;

}
secondnav a:hover {
	border-bottom-color:#666666;
	border-bottom-style:dotted;
	border-width:thin;
}
/*******Header replacements**************/
#welcome {
	background-image:url(../assets/about_welcome.png);
	width: 160px;
	height: 30px;
	background-repeat:no-repeat;
	}
#faq {
	background-image:url(../assets/about_faq.png);
	width: 160px;
	height: 30px;
	background-repeat:no-repeat;
}
#bio {
	background-image:url(../assets/about_bio.png);
	width: 160px;
	height: 30px;
	background-repeat:no-repeat;
}
#links {
	background-image:url(../assets/about_links.png);
	width: 160px;
	height: 30px;
	background-repeat:no-repeat;
}#clients {
	background-image:url(../assets/about_bio.png);
	width: 160px;
	height: 30px;
	background-repeat:no-repeat;

}

#portfoliohead {
background-image:url(../assets/portfolio.png);
	width: 160px;
	height: 30px;
	background-repeat:no-repeat;

}
/*******Lists**************/

#horizontallist {
	float: left;
	width: 798px;
	list-style: none;
	}

#horizontallist li a{
	display: block;
	float: left;
	width: 100px;
	height: 300px;
text-indent: -9000em;
}



#horizontallist li a:hover {
	display: block;
	float: left;
	width: 125px;
	padding-top:50px;
	margin:0;
	padding-right:0px;
	font-size:0.9em;
	color: #003333;
	text-align:center;
	text-indent:0em;
	text-decoration:none;
}



.verticalcontentlist {
	/*text-deocration: none;*/
	list-style: none;
	font-size:0.8em;
	color:#006CB2;
}

.verticalcontentlist p{
	margin:0;
	padding-top:5px;
	padding-right:20px;
	padding-bottom:15px;
	padding-left:20px;
}
#top {

}
.anchor {
	font-size: 0.8em;
	color: #669999;
	font-weight: normal;
	text-decoration: underline;
}
#disclaimer {
	color:#006699;
	font-style:italic;
}

/*************Portfolio NAVIGATION***************/
/*Container and Background behind Portfolio Nav */

#secondcontent5{
	width: 240px;
	float:left;
	background-image:url(../assets/background_images/portfolio_bld.jpg);
	background-repeat:no-repeat;
	}
	#secondcontent6{
	width: 240px;
	float:left;
	background-image:url(../assets/background_images/portfolio_octo.jpg);
	background-repeat:no-repeat;
	}
	#secondcontent7{
	width: 240px;
	float:left;
	background-image:url(../assets/background_images/portfolio_flwr.jpg);
	background-repeat:no-repeat;
	}
	#secondcontent8{
	width: 240px;
	float:left;
	background-image:url(../assets/background_images/portfolio_uni.jpg);
	background-repeat:no-repeat;
	}
	#secondcontent9{
	width: 240px;
	float:left;
	background-image:url(../assets/background_images/portfolio_shell.jpg);
	background-repeat:no-repeat;
	}
	#secondcontent10{
	width: 240px;
	float:left;
	background-image:url(../assets/background_images/portfolio_man.jpg);
	background-repeat:no-repeat;
	}
	#secondcontent11{
	width: 240px;
	float:left;
	background-image:url(../assets/background_images/left-darwin.jpg);
	background-repeat:no-repeat;
}

/*Navigation Between Portfolios */
#horizontallist_port {
	float: left;
	width: 220px;
	margin: 20px 0px 0px 0px;
	padding: 10px 5px 5px 15px;
	list-style: none;
	font-size:.8em;
	text-decoration:none;
	}

#horizontallist_port li a{
	display: block;
	float: left;
	width:auto;	height: 15px;
		text-decoration:none;
}
#horizontallist_port li a:link {
color:#006699;
}

#horizontallist_port li a:visited {
color:#333333;
}

#horizontallist_port li a:hover {
color:#339999;

}
#horizontallist_port li a:active {
color:#0099CC;
}

/*Thumbnail Portfolio List*/
#portfolionav {
	float: left;
	width: 220px;
	visibility: visible;
	margin: 0px;
	padding: 10px;
}
#portfolionav li{
list-style-type:none;
text-decoration:none;
	float:left;
}
#portfolionav a, img{
	float:left;
	margin:0;
	padding:2px;
	border:0;
}
/*Large  Portfolio image*/
#Portfolio {
		float:left;
		padding:1px;
		text-align:center;
		visibility:visible;
		width:500px;
		}

	#Portfolio div{
		display:none;
	}
		
/*cafepress*/
#store_ad {
float:left;
text-align:center;
width: 220px;
height: 180px;
padding: 1px 10px 1px 10px;
background-image: url(../assets/content_images/gifts.jpg);
background-repeat:no-repeat;
	clear: both;

}

/*Portfolio Index Images and Rollovers*/
#portsmall {
background-image:url(../assets/background_images/left_malaria.jpg);
background-repeat:no-repeat;
height: 480px;
width: 125px;
float: left;
}

#portanimals {
	background-image:url(../assets/background_images/left_octo.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
	float:left;
}
#portplants {
	background-image:url(../assets/background_images/left_birdofparadise.jpg);
	background-repeat:no-repeat;
	height: 480px;
	width: 125px;
	float:left;

}
#portlarge {
	background-image:url(../assets/background_images/left_univ.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
		float:left;

}
#portconcept {
	background-image:url(../assets/background_images/left_theorybio.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
		float:left;

}
#portother {
	background-image:url(../assets/background_images/left_eskimo.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
		float:left;

}
#portsmall a:hover{
	background-image:url(../assets/background_images/portfolio_bld.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
}
#portanimals a:hover{
	background-image:url(../assets/background_images/portfolio_octo.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
	float:left;
}
#portplants a:hover{
	background-image:url(../assets/background_images/portfolio_flwr.jpg);
		background-repeat:no-repeat;

	height: 480px;
	width: 125px;
	float:left;
}
#portlarge a:hover{
	background-image:url(../assets/background_images/portfolio_uni.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
	float:left;
}
#portconcept a:hover{
	background-image:url(../assets/background_images/portfolio_shell.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
	float:left;
}
#portother a:hover{
	background-image:url(../assets/background_images/portfolio_man.jpg);
	background-repeat:no-repeat;

	height: 480px;
	width: 125px;
	float:left;
}


#addthis{
	position:absolute;
	top:66px;
	width:200px;
	right:0;
}

.addthis{
	float:right;
}

#cse-search-box{
	position:absolute;
	top:43px;
	width:798px;
	text-align:right;
}

	#cse-search-box input{
		width:200px;
	}
	
		#cse-search-box .submit{
			width:80px;
		}