@charset "UTF-8";
html, body  { padding: 0; margin: 0; }

h1, h1 a {
  color: #000066;
  margin-top: 0;
  font-family: "Times New Roman",Times,serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}
h1 a { text-decoration: none; }
h2, h2 a {
  color: #2A64AE;
  font-family: "Times New Roman",Times,serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}

body {
  background-color: #000000;
  background-image: url(/images/tile_ground.jpg);
  background-repeat: repeat-x;
}

a { color: #2A64AE; }
strong { 
  font-size: 1.3em;
}

h3 {
  display: block;
  font-weight: bold;
  margin: 0.5em 0;
}

.clearer { clear: both; }
.center { text-align: center; }
.go-right {float:right; text-align: right;}
.submit_buttons button, .submit_buttons input { height: 2em; }
.page {
  width: 900px;
  margin: 0 auto 0 auto;
  background-image: url(/images/page_background.jpg);
  background-repeat: repeat-y;
  font-family: sans-serif;
}

.header {
  width: 100%;
  height: 110px;
  background-image: url(/images/aquatic_header.jpg);
}

.footer   { 
  color: #2B619B; 
  width: 900px; 
  font-size: 12px; 
  margin: 5px auto; 
  font-family: Arial, Helvetica, sans-serif; 
  padding-bottom: 1em;
}
.footer a { color: #6699CC; }
.footer #copyright  { float: right; text-align: right; }
.footer .login      { clear: both; text-align: right; }

.left_nav {
  width: 180px;
  padding: 10px;
  text-align: center;
  float: left;
}
.left_nav ul { list-style: none; }
.left_nav ul, .left_nav li { margin: 0; padding: 0; }

.content {
  width: 670px;
  padding: 0 10px 10px 20px;
  float: left;
  color: #000000;
  font-family: "Times New Roman",Times,serif;
  font-size: 14px;
  line-height: 20px;
}

img.rfloat  { float: right; margin: 0 0 15px 15px; }

img                   { border: none; }
table                 { border-collapse: collapse; }
table.form th         { text-align: right; }
table.form.top th     { vertical-align: top; }
td.right, th.right    { text-align: right; }
td.pos                { text-align: right; }
td.ctrl               { white-space: nowrap; }
tr.top td, tr.top th  { vertical-align: top; }

tr.spacer td, tr.spacer th { padding-top: 10px; }
table.list td { padding: 0 5px; vertical-align: top; }

h2 .control, h2 .control a { font-size: .9em; }
h2 .control { margin-left: 5px; }

input[type="text"], input[type="password"], textarea {
  border: 1px solid gray;
  padding: 2px 3px;
}

p.note { font-size: .85em; color: gray; }

div.breadcrumbs   { color: gray; font-size: .85em; float: right; }
div.breadcrumbs a { color: gray; }

div.box {
  border: 1px solid gray;
  padding: 5px;
  text-align: justify;
  margin: 0 1em 1em 1em;
}

.pagination, .pagination a { color: #683518; }

.content ul > li, ul.blue li {
  color: #999999;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  list-style-image: url(/images/blue_bullet.gif);
}

b, .bold {
  color: #2A64AE;
  font-family: "Times New Roman",Times,serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.dark { font-weight: bold; }

div.group { margin-bottom: 1em; }

/* Customers */

table.customers td.name { width: 15em; }
table.customers td.addr { width: 20em; }

div.country {
  text-align: center;
  width: 660px;
  color: #2f6ebe;
  background: white url(/images/country-bottom.jpg) no-repeat bottom left;
  padding-bottom: 8px;
  margin-top: 0.5em;
}
.country h3 {
  height: 28px;
  line-height: 28px;
  padding: 0; margin: 0;
  background: transparent url(/images/country-header.jpg) no-repeat top left;
}
div.customer        { 
  background: transparent url(/images/country-bg.jpg) repeat-y top left;
  padding-top: 0.5em;
}
div.customer .name  { 
  font-weight: bold; 
  color: black;
}
div.customer .addr  { margin-left: .5em; color: #2A64AE; font-size: .9em; }

form.edit_customer input[type="text"], form.edit_customer textarea { width: 300px; }
.maroon {
  color: #68351b;
}

/* Jobs */

.job.listing    { width: 658px; margin: 0 auto 15px auto; }
.job .mid       { margin: 0 10px 0 25px; padding-top: 10px; }
.job .bottom    { clear: both; }
.job .title     { color: #00428C; font-weight: bold; margin: 10px 0 .5em 0; }
.job .title a   { color: #00428C; text-decoration: none; font-size: 1.3em;}
.job .body      { margin-top: 1em; }

.job.listing          { background: url(/images/jobs/top.gif) no-repeat top left #d2e7ff; }
.job.listing .bottom  { background: url(/images/jobs/bot.gif) no-repeat bottom left; }

.job .details, .job .details a  { color: #00428C; margin-top: .5em; }
.job .body, .job .synopsis      { color: #333333; }
.job, .job .preview             { position: relative; }

.job.show     { width:  620px; margin: 0; padding: 0; }
.job.show h2  { clear: both; }

.preview      { float: right; margin: 3px 3px 3px 20px; }
.preview img  { border: 1px solid #2A64AE; }

.gallery { margin: 0 auto; position: relative; padding: 0 40px; }
.gallery div.image {
  float: left;
  width: 150px;
  height: 120px;
  margin: 10px 15px;
  text-align: center;
}
.image .title { color: #2A64AE; margin-top: 2px; line-height: 16px; }

.image.show img         { border: 1px solid #2A64AE; }
.image.show .img_title  { color: #2A64AE; font-size: 14px; }
.image.show .desc       { color: black; margin: 1em 2em; }
.image.show .title      { font-weight: bold; }
.image.show .title, .image.show .image { text-align: center; }

form.job input[type="text"], form.job textarea { width: 500px; }
form.image input[type="text"], form.image textarea { width: 425px; }

/* Services Page */
.service      { clear: both; width: 100%; }
.service h1 a { color: #2a64ae; text-decoration: none; }
.service_body { color: #333333; float: left; width: 450px; }

.service img.main_image {
  float: left;
  padding: 10px;
  margin-right: 10px;
  border: none;
  background-color: white;
}

/* Landing Page */

#landing_page {
  position: relative;
  width: 900px;
  margin: 0 auto 0 auto;
}

.LtBlueSerif {
  color: #bcd9ff;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 18px;
}
.DkBlueSerif {
  color: #2B619B;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 18px;
}
.in_black{
  margin-top: 45px;
}

#landing_struct { 
  background-image: url(/images/landing/aquarium-ground.jpg);
  background-repeat: no-repeat;
}

/* FAQ */
.faq {
  background-color: #f4f8fe;
  margin: 0 1em 2em 1em;
  padding: 1em;
  border: 2px dotted #2a64ae;
}

.faq h2         { font-size: medium; margin: 0; }
.faq p          { margin-top: 0; }

.faq_form input[type="text"], .faq_form textarea { width: 550px; }

/* Table Kit Styles */

thead, tfoot  { background-color: #DDD; }
tr.rowodd     { background-color: #FFF; }
tr.roweven    { background-color: #F2F2F2; }

.sortcol {
  cursor: pointer;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
}
.sortasc {
  background-color: #DDFFAC;
  background-image: url(/images/up.gif);
}
.sortdesc {
  background-color: #B9DDFF;
  background-image: url(/images/down.gif);
}
.nosort { cursor: default; }

.urg1, .urg2, .urg3, .urg4, .urg5 {
  padding: 3px;
  text-align: center;
  border: 1px solid #333;
  width: 3em;
}

.urg1 { background-color: #FFFACD; }
.urg2 { background-color: #FFD700; }
.urg3 { background-color: #FFA500; }
.urg4 { background-color: #E13E00; }
.urg5 { background-color: Red; }

th.resize-handle-active {
  cursor: e-resize;
}
div.resize-handle {
  cursor: e-resize;
  width: 2px;
  border-right: 1px dashed #1E90FF;
  position:absolute;
  top:0;
  left:0;
}