/* CSS Document */
body {
    background-color:transparent;
    margin-left:0px;
    margin-top:0px;
    margin-right:10px;
    margin-bottom:0px;
	font-family:Arial, sans-serif;
    font-size:13px;
	font-weight:bold;
    color:#7D7D7D;
    line-height:19px;
    }
	
p{font-weight:normal;}

.ContentBold{
	color:#000000;
	font-weight:bold;
 }


a{color:#006699;text-decoration:underline;outline:none;}
a:visited{color:#990066;text-decoration:underline;outline:none;}
a:hover{color:#990066;text-decoration:underline;outline:none;}

.Title {
    font-family:Helvetica, sans-serif;
    font-size:21px;
	color:#000000;
    margin-left:150px;
	margin-top:-40px;
	float:left;
	display:inline;
	line-height:30px;
	}
	
.TitleSub {
    font-family:Helvetica, sans-serif;
    font-size:15px;
    color:#000000;
	margin-bottom:-15px;
	}

#wrapper{width:795px;position:absolute; top:0px;left:0px;background-color:transparent;}

/*these class selectors display the page background image.*/ 
.tools{background-image:url(../graphics/bckgrnd_logos/our8tools_main.gif);background-repeat:no-repeat;}
.case8studies{background-image:url(../graphics/bckgrnd_logos/case8studies_main.gif);background-repeat:no-repeat;}
.team{background-image:url(../graphics/bckgrnd_logos/team_main.gif);background-repeat:no-repeat;}
.news{background-image:url(../graphics/bckgrnd_logos/news_main.gif);background-repeat:no-repeat;}	
	

/* the top navigation is created by placing images inside a container and using classes to alter the portion of the image that is visible thus creating rollovers without javascript. */
#top_navigation{
    margin-top:0px;
	margin-left:0px;
	float:left;
	width:200px;
	display:inline;
	/*background-color:yellow;*/
	}
.rollovertools{float:left;margin-left:328px;display:inline;}
.rollovertools a{
    float:left;
    display:block;
    width:32px;
    height:38px;
    background-image:url(../graphics/navigation/tools_155.gif);
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
	}
.rollovertools a:visited{text-decoration:none;}	
.rollovertools a:hover{
    background-position:0px -38px;
	width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
	}
.static_tools{
    float:left;
    display:inline;
    width:32px;
    height:125px;
    background-image:url(../graphics/navigation/tools_155.gif);
    background-repeat:no-repeat;
	background-position:0px -38px;
    text-decoration:none;
	margin-left:328px;
	}	
	
	.static_tools a{
    float:left;
    display:block;
    width:32px;
    height:125px;
   /* background-image:url(../graphics/navigation/tools_155.gif);*/
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
	}
	
	.static_tools a:visited{text-decoration:none;}	
    .static_tools a:hover{
    background-position:0px -38px;
	 width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
	}
	
	
.rolloverportfolio{float:left;display:inline;}
.rolloverportfolio a{
    float:left;
    display:block;
    width:32px;
    height:38px;
    background-image:url(../graphics/navigation/portfolio_155.gif);
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
	}
.rolloverportfolio a:visited{text-decoration:none;}
.rolloverportfolio a:hover{
    background-position:0px -38px;
    width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
	}
.static_portfolio{
    float:left;
    width:32px;
    height:125px;
    background-image:url(../graphics/navigation/portfolio_155.gif);
    background-repeat:no-repeat;
	background-position:0px -38px;
	display:inline;
	/* background-color:aqua;*/
	}

.static_portfolio a{
    float:left;
    display:block;
    width:32px;
    height:125px;
   /* background-image:url(../graphics/navigation/case_155.gif);*/
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
	}
	
	.static_portfolio a:visited{text-decoration:none;}	
    .static_portfolio a:hover{
    background-position:0px -38px;
	width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
}




.rollovercasestudy{float:left;display:inline;}
.rollovercasestudy a{
    float:left;
    display:block;
    width:32px;
    height:38px;
    background-image:url(../graphics/navigation/case_155.gif);
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
	}
.rollovercasestudy a:visited{text-decoration:none;}
.rollovercasestudy a:hover{
    background-position:0px -38px;
    width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
	}
.static_case{
    float:left;
    width:32px;
    height:125px;
    background-image:url(../graphics/navigation/case_155.gif);
    background-repeat:no-repeat;
	background-position:0px -38px;
	display:inline;
	/* background-color:aqua;*/
	}

.static_case a{
    float:left;
    display:block;
    width:32px;
    height:125px;
   /* background-image:url(../graphics/navigation/case_155.gif);*/
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
	}
	
	.static_tools a:visited{text-decoration:none;}	
    .static_tools a:hover{
    background-position:0px -38px;
	 width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
}





.rolloverteam {float:left;display:inline;}
.rolloverteam a{
    float:left;
    display:block;
    width:32px;
    height:38px;
    background-image:url(../graphics/navigation/team_135.gif);
	background-position:0px 0px;
    background-repeat:no-repeat;
    text-decoration:none;
    }
.rolloverteam a:visited{text-decoration:none;}	
.rolloverteam a:hover{
	background-position:0px -38px;
	width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
	}
	
.static_team{
    float:left;
    width:32px;
    height:125px;
    background-image:url(../graphics/navigation/team_135.gif);
    background-repeat:no-repeat;
	background-position:0px -38px;
	display:inline;
	/* background-color:aqua;*/
	}



.rollovercontact {float:left;display:inline;}
.rollovercontact a{
    vertical-align:top;
    float:left;
    display:block;
    width:32px;
    height:38px;
    background-image:url(../graphics/navigation/contact_155.gif);
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
    }
.rollovercontact a:visited{text-decoration:none;}	
.rollovercontact a:hover{
    background-position:0px -38px;
    width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
	}
	
.static_contact{
    float:left;
    width:32px;
    height:125px;
    background-image:url(../graphics/navigation/contact_155.gif);
    background-repeat:no-repeat;
	background-position:0px -38px;
	display:inline;
	/* background-color:aqua;*/
	}
	
	
	

.rolloverhome{float:left;display:inline;}
.rolloverhome a{
    float:left;
    display:block;
    width:32px;
    height:38px;
    background-image:url(../graphics/navigation/home_135.gif);
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
    }
.rolloverhome a:visited{text-decoration:none;}	
.rolloverhome a:hover{
    background-position:0px -38px;
    width:32px;
    height:125px;
	text-decoration:none;
	outline:none;
	}
	
	.static_125{
    float:left;
    display:inline;
    width:2px;
    height:125px;
    background-image:url(../graphics/navigation/125.gif);
    background-repeat:no-repeat;
	background-position:0px 0px;
    text-decoration:none;
	/*margin-left:325px;
	background-color:pink;*/
	}		

/* the three column design is created using the following divs*/
#block_1{
    float:left;
    width:290px;
    margin-left:475px;
	display:inline;
	/*background-color:#FFCC00;*/
	}
#block_2{
    float:left;
    width:290px;
   	margin-left:-600px;
    display:inline;
	/*background-color:#FFCC33;*/
    }
