* {margin:0; padding:0;}

body {
background:#1C3077 url(images/body_bg.gif) repeat-x;
text-align: center;
}

.clear {
clear:both;
}

#wrapper {
width:937px;
background: #fff url(images/wrapper_bg.gif) top center repeat-y;
margin: 0 auto;
padding: 0 0 30px 0;
text-align: left;
}

img {border: none;}

#header {
background: transparent url(images/header.gif) no-repeat top center;
padding-top: 25px;
}

#logo {
background: transparent url(images/logo.jpg) no-repeat;
width: 186px;
height: 66px;
margin: 25px 0 25px 20px;
float:left;
}

.contactdetails {
float:right;
width:400px;
text-align:right;
font-family:arial;
padding:35px 25px 0 0;
font-size:14px;
}

#content {
padding: 0 17px;
overflow: auto;
clear:both;
}

#nav {
background-color:#1b5aaf;
width:902px;
height:72px;
}

#nav li#active a {
background:url(images/h_bg.jpg) repeat-x;
color:#fff;
}

#nav li#active a span {
color:#fff;
}

#nav a {
color:#212121;
text-decoration:none;
font-size:0.7em;
}

#nav ul {
list-style-type:none;
text-align:left;
}

#nav li {
display:block;
float:left;
}

#nav li a {
background:url(images/a_bg.jpg);
border-right: 1px solid #1b5aaf;
display:block;
float:left;
width:131px;
height:67px;
padding:5px 5px 0 5px;
font: 0.7em Verdana;
}

#nav li a:hover {
background:url(images/h_bg.jpg);
color:#fff;
}

#nav li a span {
display:block;
font: 1em Verdana;
font-weight: bold;
color:#1b5aaf;
}

#nav li a:hover span {
display:block;
color:#fff;
font-size:1em;
}

.page_header {
margin:10px 0 0 0;
}

.page_header h2 {
border-bottom: 1px solid #1b5aaf;
color: #313131;
}

#flash_banner {
margin:10px 0 0 0;
height:238px;
background-image:url(images/flash_banner_services.jpg);
}

#flash_banner2 {
margin:10px 0 0 0;
height:238px;
background-image:url(images/flash_banner_contact.jpg);
}

#flash_banner3 {
margin:10px 0 0 0;
height:238px;
background-image:url(images/flash_banner_clienttestimonies.jpg);
}

#flash_banner4 {
margin:10px 0 0 0;
height:238px;
background-image:url(images/flash_banner_gallery.jpg);
}

#flash_banner p {
padding:15px 5px 0 5px;
width:180px;
color:#fff;
font: 0.8em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

#flash_banner2 p {
padding:15px 5px 0 5px;
width:180px;
color:#fff;
font: 0.8em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

#flash_banner3 p {
padding:15px 5px 0 5px;
width:180px;
color:#fff;
font: 0.8em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

#flash_banner4 p {
padding:15px 5px 0 5px;
width:180px;
color:#fff;
font: 0.8em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

#flash_top_left {
margin:20px 0 0 0;
z-index:100;
}

#image {
z-index:10000000;
}

#image h3 {
color:#fff;
width:250px;
padding: 10px 5px 0 8px;
}

#image p {
color:#fff;
width:250px;
padding: 10px 5px 0 8px;
font: 0.9em Georgia, "Times New Roman", Times, serif;
}

#left_column {
margin:20px 0 20px 0;
width:600px;
height:460px;
float:left;
}

#left_column p {
width:520px;
font:0.85em Verdana;
padding: 10px 5px 20px 5px;
color: #313131;
}

#left_column li {
width:520px;
font:0.85em Verdana;
color: #313131;
list-style-type:none;
padding:0 0 0 10px;
}

#left_column h3 {
background-image:url(images/columns_sliver.jpg);
width:660px;
font: Georgia, Verdana;
padding: 3px 5px 3px 5px;
color:#fff;
}

.gallery_head h3 {
background-image:url(images/columns_sliver.jpg);
font: Georgia, Verdana;
margin: 10px 0 0 0;
padding: 3px 5px 3px 5px;
color:#fff;
}

#right_column {
margin:20px 0 0 0;
width:200px;
height:200px;
float:right;
}

#right_column2 {
margin:9px 0 20px 0;
width:200px;
height:200px;
float:right;
}

#contact_left_column {
width:105px;
float:left;
}

.contact_images {
margin:20px 0 0 20px;
width:85px;
height:100px;
display:block;
}

#contact_right_column {
width:300px;
height:420px;
float:left;
}

#contact_telephone {
margin:20px 0 0 0;
width:300px;
}

#contact_email {
margin:63px 0 0 0;
width:300px;
}

#contact_address {
margin:20px 0 0 0;
width:300px;
}

#contact_right_column2 {
margin:20px 0 0 20px;
width:85px;
height:100px;
display:block;
float:left;
}

#contact_right_column3 {
margin:20px 0 0 20px;
width:350px;
display:block;
float:left;
}

