@charset "UTF-8";
#pageContainer
	     {
	width:900px;
	height:100%;
	margin:0 auto;
	border: 0px solid #999;
	
} 

#header{ width:900px; float:left;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #210D05;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:100;
	color: #636466;
	line-height:2;
	margin-bottom:0;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00AEEF;
	line-height:1.5;
	text-decoration: underline;

}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height:1.5;
	text-decoration: underline;
}
	a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00AEEF;
	line-height:1.5;
	text-decoration: underline;

}
	a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height:1.5;
	text-decoration: underline;

}

h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:100;
	color:#8DC63F;
	margin-top:0px;
	margin-bottom:0px;
}
h2 {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	color:#210D05;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:-25px;
}
h3 {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:13px;
	color:#00AEEF;
	margin-top:0px;
	margin-bottom:0px;
}
h3 b {font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	margin-top:0px; margin-top:0px;
	}
	
	
h3 b a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height:1.5;
	text-decoration: underline;

}

h3 b a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00AEEF;
	line-height:1.5;
	text-decoration: underline;

}
	
h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#210D05;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;

}
h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#8DC63F;
	line-height:0px;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:20px;
}
h6 {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:0px;
	font-weight:normal;
	}
	
	.footer {
	width: 860px;
	height: 50px;
	padding:20px;
	padding-left:20px;
	text-align:center;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
	z-index:2;
	color:#A69E9B;
	}
	
	
	.footerText {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	color:#A69E9B;
	}
	
	.footerText a {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	color:#A69E9B;
	text-decoration:underline;
	}
	
	.footerText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	color:#00AEEF;
	text-decoration:underline;
	}
	
	.footerText a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	color:red;
	text-decoration:underline;
	}
	

		
	#recentWorkSticker {
	position: relative;
	left:130px;
	top:-30px;
	width:120px;
	height:115px;
	float: left;
	z-index:3;
		}
		
		
	.recentWorkText {
	position: relative;
	left:164px;
	top:35px;
	width:285px;
	height:280px;
	float: left;
	z-index:3;
		}
	
	.logo {
	width: 340px;
	height: 105px;
	visibility: visible;
	background-image: url(images/pinholeLogo.png);
	background-repeat: no-repeat;
	margin: 0;
	position: relative;
	left: 560px;
       }
	   
	   
	.navContainer {
	width: 870px;
	height: 20px;
	padding:10px;
	padding-left:20px;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	.navText { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	
	  }
	  
	.navText a { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration: none;
	font-weight:normal;
	  }
	  
	.navText a:hover { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8dc63f; 
	text-decoration:underline;
	font-weight:normal;
	  }
	  
	.bannerContainer {
	width: 900px;
	height: 247px;
	background-image: url(images/java.jpg);
	background-repeat: no-repeat;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
       }
	   
	   	.GbannerContainer {
	width: 900px;
	height: 500px;
	background-image: url(images/java.jpg);
	background-repeat: no-repeat;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
       }
	   
	   #gallery {
	width: 900px;
	height: 247px;
	Background-color:transparent;
	visibility: visible;
	margin: 0;
	position: relative;
	text-align:center;
	text-decoration:blink;
	vertical-align:middle;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
       }
	   
	.mainContent {
	background-color:#FFF;
	width: 860px;
	height: 100%;
	padding:20px;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	.leftColumnContainer {
	width: 607px;
	height: 100%;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
	border-right: 1px solid #939598;
       }
	   
	.leftColumn {
	background-image: url(images/contentGrad.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	width: 587px;
	height: 100%;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	   .leftColumnContact {
	width: 307px;
	height: 100%;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
	border-right: 1px solid #939598;
       }
	   
	.leftColumnDetailsContact {
	background-image: url(images/contentGrad.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	width: 287px;
	height: 100%;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	   .leftColumnWork {
		   
	background-image: url(images/work.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	width: 587px;
	height: 326px;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	.leftColumnTwitter {
		background-color:#FFF;
	background-image: url(images/twitter-banner.png);
	background-position:top;
	background-repeat: no-repeat;
	width: 587px;
	height: 230px;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	   .leftColumnSocial {
		background-color:#FFF;
	width: 587px;
	height: 180px;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	.rightColumnContainer {
	background-color:#fff;
	width: 233px;
	height: 100%;
	visibility: visible;
	margin: 0px;
	position: relative;
	float:right;
	top: 10px;
       }
	   
	   	.rightColumnContact {
	background-color:#fff;
	width: 533px;
	height: 100%;
	visibility: visible;
	margin: 0px;
	position: relative;
	float:right;
	top: 10px;
       }
	   
	   .rightColumnContainerGallery {
	background-color:#fff;
	width: 233px;
	height: 100%;
	visibility: visible;
	margin: 0px;
	position: relative;
	float:right;
	top: 0px;
       }
	   
	.rightColumnGallery {
	background-color: #e9f3fb;
	width: 213px;
	height: 100%;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	visibility: visible;
	margin: 0px;
	position: relative;
	float:right;
	top: 0px;
       }
	   
	.rightColumnNew {
	width: 98px;
	height: 94px;
	visibility: visible;
	margin-top: -100px;
	margin-left: 500px;
	position: relative;
	float:left;
	top: 0px;
	z-index:2;
       }
	   
	.rightColumnQuotes {
	background-image: url(images/contentGrad.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	width: 213px;
	height: 100%;
	padding-left:10px; padding-right:10px;
	visibility: visible;
	margin: 0px;
	position: relative;
	float:right;
	top: 0px;
       }
	   
	   
	.rightColumnGalleryImages {
	background-image: url(images/galleryimage.jpg);
	background-position:top;
	background-repeat: no-repeat;
	width: 233px;
	height: 349px;
	visibility: visible;
	margin: 0px;
	position: relative;
	float:right;
	top: 0px;
       }
	   
	   #folio {
	width: 233px;
	height: 349px;
	visibility: visible;
	margin: 0px;
	position: relative;
	float:right;
	top: 0px;
       }
	   
	#new {
	position: relative;
	left:647px;
	top:410px;
	width:98px;
	height:94px;
	float: left;
	z-index:3;
		}

	.heading {
	width: 607px;
	height: 30px;
	padding:0px;
	padding-left:0px;
	visibility: visible;
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
       }
	   
	.footerContainer {
	background-color:#EAF4FC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636466;
	line-height:1.5;
	width: 860px;
	height: 100%;
	padding:20px;
	visibility: visible;
	margin-top: 20px;
       }
	   
	   .footerHeadingBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #000;
	margin-top:0px;
       }
	   
	      .footerHeadingGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #8DC63F;
       }
	   
	   
	   	.footerColOne {
	background-color:#EAF4FC;
	width: 165px;
	height: 100%;
	padding-left: 0px;
	padding-right: 10px;
	visibility: visible;
	margin: 0;
	position: relative;
	float:left;
	
       }
	   
	   .footerColTwo {
	background-color:#EAF4FC;
	width: 245px;
	height: 100%;
	padding-left: 0px;
	padding-right: 10px;
	visibility: visible;
	margin: 0;
	position: relative;
	float:left;
       }
	   
	   .footerColThree {
	background-color:#EAF4FC;
	width: 215px;
	height: 100%;
	padding-left: 0px;
	padding-right: 10px;
	visibility: visible;
	margin: 0;
	position: relative;
	float:left;
       }
	   
	   .footerColFour {
	background-color:#EAF4FC;
	width: 195px;
	height: 100%;
	padding-left: 0px;
	padding-right: 10px;
	visibility: visible;
	margin: 0;
	position: relative;
	float:left;
       }