@charset "utf-8";
/* CSS Document */

*{
 margin:0;
 padding:0;
 background-repeat:no-repeat;
 behavior: url(iepngfix.htc)
}

input{
	border:0;
	}

body{
 font-family:Arial, Helvetica, sans-serif;
 color:#fff;
 font-size:11px; 
 background:url(../design_images/bg.jpg) top center #000 no-repeat;
 text-align:center;
}

a:link { color:#c0d81e; text-decoration:none;}
a:visited { color:#c0d81e; text-decoration:none;}
a:hover { color:#c0d81e; text-decoration:underline;}
a:active { color:#c0d81e; text-decoration:none;}
a:active, a:focus { outline: 0;}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#FFF;
	font-weight:normal;	
	margin:0 0 10px 0;
	}
	

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	font-weight:normal;	
	margin:10px 0 10px 0;
	}
	
	.ndColor{
		color:#c0d81e;
		}

ul{
	margin:0;
	padding:0;
	}
	
	li{
		margin:2px 0 0 15px;
		list-style:square;
		}

#container{
	width:980px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	}
	
/* Left */
	
#leftCol{
	width:740px;
	float:left;
	}
	
	#logo{
		width:740px;
		height:128px;
		float:left;
		background:url(../design_images/logo.png) no-repeat top left;
		}
		
		#logo h1{
			display:none;
		}
		
		#logo a{
			display:block;
			width:100%;
			height:100%;
			cursor:pointer;
		}
		
	#intro{
		width:715px;
		float:left;
		padding:10px 20px 10px 5px ;
		line-height:130%;
		}
		
		#intro p{
		margin:2px 0 5px 0;
		}
		
		.imageBorder{
			border:2px solid #c0d81e;
			}
		
	#latestWork{
		width:740px;
		float:left;
		}
		
		#latestWork .title{
			width:200px;
			height:47px;
			background:url(../design_images/ttl_latest_work.png) no-repeat;
		}
		
		#latestWork .title h2{
			display:none;
		}

/* Right */

#rightCol{
	width:220px;
	padding:10px;
	text-align:left;
	float:left;
	}
	
	#contact .title{
		width:200px;
		height:47px;
		background:url(../design_images/ttl_contact.png) no-repeat;
		margin:60px 0 0 -10px;
		}
		
		#contact .title h2{
			display:none;
		}
		
	#quickLinks .title{
		width:200px;
		height:47px;
		background:url(../design_images/ttl_quick_links.png) no-repeat;
		margin:20px 0 0 -10px;
		}
		
		#quickLinks .title h2{
			display:none;
		}


/* Contact */
#contactForm{
	border:0;
	}
	
	#contactForm .fields{
		border:0 solid #c0d81e;
		background:#c0d81e;
		padding:3px;
		color:#000;
		margin:0 0 5px 0;
		width:190px;
	}
	
	#contactForm .button{
		border:#c0d81e;
		background:#000;
		padding:1px;
		color:#fff;
		margin:5px 0 0 0;
	}

			
/* Footer */

#footer{
	width:705px;
	float:left;
	padding:20px 20px 10px 5px ;
	margin:10px 10px 0 0;
	border-top:1px dotted #c0d81e; 
	}

/* Boxes */
	
			.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
					top: 217px;
					left: 0;
 				}
				
			.boxcaption h3 {
				margin: 10px 10px 5px 10px; 
				color:#FFF;
				font:17pt Arial, Helvetica, sans-serif; 
				font-weight:normal;
				}