/*

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 19px 0 25px;
		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;
      font-weight: bold;
		}

#content {
	margin-top: 50px;
}

	.productList {
		margin-bottom: 40px;
	}

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

		.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 {

	}

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

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

		.contactPane .btn {
			width: 821px;
			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;
		}

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

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

				.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;
	}