html, body{
height:100%;
background-color:#fff;
margin:0;
padding:0;
}
body{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
background-image:url('../../www.aquashell.com/pix/bg_page.png');
background-repeat:repeat-x;
background-position:top;
cursor:default;
}
#header-wrapper{
background-image:url('../../www.aquashell.com/pix/bg_header.png');
background-repeat:no-repeat;
background-position: top center;
margin:0;
padding:0;
}
#header{
height:222px;
width:900px;
margin:0 auto;
}
#logo{
width:200px;
height:222px;
float:left;
margin:0;
padding-left:110px;
}
#logo a{
width:200px;
height:222px;
display: block;
}
#header h1{
color:#284A72;
cursor:default;
float:right;
display:block;
width:400px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-align:center;
padding:75px 20px 0px 120px;
margin:0;
}
#header h1 span{
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
font-weight: normal;
letter-spacing:-1px;
}
#navigation{
width:440px;
margin:50px 0px 0px 0px;
padding:20px 0 0 150px;
display: block;
float:left;
}


#menu{
list-style:none;
margin:0;
padding:0;
display: block;
height:26px;
width:432px;
background-image:url('../../www.aquashell.com/pix/bg_menu.png');
background-position:top left;
background-repeat:no-repeat;
}

#menu li{
float:left;
display:block;
line-height:23px;
height:26px;
}

#menu li a{
text-decoration:none;
color:#e6eaef;
text-transform:lowercase;
display:block;
margin:0;
height:26px;
}

#menu li#nav0{width:37px;}
#menu li#nav1{width:72px;}
#menu li#nav2{width:86px;}
#menu li#nav3{width:78px;}
#menu li#nav4{width:69px;}
#menu li#nav5{width:90px;}

#menu li a:hover{background-image: url('../../www.aquashell.com/pix/bg_menu_over.png');}
#menu li#nav0 a:hover{background-position:0 0;}
#menu li#nav1 a:hover{background-position:-37px 0;}
#menu li#nav2 a:hover{background-position:-109px 0;}
#menu li#nav3 a:hover{background-position:-195px 0;}
#menu li#nav4 a:hover{background-position:-273px 0;}
#menu li#nav5 a:hover{background-position:-342px 0;}


.clear{clear:both; line-height:0px; height:0px; margin:0px; padding:0px; border:0px;}

#homepage #menu li#nav0 a{background-image: url('../../www.aquashell.com/pix/bg_menu_over.png');background-position:0 0;}
#services #menu li#nav1 a{background-image: url('../../www.aquashell.com/pix/bg_menu_over.png');background-position:-37px 0;}
#portfolio #menu li#nav2 a{background-image: url('../../www.aquashell.com/pix/bg_menu_over.png');background-position:-109px 0;}
#about #menu li#nav3 a{background-image: url('../../www.aquashell.com/pix/bg_menu_over.png');background-position:-195px 0;}
#careers #menu li#nav4 a{background-image: url('../../www.aquashell.com/pix/bg_menu_over.png');background-position:-273px 0;}
#contact #menu li#nav5 a{background-image: url('../../www.aquashell.com/pix/bg_menu_over.png');background-position:-342px 0;}


#content{
width:900px;
margin:0 auto;
padding: 50px 0 0 0;
background-image:url('../../www.aquashell.com/pix/bg_content.png');
background-repeat: no-repeat;
background-position: top;
min-height:500px;
}

