/* CSS Document */

body {
	background-color: #FFF;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #4f4f4f;
	background-color:#186588;
}

/*-----------------------------------------------------------------------------------------
----------------------------------------- LAYOUT ------------------------------------------
-----------------------------------------------------------------------------------------*/

#topContainer{
	background-image:url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

#container{
width:99.2em;
margin:auto;
}

#header{
height:18.5em;
padding-left:3em;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}

#main{
background-image:url(../images/main.gif);
background-repeat:no-repeat;
padding:8em;
padding-top:5.4em;
min-height:55.5em;
}

*html #main{
height:55.5em;}

#logo{
width:10.4em;
height:12em;
float:right;
margin-top:-2.6em;
margin-left:4em;
}

#logo img{
border:none;
padding:0;}

#footerContainer{
height:3.5em;
background:url(../images/footerBack.gif) repeat-x;}

#footer{
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
height:2.3em;
width:99.2em;
margin:auto;
color:#FFFFFF;
padding-top:1.2em;
text-align:center;
}


/*-----------------------------------------------------------------------------------------
------------------------------------ LAYOUT  ELEMENTS -------------------------------------
-----------------------------------------------------------------------------------------*/


.preview{
width:38em;
float:right;
margin-top:2em;
margin-right:-1em;}

.flashPreview{
height:24.2em;
padding-top:1.9em;
padding-left:2.4em;
background-image:url(../images/preview.jpg);
}

.preview h1{
margin:0;
margin-right:0.5em;
margin-bottom:-1em;
font-size:1.8em;
font-family:Georgia, Times New Roman, Times, serif;
color:#bababa;

}

img{
border:0;}

.icons{
position:relative;
float:left;
margin-bottom:6em;}

.imgLeft{float:left;
margin-right:5px;}
.imgRight{float:right;
margin-left:5px;}

.icons h1{margin:0;
padding-top:0.5em;
font-size:1.8em;
font-family:Georgia, Times New Roman, Times, serif;
color:#666666;
text-transform:uppercase;
}

.icons h1 a{margin:0;
text-decoration:none;
color:#666666;
}
.icons h2{margin:0;
font-size:1.1em;
font-family:Georgia, Times New Roman, Times, serif;
color:#cccccc;
text-transform:uppercase;
}

.icons h3{margin:0;
padding-top:0.5em;
font-size:1.4em;
line-height:1.2em;
font-family:Georgia, Times New Roman, Times, serif;
color:#666666;
text-transform:uppercase;
}

.icons h3 a{
text-decoration:none;
color:#666666;
}

.icons h2 a{
text-decoration:none;
color:#CCCCCC;
}

/*-----------------------------------------------------------------------------------------
----------------------------------------- TABS --------------------------------------------
-----------------------------------------------------------------------------------------*/


    #tabsF {
	
position:absolute;
top:16.1em;
margin-left:3em;
margin-right:auto;
text-align:center;
      }
	  
*html #tabsF{
position:relative;
margin-top:16.1em;
}
    #tabsF ul {
        margin:0;
        padding:0;
        list-style:none;
		font-size:1.1em;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background-color:#17718f;
      margin:0;
	  margin-right:0.3em;
      padding:0 0 0 0.3em;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background-color:#17718f;
      padding:0.2em 1.5em 0.2em 1.2em;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      	color:#FFFFFF;
      }
    #tabsF a:hover {
      background-color:#e39600;
      }
    #tabsF a:hover span {
      background-color:#e39600;
      }

        #tabsF #current a {
                background-color:#e39600;
				color:#FFFFFF;
        }
        #tabsF #current a span {
		background-color:#e39600;
				color:#FFFFFF;
        }

/*-----------------------------------------------------------------------------------------
----------------------------------------- TEXT --------------------------------------------
-----------------------------------------------------------------------------------------*/		

img{
border-right:#666666 0.1em solid;
border-bottom:#666666 0.1em solid;
border-top:#E3E3E3 0.1em solid;
border-left:#E3E3E3 0.1em solid;
padding:1em;
margin-bottom:5px;
}		

p, ul, ol{font-size:1.2em;
line-height:1.8em;}

li{
	font-size:12px;}

p a{
color:#e39600;
}

p a:hover{
color:#e39600;
text-decoration:underline;
}

select{}

p a{
text-decoration:none;
}


h1{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:2.5em;
font-weight:bold;
font-style:normal;
text-transform:uppercase;
margin-bottom:1.5em;
margin-top:1px;
margin-left:-1px;
color:#FFFFFF;}

h2{
font-size:1.4em;
line-height:1.8em;
font-weight:normal;
font-style:normal;
margin-top:0.1em;
margin-bottom:1.5em;
color:#777777;
}

h3{
font-size:1.8em;
line-height:2.4em;
font-weight:normal;
font-style:normal;
margin:0;
margin-top:3em;
color:#e39600;}

h4{
font-size:2em;
font-weight:normal;
font-style:normal;
margin-bottom:-0.8em;
color:#3399cc;
clear:both;}

h4 a{
text-decoration:none;}

h5{
font-size:1em;
color:#CC3300;
font-weight:normal;
margin:0;
padding:0;
padding-top:0.7em;}

h5 a{
text-decoration:none;
color:#CC3300;}

h5 a:hover{
text-decoration:underline;}		

h6{
font-size:1.4em;
font-weight:normal;
font-style:normal;
margin-top:0.8em;
margin-bottom:1.5em;
color:#999999;
}

/*-----------------------------------------------------------------------------------------
------------------------------------ CASE STUDIES -------------------------------------
-----------------------------------------------------------------------------------------*/

.thumb{
width:18.7em;
height:14em;
float:left;
margin:0.2em;
margin-bottom:0.5em;
padding:1.5em;
background:url(../images/CaseStudy_Thumb_2.jpg) no-repeat;
text-align:center;
}

.case_study_blue{
color:#e39600;
font-size:1.1em;
}

.case_study_grey{
color:#333333;
font-size:1.1em;
}

#case_study_holder{
position:relative;
}


.gallery{
float:right;
width:43.5em;
margin-left:1.5em;
margin-bottom:1em;
border-top:#EEEEEE 0.1em solid;
border-left:#EEEEEE 0.1em solid;
border-right:#CCCCCC 0.2em solid;
border-bottom:#CCCCCC 0.2em double;

}

.close{
float:right;
margin-top:-2em;
margin-right:-1.5em;}

*html .close{
margin-right:-1em;
}

.close a{
color:#0099CC;
text-decoration:none;}




#map{
width: 36em;  
float:right;
padding:2em;
padding-top:3em;
background:url(../images/contact_map.jpg) no-repeat;}

#map h1{
margin:0;
margin-right:0.5em;
margin-bottom:1em;
font-size:1.8em;
font-family:Georgia, Times New Roman, Times, serif;
color:#bababa;

}

.quick-links{
border-top:solid 1px #0099CC;
margin-top:2.5em;
padding-top:1em;}

.quick-links img{
margin:0;
margin-right:0.8em;
margin-bottom:0.8em;
padding:0;
border:none;
}
.quick-links img.active{
border: 4px solid #e39600;
margin-right:0.6em;
margin-left:-0.2em;
margin-bottom:0.2em;}