fieldset {
border:none;
}

legend {
color:#000;
text-indent:0;
font-weight:bold;
}

#testimonials {
background:#727272 url(images/testimonies_bg.jpg) repeat-x;
width:902px;
margin:20px 0 10px 0;
}

.gallery {
background:url(images/gallery_bg.gif) repeat-x;
width:902px;
height:368px;
margin:10px 0 10px 0;
}

.before {
float:left;
margin:20px 0 0 26px;
}

.after {
float:left;
margin:20px 0 0 10px;
}

.gallery2 {
background:url(images/gallery_bg.gif) repeat-x;
width:902px;
height:368px;
margin:10px 0 10px 0;
}

.other {
float:left;
width:270px;
height:250px;
margin:50px 0 0 22px;
}

.other p {
background-color:#1b5aaf;
padding 8px;
color:#fff;
font-weight:bold;
font-size: 0.8em;
font-family: Verdana, Geneva, sans-serif;
}

#testimonial1 {
background:url(images/testimonials_bg2.gif) no-repeat;
width:213px;
height:281px;
margin:30px 10px 0 0;
float:left;
}

#testimonial1 p {
float:left;
padding:10px;
color:#fff;
font:0.7em Verdana, Geneva, sans-serif;
font-weight:bold;
}

#testimonial2 {
background:url(images/testimonials_bg.gif) no-repeat;
width:213px;
height:181px;
margin:50px 10px 0 0;
float:left;
}

#testimonial2 p {
float:left;
padding:10px;
color:#fff;
font:0.7em Verdana, Geneva, sans-serif;
font-weight:bold;
}

#testimonial3 {
background:url(images/testimonials_bg3.gif) no-repeat;
width:213px;
height:255px;
margin:20px 10px 0 0;
float:left;
}

#testimonial3 p {
float:left;
padding:10px;
color:#fff;
font:0.7em Verdana, Geneva, sans-serif;
font-weight:bold;
}

#testimonial4 {
background:url(images/testimonials_bg2.gif) no-repeat;
width:213px;
height:181px;
margin:90px 10px 0 0;
float:left;
}

#testimonial4 p {
float:left;
padding:10px;
color:#fff;
font:0.7em Verdana, Geneva, sans-serif;
font-weight:bold;
}

#testimonial5 {
background:url(images/testimonials_bg4.gif) no-repeat;
width:213px;
height:160px;
clear:both;
margin:50px 0 0 0;
font:0.7em Verdana, Geneva, sans-serif;
}

#testimonial5 p {
padding:50px 10px 0 10px;
font-weight:bold;
color:#fff;
}

#content_bottom {
}

#affiliations {
background-image:url(images/affiliations_bg.jpg);
border: 1px solid #1b5aaf;
width: 347px;
height: 115px;
margin: 10px 0 0 18px;
}

#affiliations h3 {
padding:5px 0 0 5px;
width:342px;
color:#1b5aaf;
border-bottom: 1px solid #1b5aaf;
font: Georgia, Geneva, sans-serif;
font-weight: bold;
}

#affiliations p {
padding:5px 0 0 5px;
width:222px;
float:left;
color:#1b5aaf;
font:0.7em Verdana, Geneva, sans-serif;
}

#affiliations img {
float:right;
margin:-18px 0 0 0;
padding:0px 10px 0 0;
}

#services {
background-image:url(images/affiliations_bg.jpg);
border: 1px solid #1b5aaf;
width: 539px;
height: 115px;
margin: -117px 18px 0 0;
float: right;
}

#services h3 {
padding:5px 0 0 5px;
color:#1b5aaf;
border-bottom: 1px solid #1b5aaf;
font: Georgia, Geneva, sans-serif;
font-weight: bold;
}

#services p {
padding:5px 0px 0 5px;
width:205px;
color:#1b5aaf;
font:0.7em Verdana, Geneva, sans-serif;
}

.content_bottom {
clear:both;
}

.content_bottom a {
color:#1b5aaf;
text-decoration:none;
font:1em Verdana, Geneva, sans-serif;
font-weight:bold;
}

#services img {
float:right;
margin:-99px 0 0 0;
padding:0px 10px 0 0;
}

#footer {
background: blue;
padding-top: 15px;
background: #fff url(images/footer_bg.gif) top no-repeat;
width:937px;
margin:0 auto;
}

#footer p {
background: red;
margin-bottom: 25px;
background: #fff url(images/body_bg.gif) top repeat-x;
color:#FFF
}

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

#blanktext {
width:937px;
background:#ffffff;
margin:0;
padding:0;
}
#blanktext p {
background:#ffffff;
color:#000;
margin:0 0 10px 0;
padding:0;
}

#column {
  position: absolute;
  float: left;
  width: 280px; /* remember to set a width */
  height:450px;
  top:0;
  left:0;
}

.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #1b5aaf;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */
  height:450px;
}

.content {
  position: relative;
}

/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column").offsetHeight);
}

#flashwrap {
position:relative;
}