#block_3{
    float:left;
  	width:143px;
    margin-left:-775px;
	display:inline;
	background-color:transparent;
	}
	
#block_1_2col{
 	float:left;
    width:600px;
    margin-left:175px;
	display:inline;
	/*background-color:#FFCC00;*/
	background-color:transparent;
	}
	
#block_2_2col{
    float:left;
  	width:143px;
    margin-left:-775px;
	display:inline;
	background-color:transparent;
	}
	
	
		
/*this is used to indent a block of text*/
.indent{margin-left:20px;} 
	
.indent_text{text-indent:30px;}
.push_95{margin-left:95px;}
  

/* these classes are for placing images*/
.img_right {
float:right;
}

.img_left{
float:left;
}




.box_left{
	background-color:transparent;
	width:270px;
	float:left;
	padding-right:30px;
	}


.box_right{
	background-color:transparent;
	width:275px;
	float:right;
	}
	
.box_left_180{
	background-color:transparent;
	width:180px;
	float:left;
	padding-right:0px;
	}
	
	.box_right_400{
	background-color:transparent;
	width:400px;
	float:right;
	}
/*the following class selectors are used to create unordered lists. There is
a class for each subsection specifying hover color and list images.*/ 	

/* the related classes are small background images that appear behind the list */
.related_cases{
	background-image:url(../graphics/bckgrnd_logos/case8studies_sub.gif);
	background-repeat:no-repeat;
	}
	
.related_tools{
	background-image:url(../graphics/bckgrnd_logos/our8tools_sub.gif);
	background-repeat:no-repeat;
	}
	
	
.no_bullet{	
	list-style-type:none;
	}
	
.no_bullet_normal{	
	list-style-type:none;
	font-weight:normal;
	}
	
.padded_listcontainer{
	padding-left:40px;
	list-style-type:none;
	}
	
.flush_left_list{
	list-style-type:none;
	margin-left:0px;
	padding:0px;
	font-family:Helvetica, sans-serif;
	}
.listcontainer {list-style-type:none;}
.listcontainer ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-family:Helvetica, sans-serif;
   	display:block;
	/*background-color:yellow;*/
	}
	
		
	
