body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding:0;
  margin:0px 0px 0px 20px;
  font-size: 9px; 
  color:#333;
  border-top: 4px solid #f2f2f2;
  /*border-top: 4px solid #BFB7AE;*/
  background: #f2f2f2;
 
  
}

P {
  font-family: Verdana, Arial, sans-serif;
  padding:0;
  margin:0;
  font-size: 10px !important;
line-height: 14px; 
  color:#333;
}

.bodytext {
   font-size: 10px;
   line-height: 140%;
   text-align: left;
   padding: 0 10px 0 0;
   }

A:link { COLOR: #3399CC; TEXT-DECORATION: none}
A:visited { COLOR: #3399CC; TEXT-DECORATION: none}
A:hover { COLOR: #000; TEXT-DECORATION: none}

A.inline:link { COLOR: #999; TEXT-DECORATION: none}
A.inline:visited { COLOR: #999; TEXT-DECORATION: none}
A.inline:hover { COLOR: #000; TEXT-DECORATION: none}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #333;
	margin: 3px 10px 10px 0px;
	/*border-bottom: 1px solid #ccc;
	padding-bottom: 5px;*/
	
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: normal;
	color: #333;
	margin: 3px 10px 10px 0px;
	
	}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: normal;
	color: #333;
	margin: 3px 20px 10px 0px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	}
	
.listheader {
     font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 9px !important;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #ccc;
     }
     
 .listheader2 {
     font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
     }
	
.bigbold {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding:0;
  margin:0;
  font-size: 9px;
line-height: 14px; 
  color:#333;
}


.motto  {
font-size: 10px !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 30px;
display: none;

}


#page {
	
	position: absolute;
	left: 20;
	top: 10;
	width: 755px;
	
}

#header {
	float: left;
	width: 755px;
	height: 58px;
	margin-right: 0px;
	
}

.spacer {
    width: 100%;
    }
    
div.spacerline {
	clear: both;
	height: 25px;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 20px 0;
	} 
	
div.spacernoline {
	clear: both;
	height: 25px;
	margin: 0;
	} 	   
    
    
.dark {    color: #333;
           font-weight: normal;
    }
    
.darkbold {    color: #333;
           font-weight: bold;
    }
    
    
.masthead {
	float: left;
	margin-top: 30px;
	margin-right: 2px;
	margin-left: 0px;
	margin-bottom: 5px;
width: 180px;
	font-size: 11px;
	
}

.strapline {
	float: right;
	margin-top: 20px;
	margin-right: 15px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 25px;
}

.masthead_name {
	float: left;
	margin-top: 34px;
	margin-bottom: 0px;
	width: 250px;
	font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #777;
	line-height: 25px;
	letter-spacing: -1;
	text-indent:-9999px;
	background: url("headername.gif") no-repeat center left;
	
}



#topline {
	margin: 0px 0 0 0px;
	background-image:   url("");
	background-repeat:repeat-x;
	clear: both;
	padding: 0;
	height: 0px;
	font-size: .2em;
	display: none
}

.middleline {
	margin: 0 0 25px 0px;
	background:  url("");

	height: 0px;
	clear: both;
	font-size: .2em;
	padding-bottom: 10px;
}		

.bottomline {
	margin: 0 0 0 0px;
	background:   url("line_top.gif");
	background-repeat:repeat-x;
	height: 10px;
	clear: both;
	font-size: .2em;
	padding-bottom: 0px;
}	


#totalnav {
     float: left;
	margin: 15px 0 0 0px;
	padding: 0px 0 0px 0px;
	border-top: 0px solid #ccc;
	
width: 100%;
	background: #fff url("bg_nav.gif") no-repeat 0px 0px;
}

#navfix {

width: 755px;


	
}

#splash {

background: url("homesplash.jpg") no-repeat 0px 0px ;

height: 120px;
width: 550px;
margin-left: 180px


	
}

#mainnav {
	float: left;
	width: 180px;
	height: 110px;
	margin-right: 2px;
	margin-top: 10px;
}

#mainnav h2 {
	position: absolute;
	text-indent: -1000em;
	visibility: hidden;
	display: none;
}


#mainnav a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: lowercase;
	color: #999;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
		}

	
#mainnavlist {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#mainnavlist li {
	line-height: 14px;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	height: 14px;
	}

#mainnav a:visited {
	color: #999;
}


	
#mainnav a:hover {
	color: #000;
	background: transparent url(linknoise.gif) no-repeat scroll 0%
}

.nav_whoweare_active {
	background-image:  url("whoweare.gif");
	background-position: top right;
}

.nav_philosophy_active {
	background-image:  url("philosophy.gif");
	background-position: top right;
}

.nav_active {
	color: #000 !important; 
	/*background: #FFE301 ;*/
}

.nav_active2 {
	color: #000 !important; 
	/*background: #FFE301 ;*/
}

.nav_casestudies_active {
	background-image:  url("casestudies.gif");
	background-position: top right;
}
.nav_contacts_active {
	background-image:  url("contacts.gif");
	background-position: top right;
}

