body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#003976;
  margin:0px;
  background:#D6D6D6;
}

/* Default Styles */

h1 {
  color:#BD9A05;
  font-size:14px;
}

h2 {
  font-size:11px;
  color:#2859A6;
}

a {color:#2859A6; text-decoration:none;}
a:hover {color:#2859A6; text-decoration:underline;}

a img {
  border:0px;
}

/* End Default Styles */

#shell {
  margin-left:auto;
  margin-right:auto;
  width: 954px;
  position: relative;
}

#header {
  position:relative;
  width:954px;
  height:204px;
  background:#FFFFFF url(../images/design/header_bg.jpg) repeat-x 0% 0%; 
}

#login {
  width:954px;
  height:27px;
  text-align:right;
}

#login a {
  padding:6px;
  color:#BD9A05;
  font-weight:bold;
  text-decoration:none;
}

#login a:hover {
  color:#BD9A05;
  font-weight:bold;
  text-decoration:none;
}

#logo {
  float:left;
  width:246px;
  height:140px;
}

#logo img {
  margin:35px 0 0 28px;
}

#banner {
  float:left;
  width:708px;
  height:140px;
}

#right-title {
  float:right;
  width:357px;
  height:35px;
  margin:2px 0 0 0;
  background:url(../images/design/right-title.jpg) no-repeat 0% 0%;
}

#holder {
  width:954px;
  padding:0 0 24px 0;
  background:url(../images/design/holder_bg.jpg) repeat-y 0% 0%;
}

#insideholder {
  width:954px;
  padding:0 0 24px 0;
  background:url(../images/design/holder2_bg.jpg) repeat-y 0% 0%;
}

#leftpanel {
  float:left;
  width:246px;
}

/* Navigtaion */

#menu {
  float:left;
  width:244px;
}

#nav, #nav ul {
  list-style-type: none;
  margin:13px 0 0 0;
  padding: 0px;
  width: 244px;
}

#nav li {
  float: left;
  margin:0px;
  padding:0;
  position: relative;
  width: 244px;
  border-bottom:1px solid #AFC1D4;
  text-decoration: none;
  list-style-type: none;
}

#nav li ul {
  margin-top: -18px;
  margin-left: 244px;
  padding: 0px;
  position: absolute;
  z-index: 256;
  left: -999em;
}

#nav li a {
  color: #000000;
  font-weight:bold;
  text-decoration: none;
  margin: 0px;
  padding: 4px 0 4px 28px;
  width: auto;
  display: block;
}

#nav li a:hover {
  color: #0000000;
  text-decoration: none;
  background: #A4B8CE;
  margin: 0px;
  width: auto;
  display: block;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }

#nav li:hover, #nav li.hover {
  position: static;
}


#subnav, #subnav ul {
  list-style-type: none;
  float: left;
  margin:0px;
  padding: 0px;
  width:244px;
  z-index:46;
}

#subnav li ul {
  margin-top: -18px;
  margin-left: 244px;
  padding: 0px;
  position: absolute;
  z-index: 256;
  left: -999em;
}

#subnav li {
  margin-top: 0px;
  margin-left: 1px;
  padding: 0px;
  position: relative;
  width: 244px;
  border-bottom:1px solid #AFC1D4;
  background:#95ADC7;
}

#subnav li a {
  color: #000000;
  text-decoration: none;
  margin:0px;
  display: block;
}

*html #subnav li a {
  padding:0px;
  text-indent:6px;
}

#subnav li a:hover {
  color: #000000;
  text-decoration:none;
  background:#A4B8CE; 
  margin:0px;
  display: block;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#FFFFFF; left: -999em; }

#childnav li {
  position: relative;
  margin-top: 0px;
  margin-left: 1px;
  padding: 0px;
  width: 244px;
  border-bottom:1px solid #AFC1D4;
  background:#95ADC7;
}

#childnav li a {
  color: #000000;
  text-decoration: none;
  margin:0px;
  display: block;
}

*html #childnav li a {
  padding:0px;
  text-indent:6px;
}

#childnav li a:hover {
  color: #000000;
  text-decoration:none;
  background:#A4B8CE; 
  margin:0px;
  display: block;
}

/* End Navigtaion */

/* Search */
#search {
  width:244px;
  height:94px;
  background:#A4B8CE url(../images/design/feature_divider.jpg) repeat-x 0% 0%;
}

#searchform {
  margin:0px 0 0 28px;
  padding:15px 0 0 0;
  color:#FFFFFF;
  font-size:14px;
}

.searchinput {
  width:117px;
  font-family:arial;
  font-size:11px;
  color:#000000;
  margin:11px 0 0 0;
  padding:4px 0 4px 10px;
  border-top:1px solid #626971;
  border-right:1px solid #D1D9E1;
  border-bottom:1px solid #D1D9E1;
  border-left:1px solid #626971;
  background:#B8C6D6;
}

.searchbttn {
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  width:60px;
  margin:0 0 0 10px;
  padding:4px 7px 4px 7px;
  color:#000000;
  border:0px;
  cursor:pointer;
  background:#D5DEE9;
}

/* Newsletter */
#newsletter {
  width:244px;
  padding:15px 0 19px 0;
  color:#000000;
  background:#A4B8CE url(../images/design/feature_divider.jpg) repeat-x 0% 0%;
}

#newsletter strong {
  color:#FFFFFF;
  font-size:14px;
}

#newsletterform {
  margin:0 0 0 28px;
}

#spaceit {
  width:1px;
  height:8px;
}

