*{outline:0; margin:0; padding:0}
*{outline:0; margin:0; padding:0}
body{background:#000000 url(images/bottom.jpg) repeat-x center bottom; font-family:"Helvetica",sans-serif; font-size:15px; line-height:19px; color:#fff}
a img{border:0}
.left, .alignleft{float:left; display:inline; width:250px}
.right, .alignright{float:right; display:inline; width:250px}
.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}
h2{font-size:60px; line-height:80px; text-transform:uppercase; padding-bottom:10px}
h3{font-size:15px; line-height:10px; text-transform:uppercase; padding-bottom:10px}
#bg{background:url(images/top.jpg) repeat-x center 0}
#wrap{width:960px; min-height:1700px; padding-bottom:300px; position:relative; margin:0 auto}
#header{height:390px; position:relative}
h1#logo{font-size:0; line-height:0; width:310px; height:65px; padding:10px 0 20px}
h1#logo a{display:block; height:65px; text-indent:-4000px}
#container p{padding-bottom:15px}
#container{position:relative; width:100%}
#hello{padding-bottom:100px}
#livesupport{float:right; width:155px; position:relative; top:182px}
#services{float:left; left:-210px; position:relative; top:253px}
#contactform{float:left; left:100px; position:relative; top:-180px}
#portfolio{padding-bottom:145px}
.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/plus2.png) no-repeat 0 0; text-indent:-4000px; position:absolute; top:99px; left:166px; z-index:5}
#contact .left{width:470px}
#contact .right{width:410px}
input, textarea, select{font-size:14px; font-family:"Trebuchet MS",sans-serif; color:#fff; border:0; padding:5px}
#contact label{display:block; padding-bottom:2px}
#contact .field{background:url(images/field.png); display:block; width:390px; margin-bottom:15px}
#contact textarea.field{height:100px; width:390px}
a.submit{font-weight:normal; 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}
.login{background-image:url(images/login.png); width:140px; height:120px; top:0px; left:830px}
.animals{background-image:url(images/topwater.jpg); width:936px; height:1084px; left:-130px; top:-32px}
.seattle{background-image:url(images/sea.jpg); width:435px; height:90px; left:319px; top:-195px}
.chest{background-image:url(images/chest.gif); width:280px; height:190px; left:260px; top:1450px}
.sun{background-image:url(images/sun.jpg); width:454px; height:365px; top:-2px; left:40px}
.logo{background-image:url(images/logo.jpg); width:310px; height:65px; top:10px; left:-10px}
.rel-content{position:relative; z-index:5}
.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:45px; height:45px; background:url(images/plus.png); top:7px; left:6px; z-index:2}
.buttons a span{width:135px; height:45px; background:url(images/button.png) no-repeat 0 0; font-size:16px; line-height:46px; font-weight:700; text-transform:uppercase; display:none; float:left; z-index:1 !important; position:relative; padding:0 0 0 45px}
.buttons a.login{top:0px; left:823px}
.buttons a.top-link{top:-120px; left:800px}
.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:71px; height:72px; 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}
.copyright{text-align:left; position:absolute; bottom:5px; width:100%; font-size:12px; left:0; color:#fff}
.xhtmlcss{text-align:left; position:absolute; bottom:25px; width:100%; font-size:12px; left:0; color:#fff}
.bottomnav{text-align:right; position:absolute; bottom:5px; width:100%; font-size:12px; left:0; color:#fff}
.copy a{color:#062e44}
textarea{overflow:auto}
#rollover ul, #rollover li{list-style-type:none; line-height:20px}
#rollover li a{background-image:url(images/check.png); background-repeat:no-repeat;  background-position:0 .4em; padding-left:15px}
#rollover li a:hover{background-image:url(images/checkon.png); background-repeat:no-repeat;  background-position:0 .4em; padding-left:15px}
#rollover2 ul, #rollover2 li{list-style-type:none; line-height:20px}
#rollover2 li a{background-image:url(images/check.png); background-repeat:no-repeat;  background-position:0 .4em; padding-left:15px}
#rollover2 li a:hover{background-image:url(images/checkon.png); background-repeat:no-repeat;  background-position:0 .4em; padding-left:15px}
#contact .field2{background:url(images/submit.jpg); display:block; width:90px; margin-bottom:15px}
a.submit{font-weight:normal; text-transform:uppercase}
#navigation{position:absolute; top:-20px; left:166px; width:123px; height:249px; z-index:2}
#navigation2{position:absolute; width:126px; height:249px; top:-60px; left:317px; z-index:2}
#navigation3{position:absolute; width:127px; height:180px; top:-10px; left:470px; z-index:2}
#navigation4{position:absolute; width:129px; height:218px; top:-20px; left:630px; z-index:2}