@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-size: small;
}
#wrapper {
	background-image: url(splat.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 565px;
}
#banner {
	background-image: url(pencil.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 39px;
	padding-left: 619px;
	margin-top: 20px;
}
#main.index {
	background-image: url(content_bg_home.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 900px;
	margin-top: -20px;
}
#nav {
	list-style-type: none;
	margin-right: 200px;
}
#nav li {
	float: right;
}
li.home {
	background-image: url(home_over.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 169px;
	text-indent: -9999px;
}
li.home a:link, li.home a:visited {
	background-image: url(home_up.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 169px;
	display: block;
}
li.home a:hover, li.home a:active {
	background-image: url(home_over.png);
	background-repeat: no-repeat;
	display: block;
	height: 150px;
	width: 169px;
}
li.design {
	background-image: url(design_over.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 184px;
	text-indent: -9999px;
}
li.design a:link, li.design a:visited {
	background-image: url(design_up.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 184px;
	display: block;
}
li.design a:hover, li.design a:active {
	background-image: url(design_over.png);
	background-repeat: no-repeat;
	display: block;
	height: 150px;
	width: 184px;
}
li.illustration {
	background-image: url(illustrate_over.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 173px;
	text-indent: -9999px;
}
li.illustration a:link, li.illustration a:visited {
	background-image: url(illustrate_up.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 173px;
	display: block;
}
li.illustration a:hover, li.illustration a:active {
	background-image: url(illustrate_over.png);
	background-repeat: no-repeat;
	display: block;
	height: 150px;
	width: 173px;
}
p.info {
	font-family: "Century Gothic", "Arial", "sans-serif";
	color: #FFF;
	text-align: right;
	width: 600px;
	line-height: 1.5em;
	font-size: 110%;
	float: right;
	margin-right: 200px;
	margin-top: 170px;
}
.contact {
	background-image: url(contact_over.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 265px;
	text-indent: -9999px;
	float: right;
	margin-top: 45px;
	margin-right: 175px;
}
.contact a:link, .contact a:visited {
	background-image: url(contact_up.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 265px;
	display: block;
}
.contact a:hover, .contact a:active {
	background-image: url(contact_over.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 265px;
	display: block;
}
#main.content-design {
	background-image: url(content_bg_design.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 900px;
	margin-top: 0px;
}
#main.content-port {
	background-image: url(port_bg.png);
	background-repeat: no-repeat;
	height: 834px;
	width: 833px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}
#main.content-illustrate {
	background-image: url(content_bg_illustrate.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 900px;
	margin-top: 0px;
}
#thumbs {
	padding: 0px;
	width: 525px;
	margin-top: 60px;
	margin-bottom: 0px;
	float: left;
    margin-left: 150px;
}
ul.port {
	float: left;
	margin-top: -10px;
}
.fat {
	background-image: url(fat_over.png);
	background-repeat: no-repeat;
	height: 116px;
	width: 114px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.fat a:link, .fat a:visited {
	background-image: url(fat_up.png);
	background-repeat: no-repeat;
	height: 116px;
	width: 114px;
	display: block;
}
.fat a:hover, .fat a:active {
	background-image: url(fat_over.png);
	background-repeat: no-repeat;
	height: 116px;
	width: 114px;
	display: block;
}
.groome {
	background-image: url(groome_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.groome a:link, .groome a:visited {
	background-image: url(groome_up.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	display: block;
}
.groome a:hover, .groome a:active {
	background-image: url(groome_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	display: block;
}
.church {
	background-image: url(church_over.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 116px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.church a:link, .church a:visited {
	background-image: url(church_up.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 116px;
	display: block;
}
.church a:hover, .church a:active {
	background-image: url(church_over.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 116px;
	display: block;
}
.book {
	background-image: url(book_over.png);
	background-repeat: no-repeat;
	height: 119px;
	width: 116px;
	text-indent: -9999px;
	float: right;
    padding-right: 5px;
	list-style: none;
}
.book a:link, .book a:visited {
	background-image: url(book_up.png);
	background-repeat: no-repeat;
	height: 119px;
	width: 116px;
	display: block;
}
.book a:hover, .book a:active {
	background-image: url(book_over.png);
	background-repeat: no-repeat;
	height: 119px;
	width: 116px;
	display: block;
}
.plum {
	background-image: url(plum_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	text-indent: -9999px;
	float: right;
	list-style: none;
}
.plum a:link, .plum a:visited{
	background-image: url(plum_up.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	display: block;
}
.plum a:hover, .plum a:active {
	background-image: url(plum_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	display: block;
}
.uncg {
	background-image: url(uncg_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.uncg a:link, .uncg a:visited {
	background-image: url(uncg_up.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	display: block;
}
.uncg a:hover, .uncg a:active {
	background-image: url(uncg_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 116px;
	display: block;
}
.wcs {
	background-image: url(wcs_over.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 116px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.wcs a:link, .wcs a:visited {
	background-image: url(wcs_up.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 116px;
	display: block;
}
.wcs a:hover, .wcs a:active {
	background-image: url(wcs_over.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 116px;
	display: block;
}
.blue {
	background-image: url(blue_over.png);
	background-repeat: no-repeat;
	height: 119px;
	width: 116px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.blue a:link, .blue a:visited {
	background-image: url(blue_up.png);
	background-repeat: no-repeat;
	height: 119px;
	width: 116px;
	display: block;
}
.blue a:hover, .blue a:active {
	background-image: url(blue_over.png);
	background-repeat: no-repeat;
	height: 119px;
	width: 116px;
	display: block;
}
.ny {
	background-image: url(ny_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 114px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.ny a:link, .ny a:visited {
	background-image: url(ny_up.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 114px;
	display: block;
}
.ny a:hover, .ny a:active {
	background-image: url(ny_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 114px;
	display: block;
}
.nancy {
	background-image: url(nancy_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 114px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.nancy a:link, .nancy a:visited {
	background-image: url(nancy_up.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 114px;
	display: block;
}
.nancy a:hover, .nancy a:active {
	background-image: url(nancy_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 114px;
	display: block;
}
.wang {
	background-image: url(wang_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 117px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.wang a:link, .wang a:visited {
	background-image: url(wang_up.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 117px;
	display: block;
}
.wang a:hover, .wang a:active {
	background-image: url(wang_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 117px;
	display: block;
}
.rio {
	background-image: url(rio_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 119px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.rio a:link, .rio a:visited {
	background-image: url(rio_up.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 119px;
	display: block;
}
.rio a:hover, .rio a:active {
	background-image: url(rio_over.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 119px;
	display: block;
}
.fox {
	background-image: url(fox_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.fox a:link, .fox a:visited {
	background-image: url(fox_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.fox a:hover, .fox a:active {
	background-image: url(fox_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.harbor {
	background-image: url(harbor_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.harbor a:link, .harbor a:visited {
	background-image: url(harbor_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.harbor a:hover, .harbor a:active {
	background-image: url(harbor_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.dog {
	background-image: url(dog_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 119px;
	text-indent: -9999px;
	float: right;
	padding-right: 5px;
	list-style: none;
}
.dog a:link, .dog a:visited {
	background-image: url(dog_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 119px;
	display: block;
}
.dog a:hover, .dog a:active {
	background-image: url(dog_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 119px;
	display: block;
}
.venue {
	background-image: url(venue_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.venue a:link, .venue a:visited {
	background-image: url(venue_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.venue a:hover, .venue a:active {
	background-image: url(venue_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxpg1 {
	background-image: url(px_pg1_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.pxpg1 a:link, .pxpg1 a:visited {
	background-image: url(px_pg1_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxpg1 a:hover, .pxpg1 a:active {
	background-image: url(px_pg1_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.syngenta {
	background-image: url(syngenta_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.syngenta a:link, .syngenta a:visited {
	background-image: url(syngenta_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.syngenta a:hover, .syngenta a:active {
	background-image: url(syngenta_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.furniture {
	background-image: url(furniture_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.furniture a:link, .furniture a:visited {
	background-image: url(furniture_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.furniture a:hover, .furniture a:active {
	background-image: url(furniture_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxstrip {
	background-image: url(px_strip_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.pxstrip a:link, .pxstrip a:visited {
	background-image: url(px_strip_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxstrip a:hover, .pxstrip a:active {
	background-image: url(px_strip_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxcover1 {
	background-image: url(px_cover1_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.pxcover1 a:link, .pxcover1 a:visited {
	background-image: url(px_cover1_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxcover1 a:hover, .pxcover1 a:active {
	background-image: url(px_cover1_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.ann {
	background-image: url(ann_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.ann a:link, .ann a:visited {
	background-image: url(ann_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.ann a:hover, .ann a:active {
	background-image: url(ann_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxstrip2 {
	background-image: url(px_strip2_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.pxstrip2 a:link, .pxstrip2 a:visited {
	background-image: url(px_strip2_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxstrip2 a:hover, .pxstrip2 a:active {
	background-image: url(px_strip2_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxpg2 {
	background-image: url(px_pg2_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.pxpg2 a:link, .pxpg2 a:visited {
	background-image: url(px_pg2_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxpg2 a:hover, .pxpg2 a:active {
	background-image: url(px_pg2_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.education {
	background-image: url(science_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.education a:link, .education a:visited {
	background-image: url(science_up.png);
	background-repeat: no-repeat;
	height: 118px;
	width: 117px;
	display: block;
}
.education a:hover, .education a:active {
	background-image: url(science_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxcover2 {
	background-image: url(px_cover2_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.pxcover2 a:link, .pxcover2 a:visited {
	background-image: url(px_cover2_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxcover2 a:hover, .pxcover2 a:active {
	background-image: url(px_cover2_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.bob {
	background-image: url(bob_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.bob a:link, .bob a:visited {
	background-image: url(bob_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.bob a:hover, .bob a:active {
	background-image: url(bob_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxcover3 {
	background-image: url(px_cover3_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	text-indent: -9999px;
	float: left;
	padding-right: 5px;
	list-style: none;
}
.pxcover3 a:link, .pxcover3 a:visited {
	background-image: url(px_cover3_up.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}
.pxcover3 a:hover, .pxcover3 a:active {
	background-image: url(px_cover3_over.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	display: block;
}#main.content-port p.medium{
	font-size: 80%;
	color: #03C;
}
.quarter {
	margin-top: 15px;
	margin-left: 30px;
}
#main.content-port h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 150%;
	color: #900;
	font-weight: bolder;
	margin-left: 120px;
	width: 250px;
	text-align: center;
}
#main.content-port p {
	font-family: "Courier New", Courier, monospace;
	color: #000;
	text-align: center;
	width: 250px;
	margin-left: 125px;
	font-size: 120%;
	font-weight: bold;
}
.half {
	margin-top: 75px;
}
#main.content-port a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	width: 250px;
	margin-left: 120px;
}
#main.content-port a:hover {
	color: #000;
}