.reginputfield {
  width:186px;
  font-family:arial;
  font-size:11px;
  color:#000000;
  margin:0 0 7px 0;
  padding:4px 0 4px 10px;
  border-top:1px solid #626971;
  border-right:1px solid #D1D9E1;
  border-bottom:1px solid #D1D9E1;
  border-left:1px solid #626971;
  background:#B8C6D6;
}

.registerbttn {
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  width:68px;
  margin:4px 0 0 1px;
  padding:4px 7px 4px 7px;
  color:#000000;
  border:0px;
  cursor:pointer;
  background:#D5DEE9;
}


#middlepanel {
  float:left;
  width:350px;
}

#insidemiddlepanel {
  float:left;
  width:664px;
}

#content {
  width:270px;
  margin:15px 0 0 40px;
}

#insidecontent {
  margin:15px 0 0 40px;
}

#flash {
  margin:62px 0 0 0;
  #margin:57px 0 0 0;
  background:url(../images/design/flash.jpg) no-repeat 0% 0%;
  height:349px;
  width:331px;
}

#rightpanel {
  float:left;
  width:356px;
  padding:0 0 0 1px;
}

.minortitle {
  width:321px;
  height:21px;
  padding:15px 0 0 35px;
  color:#BD9A05;
  font-size:14px;
  font-weight:bold;
  background:url(../images/design/minor_title-bg.jpg) repeat-x 0% 0%;
}

/* Services Nav */
#services {
  width:357px;
}

#servicesnav {
  list-style-type: none;
  margin:0px;
  padding:0 0 1px 0;
  width: 356px;
  background:#FFFFFF;
}

#servicesnav li {
  float: left;
  margin:0px;
  padding:0;
  position: relative;
  width: 356px;
  border-bottom:1px solid #C2D0DE;
  text-decoration: none;
  list-style-type: none;
}

#servicesnav li a {
  color: #003976;
  font-weight:bold;
  text-decoration: none;
  margin: 0px;
  padding: 4px 0 4px 36px;
  width: auto;
  display: block;
}

#servicesnav li a:hover {
  color: #003976;
  text-decoration: none;
  background: #A4B8CE;
  margin: 0px;
  width: auto;
  display: block;
}
/* End Services Nav */

.minortitle2 {
  color:#BD9A05;
  font-weight:bold;
  font-size:14px;
  margin:0 0 7px 0;
}

.minortitle3 {
  color:#BD9A05;
  font-size:14px;
  font-weight:bold;
  padding:0 0 13px 0;
}

/* Homepage News Articles */
#news {
  width:284px;
  padding:12px 37px 18px 36px;
  border-bottom:1px solid #FFFFFF;
}

/* Case Study */
#casestudy {
  width:284px;
  padding:12px 37px 18px 36px; 
  border-bottom:1px solid #FFFFFF;  
}

/* Random Gallery */
#randgallery {
  padding:12px 37px 0 36px;
}

#randgallery img {
  padding:0 0 6px 0;
}

.readmore {
  font-weight:bold;
  color:#003976;
}

#footer {
  width:954px;
  height:35px;
  background:#FFFFFF;
}

#rights {
  float:left;
  margin:14px 0 0 27px;
  _margin:14px 0 0 13px;
  color:#96ADC7;
}

#rights a {
  color:#96ADC7;
  text-decoration:none;
}

#rights a:hover {
  color:#96ADC7;
  text-decoration:underline;
}


#design {
  float:right;
  margin:14px 197px 0 0;
  _margin:14px 98px 0 0;
  color:#96ADC7;
}

#design a {
  color:#96ADC7;
  text-decoration:none;
}

#design a:hover {
  color:#96ADC7;
  text-decoration:underline;
}

#design2 {
  float:right;
  margin:14px 27px 0 0;
  color:#96ADC7;
}

#design2 a {
  color:#96ADC7;
  text-decoration:none;
}

#design2 a:hover {
  color:#96ADC7;
  text-decoration:underline;
}

/* Form */

label { visibility: hidden; display: none; }

input{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  /*width:170px;*/
  color:#003976;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  width:300px;
  color:#003976;
}

.namefield {float:left; padding-top: 3px; width: 150px;}
.inputfield, .radiobttn {float:left; width: 400px; padding:3px 3px 3px 0;}

.radiobttn input{
  width:20px;
  margin:0 0 0 35px;
}

.namefield2 {float:left; padding-top: 3px; width: 148px;}
.inputfield2 {float:left; width: 300px; padding:2px;}

.submitbutton {
  width:auto;
  margin-top:6px;
  margin-bottom:6px;
  color:#003976;
  font-weight:bold;
  border:1px solid #95ADC7;
  background:#E7ECF2;
}

/* Google Maps */

#mapAkl {
  float:right;
  width:400px;
  height: 284px;
  margin:0 0 10px 10px;
}

#mapCh {
  float:right;
  width:400px;
  height: 284px;
  margin:0 0 10px 10px;
}

/* Gallery */
.picholder {
  float:left;
  margin:0 10px 10px 0;
}

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

h1.title {
  color:#BD9A05;
  font-size:14px;
  display:inline;
}

/* document list styles */
.doc{width:526px; background-color: #A4B8CE; margin-bottom:5px; padding:10px 10px 13px 10px}
.docdesc {margin:5px 0px 0px 65px}
.docimg {float:left;}
.doc img{margin:5px 10px 5px 5px}
.doc .cbox {margin-right:5px;float:left;width:20px}
.docfooter{width:526px; height:5px; }