@charset "UTF-8";
/* CSS Document */

 /*
  * 99D7DB - green as per EPS
  * 3cc5eb - Bright blue as per application
  * badbd3 - Green as per application
  */
html {
	height: 100%;
}

* {
	margin:0;
	padding:0;
}

body {
	background-color:#3b3d42;
	font-family:Arial, Helvetica, sans-serif;
}

p, li {
	font-size:13px;
	line-height:19px;
	color:#cccccc;
}

label {
	font-size:13px;
	line-height:18px;
	color:#fff;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
}

a {
        color:#99D7DB;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#FFF;
}

a.selected {
	color:#fff;
}


h1, h2 {
	color:#FFF;
	letter-spacing:-1px;
	font-size:20px;
	padding:10px 0 10px 0;
	line-height:28px;
}

h1 {
  font-size: 43px;
}

h2 {
  margin: 10px 0 10px 0;
}

h2 span {
	color:#99D7DB;
}

h3 {
	color:#FFF;
	padding:20px 0 0 0;
	font-weight:normal;
}

h4 {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:20px 0 0 0;
}

p {
	padding:10px 0 0 0;
}

ul {
	padding:10px 0 0 30px;
}

.left {
	float:left;
}

.textInput {
	width:380px;
}

.btnInput {
	padding:10px 0;
}

.clear {
	clear: both;
}

.header {
	float: left;
}

.shell {
	width:100%;
	margin:0;
	background-color:#3b3d42;
	overflow:hidden;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.f_header {
	width:960px;
	margin:0 auto;
	height:100px;
	clear:both;
	overflow:hidden;
}

.logo {
	height:40px;
	width:250px;
	margin:20px 0 5px 30px;
	overflow:hidden;
        float: left;
	display:inline;
}

.logo a {
	height:0px;
	width:250px;
	padding-top:40px;
	overflow:hidden;
	background-image:url(../images/logo.gif);
	display:block;
}

.nav {
  clear:left;
  margin: 0 0 0 32px;
}

.nav_sep {
  margin: 0 20px 0 20px;
}

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

.nav ul li {
	display:inline;
	padding:0;
	color:#99D7DB;
}

.nav ul li a {
	text-decoration:none;
	font-size:11px;
}

.nav .selected a {
	color:#FFF;
}

.nav ul li a:hover {
	color:#FFF;
}

.contact {
  margin-top: 25px;
  float: right;
  color: #FFF;
  text-align: right;
}

.contact p {
  font-size:14px;
  letter-spacing:0px;
  line-height:16px;
  color: #fff;
}

.contact span {
	color:#99D7DB;
}

.contact .email {
  margin-top: 4px;
}

#ws {
	width:137px;
	height:15px;
	background-image:url(../images/ws_logo.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
	margin:90px 0 0 25px;
}

#ws a {
	display:block;
	height:0px;
	padding:15px 0 0 0;
	overflow:hidden;
}

#logos {
        float:right;
        padding: 0 30px 0 30px;
}

.home .homeContent {
	width:960px;
	padding:0px;
	margin:0 auto;
	overflow:hidden;
}


#home_flash {
	width:960px;
	padding:40px 30px 30px 30px;
	height:470px;
	margin:0;
	/*
	background-image:url(../images/mask.png);
	background-position:660px 200px;
	background-repeat:no-repeat;
	*/
}





.home h2 {
	font-size:38px;
	line-height:44px;
	padding:0 250px 20px 0;
	color:#99D7DB;
}

.home h3 {
	font-size:38px;
	line-height:44px;
	padding:0 250px 20px 0;
	letter-spacing:-1px;
}

.home a#findOutMore {
	background-image:url(../images/linkarrow.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:15px;
	text-decoration:none;
}

.content {
	overflow:hidden;
	margin:auto;
	width: 960px;
	padding: 10px 0 10px 0;
}

.content .sub_nav {
	float:left;
	padding:35px 0 0 30px;
	width:120px;
}

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

.content .sub_nav ul li a {
	text-decoration:none;
	
}

.content .sub_nav ul li { padding:6px 0 0; }
.content .sub_nav ul li ul li { padding-left: 10px; }
.content .sub_nav ul li a:hover { color:#FFF; }
.content .sub_nav li a.selected { color: #fff; }

.powerword {
	color:#99D7DB;
}

.content .body {
	float: right;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
}

.content .body #textBody {
	float:left;
	width:460px;
	padding:0;
}

.content .body #textHighlight {
	float:right;
	width:240px;
	padding:10px 0 0 0;
}

.content .body #textHighlight h3 {
	font-weight:normal;
	font-size:20px;
	color:#b3b3b3;
	line-height:24px;
}

.content .body.narrow {
	width: 490px;
}

