body {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#003567;
  margin:0px;
  background:#FFFFFF url(../images/design/background.jpg) repeat-x 0% 0%;
}

.editorBody {background:#FFFFFF;}

/* Default Styles */

h1 {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:16px;
  color:#003567;
}

h2 {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:14px;
  color:#003567;
}

h3, h4 {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
}

h5, h6 {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
}

a {
  color:#01519F;
  text-decoration:underline;
}
a:hover {
  color:#01519F;
  text-decoration:none;
}

a img {
  border:0px;
}

.left {
  float:left;
  margin:0 29px 0 0;
}

.right {
  float:right;
  margin:0 0 0 29px;
}

hr {
  height:1px;
  margin:15px 0 15px 0;
  border:0px;
  background:#01519F;
}

/* End Default Styles */

#shell {
  width:816px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/design/leftshadow.png) repeat-y 0% 0%;
}

#innershell {
  width:816px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/design/rightshadow.png) repeat-y 100% 0%;
}

#header {
  position:relative;
  width:800px;
  height:130px;
  margin:0 0 0 8px;
  background:#FFFFFF;
}

#banner {
  float:right;
  height:127px;
  text-align:right;
}

#logo {
  position:absolute;
  top:26px;
  width:605px;
  height:77px;
  margin:0 0 0 6px;
  background:url(../images/design/logo.png) no-repeat 0% 0%;
  z-index:512;
}

/* Navigation */
#menu {
  width:785px;
  height:26px;
  margin:0 0 0 8px;
  padding:0 0 0 15px;
  border-bottom:1px solid #FFFFFF;
  background:#01519F;
}

#nav, #nav ul {
  margin:0px;
  padding:0px;
  list-style-type: none;
  display:inline;
}

#nav li {
  position:relative;
  float: left;
  margin:0px;
  padding:0px;
  text-decoration:none;
  list-style-type:none;
  background:url(../images/design/divider.jpg) no-repeat 100% 0%;
}

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

#nav li a {
  width:auto;
  margin: 0px;
  padding:5px 16px 8px 16px;
  #padding:5px 15px 8px 15px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  display:block;
}

#nav #last {
  background:#01519F url(../images/design/spacer.gif) repeat-y 0% 0%;
}

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

#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 {
  width:180px;
  margin:0px;
  padding:0px;
  list-style-type: none;
}

#subnav li {
  position:relative;
  width:180px;
  margin:0px;
  padding:0px;
  color:#FFFFFF;
	border:0px;
  background:#5E96CF ;
}

#subnav li a {
  width:180px;
  height:19px;
  margin: 0px;
  padding:2px 0 0 5px;
  color:#FFFFFF;
  text-decoration:none;
  display: block;
  border:0px;
  background:url(../images/design/spacer.gif) no-repeat 0% 0%;
}

#subnav li a:hover {
  margin: 0px;
  padding:2px 0px 0px 5px;
  color: #FFFFFF;
  display: block;
  background:#FE9700;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }
/* End Navigation */

#holder {
  width:800px;
  margin:0 0 0 8px;
  padding:0 0 10px 0;
  background:#FFFFFF;
}

#projects {
  position:relative;
  width:800px;
  height:300px;
  z-index:256;
  background:#01519F;
  overflow:hidden;
}

#slider {
  width:800px;
  height:300px;
}

/*
#slider a img {
  position:absolute;
  top:0px;
  left:0px;
}*/

#buttons {
  position:absolute;
  left:4px;
  bottom:12px;
  width:100px;
  height:10px;
  z-index:1024;
}

#btnPause a {
  position:absolute;
  top:0px;
  left:10px;
  width:16px;
  height:16px;
  cursor:pointer;
  background:url(../images/design/pause.jpg) no-repeat 0% 0%;
}

#btnPause a:hover {
  background:url(../images/design/pause-rollover.jpg) no-repeat 0% 0%;
}

#btnResume a {
  position:absolute;
  top:0px;
  left:35px;
  width:16px;
  height:16px;
  cursor:pointer;
  background:url(../images/design/play.jpg) no-repeat 0% 0%;
}

#btnResume a:hover {
  background:url(../images/design/play-rollover.jpg) no-repeat 0% 0%;
}

	/* numeric controls */	
	ol#controls{
    position:absolute;
    bottom:20px;
    right:10px;
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		}
	ol#controls li a{
		float:left;
		border:1px solid #ccc;
		background:#2B2B2B;
		color:#FFFFFF;
		padding:0 6px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#CCCCCC;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


#content {
  width:730px;
  margin:0 0 0 35px;
  padding:15px 0 10px 0;
  line-height:18px;
  background:#FFFFFF;
}

#leftpanel {
  float:left;
  width:503px;
  margin:0 20px 0 0;
}

