/*layout styles */

.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
* html .clearfix { height: 1%; }
*+ html .clearfix { height: 1%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, td, caption, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; }


/* --- STRUCTURE
---------------------------------------*/
body { margin: 40px 0; }

	/* ---- container */
	#container { width: 900px; margin: 0 auto; }
	
		
		/* header */
		#header { height: 76px; }
		
			/* logo */
			#header h1 { float: left; padding: 18px 0 0 10px; }
		
			/* nav */
			#header ul { float: left; width: 614px; height: 12px; margin: 41px 0 0 74px; list-style: none; }
			#header li { float: left; height: 12px; }
			#header li a { display: block; height: 12px; background-image: url(../images/btn-nav.gif); background-repeat: no-repeat; text-indent: -999em; line-height: 0; }
			
				/* off state */
				#header li a.aboutus { width: 110px; background-position: 0 0; }
				#header li a.what { width: 135px; background-position: -110px 0; }
				#header li a.gallery { width: 157px; background-position: -245px 0; }
				#header li a.clients { width: 129px; background-position: -402px 0; }
				#header li a.contactus { width: 83px; background-position: -531px 0; }
				
				/* over state */
				#header li a.aboutus:hover, #header li a.aboutus-on { width: 110px; background-position: 0 -12px; }
				#header li a.what:hover { width: 135px; background-position: -110px -12px; }
				#header li a.gallery:hover, #header li a.gallery-on { width: 157px; background-position: -245px -12px; }
				#header li a.clients:hover { width: 129px; background-position: -402px -12px; }
				#header li a.contactus:hover { width: 83px; background-position: -531px -12px; }
	
	
		/* banner */
		#banner { position: relative; height: 250px; background: url(../images/bg.gif) 0 0 no-repeat; }
		
			#banner h2 { width: 260px; margin: 0 0 .5em; padding: 25px 0 0 23px; }
			
			#banner p { width: 260px; color: #fff; padding: 0 0 .8em 23px; line-height: 1.5; }
			#banner p.history { text-align: right; }
			
			#banner #picture { position: absolute; top: 0; right: 0; }
		
		
		/* content */
		#content { margin: 10px 0; background: url(../images/bg.gif) 0 -250px no-repeat; }
		
			#content .col { float: left; width: 260px; padding: 20px 20px 5px 20px; }
			#content .col img.image { float: right; padding: 15px 0 5px 10px;}
			#content .col p.slide { float: right; margin-top:15px;}
			#content .col p.slide a { display: block; width: 85px; height: 12px; background-image: url(../images/btn-slideshow.gif); background-repeat: none; text-indent: -999em; margin:0 8px 0;}
			#content .col p.slide a:hover { background-position: 0 -12px; }
			#content .col li {  padding: 0 0 15px 20px; }
			
			#content .pbSummary li, #content .FeatureProject li {
				padding:0;
				background:none;
			}
			#content .pbSummary li h3, #content .FeatureProject li h3 {
				margin:10px 0;
				color:#241E5B;
		
			}
			
			#content .FeatureProject .item {display:none;}
			#content .FeatureProject .altitem {display:none;}
			
			#mainbar p { margin:0 0 10px 0;}
			#mainbar h3 { margin:12px 0 0 0;}
			#mainbar h4 { margin:8px 0 0 0;}
			#mainbar li { padding: 0 0 5px 17px; }
			#content li h3 { margin: 0 0 .3em; }
			
			
			
			/* inner content */
			#inner_content { position: relative; margin: 0 0 10px; background: url(../images/bg-inner.gif) 0 0 repeat; z-index: 99; }
			
				#sidebar { position: relative; float: left; width: 221px; z-index: 98; }
				
					#sidebar h3 { margin: 15px 0 5px 17px; color: #fff; font-size: 1.4em; text-transform: uppercase; }
					#sidebar h4 { margin: 50px 0 5px 17px; color: #241e5b; font-size: 1.2em; text-transform: uppercase; }
				
					/* sidebar nav */
					#sidebar ul { margin: 0 0 15px; }
					#sidebar ul li {background:none;}
					#sidebar ul li a { display: block; width: 180px; padding: 5px 0 5px 40px; background: url(../images/icon-inner-arrow.gif) 17px 6px no-repeat; color: #fff; font-size: 1em; text-decoration: none; }
					
					#sidebar #picture { position: absolute; top: 188px; left: 0; }
					#sidebar #picture p { padding: 5px 10px; color: #fff; font-size: 1em; text-align: right; }
				
				#mainbar { float: right; width: 667px; min-height: 500px; } *html #mainbar { height: 500px; }
				
					#mainbar h2 {
	color: #fff;
	font-size: 2em;
	padding-top: 15px;
	padding-right: 28px;
	padding-bottom: 15px;
	padding-left: 20px;
}
					
					#mainbar .content { float: left; width: 400px; padding: 15px 28px; }
					#mainbar #breadcrumb, #mainbar #breadcrumb a { color: #999; }
					#mainbar .content ul { margin: 0 0 .8em; }
					#mainbar .content li { padding: 0 0 5px 20px; color:#241E5B; }
					#mainbar .gallerycontent { float: left; width: 650px; padding: 15px 5px; }
					
					
				#rightbar { float: right; width: 170px; padding: 54px 20px; }
				#rightbar h3 span { color: #4142a9; font-style: italic; }
				#rightbar h3 { margin: 0; color: #3e3f42; font-style: italic; }
					
					
			/* gallery content */
			#gallery_content { position: relative; margin: 0 0 10px; background: url(../images/bg-gallery.gif) 0 0 no-repeat; }
			#gallery_content #mainbar .content { float: left; width: 620px; padding: 15px 28px; }
			
			.GalleryLongDesc { margin-left:12px;}
			
			
					.grad_fade { position: absolute; bottom: 0; left: 0; width: 221px; height: 140px; background: url(../images/bg-inner.gif) 0 -3016px no-repeat; z-index: 1; }
					
		
		/* footer */
		#footer { height: 33px; background: url(../images/bg.gif) 0 -2567px no-repeat; }
		#footer p { padding: .8em 0 0 1.5em; color: #fff; text-align:center; }
		#footer a { color: #fff; }
