* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/

body {
height:100%;
background:#BABABA url(../images/bg.jpg) repeat-x;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:115%;
}

h1 {
font-size:18px;
padding:0 0 10px 0;
font-weight:lighter;
}
h2 {
font-size:16px;
padding:4px 0 3px 0;
width:100%;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
line-height:110%;
font-weight:bold;
border-bottom:1px solid #c9c9c9;
}
h3 {
font-size:14px;
font-weight:bold;
}
h4 {
font-size:11px;
padding:0 0 5px 0;
text-decoration:underline;
}
.sideheading {
font-size:14px;
padding:2px 0 0 0;
}

img {
margin:0;
padding:0;
}
p {
padding:3px 0 12px;
line-height:130%;
}
a {
text-decoration:none;
color:#006885;
}
a img {
border:none;
}

dl {
padding:5px 0 0 10px;
margin-bottom:20px;
}

dt {
font-weight:bold;
background:url(../images/arrow.jpg) no-repeat;
padding:0 0 0 20px;
}

dd {
margin-bottom:10px;
padding:0 0 0 20px;
}
dd a {
color:#000;
}


#centerColumn { 	
margin:5px auto 0;
width:975px;
padding:0;
text-align:left;
vertical-align: middle;	
padding:0 10px 0 10px;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
}

#redtop {
background:url(../images/redtop.jpg) repeat-x;
height:8px;
width:946px;
}

#navbar {
clear:both;
height:30px;
background:#162C53;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
margin:0 0 4px 0;
}

#navbar ul {
list-style:none;
padding:4px 0 0 20px;
}

#navbar li {
margin:0 5px 0 0;
list-style:none;
padding:0 0 0 0;
float:left;
 background:url("images/lefta.jpg") no-repeat left top;
}
#navbar a {
float:left;
display:block;
outline:none;
padding:0;
 background:url("images/righta.jpg") no-repeat right top;
}

#navbar li a {
padding:4px 8px 0 6px;
margin:0 5px 0 5px;
color:#fff;
font-size:14px;
}


/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navbar a {float:none;}
/* End IE5-Mac hack */
#navbar li a:hover {
  text-decoration:underline;
  color:#fff;
  }
  

#homepage li.home, #aboutpage li.about, #servicespage li.services, #gallerypage li.gallery, #contactpage li.contact {
background-image:url("../images/left.jpg");
}  
  
#homepage li.home a, #aboutpage li.about a, #servicespage li.services a, #gallerypage li.gallery a, #contactpage li.contact a {
  background-image:url("../images/right.jpg");
  color:#fff;
  padding-bottom:5px;
}

#navbar #active {
  background-image:url("../images/left.jpg");
  
  }
#navbar #active a {
  background-image:url("../images/right.jpg");
  color:#fff;
  padding-bottom:5px;
  }
  
  

.headerwrap {
padding:0 0 10px 0;
margin:0 0 0 0;
float:left;
background:url(../images/headerBG.jpg) no-repeat;
}

#header {
padding:20px 0;
width:274px;
float:left;
margin:5px 0 0 30px;
display:inline;
}
#flashouter {
width:746px;
float:left;
margin:0 3px 0 0;
}
#flash {
margin:0 0 0 0;
padding:0;
width:746px;
height:266px;
background:url(../images/flash.jpg) no-repeat;
clear:both;
float:left;
}
#rightlinks {
width:210px;
float:left;
}
#greenbox {
background:url(../images/greenbox.jpg) no-repeat;
padding:8px 5px 8px 15px;
}
#greenbox h3 {
color:#fff;
}

#rightlinks img {
margin:3px 0 0 0;
}


#rightlinks .firstimage {
margin:5px 0 0 0;
}

#header h1 {
margin:0;
color:#000;
width:274px;
padding:0;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:630px;
height:49px;
background: url(../images/logo.jpg) no-repeat;
}

#topright {
float:left;
width:665px;
text-align:right;
padding: 3px 0 0 0;
}
#toprightlinks {
padding:0 30px 0 45px;
background:url(../images/toprightbg.jpg) no-repeat;
width:140px;
float:right;
text-align:center;
}

#toprightlinks li {
float:left;
display:inline;
padding:2px 4px 2px 4px;
}
#topright p {
width:300px;
float:right;
padding:80px 0 0 0;
}
#topright p a {
color:#000;
}

#wrapper {
border:1px solid #C9C9C9;
background:#fff url(../images/wrapper.jpg) repeat-x;
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
padding:5px;
width:961px;
}

.contentwrap {
padding:10px 0 0 0;
background:#ffffff url(../images/background.jpg) bottom right no-repeat;
}

.heading {
height:28px;
padding:2px 0 10px 10px;
}


#block1 {
width:472px;
float:left;
padding:0;
display:inline;
margin:0;
text-align:justify;
}
#projectlink {
background:url(../images/projectlink.jpg) no-repeat;
text-align:right;
padding:3px 28px 3px 0;
}

#projectlink a {
color:#fff;
}

#block2 {
width:472px;
float:left;
padding:0 0 0 10px;
}
#block2 img {
padding:0 0 5px 0;
clear:both;
}

