/* Global normalisers */

img { border: 0; }

body { margin: 0; 
	   padding: 0; }
	   
#wrapper { width: 1250px;
		   margin-left: auto;
		   margin-right: auto; }
/*	   
#bg-left { position: absolute;
		   top: 0;
		   left: 0;
		   width: 50%;
		   height: 570px;
		   float: left;
		   background: url(../images/bg_repeat_left.jpg) repeat-x;
		   z-index: -2;
		 }
		 
#bg-right { position: absolute;
		    top: 0;
			left: 50%;
			width: 50%;
			height: 570px;
			float: right;
		    background: url(../images/bg_repeat_right.jpg) repeat-x;
		    z-index: -2;
		  }
		   
#leftBlend { width: 50px;
			 height: 570px; 
			 float: left;
			 background: url(../images/bg_blend_left.jpg) top right no-repeat;
			 }


#rightBlend { width: 50px;
			  height: 570px; 
			  float: left;
  			  background: url(../images/bg_blend_right.jpg) top left no-repeat;
			  }
*/
			  
#leftShadow { width: 50px;
			  height: 200px;
			  float: left;
			  background: url(../images/shadow-left.jpg) top right no-repeat;
			}
			
#rightShadow { width: 50px;
			   height: 200px;
			   float: left;
			   background: url(../images/shadow-right.jpg) top left no-repeat;
			 }

#container { width: 1150px;
			 float: left;
			}
		   
h1 { width: 100%;
	 height: 66px;
	 background: url(../images/topHeader.jpg) no-repeat;
	 margin: 0;
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1px;
   }
   
h2 { font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
	 letter-spacing: 3px;
	 color: #555;
	 margin-bottom: 20px;
	 text-transform: uppercase;
   }
   
h3 { font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: bold;
	 letter-spacing: 3px;
	 color: #4f7307;
	 margin-bottom: 10px;
	 text-transform: uppercase;
	 }
   
p { font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 5px;
	margin-bottom: 20px; }
	
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
   
#flash { width: 100%;
		 height: 482px;
	   }
	   
#contentContainer { width: 94.78%;
					float: left;
					background-color: #fff;
					padding: 30px;
				  }
				  
#colLeft { width: 78%;
		   float: left;
		   margin-right: 5%;
		  }
		  
#colLeft input {
	margin: 5px 0 5px 0;
}
		  
#colLeft a:link { color: #4f7307; text-decoration: none; }
#colLeft a:visited { color: #4f7307; text-decoration: none; }
#colLeft a:hover { text-decoration: underline; }
		  
#colRight { width: 17%;
			float: right;
		  }
		  
#colRight ul { margin-top: 0;
			   margin-bottom: 30px; }
			   
#colRight ul li { margin-left: -40px;
				  padding-top: 10px;
				  padding-bottom: 10px;
				  padding-left: 20px;
				  border-bottom: 1px solid #ccc;
				  font-family: Arial, Helvetica, sans-serif;
				  font-size: 14px;
				  font-weight: bold;
				  display: block;
				  }

#colRight ul li a { margin-left: -20px;
				    padding-top: 10px;
				    padding-bottom: 10px;
				    padding-left: 10px;
					color: #333;
					text-decoration: none; 
					display: block;
				}

#colRight ul li a:hover { background:url(../images/menu_grad.jpg) top left repeat-x;
						  color: #fff;
						  width: 200px; }
						  
#colRight ul li .current a:link { background:url(../images/menu_grad.jpg) top left repeat-x;
						  color: #fff;
						  width: 200px; }
		  
.blurb { width: 860px;
		 height: 114px;
		 float: left;
		 padding-bottom: 20px;
		 border-bottom: 1px solid #ccc;
		 margin-bottom: 20px;
		 background: url(../images/blurb.jpg) top left no-repeat;
		 font-family: Arial, Helvetica, sans-serif;
		 color: #fff;
		 font-size: 1px;
	   }
	   
.blurb>p {
	display: none;
}
	   
#colLeftSubLeft { width: 46%;
				   float: left;
				   padding-right: 3%;
				   border-right: 1px solid #ccc;
				   padding-bottom: 10px;
				   margin-bottom: 20px;
				 }
				 
#colLeftSubLeft ul { }

#colLeftSubLeft ul li { list-style: url(../images/tick.gif);
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #333;
						}
				 
#colLeftSubRight { width: 47%;
				   padding-left: 2%;
				   float: right;
				 } 
				 
#colLeftSubRight ul { width: 400px; position: relative; margin-left: -40px; }

#colLeftSubRight ul li { width: 180px;
						 float: left;
						 position: relative;
						 display: inline;
						 padding: 10px; }
						 
#colLeftSubRight ul li img { border: 1px solid #ccc; padding: 4px; }

#colLeftSubRight ul li .hover { position: absolute; top: 0; left: 0; 
								width: 172px;
								height: 102px;
								margin: 14px;
								background:url(../images/trans.png) repeat;
								visibility: hidden;
								padding-top: 70px;
								text-align: center;
								}
								
#colLeftSubRight ul li .hover .title { font-family: Arial, Helvetica, sans-serif;
									font-size: 13px;
									font-weight: bold;
									color:#fff; }
								
#colLeftSubRight ul li .hover .job { font-family: Arial, Helvetica, sans-serif;
									font-size: 12px;
									font-weight: normal;
									font-style: italic;
									color: #fff; }

#colLeftSubRight ul li a:hover .hover { visibility: visible; }
				 
#caseStudyImg { width: 400px; background-color: transparent; position: relative; }

#caseStudyImg .hover { width: 400px;
					   height: 144px;
					   position: absolute;
					   top: 0; left: 0;
					   background: url(../images/trans.png) repeat;
					   visibility: hidden;
					   text-align: center;
					   padding-top: 120px;
					   font-family: Arial, Helvetica, sans-serif;
					   font-size: 14px;
					   font-weight: bold;
					   color:#fff;
					 }
					 
#caseStudyImg a:hover .hover { visibility: visible; }
				 
.floatLeft { float: left;
			 margin-right: 15px;
			 margin-bottom: 20px;
			}
			
.floatRight { float: right;
			 margin-left: 15px;
			 margin-bottom: 20px;
			}
			
				 
#colRight ul { width: 100%; }

#colRight ul li { width: 100%;
				  display: block;
				  padding-top: 5px;
				  padding-bottom: 5px;
				}
			 
#footerPull { width: 1150px; 
			  position: relative;
			  clear: both;
			  z-index: 1; }
			  
#footer { width: 1110px;
		  float: left;
		  padding: 20px;
		  background-color: #000;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  color: #fff;
		}
		
.footerNav { width: 100%; float: left; border-bottom: 1px dotted #444; padding-bottom: 10px; }
.footerNav a:link { color: #fff; text-decoration: none; }
.footerNav a:visited { color: #fff; text-decoration: none; }
.footerNav a:hover { color:#4f7307; text-decoration: none; }

.footerCopy { float: left; color: #666; padding-top: 10px; }