/* disabled for now. Uncomment 625 if content needs to go all the way to left */
.content .body.full {
        width: 490px; 
        /*width: 625px;*/
}

/*
.content .body h1 {
	margin: -5px 0 0 0;
	padding: 0 0 15px 0;
}

.content .body h2 {
	font-size: 100%;
	margin: 0;
	line-height: 20px;
	font-weight: bold;
	padding: 0 0 15px 0;
}

.content .body h3 {
	font-size: 75%;
	margin: 0;
	line-height: 16px;
	font-weight: bold;
	padding: 0 0 15px 0;
}
*/

.content .new_contact {
	margin-bottom: 25px;
}

.content .new_contact p {
	margin: 5px 0;
	font-size:14px;
}

.content .new_contact p label {
	line-height:18px;
	font-size:12px;
	color:#CCC;
}

.content .new_contact input, .content .new_contact textarea, .content .new_contact select, .login input {
	line-height:18px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 0 0 0;
	padding: 3px 3px;
	border:none;
	/*
	border-top: 1px solid #444444;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #444444;
	*/
	background-color:#333;
	color:#FFF;
}

.content .new_contact input, .login input { width: 400px; }
.content .new_contact textarea { width: 400px; }
.content .new_contact select {  }

.content .new_contact input.submit, .login input.submit {
	width: 100px;
	margin: 10px 0 0 0;
}

.content .new_contact .btnSubmit {
	width:auto;
	background:none;
}

.content .errorExplanation {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px dashed #420044;
}

.content .errorExplanation ul {
	font-size: 75%;
	margin: 0;
	padding: 0 0 0 15px;
}

.f_footer {
	float: left;
	margin: 0px 0 10px 0;
}

.footer {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

.footer p {
	color: #FFF;
	font-size: 65%;
	line-height: 14px;
}

.home .footer p {
	color: #54075B;
}


#footerShell {
	width:100%;
	overflow:hidden;
	clear:both;
}

#footer {
	width:960px;
	overflow:hidden;
        padding: 0 0 60px 0;
	margin:0 auto;
}

#footer p {
	font-size:11px;
	line-height:17px;
	color:#bbb;
}

#footer #address {
	padding:16px 0 0 30px;
	float:left;
	position:relative;
}

#footer #dba {
	width:150px;
	float:right;
	height:0px;
	padding:44px 0 0 0;
	background-image:url(../images/dba.gif);
	overflow:hidden;
	margin:60px 0 0 0;
}

#footer #contactDetails {
	float:right;
	padding:10px 30px 0 0;
	width:300px;
}

#footer #contactDetails p {
	text-align:right;
	clear:right;
}

#footer #contactDetails p span {
	font-size:12px;
	letter-spacing:0px;
	line-height:14px;
}

#footer #contactDetails p span#telNum {
	font-size:14px;
	letter-spacing:0px;
	line-height:16px;
	color:#FFF;
}



/*** PAGE IMAGE ***
div.background_image {
	background-image: url(/images/page_lolly.gif);
	background-repeat: no-repeat;
	background-position: top right;
}*/

div.page_image {
	width:764px;
	height:212px;
	float:left;
	overflow:hidden;
}

/** Widgets **/
.widgets h3 {
  font-size: 14px;
  margin: 0;
  padding: 12px 0 0;
  color: #fff;
}

.widgets hr {
  border:0;
  height:1px;
  color: #515151;
  background-color: #515151;
  margin: 15px 0 5px 0;
}

.widgets {
  float:right;
  width:275px;
  padding:120px 0 0 0;
}

.widget {
  border:1px solid #515151;
  padding: 5px 20px 15px 20px;
  margin: 0 0 10px 0;
  background-image: url(../../images/black_tint_30.png);
}

.widget p {
  color: #99D7DB;
  font-size: 11px;
}

.widget a {
  text-decoration: underline;
  color: #fff;
}

.widget .white {
  color:#fff;
}

.brochure h3, .enquire h3, .interface h3 {
  background-repeat: no-repeat;
  padding: 6px 0 0 36px;
  margin-top: 10px;
  height: 30px;
}

.brochure h3 {
  background-image: url(../../images/brochure_icon.png);
}

.enquire h3 {
  background-image: url(../../images/communicate_icon.png);
}

.interface h3 {
  background-image: url(../../images/interface_icon.png);
}

.brochure {
}

.brochure div {
  float:right;
  width: 140px;
  position:relative;
  left: 10px;
  top: -15px;
}

.brochure img {
  padding-bottom: 20px;
}

.interface ul {
  margin: 0;
  padding: 0;
}

.interface ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.interface .num {
  color: #fff;
}

.interface img {
  margin: 10px 0 0 0 ;
  border: 1px solid #515151;
}

.interface p {
  padding: 0;
  margin: 0 0 5px 0;
}