/* @override 
	http://aquatic.120db.com/stylesheets/master.css
	http://aquatic.takeo.info/stylesheets/master.css
	http://temp.aquatictechnologies.net/stylesheets/master.css
*/

* {
	margin: 0;
	padding: 0;
	outline:0;
}

body {
	background: url(../images/bg.png) center top no-repeat;
  	font-size: medium;
}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	background: transparent;
	width: 776px;
	padding-right: 0;
	padding-left: 0;
}

/* @group Masthead */

#masthead {
	background: url(../images/logo.gif) no-repeat left bottom transparent;
	font-size: 10px;
	height: 76px;
	float: left;
	width: 290px;
}

#masthead h1, #masthead h2 {
	font-size: 10px;
	line-height: 0.5em;
}

#masthead h2 {
	text-indent: -1000px;
}

/* @end */

#homelink a {
	width: 280px;
	height: 70px;
	background: transparent;
	text-indent: -1000px;
	display: block;
}

#login {
	float: right;
	width: 215px;
}

#login h3 {
	background: url(../images/resources_login.gif) no-repeat left bottom;
	text-indent: -10000px;
	height: 45px;
	margin-bottom: 5px;
}

#login h3 a {
  display: block;
  width: 200px;
  height: 45px;
}

#login .login {
	width: 73px;
	border: 1px solid #003569;
	background: #ffffff;
	margin-right: 3px;
	font-size: 10px;
}

/* @group Home */

#home #flash {
	
}

#homecontent {
	background: transparent;
	position: relative;
	margin-left: 0;
}

#home #viewgallery {
	float: left;
	margin-top: 13px;
	background: transparent;
	padding-left: 16px;
  width: 362px;
  margin-bottom: 30px;
}

#home #trucks {
	float: left;
	margin-top: 10px;
	margin-left: 40px;
	background: transparent;
}

#home #intro {
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	width: 350px;
	float: left;
	margin-left: 35px;
	margin-top: 35px;
}

#home #intro p {
	margin-bottom: 1em;
	float: left;
}

/* @end */

#image {
	width: 206px;
	float: left;
}

#content {
	background: transparent url(../images/interior_pic.jpg) no-repeat left 8px;
	padding-left: 220px;
  clear: both;
  min-height: 415px;
  padding-top: 15px;
}

#design #content {
  background-image: url(../images/design_side.png);
}

#clients #content {
  background-image: url(../images/clients_side.jpg);
}

#contact #content {
  background-image: url(../images/contact_side.jpg);
}

#resources #content {
  background-image: url(../images/resources_side.jpg);
}

#design #design_content {
  background: url(../images/plan_bg.png) no-repeat right bottom;
}

#main {
	background: url(../images/interior_shadow.gif) repeat-y;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 500px;
}

#main dt {
	color: #003666;
	font-size: 12px;
	margin-top: .5em;
	margin-bottom: .6em;
}

#main dd {
	color: #004797;
	margin-bottom: .4em;
}

#main .leftcolumn {
	float: left;
	width: 225px;
}

#main .rightcolumn {
	float: right;
	width: 235px;
}

#main .boxtop {
	background: url(../images/interior_top.gif) no-repeat transparent;
	height: 20px;
  margin: -10px -30px 10px;
}

#main .boxbot {
	background: no-repeat transparent url(../images/interior_bot.gif) left bottom;
	height: 20px;
	clear: both;
	width: 560px;
	margin-left: -30px;
}

#content h2 {
  text-indent: -1000px;
  margin-left: 30px;
}

#clients #content h2 {
	background: transparent url(../images/commercial_clients.gif) no-repeat left top;
}

#contact #content h2 {
	background: transparent url(../images/contact_us.gif) no-repeat left top;
}

#about #content h2 {
	background: transparent url(../images/about_us.gif) no-repeat left top;
}

#resources #content h2 {
	background: transparent url(../images/resources_subhead.png) no-repeat left top;
}

#about #main p {
  line-height: 1.8em;
  font-size: 120%;
}

#design #content h2 {
  background: transparent url(../images/design_head.png) no-repeat left top;
}

#design #content ul {
  font-size: 120%;
}

#main p {
  margin-bottom: 1.5em;
  font-size: 120%;
}

#main ul {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	margin-left: 2em;
  font-size: 100%;
}

.addr {
  display: block;
}

#footer {
	margin-top: 30px;
	padding-left: 10px;
	color: #004797;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 766px;
  margin-bottom: 10px;
  clear: both;
}

#footer a {
	color: #004797;
}

#gallery #content {
  background-image: none;
  padding-left: 0;
}

#gallery #content h2 {
  text-indent: -5000px;
  background: url(../images/gallery_head.png) no-repeat left top;
  width: 100px;
  height: 35px;
  margin-left: 20px;
}

/* @group Nav */

#nav {
	float: left;
	width: 100%;
}

#nav ul {
	list-style: none;
	float: left;
}

#nav ul li {
	float: left;
}

#nav li a {
	display: block;
	float: left;
	height: 52px;
	text-indent: -5000px;
	background: url(../images/nav.png) no-repeat left top;
}

#nav div a {
	display: block;
	float: left;
	height: 52px;
	text-indent: -5000px;
	background: url(../images/nav.png) no-repeat left top;
}

#nav #home_btn a {
	width:107px;
}

#nav #home_btn a:hover, #home #home_btn a {
  background-position: 0 -52px;
}

#nav #gallery_btn a {
	width:  152px;
  	background-position: -107px top;
}

#nav #gallery_btn a:hover, #gallery #gallery_btn a {
  background-position: -107px -52px;
}

#nav #consulting_btn a {
	width: 160px;
  background-position: -259px top;
}

#nav #consulting_btn a:hover, #design #consulting_btn a {
	background-position: -259px -52px;
}

#nav #about_btn a {
	width: 108px;
	background-position: -419px top;
}

#nav #about_btn a:hover, #about #about_btn a {
	background-position: -419px -52px;
}

#nav #clients_btn a {
	width: 98px;
	background-position: -527px top;
}

#nav #clients_btn a:hover, #clients #clients_btn a {
	background-position: -527px -52px;
}

#nav #contact_btn a {
	width: 151px;
	background-position: -625px top;
}

#nav #contact_btn a:hover, #contact #contact_btn a {
  background-position: -625px -52px;
}

/* @end */

/* @group Contact */

div.vcard {
  line-height: 1.5em;
  font-size: 120%;
}

h3.org {
  font: 160%;
  color: #092c5d;
  margin-bottom: .4em;
  margin-top: -10px;
}

div.adr {
  margin-bottom: .8em;
}

/* @end */