*				{ margin: 0; padding: 0; }
body				{ background: url(../images/navBarBackground.jpg) repeat-x top #4c4d4f;  }
#page-wrap		{ width: 900px; margin: 0 auto; }
a				{ text-decoration: none; outline-style: none;}
a img			{ border: 0; }
.clear 			{ clear: both; }
h2				{ color: #3ec3b3; font: 24px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: normal; }
h3				{ color: #3ec3b3; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: normal;}
h4				{ color: #4c4d4f; font: 12px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: normal; }
h5				{ color: white; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: bold;}
p				{ color: white; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; }
p.inline		{ display: inline}
fieldset 			{ border: none; }
ul#nav li {
	display: inline; /* Prevents "stepdown" */
	}


	
	/*-------------------------------main page----------------------------*/
	
#mainNav				{ margin-top: 20px; }
#mainNav ul#nav			{ list-style: none;  margin: -64px 0px 0px 578px;  }
#mainNav ul#nav li			{ font: 18px Helvetica Neue, Helvetica, Arial, san-serif; float: left;}
#mainNav ul#nav li a 		{ display: block; width: 105px; text-align: right; color: #3ec3b3; }
#mainNav ul#nav li a:hover	{ color: #4c4d4f;}

body#portfolio #mainNav ul#nav li a.portfolio{ color: #4c4d4f;}
body#aboutPage #mainNav ul#nav li a.about{ color: #4c4d4f;}
body#contact #mainNav ul#nav li a.contact{ color: #4c4d4f;}

#content 			   	{ margin-top: 80px; }
#content #left			{ float: left; width: 215px; margin-left: 109px; }
#content #left p			{ display: inline; }
#content #left p.label	{ color: #3ec3b3; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; }
#content #left p.main	{ color: white; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; }
#content #right p.label	{ color: #3ec3b3; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; }
#content #banner			{ height: 654px; width: 562px; float: right; }

		/*------------------------------- portfolio ------------------------------------*/

#content #right			 	{ background: url(../images/portBackground.jpg) no-repeat; float: right; width: 562px; height: 505px; }
#content #right ul#thumbs	 	{ padding: 11px 0px 0px 9px; }
#content #right ul#thumbs li	{ display: inline;  padding: 3px; line-height: 30px; }
#content #right ul#thumbs li a 	{ width: 180px; height: 134px; }


		/*------------------------------- about ------------------------------------*/

#about 			   	{ margin-top: 80px; }
#about #left			{ float: left; width: 215px; margin-left: 109px; }
#about #left p		{ display: inline; }
#about #left p.label	{ color: #3ec3b3; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; }
#about #left p.main	{ color: white; font: 13px Helvetica Neue, Helvetica, Arial, san-serif; }
		
		
#about #right					{ background: url(../images/aboutBox.jpg) no-repeat; float: right;  width: 562px; height: 505px; }
#about #right #pdf				{ background: red;float: right; margin: 50px 20px 0px 0px;}
#about #right #resume			{ padding: 9px 0px 0px 18px; width: 430px;}
#about #right #resume p			{ display: inline; }
#about #right #resume p.bold		{ color: white; font: 12px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: bold; padding-left: 20px; }	
#about #right #resume p.normal	{ color: white; font: 12px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: normal;}	
#about #right #resume p.indent	{ color: white; font: 12px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: normal; margin-left: 118px;}	
#about #right #resume p.indent2	{ color: white; font: 12px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: normal; margin-left: 20px;}
		
		
		/*------------------------------------ contact --------------------------------------*/
		
#about #thanks			{ margin: 24px 0 0 24px; padding: 7px 0px 0px 10px; background: url(../images/thanks.png) no-repeat; height: 166px; width: 360px;}
#about #right #thanks p.thankYou { color: #4C4D4F; font: 12px Helvetica Neue, Helvetica, Arial, san-serif; font-weight: normal; padding-right: 20px; }


form {
	padding: 10px 0 0 20px;

}
#contactForm {
	width: 365px;
	color: white; 
	font: 14px Helvetica Neue, Helvetica, Arial, san-serif; 
	line-height: 1.6em;
	font-weight: normal;
	}
	#contactForm input {
	padding-left: 2px;
	width: 358px;
	color: #4c4d4f;
	font: 14px Helvetica Neue, Helvetica, Arial, san-serif; 
	line-height: 1.4em;
	font-weight: normal;
	border: none;
	background: none;
	
	}
	#contactForm .input-bg {
		background: url(../images/fieldBackground.png) top left no-repeat transparent;
		height: 18px;
		position: relative;
		margin-bottom: 10px; 
	}
	#contactForm .active {
		background: url(../images/fieldBackground.png) bottom left no-repeat transparent;
	}

#messageForm {
	width: 365px;
	color: white; 
	font: 14px Helvetica Neue, Helvetica, Arial, san-serif; 
	line-height: 1.6em;
	font-weight: normal;


	}
	#messageForm textarea {
	padding-left: 2px;
	width: 358px;
	color: #4c4d4f; 
	font: 14px Helvetica Neue, Helvetica, Arial, san-serif; 
	line-height: 1.4em;
	font-weight: normal;
	border: none;
	background: none;
	height: 210px;
	display: block;
	overflow: auto;	

		
	}
	#messageForm .message-bg {
	background: url(../images/messageBackground.png) top left no-repeat transparent;
	height: 225px;
	position: relative;
	margin-bottom: 10px; 
	}
	#messageForm .active {
		background: url(../images/messageBackground.png) bottom left no-repeat transparent;
	}
	label {
	display: block;
	}
label.error {
	position: absolute;
	top: -22px;
	right: 4px;
	color: #3ec3b3;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
	}
input.submit-button {
	margin: -33px 5px 0px 0px;
	float: right;
}

		/*------------------------------------ footer	--------------------------------------*/
#footer					{ margin: 5px 11px 0px 0px; color: white;  font-family: Helvetica, Arial, san-serif; float: right; text-align: center; line-height: 17px;}
#footer p	{font-size: 0.7em;}

#footerHome				{  margin: -134px 6px 0px 0px; color: white; font-size: 0.6em; font-family: Helvetica, Arial, san-serif;  text-align: right; float: right; width: 480px;}
#footerHome p	{font-size: 1.1em;}

		


