* { padding:0; margin:0; outline:0; }
body {
	background:#004f83 url(images/bottom.jpg) repeat-x center bottom;
	font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
	line-height:19px;
	color:#fff;
}

a img { border:0; }
a:hover { color:#9999ff;}
a.one { text-decoration:underline;}

.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: none; cursor:pointer; }
a:hover { text-decoration: none; }

h1 { font-size:36px; line-height:40px; text-transform: uppercase; padding-bottom: 10px;}
h2 { font-size:30px; line-height:80px; text-transform: uppercase; padding-bottom:10px;}
h3 { font-size:26px; line-height:35px; padding-bottom: 5px;}
h4 { font-size:20px; line-height:30px; padding-bottom: 5px;}
h5 { font-size:30px; line-height:30px; text-transform:uppercase; padding-bottom:10px;}


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


#shell { width:960px; margin:0 auto; min-height:1700px; padding-bottom:300px; position:relative; background:url(images/foot1.jpg) no-repeat 56px bottom;}

#header { height:390px; position:relative; }
#gumleaves {background-image:url(images/gumleaves.png); z-index:50; top: 0; left: 685px;}

h1#logo { font-size:0; line-height:0; width:620px; height:265px; padding:0 ; top: 15px;}
h1#logo a{ display:block; height:265px; background:url(images/logo2.png); text-indent: -4000px;}
.site-info { width:490px; color:#000; font-size:30px; text-transform: uppercase; font-weight:bolder; left: 634px; padding-left: 150px;}

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

#navlist { color: #fff; list-style: none; text-decoration:none; width:1100px;}
#navlist a { padding: 3px 10px 3px 8px; text-decoration:none; display:inline; font-weight:bolder;  }
#navlist li {display:inline;}

    
.animatedtabs{ overflow: hidden; width: 100%; font-size: 13px; height: 30px; /*font of menu text*/ }
.animatedtabs ul{ list-style-type: none; margin: 0; margin-left: 10px; /*offset of first tab relative to page left edge*/ padding: 0; }
.animatedtabs li{ float: left; margin: 0; padding: 0; }
.animatedtabs a{ float: left; position: relative; bottom: 3px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */ background: url(images/tab-blue-left.gif) no-repeat left bottom; margin: 0; margin-right: 3px; /*Spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; }
.animatedtabs a span{ float: left; position: relative; display: block; background: url(images/tab-blue-right.gif) no-repeat right bottom; padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */ font-weight: bold; color: black; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */
.animatedtabs .selected a{ background-position: 0 -96px; bottom: 0; }
.animatedtabs .selected a span{ background-position: 100% -96px; color: black; padding-top: 6px; /* 3) top padding of selected tab. Should equal (1) PLUS (2) above */ bottom: 0; }
.animatedtabs a:hover{ background-position: 0% -96px; bottom: 0; }
.animatedtabs a:hover span{ background-position: 100% -96px; padding-top: 6px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ bottom: 0;}



#howdy { padding-bottom:100px;}
#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:url(images/field.png); display:block; width:390px; margin-bottom:15px;}
#contact textarea.field { height:130px; width:390px; }

a.submit {  background:url(images/field.png); 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/island1.jpg); width:1280px; height:144px; top:154px; left:-100px;}
.ships { background-image:url(images/ships.jpg); width:71px; height:47px; top:256px; left:850px; }*/
.animals { background-image:url(images/platypus.png); width:250px; height:204px; left:-240px; top:732px; }
.animal2 {
	background-image:url(images/platypus2.png);
	width:300px;
	height:200px;
	left:889px;
	top:-9px;
}
/*.bottle { background-image:url(images/bottle2.png); width:100px; height:116px; top:-110px; left:623px;}*/
.dir { background-image:url(images/dir.png); width:100px; height:128px; 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:78px; left:598px; }
.buttons a.portfolio-link{ top:137px; left:436px; }
.buttons a.contact-link{ top:280px; left:653px; }*/

.buttons a.about-link{ top:280px; left:653px;}
.buttons a.portfolio-link{ top:137px; left:426px; }
.buttons a.contact-link{ top:78px; left:598px; }


.buttons a.top-link{ top:-120px; left:850px; }
.buttons a.top-link1{ top:-850px; left:850px; }
.buttons a.top-link2{ top:-1170px; left:850px; }
.buttons a.top-link3{ top:-1440px; left:850px; }
.buttons a.top-link4{ top:-1700px; left:850px; }
.buttons a.top-link5{ top:-2150px; left:850px; }
.buttons a.top-link6{ top:-2590px; left:850px; }
.buttons a.top-link7{ top:-2950px; left:850px; }
.buttons a.top-link8{ top:-3450px; left:850px; }
.buttons a.top-link9{ top:-3000px; left:850px; }
.buttons a.top-link10{ top:-2200px; left:850px; }
.buttons a.top-link11{ top:-1780px; left:850px; }
.buttons a.top-link12{ top:-1380px; left:850px; }




.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; }

.copy { text-align: left; position:absolute; bottom:30px; width:100%; left:0; color:#66ccff; }
.copy a{ color:#66ccff; }

textarea { overflow:auto;}
        
.fltrt { float: right; margin-left: 8px; margin-right: 8px; padding-right: 10px;}
.fltlft { float: left; margin-right: 8px;}
.fltcntr { float:inherit;}