.galleryspacer {
	padding-right: 10px;
	padding-left: 10px;
	
}
.pbGrid table {
	width:600px;
}
.pbGrid td {
	width:33%;
	padding:15px 15px 0 0;
}
.gridlink {font-size:14px; font-weight:bold; line-height:20px;}

#mainbar .content .pbBreadcrumb ul {
margin:0;
padding:0;
list-style-type:none;
clear:both;
}

#mainbar .content .pbBreadcrumb li {
margin:0;
padding:0;
list-style-type:none;
float:left;
width:auto;
background:none;
}
.pbItemImageGallery .item, .pbItemImageGallery .altitem {padding:0 5px 5px 0;}

	.pbPager {
	 clear:both;
	 float:right;
	 font-size:14px;
	 padding:10px;
	}
	.allprojects {
		margin:0;
		padding:0;
	}
	
.pbForm ul, .pbForm li  {
 list-style:none;
 padding:0;
 margin:0;
}


.pbForm .textbox {
	border:1px solid #999;
	background:#F7F7F7;
	padding:4px;
	width:300px;
	clear:both;
	}
.pbForm .textboxsmall {
	width:150px;
	border:1px solid #999;
	background:#F7F7F7;
	padding:4px;
	}
.pbForm .textboxmini {
	width:75px;
	border:1px solid #999;
	background:#F7F7F7;
	padding:4px;
	}
#inner_content .pbForm .form li {	
	background:none;
	clear:both;
}
.required {
	color:red;
}

#inner_content .pbForm .errors li {
	color:red;
}
.received {
	font-size:1.3em;
	font-weight:bold;
	
}
.pbForm .label {
	float:left;
	width:125px;
	padding:5px;
	clear:both;
	}
.pbForm .field {
	float:left;
	width:400px;
	padding:5px;
	clear:both;
	}
.pbForm .button {clear:both; float:right; margin:15px 60px 0 0;}