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

p{ margin: 0px}

/*General*/

	body{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: arial, helvetica, sans-serif; font-size: 9pt; color: #585858; background-repeat: no-repeat; background-color: #C3C3C3; # img: border: 0px;}
	
	#content{ width: 900px; margin: 0px auto 0px auto; }
	
		h1{ font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #999999; font-size: 22px; margin: 0px 0px 5px 0px; }
		h2{ font-size: 16px; }
		h3{ font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #333333; font-size: 30px; margin: 110px 0px 0px 0px; padding: 6px 3px 0px 6px; float: left; clear:both; background-image: url(images/5a_div_background.png); }
		h4{ font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #333333; font-size: 30px; margin: 0px; padding: 0px; }
		h5{ font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #333333; font-size: 60px; margin: 0px; padding: 0px; }
		h6{ font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #006699; font-size: 12px; margin: 0px; padding: 0px 0px 2px 0px; text-align: left; width: 100px; display: inline;}
		p, p1{ margin: 10px 0px 0px 0px; line-height: 16px}
		p2{ font-weight: normal; font-size:18px; margin: 0px; padding: 0px; }
		
		h6:hover{color: #000000}
		a:link { color: #666666; text-decoration: none; }
		a:visited {text-decoration: none; color: #666666; }
		a:hover { text-decoration: none; color: #434343; }
		a:active { text-decoration: none; color: #666666; }
		
							/*Header*/
							
							#header{ height: 410px; }
							#header.photo { height: 141px; }
							#headerlogo{ width: 650px; height: 55px; float: left; margin: 35px 0px 0px 0px; }
							#header{ height: 410px; }
							#headerlogo img{float: left; margin: 0px 7px 4px 0px}
							#headerlogo a:hover{ color:#ACACAC}
							ul{ margin:0px; padding: 0px; }
							#header ul{ float: right; margin-top: 30px; }
							#stage ul{ float: right; list-style-type: none; margin-top: 12px; }
							ul.sidescroll li.contact{ margin-right: 0px; }
							ul.sidescroll li { display:inline; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #828282; font-size: 15px; margin: 0px 5px; }
							ul.vert li { display: block; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #666666; font-size: 12px; margin: 0px 0px 0px 0px; text-align: right; background-image:url(images/5a_div_background.png); padding: 3px; }
							#header p{ clear:both; float: left; background-image: url(images/5a_div_background.png); color:#333333; font-weight: bold; margin: 4px 0px 0px 0px; font-size: 16px; padding: 6px 2px 2px 6px }
							.style3 { color: #ACACAC; }
	/*Content*/		
	
	
	#stage.photo{padding: 0px 35px 0px 35px;}
	#stageleft{width: 560px;float:left;padding: 0px 0px 0px 5px;}
	#stageright.news, #stageright{ width: 330px; height: 600px; float: right; padding: 0px 0px 0px 28px; border-left: 1px solid lightgrey; }
	#stage.about{ height: 350px; }
	#stageright.about{ width: 500px; height: 380px; padding: 0px 0px 0px 30px; margin: 0px 0px 20px 0px }
	#stageleft img:hover, #stage img:hover{ border: 1px ridge black; }
	#stageleft img, #stage img{ margin: 7px 0px 10px 0px; border: 1px solid grey; }
	#stage img.portimages{  margin: 0px 0px 0px 25px }
	div.profile, div.profile2 {  height: 150px;  margin: 20px 0px 20px 0px; padding: 0px 0px 20px 10px; border-bottom: 1px solid darkgrey; }
	div.profile2{  }
	#stage ul.skills{ float:left; list-style-type: none; margin: 0px 45px 0px 0px; padding: 0px; }
	li.first{ font-weight:bold; margin: 0px 0px 5px 0px; }
	div.featured{ margin-bottom: 20px;}
	div.featured img{}
	p1.caption{float: right; margin: 0px 28px 5px 0px;}
	
				/*Portfolio*/
				
				.portimages{  float: right; opacity: .9}
				.portimages:hover{opacity: 1}
				.comming{ margin-top: 18px; }
				.comming1{ width: 530px; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; }
				.featured{ margin-bottom: 13px; }
				#photonav{margin: 15px 0px 15px 0px}
				#photoblurb{margin: 0px 0px 50px 0px}
				h5.photoheader{margin: -80px 0px 10px 0px; color:#444444}
				#stage.designPortfolio h4#wdSideHeader{ margin: 80px 0px 0px 850px; padding: 0px; border: 0px solid grey; display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute}
				#stage.designPortfolio h4#gdSideHeader{ margin: 120px 0px 0px 815px; padding: 0px; border: 0px solid grey; display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute}
			
				
										/*contact*/
										
										form{ float:left; }
										input{ margin: 5px; }
										input#fname{ width: 80px; }
										input#lname{ width: 155px; }
										input#email{ width: 225px; }
										textarea#message{ width: 330px; height: 125px; }
				
				/*Footer*/
				
				#footer{ width: 900px; clear: both; margin: 40px 0px 25px 0px;}
				.footer{ font-size: 9pt; paddg-top: 5px; }
				ul.footer li { display:inline; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #999999; font-size: 9pt; margin-right: 5px; }
				#footer li.name{ float: right; margin: 0px 0px 5px 5px; color: #999999; }
				#footer ul{ margin-bottom: 5px; }
				#footer li a{ color: #979797}
				#footer li a:hover{color: #434343}