body {margin-left: auto;
		  margin-right: auto;
			background-image: url(../images/body_tile3.png);
			padding-bottom: 20px;
			}

#banner {margin-left: auto;
				 margin-right: auto;
				 margin-bottom: 5px;
				 width: 902px;
				 }

#h_nav_wrap {margin-left: auto;
						 margin-right: auto;
						 width: 898px;
						 border: 1px solid #000000;
						 margin-top: 10px;
						 }
				 
#h_nav {background-image: url(../images/li_navbutton.jpg);
			  background-repeat: repeat-x;
				width: 878px;
  		  background-color: #666666;
			  overflow: hidden;
				margin-left: auto;
				margin-right: auto;
				padding-left: 20px;
				font-family: arial;
				font-size: 14px;
			  }

#h_nav ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
			
#h_nav li {
	float: left;
	background-image: url(../images/li_navbutton.jpg);
	background-repeat: repeat-x;
}
#h_nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #c9c9c9;
}
#h_nav a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #000000;
	background-image: url(../images/li_navbutton_hover.gif);
	background-repeat: repeat-x;
	/*background-color: #a9a9a9;*/
}

#wrap_1 {margin-left: auto;
				 margin-right: auto;
				 margin-top: 10px;
				 margin-bottom: 10px;
				 padding-bottom: 10px;
				 width: 902px;
				 /*border: 2px solid black;
				 border-bottom: none;
				 background-image: url(../images/grey_diamond.png);
				 /*background: green;*/
				 }

#left_nav {width: 195px;
					 /*border: 1px solid #000000;*/
					 float: left;
					 }

#left_nav p {margin: 5px;
					   padding: 5px;
						 border: 1px solid #000000;
						 background: white;
					  }
						
#left_nav h1 {width: 172px;
		 	 					  margin: 5px;
			 						padding: 5px;
			 						border: 1px solid black;
		 	 						background-image: url(../images/diamond_plate.png);
			 						background-repeat: repeat;
			 						font-size: 16px;
									text-align: center;
									color: white;
									font-weight: bold;
									font-family: arial;
				 					}

#wrap_2 {width: 700;
				 float: right;
				 }
				 
#main_content {width: 510px;
							 /*border: 1px solid #000000;*/
							 float: left;
							 }
							 
#main_content p {margin: 5px;
					   		 padding: 5px;
								 border: 1px solid #000000;
								 background: white;
								 width: 496px;
								 position: relative; right: 5px;
								 font-family: arial;
							 }
							 
#paragraph {margin: 5px;
					  padding: 5px;
						border: 1px solid #000000;
						background: white;
						width: 496px;
						position: relative; right: 5px;
						font-family: arial;
						}
							 
#info_bar {width: 195px;
					 /*border: 1px solid #000000;*/
					 float: right;
					 }

#info_bar h1 {width: 172px;
		 	 					  margin: 5px;
			 						padding: 5px;
			 						border: 1px solid black;
		 	 						background-image: url(../images/diamond_plate.png);
			 						background-repeat: repeat;
			 						font-size: 16px;
									text-align: center;
									color: white;
									font-weight: bold;
									font-family: arial;
				 					}					 
					 
#info_bar p {margin: 5px;
					   padding: 5px;
						 border: 1px solid #000000;
						 background: white;
						 font-family: arial;
						 font-size: 14px;
					  }

#main_content h1 {width: 497px;
		 	 					  margin: 5px;
			 						padding: 5px;
			 						border: 1px solid black;
		 	 						background-image: url(../images/diamond_plate.png);
			 						background-repeat: repeat;
			 						font-size: 16px;
									text-align: center;
									color: white;
									font-weight: bold;
									position: relative; right: 5px;
									font-family: arial;
				 					}

#main_content h2 {width: 497px;
		 	 					  margin: 5px;
			 						padding: 5px;
			 						border: 1px solid black;
		 	 						background-image: url(../images/diamond_plate_red.png);
			 						background-repeat: repeat;
			 						font-size: 16px;
									text-align: center;
									color: white;
									font-weight: bold;
									position: relative; right: 5px;
									font-family: arial;
				 					}									
									
.bold {font-weight: bold;
			 text-decoration: none;
			}		 

ul#slideshow p {color: #000000;
						    background-color: #000000;
								font-weight: bold;
}	
	
ul#slideshow li {color: #000000;
}	
		
#slide_wrap {background-color: black;
						 padding-top: 2px;
						 padding-bottom: 101px;
}

#slidearea {padding-bottom: 18px;
					  background-color: #000000;
}

#p_block {clear: left;				
					padding-bottom: 20px;
					margin-top: 0px;
}

#p_block2 {clear: left;
					padding-bottom: 20px;
}

p.contactus a, p.casestudies a {text-decoration: none;
							 							 	  color: blue;
																font-weight: bold;
}

p.contactus a:link, p.casestudies a:link {text-decoration: none;
							 							 	  				  color: blue;
																					font-weight: bold;
}

p.contactus a:visited, p.casestudies a:visited {text-decoration: none;
							 							 	  		 					  color: blue;
																								font-weight: bold;
}