#rightpanel {
  float:left;
  width:207px;
}

#servicecall {
  width:207px;
  margin:0 0 10px 0;
  border:1px solid #E3E3E3;
}

#register {
  position:relative;
  width:207px;
  height:99px;
  border:1px solid #E3E3E3;
  background:url(../images/design/register.jpg) no-repeat 0% 0%;
}

#register a {
  position:absolute;
  top:61px;
  left:10px;
  color:#000000;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#register a:hover {
  text-decoration:underline;
}

#insidecontent {
  width:730px;
  min-height:500px;
  height:auto;
  _height:500px;
  margin:0 0 0 35px;
  padding:5px 0 15px 0;
  line-height:18px;
  background:#FFFFFF;
}

#logoholder {
  width:816px;
  height:108px;
  background:url(../images/design/bottom-shadow.jpg) no-repeat 0% 100%;
}

#bottomcontent {
  width:779px;
  margin:0 0 0 8px;
  padding:0 0 0 21px;
  background:#FFFFFF;
}

#safesite {
  margin:0 0 5px 0;
}

#details {
  margin:0 0 12px 0;
}

#footer {
  width:800px;
  margin:10px auto 10px auto;
  font-size:10px;
  text-align:center;
}

#footer a {
  color:#003567;
  text-decoration:none;
}

#footer a:hover {
  color:#003567;
  text-decoration:underline;
}

/* Staff Members */
.staffmember {
  width:571px;
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  border-bottom:1px solid #01519F;
}

.staffdetails {
  float:left;
  width:415px;
}

.staffmember  img {
  float:left;
  margin:0 0px 10px 10px;
  border:1px solid #01519F;
}
/* End Staff Members */

/* Case Studies */
.cases {
  margin:0 0 15px 0;
  padding:0 0 10px 0;
}

#casedetails {
  float:left;
  width:730px;
  margin:0 0 10px 0;
}

.cases p {
  margin:0px;
  padding:0px;
}
/* End Case Studies */

/* Google Map */
.map {
  float:right;
  width:550px;
  height:350px;
  margin:0 0 0 10px;
}
/* End Google Map */

/* Login Css */
label {
  display:none;
}

#login {width:350px;}
#login p {text-align:left;}
.loginnamefield {float:left; padding-top: 3px; width: 90px;}
.logininputfield {float:left; width: 210px; padding:2px;}
.logininputfield input {font-size:11px; width:140px;}
.loginbttn {float:left; margin-left:90px;}
/* End Login Css*/

/* Gallery */ 
.holder {
  float:left;
  background:#EAEAEA;
  width:150px;
  padding:6px;
  border:1px solid #A7A7A7;
  margin:0 10px 10px 0;
}

.galleryitem {
  float:left;
  background:#EAEAEA;
  width:150px;
  padding:6px;
  border:1px solid #A7A7A7;
  margin:0 10px 10px 0;
}
/* End Gallery */

#loggedin {
  float:right;
}

/* Forms */
.required {
  color:#DD2200;
  font-weight:bold;
}

.sucess {
  width:711px;
  margin:0 0 10px 0;
  padding:6px 6px 6px 25px;
  color:#258C00;
  font-weight:bold;
  border:1px solid #92C57F;
  background:#EEFFE8 url(../images/design/tick.png) no-repeat 1% 50%;;
}

#mainerror {
  width:711px;
  margin:0 0 10px 0;
  padding:6px 6px 6px 30px;
  color:#FF5400;
  font-weight:bold;
  border:1px solid #FFD400;
  background:#FFF4BD url(../images/design/warning.jpg) no-repeat 1% 5%;
}

#errors {
  margin:0px;
  padding:0px;
  list-style-type:square;
}

#errors li {
  margin:0 0 0 15px;
}

.e {
  float:left;
  width:150px;
  margin:1px 0 0 10px;
  padding:2px 2px 2px 30px;
  color:#DE7171;
  border:1px solid #F48282;
  background:#FFE2E2 url(../images/design/error.png) no-repeat 1% 50%;
}

input,radio,select {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#003567;
}

.input {
  width:200px;
}

textarea {
  width:350px;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#003567;
}

.namefield {
  float:left;
  width:180px;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
}

.namefield span {
  color:#AAAAAA;
}

.inputfield {
  float:left;
  width:500px;
  padding:0 0 10px 0;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
}

.namefield2 {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
}

.inputfield2 {
  padding:0 0 10px 0;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
}

#submitjob {
  margin:0 0 0 180px;
}

#addnew {
  cursor:pointer;
}

.remove {
  cursor:pointer;
}

/* End Forms */

#prize {
  margin:10px 0 0 0;
}

#prize img {
  float:left;
  margin:0 10px 0 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 */