h3.subnav1heading {
	position: absolute;
	text-indent: -1000px;
	visibility: hidden;
}

h3.subnav2heading {
	position: absolute;
	text-indent: -1000px;
	visibility: hidden;
}


/* holder for all subnavs*/
.subnav {
	float: left;
	margin-right: 2px;
	width: 180px;
	
}

.subnavlong {
	float: left;
	margin-right: 2px;
	width: 210px;
	
}

.subnavstyle1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: lowercase;
	color: #000;
		}

.subnavstyle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	letter-spacing: 0px;
	text-transform: lowercase;
	color: #000;
		}
		
.subnavstyle1 { margin-top: 10px }		
		
.subnavstyle2 { margin-top: 0px }	
 
.subnavstyle1 ul, .subnavstyle2 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
.subnavstyle1 li, .subnavstyle2 li{
	border-bottom: 0px solid #eee;
	margin: 0;
	line-height: 14px
}

.subnavstyle1 li a {
	display: block;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #999;
	text-decoration: none;
	width: 100%;
	
}

.subnavstyle2 li a  {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
font-weight: normal;
letter-spacing: 0px;
	color: #999;
	text-decoration: none;
	
	/*background:  url("arrow2blk.gif") no-repeat center left;*/
}

html>body .subnavstyle1 li a, html>body .subnavstyle2 li a {
	width: auto;
}


.subnavstyle1 li a:visited {
	
	color: #999;
} 

.subnavstyle1 li a:hover {
	
	color: #000;
	background: transparent url(linknoise.gif) no-repeat scroll 0%
} 

.subnavstyle2 li a:visited {
	
	color: #999;
} 

.subnavstyle2 li a:hover {
	/*background: #000000 url("arrow2wht.gif") 	no-repeat center left;*/
	color: #000;
}

  

.subnavstyle1 li.active {
	color: #fff;
	padding-left: 0px;
	width: 100%;
}



html>body .subnavstyle1 li.active {
	width: auto;
}

.subnavstyle1 ul li a.active {
	color: #000 !important;
	/*background: #FFE301;*/
	
}

 .subnavstyle1 li.active {
	width: auto;
}



.subnavstyle2 li a.active {
color: #000 !important;
	

}





html>body .subnavstyle2 li.active {
	width: auto;
}

.pages {font-family: Verdana, Arial, Helvetica, sans-serif;
}


.pages ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.pages li{
	float: left;
	padding: 0 3px 0 0;
}

.pages li a  {
	
	font-size: 10px;
	font-weight:normal;
	letter-spacing: 0;
	color: #999;
	text-decoration: none;
	
}

.pages li a:visited {
	
	color: #999;
}

.pages li a:hover {
	
	color: #000;
}




.pages ul li a.active {
	color: #000 !important;
	
}




a.launcher:link  {
	padding: 0px 3px 0px 12px;
	margin-right: 0px;
	color: #3399CC;
	font-size: 9px;
	text-decoration: none;
	background:  url("arrow2blk.gif") no-repeat center left;
	font-family: verdana, arial, sans-serif
}

a.launcher:visited  {
	padding: 0px 3px 0px 12px;
	margin-right: 0px;
	color: #3399CC;
	font-size: 9px;
	text-decoration: none;
	background:  url("arrow2blk.gif") no-repeat center left;
}

a.launcher:hover {
	background: #f2f2f2 url("arrow2blk.gif") 	no-repeat center left;
	color: #333;
}

a.launcher2:link  {
	padding: 0px 3px 0px 12px;
	color: #3399CC;
	font-size: 9px;
	text-decoration: none;
	background:  url("icon_popup.gif") no-repeat center left;
}

a.launcher2:visited  {
	padding: 0px 3px 0px 12px;
	color: #3399CC;
	font-size: 9px;
	text-decoration: none;
	background:  url("icon_popup.gif") no-repeat center left;
}

a.launcher2:hover {
	background: #f2f2f2 url("icon_popup.gif") 	no-repeat center left;
	color: #333;
}


a.backup:link  {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	color: #333;
	text-decoration: none;
	
}

a.backup:visited  {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	color: #333;
	text-decoration: none;
	
}


a.backup:hover {
	background: #000000;
	color: #fff;
}






	
/* end of navigation */



#content {
	float: left;
	width: 755px;
	margin-right: 0px;
	padding-bottom: 10px;
	
}

#content_nosub {
	float: left;
	width: 755px;
	margin-left: 182px;
	padding-bottom: 10px;
}


.subcontent {
	float: left;

	width: 180px;
	height: 205px;
	margin-right: 2px;
}

.content1 {
	float: left;
	margin-left: 0px
	width: 180px;
	
}

.content2 {
	float: left;
	margin-right: 20px;
	width: 363px;
	
}

.content3 {
	float: left;
	width: 553px;
	margin-left: 0px;
	margin-bottom: 20px;
}



