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

html{padding:0; border: 0; margin:0; width:100%; height:100%; min-height:100%;}
body{text-align:center; background-color: #323C42; padding:0; border: 0; margin:0; width:100%; height:100%; min-height:100%;}
h2{font-family: arial,sans-serif; font-size: 14px;}


#content{margin:0 auto; padding:0; border: 0; width:1026px; height:100%; text-align:left; font-family: arial,sans-serif; font-size: 12px; line-height:1.5; position:relative; color:#E6E7E8;}

#header1{padding:0; border: 0; margin:0; width:684px; height:100px; float:left; background:url(images/header1.png) no-repeat;}

#header2{padding:0; border: 0; margin:0; width:684px; height:170px; float:left; background:url(images/header2.png) no-repeat;}

#aboutMe{padding:0; border: 0; margin:0; width:342px; height:140px; margin-top:80px; float:right;}

#line{padding:0; border: 0; margin:0; background:url(images/line.png) no-repeat; float:left; width:1026px; height:30px}

#portfolioContainer{padding:0; border: 0; margin:0; width:1026px; height:900px; float:left;}

#experience{padding:0; border: 0; margin:0; float:left; width:550px; height:auto;}

#BGshade{padding:0; border: 0; margin:0; width:400px; height:350px; background:url(images/BGshade.png) no-repeat; position:absolute; top:20px; left:0px; z-index:-1}

	

/*------Contact Form Styles------*/
	
#contact_display{
	float:right;
	height:370px;
	width: 377px;
	padding: 0px 0px 10px 0px;
	
	}

label {
	float: left;
	text-align: right;
	width: 60px;
	padding-top: 5px;
	padding-right: 5px;
	color: #CCC;
	}

#contact_display .textType, #contact_display textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	}

#contact_display textarea {
	height: 90px;
	}

#contact_display .sub{
	float:right;
	}
	
p.contactPG{
	float:left;
	width: 520px;
	height:60px;
	padding: 0px 20px 5px 20px;
	line-height:1.4;
	}
	
	
/*------Gallery Styles------*/
	
			*{ padding:0px; margin:0px; }
			
			a{ color:#C8DCE5; }
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 342px; 
				height: 300px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border: solid 0px #8399AF; 
				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{ 
				float: left; 
				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: 342;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}