* { padding:0; margin:0; outline:0; }
body {
	background:#00a8f1;
	font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
	line-height:19px;
	color:#fff;
}

a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a { color:#fff; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

h1 { font-size:20px; line-height:135%px; padding-bottom:10px;}
h2 { font-size:17px; line-height:135%px; padding-bottom:10px;}



#bg { background:url(/images/top.jpg) repeat-x center 0; height:100%;}


#shell { width:960px; margin:0 auto; padding-bottom:30px; position:relative; height:100%;}

#header { height:390px; position:relative; }


div#logo {
line-height:130%;
width:450px;
height:36px;
padding:30px 0 10px 0;
}

#logo a {
line-height:120%;
font-size:36px;
color:#468BB6;
text-decoration:none;
display:block;
height:36px;
text-transform:uppercase;
}

.site-info { width:460px; color:#468bb6; font-size:16px; text-transform: uppercase; font-weight: bold;}

#container p { padding-bottom:15px;}
#container { position:relative; width:100%; height:100%;}

#howdy {
	padding: 25px;
	margin: 0 0 25px 0;
	height:100%;
	background: #FFF;
	color: #333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#howdy a, #howdy a:visited { color: #00618D; text-decoration: underline; }
#howdy a:active, #howdy a:hover { color: #945D48; text-decoration: underline; }
#howdy ul { padding: 0 0 0 30px;}
#portfolio { padding-bottom:135px;}

.projects { height:300px; position:relative; }
.projects ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects ul li{ float:left; display:inline; width:960px; height:300px; }
.projects ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects ul li .project-bg{ background:url(/images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects ul li .project a{ position:relative; }


.projects ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(/images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

#contact .left { width:470px;}
#contact .right { width:400px;}
input, textarea, select { font-size:14px; font-family: "Trebuchet MS", sans-serif; padding:5px; color:#fff; border:0; }

#contact label { display:block; padding-bottom:5px;}
#contact .field { background:#42bff5; display:block; width:390px; margin-bottom:15px; color:#1558AE;}
#contact textarea.field { height:130px; width:390px; }

a.submit { font-weight: bold; text-transform: uppercase;}

.abs-span { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}

.island { background-image:url(/images/island.jpg); width:658px; height:144px; top:154px; left:166px;}
.ships { background-image:url(/images/ships.jpg); width:71px; height:47px; top:256px; left:850px; }
.animals { background-image:url(/images/animals.jpg); width:833px; height:801px; left:-130px; top:-32px; }
.animal2 { background-image:url(/images/animal2.jpg); width:201px; height:119px; left:789px; top:-49px; }
.bottle { background-image:url(/images/bottle.jpg); width:84px; height:214px; top:-202px; left:83px;}
.dir { background-image:url(/images/dir.png); width:118px; height:53px; top:50px; left:540px;}

.rel-content { position:relative; z-index:2;}

.buttons { font-size:0; line-height:0; }
.buttons a{ position:absolute; color:#333; text-decoration: none; z-index:20;}
.buttons a em{ position:absolute; width:32px; height:32px; background:url(/images/plus.png); top:7px; left:6px; z-index:2;}
.buttons a span{ display:block; width:135px; height:45px; background:url(/images/button.png) no-repeat 0 0; font-size:16px; line-height:46px; font-weight: bold; text-transform: uppercase; padding:0 0 0 45px; display:none; float:left; z-index:1 !important; position:relative; }
.buttons a.about-link{ top:63px; left:583px; }
.buttons a.portfolio-link{ top:147px; left:496px; }
.buttons a.contact-link{ top:230px; left:130px; }
.buttons a.top-link{ top:-120px; left:550px; }

.top-holder { position:absolute; bottom:0; left:0;}

#top { font-size:0; line-height:0; position:absolute; top:0; left:0;}


.jcarousel-clip { width:960px; height:300px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; cursor:pointer; width:49px; height:49px; text-indent: -4000px; position:absolute; top:310px; }
.jcarousel-next { background:url(/images/next.png); left:459px; }
.jcarousel-prev { background:url(/images/prev.png); left:395px; }

.footer { text-align:left; width:960px;height:40px;}

textarea { overflow:auto;}

.navy {margin:0 0 25px 0;}
.main_pic {float:right;border:5px solid #39A2DD;margin:0 0 5px 5px;}
.clear {height:1px;line-height:1px;font-size:1px;clear:both;}

.menu {padding:25px 0;}
.menu ul li {display:inline;list-style-type:nont;padding:0 10px 0 0;}
.menu ul li a {font-size:16px;font-weight:bold;}

.art {
margin:10px 0 25px 0;
}