#block3 {
padding:10px 0 10px 0;
clear:both;
}
.boxes {
width:216px;
float:left;
padding:10px 14px 0 10px;
height:164px;
position:relative;
}
.boxes p {
padding:30px 15px 0 10px;
height:65px;
}
.boxes h3 {
color:#fff;
}
.boxlinks {
padding:0;
text-align:right;
position:absolute;
right:40px;
top:148px;
font-size:12px;
}

.boxlinks a {
color:#fff;
}

#map a {
color:#fff;
}

#darkblue {
background:url(../images/darkblue.gif) no-repeat;
}
#blue {
background:url(../images/blue.gif) no-repeat;
}
#olive {
background:url(../images/olive.gif) no-repeat;
}
#green {
background:url(../images/green.gif) no-repeat;
}

#block4 {
width:319px;
float:left;
padding:15px 0 5px 0;
display:inline;
}
#block5 {
width:272px;
float:left;
padding:15px 0 5px 0;
display:inline;
margin:0 15px 0 10px;
}
#block6 {
width:225px;
float:right;
padding:0 2px 5px 0;
display:inline;
}
#block4 p, #block5 p, #block4 ul, #block5 ul, #block1 p, #block2 p {
padding:3px 0 12px 10px;
}
ul li {
background:url(../images/arrow.jpg) no-repeat;
padding:0 0 0 20px;
list-style:none;
}
ul {
padding:0 0 10px 0;
}
#toprightlinks li {
background:none;
}

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

#bluearrow li {
background:url(../images/bluearrow.jpg) no-repeat;
padding:2px 0 2px 20px;
}

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

.bluearrow li {
background:url(../images/bluearrow.jpg) no-repeat;
padding:2px 0 2px 20px;
}



#turkarrow li {
background:url(../images/turkarrow.jpg) no-repeat;
padding:2px 0 2px 20px;
}

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

.turkarrow li {
background:url(../images/turkarrow.jpg) no-repeat;
padding:2px 0 2px 20px;
}


.turkcolor {
color:#006783;
}
.bluecolor {
color:#152C53;
}

#map {
background:url(../images/map.jpg) no-repeat;
padding:10px 0 0 10px;
width:355px;
}
#map p {
padding:15px 0 10px 10px;
}
#mapbox {
width:355px;
float:left;
margin:0 20px 0 20px;
display:inline;
}


#block7 {
width:299px;
float:right;
padding:15px 0 5px 0;
display:inline;
}

.graybody {
border:1px solid #c9c9c9;
padding:10px 10px 20px 10px;
}

.col1 {
width:225px;
float:left;
margin:0 5px 0 5px;
display:inline;
}
.col2 {
width:456px;
float:left;
margin:0 19px 0 5px;
display:inline;
}
.col3 {
width:204px;
float:left;
padding:0 10px 0 0;
}
.col4 {
width:134px;
float:left;
padding:0 10px 0 0;
}

#seeall {
margin:-30px 0 0 5px;
}

#blacktop {
background:url(../images/blacktop.jpg) no-repeat;
}
#bluesquare {
background:url(../images/bluesquare.jpg) no-repeat;
}
#olivesquare {
background:url(../images/olivesquare.jpg) no-repeat;
}
#turksquare {
background:url(../images/turk.jpg) no-repeat;
}
#limesquare {
background:url(../images/limesquare.jpg) no-repeat;
}



#galleryinfo {
float:left;
width:420px;
}

#galleryimage {
float:right;
width:536px;
}

.padded {
padding:10px;
}

#desc {
background:#162C53;
padding:10px;
color:#fff;
font-size:16px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
margin-top:25px;
}

/*gallery*/
#gallerythumbs {
width:300px;
float:left;
background:#F4F4F4;
padding:15px 0 0 10px;
height:440px;
}
#gallerypicture {
width:516px;
float:left;
background:url(../images/galleryBG.jpg) no-repeat;
padding:40px 0 10px 60px;
margin:10px 0 10px 10px;
display:inline;
}
/*end gallery*/



.green {
color:#787F0F;
}
.white {
color:#fff;
padding:10px 0 10px 8px;
}

.clear {
clear:both;
}

.button {
padding:0 0 10px 0;
}

.margin {
margin:0 5px 0 0;
}

.left {
float:left;
width:173px;
}

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




ul.clientlist {
list-style-type:none;
}

ul.clientlist li {
font-size:14px;
padding:6px 0 6px 20px;
background-position:0 7px;
}


#centreshade {
height:14px;
background:url(../images/centreshade.jpg) no-repeat;
margin:0 auto;
width:984px;
}

#footer {
position:relative;
clear:both;
bottom:0;
padding:0 0 10px 0;
height:35px;
line-height:2em;
font-size:1.1em;
background:url(../images/footer.jpg) no-repeat;
color:#fff;
margin:10px 0 0 0;
}

#footer p {
padding:8px 15px 0 20px;
}

#footer a {
color:#fff;
}
#mbl {
width:390px;
float:left;
text-align:right;
}
#sitemap {
width:500px;
float:left;
text-align:left;
}