/*

common.css - all common styles for myriax portal

copyright 2007 Future Medium Pty Ltd

author: 

*/

body {
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.70em;
  background: #fff;
}

img {
  display: block;
}

embed,
object {
  display: block;
}

a img {
  border: 0;
}

p {
  margin: 0 0 1em 0;
}

a {
  color: #006983;
}

a:hover {
  color: #000;
}

a:focus {
  border: 0;
  outline: 0;
}

.wrapper {
  margin: 0 auto;
  width: 821px;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.products:after,
.productList:after,
.contactPane .inner:after,
.contact dl:after,
.profile:after,
.clear-nested-floats:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* buttons */

.btn {
  display: block;
  position: relative;
  overflow: hidden;
}

.btn img {
  position: absolute;
  top: 0;
  left: 0;
}

.btn:hover {
  background: transparent;
}

/* layout */

#header {
  background: url("../images/header_bg.gif") repeat-x top left;
  min-height: 320px;
}

#header .wrapper {
  background: url("../images/bg_world_map.gif") no-repeat top left;
}

.logo {
  padding-left: 296px;
  padding-top: 28px;
}

.products {
  margin: 0;
  padding: 19px 104px 0 104px;
  list-style-type: none;
}

.products li {
  margin: 0 152px 0 79px;
  padding: 0;
  float: left;
}

.products .systems {
  margin: 0 57px;
}

.products .echoView {
  float: left;
  margin: 0 19px 0 19px;
}

.missionStatement {
  padding-left: 116px;
  padding-top: 20px;
  width: 595px;
}

.missionStatement p {
  font-size: 1.3em;
  color: #57737a;
  margin-bottom: 1em;
  text-align: center;
  font-weight: bold;
}

#content {
  margin-top: 50px;
}

.productList {
  margin-bottom: 40px;
  padding-left: 116px;
}

.product {
  width: 271px;
  float: left;
  margin-right: 40px;
}

.product.last {
  margin: 0;
}

.product h2 {
  margin-left: 4px;
  margin-bottom: 3px;
  font-size: 1.4em;
  text-align: center;
  color: #006983;
}

.product .btn {
  width: 271px;
  height: 77px;
  margin-bottom: 10px;
}

.product .btn:hover img {
  top: -77px;
}

.product p {
  margin: 0 4px 1em 4px;
  color: #666666;
}

.product p b,
.product p strong {
  color: #000;
}

.contactPane {
  margin-left: 116px;
  width: 578px;

}

.contactPane.closed .c {
  display: none;
}

.contactPane.open .c {
  display: block;
}

.contactPane .btn {
  width: 578px;
  height: 46px;
}

.contactPane .btn:hover img{
  top: -53px;
}

.contactPane.open .btn img {
  top: -107px;
}

.contactPane .inner {
  background: url("../images/bg_contact_pane.gif") repeat-y top left;
  padding: 0 21px;
  padding-bottom: 20px;
  width: 536px;
}

.contact {
  float: left;
  width: 241px;
}

.staffProfiles {
  float: right;
  width: 282px;
}

.paneTitle {
  border-bottom: 1px solid #b2d2da;
  color: #006983;
  margin-bottom: 1em;
}

.paneTitle h2 {
  font-size: 1.1em;
}

.contact h3 {
  font-size: 1.1em;
  background: url("../images/icon_heading_arrow.gif") no-repeat 0 4px;
  padding-left: 10px;
  margin-bottom: 1em;
  color: #004151;
}

.contact dl {
  margin: 0;
  margin-bottom: 4px;
  padding: 0;
  padding-left: 10px;
}

.contact .address {
  margin-top: 16px;
}

.contact dt {
  margin: 0;
  padding: 0;
  float: left;
  width: 80px;
  font-weight: bold;
  color: #004151;
}

.contact dd {
  margin: 0;
  padding: 0;
  width: 150px;
  float: right;
}

.profile {
  margin-bottom: 8px;
}

.profile .imgContainer {
  float: left;
  margin-right: 10px;
}

.profile h3 {
  font-size: 1em;
  color: #004151;
}

.profile h4 {
  font-size: 1em;
  color: #004151;
  font-weight: normal;
  margin-bottom: 1em;
}

.profile p {
  color: #666666;
}

#footer {
  padding: 12px 0;
  text-align: center;
}

#footer p {
  margin: 0;
  font-size: 0.9em;
}