/* ------------------------------------------------------------- *
 * Aquare V1                                                     *
 * Designed by Antinomie Designs, a Reawaken Media company       *
 * Code: Terence Huynh, Stewart Wilson                           *
 * © 2009 - 2010 Reawaken Media, LLC                             *
 * --------------------------------------------------------------*/
 
/* 
 * COPYRIGHT NOTICE
 * --------------------------------------------------------------
 * The following design is owned by Reawaken Media, and cannot be
 * used without permission from the Managing Director
 *
 * The following design is protected by Copyright Act 1968, and
 * its amendments, in Australia; along with relevalent acts in
 * the user's territory.
 *
 * Unless mentioned, all code has been written by Antinomie
 * Designs. If code attribution has been mentioned, the code has
 * been sourced from an "open-source" party.
 *
 * If a section of the code has been from "open-source", then
 * any alternations to the code are available to the public.
 *
 * Code that is used without permission will face severe
 * penalities from Alfahosts and/or Reawaken Media
 *
 * Reawaken Media does have the right to change this agreement
 * when it sees fit.
 *
 *
 */
 
/* -------------------------------------------------------------------------------- */
 
/* -- GLOBAL RESET -- */

/* Reawaken Media Reset */

html {font-family: Arial, Helvetica, sans-serif;}
a {text-decoration: none; border: none;}
a img {border: none; text-decoration: none;}
.alignleft {float: left;}
.alignright {float: right;}

/*
   Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License:
   http://developer.yahoo.net/yui/license.txt
   version: 2.7.0
*/

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
del, ins {text-decoration: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0; font-variant: normal;}
sup {vertical-align: baseline;}
sub {vertical-align: baseline;}

/*because legend doesn't inherit in IE */
legend {color: #000;}
input, button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}




/* -- LAYOUT -- */
body {background: url(img/topbg.png) top left repeat-x;}

#header {
	width: 980px;
	background: url(img/toplogo.png) no-repeat;
	height: 235px;
	margin: 0 auto;
}

#header .toplinks ul {
	margin: 0;
	padding: 15px 0 0 0;
}

#header .toplinks li {
	float: left;
	list-style: none;
	margin-right: 20px;
	color: #81c4ca;
	font-size: 11px;
}

#header .toplinks a {
	color: #81c4ca;
}

#header .toplinks a:hover {
	color: #31a1aa;
}

#content {
	width: 980px;
	margin: 25px auto 0;
}

.pane {
	color: #818181;
	font-size: 12px;
	padding: 4px 0 38px 140px;
	margin-bottom: 47px;
	border-bottom: 1px #c2c2c2 solid;
	overflow: hidden;
}

.pane#about {
	background: url(img/about.png) top left no-repeat;
}

.pane#sites {
	background: url(img/sites.png) top left no-repeat;
}

.pane#contact {
	background: url(img/contact.png) top left no-repeat;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #FFFFFF;
}

.pane p {
	line-height: 20px;
	margin-bottom: 12px;
}

.pane a {
	color: #31a1aa;
}

.pane a:hover {
	text-decoration: underline;
}

.pane ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pane ul li {
	float: left;
	width: 270px;
	margin-right: 15px;
	display: block;
}

.pane ul li.last {
	margin-right: 0;
}

#main-office {
	width: 555px;
	margin-right: 15px;
	float: left;
}

#main-office p.address {
	float: left;
	width: 180px;
}

#main-office dl {
	float: left;
	width: 355px;
}

#main-office dl dd {
	float: left;
	line-height: 20px;
	width: 305px;
}

#main-office dl dt {
	width: 50px;
	line-height: 20px;
	float: left;
}

#support {
	width: 270px;
	float: right;
}

#support dl {
	float: left;
	width: 270px;
}

#support dl dd {
	float: left;
	line-height: 20px;
	width: 220px;
}

#support dl dt {
	width: 50px;
	line-height: 20px;
	float: left;
}

#footer {
	background: #3a3a3a;
	color: #8a8a8a;
	font-size: 11px;
	margin-top: 50px;
}

#footer #footer-width {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 50px 0;
}

#footer p {
	margin-bottom: 5px;
}