ul.lines{
list-style:none;
line-height:16px;
margin:0;
padding:5px 0 10px;
}
ul.lines li{
line-height:16px;
color:#5C8C1E;
border-bottom:dashed 1px #c6d5b4;
margin:0;
padding:0;
}
#mainleft{
/*width:650px;
float:left;
*/
float:left;
color:#4f4f4f;
margin:0;
padding:10px 0px;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
}
.image{
float:left;
clear:left;
border:solid 1px #ccc;
margin:10px 10px 10px 0;
padding:2px;
}
#mainleft p a{
color:#3D628D;
text-decoration:underline;
}
#mainleft p a:hover{
color:#3D628D;
text-decoration:none;
}
#mainleft p{
color:#4f4f4f;
line-height:16px;
padding:6px 0;
margin:0;
}
#mainleft h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:22px;
letter-spacing:-1px;
padding-top:10px;
color:#3D628D;
font-weight:normal;
margin:0;
}
#mainleft h3{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
letter-spacing:-1px;
color:#3D628D;
margin:0;
padding:8px 0 2px;
}
#mainleft h4{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-0.7px;
color:#707070;
margin:0;
padding:8px 0 0;
}
ul.listing{
list-style:none;
clear:left;
margin:8px 0 12px;
padding:0;
}
ul.listing li{
background-image:url('../../www.aquashell.com/pix/bullet.gif');
background-repeat:no-repeat;
background-position:left;
line-height:1.5em;
padding-left:16px;
margin:0;
}
ul.listing li a:hover{
text-decoration:none;
color:#000;
}
#footer{
width:100%;
background-color:#e5e5e5;
background-image:url('../../www.aquashell.com/pix/bg_footer.png');
background-repeat:repeat-x;
background-position:top;
clear:both;
margin:0;
}
#footer-content{
width:550px;
clear:both;
color:#707070;
font-size:11px;
text-align:center;
margin:0 auto;
padding:20px 0;
}
#footer-content a{
color:#707070;
text-decoration:underline;
background-color:inherit;
}
#footer-content a:hover{
color:#000;
text-decoration:none;
background-color:inherit;
}
#form{
border:0;
color:#505050;
font-weight:400;
margin:0;
padding:0;
}
.input{
width:326px;
border:1px #CACACA solid;
background-color:#fff;
color:#6A6A6A;
background-image:url('../../www.aquashell.com/pix/bg_inputs.png');
background-repeat:repeat-x;
background-position:top;
line-height:13px;
font-size:13px;
margin:2px 0 5px;
padding:2px;
}
.button{
border:1px #CACACA solid;
margin-top:10px;
width:auto;
color:#5B5B5B;
background-color:#FFF;
background-image:url('../../www.aquashell.com/pix/bg_inputs.png');
background-repeat:repeat-x;
background-position:top;
font-size:13px;
font-family:"Tahoma", Verdana, Arial, sans-serif;
}
.textarea{
width:326px;
height:127px;
border:1px #CACACA solid;
color:#5B5B5B;
background-color:#FFF;
background-image:url('../../www.aquashell.com/pix/bg_inputs.png');
background-repeat:repeat-x;
background-position:top;
overflow:auto;
font-size:13px;
font-family:"Tahoma", Verdana, Arial, sans-serif;
margin:2px 0;
padding:2px;
}
.submit{
border:1px #CACACA solid;
margin-top:10px;
margin-left:10px;
width:100px;
color:#5B5B5B;
background:#FFF;
background-image:url('../../www.aquashell.com/pix/bg_inputs.png');
background-repeat:repeat-x;
background-position:top;
font-size:13px;
font-family:"Tahoma", Verdana, Arial, sans-serif;
}
#formular-contact{
width:430px;
float:left;
margin:0;
padding:10px 0;
}
label{
color:#4f4f4f;
padding-bottom:2px;
margin:0;
}
h1{
margin:0;
padding:0;
}
#navigation li span{
display:none;
}
em{
font-style:normal;
color:#5C8C1E;
font-weight:bold;
}
img{
border:none;
}

/*Auto clear*/
#content:after{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#content:{display: inline-table;}
/* Hides from IE-mac \*/
* html #content:{height: 1%;}
#content:{display: block;}
/* End hide from IE-mac */







/*portofolio*/
#frame {
overflow: hidden;
margin: 0 auto;
width: 650px;
position: relative;
}
#frame div.button {
position: absolute;
top: 40%;
}
div.button#left, div.button#right, div.button#left a, div.button#right a{
border:0;
width: 35px;
height: 35px;
display: block;
}
div.button#left {
left: 0;
background-image: url('../../www.aquashell.com/pix/port_but_left.png');
}
div.button#right {
right: 0;
background-image: url('../../www.aquashell.com/pix/port_but_right.png');
}
div.button#right a:hover{
background-image: url('../../www.aquashell.com/pix/port_but_right_rollover.png');
}
div.button#left a:hover{
background-image: url('../../www.aquashell.com/pix/port_but_left_rollover.png');
}
#scroller {
width: 560px;
margin: 0 auto;
overflow: hidden;
}
#portofolio-content {
width: 5250px;
}
.section {
width: 550px;
margin: 0 5px;
float: left;
padding: 15px 0;
}
#toolbar li.active{
color:red;
}
.section h3{
clear: both;
}
ul#toolbar{
margin:0;
padding:20px 0;
}
#toolbar li{
font-size: 110%;
letter-spacing: -1px;
font-weight: bold;
list-style:none;
float: left;
margin-left: 5px;
}
#toolbar li a{
text-decoration: none;
color:#666666;
padding: 5px;
display: block;
}
#toolbar li a:hover{
text-decoration: none;
background-color: #999999;
color: #FFFFFF;
}
#toolbar li.active a{
background-color: #85A0BF;
color: #FFFFFF;
}

:focus
{
-moz-outline-style: none;
}