p.contactus a:hover, p.casestudies a:hover {text-decoration: underline;
							 							 	  	 				 	color: blue;
																						font-weight: bold;
}

p.contactus a:active, p.casestudies a:active {text-decoration: underline;
							 							 	  						  color: blue;
																							font-weight: bold;
}

.expertise {background-color: #EDEDED;
					  display: block;
						padding-top: 5px;
						padding-bottom: 5px;
						padding-left: 3px;
						margin-bottom: 5px;
						margin-top: 5px;
						margin-left: -3px;
						margin-right: -3px;
						font-size: 14px;
						border-top: 1px dashed black;
						border-bottom: 1px dashed black;
}

h3.casestudies {background-color:#EDEDED;
	  					  border-bottom: 1px dashed black;
								padding-top: 5px;
								padding-bottom: 2px;
								padding-left: 2px;
								margin-top: 0px;
} 

.casestudytxt {background-color: #EDEDED;
							 padding: 2px;
							 display: block;
							 margin-bottom: 4px;
							 margin-top: 4px;
							 } 

.casestudytxt2 {background-color: white;
							 padding: 2px;
							 display: block;
							 margin-bottom: 4px;
							 margin-top: 4px;
							 }
							 
.add_casestudies {background-color: #EDEDED;
					  		  display: block;
									padding-top: 5px;
									padding-bottom: 5px;
									padding-left: 3px;
									margin-bottom: 5px;
									margin-top: 5px;
									margin-left: -3px;
									margin-right: -3px;
									font-size: 14px;
									border-top: 2px solid black;
}

a.TDR {text-decoration: none;
			 color: blue;
}

a:link.TDR {text-decoration: none;
						color: blue;
}

a:visited.TDR {text-decoration: none;
							 color: blue;
}

 a:hover.TDR {text-decoration: underline;
							color: blue;
}

 a:active.TDR {text-decoration: underline;
							 color: blue;
}

.casestudytxt a.TDR, .casestudytxt2 a.TDR {text-decoration: none;
			 color: blue;
}

.casestudytxt a:link.TDR, .casestudytxt2 a:link.TDR  {text-decoration: none;
						color: blue;
}

.casestudytxt a:visited.TDR, .casestudytxt2 a:visited.TDR  {text-decoration: none;
							 color: #800000;
}

.casestudytxt a:hover.TDR, .casestudytxt2 a:hover.TDR {text-decoration: underline;
							color: blue;
}

 .casestudytxt a:active.TDR, .casestudytxt2 a:active.TDR  {text-decoration: underline;
							 color: blue;
}

img.mini {border:1px solid black;} /* no border around left column images */
div#minis a:hover {background:none} /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
div#minis a img.big {height: 0; width: 0; border-width: 0} /* hide the big image by making its height and width 0 */
div#minis a:hover img.big {position:absolute; top:22px; left:187px;height:375px;width:500px;border:none} /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */
	
#frame {position:absolute; top: 20px;left:185px;height:355px;width:480px;border:2px solid black;font: 1em "Trebuchet MS", Verdana, sans-serif;color:red;padding:10px} /* create an empty frame so that visitors expect something to go there */
div#minis p {margin-bottom:26px} /*add bottom margin to p elements so that they are (roughly) aligned with the big image frame */

#wrap_casestudy {margin-left: auto;
				 				 margin-right: auto;
				 				 margin-top: 10px;
				 				 margin-bottom: 10px;
				 				 padding-bottom: 10px;
				 				 width: 902px;
}

#main_content_casestudy {width: 700px;
							 					 /*border: 1px solid #000000;*/
												 float: left;
}

#main_content_casestudy h1 {width: 692px;
		 	 					  margin: 5px;
			 						padding: 5px;
			 						border: 1px solid black;
		 	 						background-image: url(../images/diamond_plate.png);
			 						background-repeat: repeat;
			 						font-size: 16px;
									text-align: center;
									color: white;
									font-weight: bold;
									position: relative; right: 5px;
									font-family: arial;
				 					}

#main_content_casestudy h2 {width: 692px;
		 	 					  margin: 5px;
			 						padding: 5px;
			 						border: 1px solid black;
		 	 						background-image: url(../images/diamond_plate_red.png);
			 						background-repeat: repeat;
			 						font-size: 16px;
									text-align: center;
									color: white;
									font-weight: bold;
									position: relative; right: 5px;
									font-family: arial;
				 					}

#paragraph_casestudy {margin: 5px;
					  				  padding: 5px;
											border: 1px solid #000000;
											background: white;
											width: 692px;
											position: relative; right: 5px;
											}

h1#footer {font-size: 12px;
				}
				
h1#footer a {color: white;
						 text-decoration: none;
						 }
h1#footer a:link {color: white;
								 text-decoration: none;
								 }
h1#footer a:visited {color: white;
										text-decoration: none;
										}
h1#footer a:hover {color: white;
									text-decoration: underline;
									}
h1#footer a:active {color: white;
									 text-decoration: none;	
									 }
h3 {font-family: arial;
	 }