.listcontainer a{
	display:block;
	padding-left:28px; 
	padding-top:2px; 
	padding-right:0px;
	color:#000000;
	padding-bottom:10px;
	/*background-color:aqua;*/
	}
	
.listcontainer li a{
	background-image:url(../graphics/buttons/lg_circle_bw_up.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-decoration:none;
	padding-bottom:0px;
	}
	
li.tools a:hover{
	color:#CC3399;
	background-image:url(../graphics/buttons/lg_circle_fu_ro.gif);
	}
li.case a:hover{
	color:#327EC0;
	background-image:url(../graphics/buttons/lg_circle_bl_ro.gif);
	}
li.team a:hover{
	background-image:url(../graphics/buttons/lg_circle_or_ro.gif);
	color:#FF8B00;
	}
li.contact a:hover{
	background-image:url(../graphics/buttons/lg_circle_or_ro.gif);
	color:#8626B3;
	}
li.home a:hover{
	background-image:url(../graphics/buttons/lg_circle_bl_ro.gif);
	color:#FFCA15;
	}

li.next a{
	background-image:url(../graphics/buttons/next_bl_up.gif);
	color:#006699;text-decoration:none;
	}
	
li.next a:hover	{
	background-image:url(../graphics/buttons/next_bl_over.gif);
	color:#990066;text-decoration:underline;
	}
	      
li.prev a{
	background-image:url(../graphics/buttons/prev_bl_up.gif);
	color:#006699;text-decoration:none;
	}
	
li.prev a:hover	{
	background-image:url(../graphics/buttons/prev_bl_over.gif);
	color:#990066;text-decoration:underline;
	}



#footer{
	clear:both;
	background-image:url(../graphics/general/dot.gif);
	background-repeat:repeat-x;
	background-position:0px 3px;
	text-indent:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:143px;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	background-color:transparent;
	}


.footer_box{
padding-left:20px;
}

.tools_active{color:#CC3399;text-decoration:none;font-weight:bold; display:inline;}
a.tools_active{color:#CC3399;text-decoration:none;}
a.tools_active:visited{color:#CC3399;text-decoration:none;}
a.tools_active:hover{color:#CC3399;text-decoration:none;}

.case_active{color:#6699CC;text-decoration:none;font-weight:bold; display:inline;}
a.case_active{color:#6699CC;text-decoration:none;font-weight:bold;}
a.case_active:visited{#6699CC;text-decoration:none;font-weight:bold;}
a.case_active:hover{color:#6699CC;text-decoration:none;font-weight:bold;}
.portfolio_active{color:#33B333;text-decoration:none;font-weight:bold; display:inline;}
.news_active{color:#FF8B00;text-decoration:none;font-weight:bold; display:inline;}

.team_active{color:#FF8B00;text-decoration:none;font-weight:bold; display:inline;}
.contact_active{color:#8626B3;text-decoration:none;font-weight:bold; display:inline;}
.home_active{color:#FFCA15;text-decoration:none;font-weight:bold; display:inline;}
.sitemap_active{color:#FFCA15;text-decoration:none;font-weight:bold; display:inline;}

a.tools{color:#757575;text-decoration:none;}
a.tools:visited{color:#757575;text-decoration:none;}
a.tools:hover{color:#CC3399;text-decoration:none;}

a.case{color:#757575;text-decoration:none;font-weight:bold;}
a.case:visited{color:#757575;text-decoration:none;font-weight:bold;}
a.case:hover{color:#6699CC;text-decoration:none;font-weight:bold;}

a.portfolio{color:#757575;text-decoration:none;}
a.portfolio:visited{color:#757575;text-decoration:none;}
a.portfolio:hover{color:#33B333;text-decoration:none;}


a.news{color:#757575;text-decoration:none;}
a.news:visited{color:#757575;text-decoration:none;}
a.news:hover{color:#FF8B00;text-decoration:none;}

a.team{color:#757575;text-decoration:none;}
a.team:visited{color:#757575;text-decoration:none;}
a.team:hover{color:#FF8B00;text-decoration:none;}

a.contact{color:#757575;text-decoration:none;}
a.contact:visited{color:#757575;text-decoration:none;}
a.contact:hover{color:#8626B3;text-decoration:none;}

a.home{color:#757575;text-decoration:none;}
a.home:visited{color:#757575;text-decoration:none;}
a.home:hover{color:#FFCA15;text-decoration:none;}

a.sitemap:visited{color:#757575;text-decoration:none;}
a.sitemap{color:#757575;text-decoration:none;}
a.sitemap:hover{color:#FFCA15;text-decoration:none;}