.textcolumn {
	float: left;
	margin-right: 10px;
	width: 172px;
	font-size: 11px;
}

.intro {  color: #52676D; font: 18px Helvetica, Arial, sans-serif !important; font-style: normal; line-height: 25px !important; font-weight: normal; text-decoration: none; word-spacing: normal; letter-spacing: 0px; margin-top: 0px; text-transform: none; padding-top: 0px; width: 100%; margin-bottom: 10px }


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

.clearfix {display: inline-table;}

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




.feature_box { float: left; padding: 0 0px 0px 0;  margin-right:50px }

.feature_box_rh { float: left; padding: 0 0px 0px 0;  margin-right:0px }

.feature { float: left; display: block; width: 145px; }

.feature_description
{
	margin: 10px 1px 0px 1px;
	width: 143px;
	height: 25px;
	float: left;
}

.feature_filename { padding: 0px 0 0px 0px; font-weight: normal; }

.thumbnail, .thumbnail_nolink { float: left; padding: 0px; }

.thumbnail { background-color: #aaa; }

.thumbnail_name { padding: 5px 0 2px 4px; }
.fileicon {  }

#contentslist {
	padding-left: 0px;
	padding-right: 0px;
margin: 0px 0 0 0;
	border-bottom: 0px solid #ccc;
	width: 170px;
	}

#contentslist li {
	list-style: none;
	margin: 0;
	padding: 3px 0 3px 0;
	/*border-bottom: 1px solid #ccc;*/
	font-family: Verdana, Arial, sans-serif;
	font-size:9px
	
	}
	
	
.servicesweb {
	float: left;
	margin-left: 10px
	width: 180px;
	
	
}

	
#servicelist {
	padding-left: 0px;
	padding-right: 0px;
margin: 25px 0 0 0;
	border-bottom: 0px solid #ccc;
	width: 170px;
	font-family: Verdana, Arial, sans-serif;
	font-size:9px
	}

#servicelist li {
	list-style: none;
	margin: 0;
	padding: 3px 0 3px 0;
	/*border-bottom: 1px solid #ccc;*/
	width: 160px;
	
	}

.divider {
	width: 543px;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	margin-bottom: 15px;
	/*margin-top: 10px;*/
	border-bottom: 1px solid #ccc;
	display: block;
	}
	
.divider2 {
	width: 170px;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
	display: block;
	}

.screen { border: 1px solid #ddd;
          width: 360px;
          padding: 0;
          margin: 0;
 }


#footer {
	
	width: 755px;
	margin-right: 0px;
}

.footertext {
     float: left;
    	font-size: 9px;
	color: #666;
	padding-top: 0px; 
	padding-bottom: 10px;
     margin-left: 182px;
     margin-top: 0px;
	
}

/* scroller function */

#container{
	
	/*background-color: #eee;*/
	width: 553px;
	margin: 0;
	padding: 0;
}
#block0, #block1, #block2, #block3, #block4, #block5, #block6, #block7, #block8, #block9, #block10  {
	border-top: solid 1px #ccc;
	margin: 0;
	padding: 0 0 20px 0;
	height:330px;
}
.activate {
	background-color: #f2f2f2;
}
.visited {
	/*background-color: #eee;*/
}
#block0, #block0.activate, #block0.visited {
     background-color: #f2f2f2;
	text-align: left;
	border-top: none;
	border-bottom: solid 0px #ccc;
	
}

#block_photo  {
	margin: 0;
	padding: 0 0 20px 0;
	
}

#block_brand  {
	margin: 0;
	padding: 0 0 20px 0;
	
}

#block_logo  {
	margin: 0;
	padding: 0 0 20px 0;
	
}

#block_web  {
	margin: 0;
	padding: 0 0 20px 0;
}

#block_flash  {
	margin: 0;
	padding: 0 0 20px 0;
}


/* Gallery Styles */



#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 560px; /* Set to gallery width, in px or percentage */
height: 215px; /* Set to gallery height */
overflow:hidden !important;
background:  url("arrow_bar.gif") repeat-x bottom left;
}

#motioncontainer a img {
border: 1px solid #ccc;   /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px dotted #000; /* Set image border hover color */
}

#motioncontainer a:hover {

}




#statusdiv {
display:none;
background-color: #3399cc;
border: 0px solid gray;
padding: 2px;
margin-top: 5px;
position: absolute; /* Stop Editing Gallery Styles */
left: 0px;
visibility: hidden;
color: #fff;
font-size: 10px !important;
text-transform: lowercase;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */



/* end of scroller function */
/*
INPUT {
	FONT-SIZE: 9px; COLOR: #666; FONT-FAMILY: verdana, helvetica, arial
}
TEXTAREA {
	FONT-SIZE: 9px; COLOR: #666; FONT-FAMILY: verdana, helvetica, arial
}
.communicateForm {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px;  BORDER-BOTTOM-WIDTH: 0px; WIDTH: 217px; BORDER-RIGHT-WIDTH: 0px
}
*/