/*------------------------ main setup ------------------------*/
*				{ margin: 0; padding: 0; }
body				{ color: white; font: 12px Helvetica, Arial, sans-serif; background: #b6b5b5; }
a				{ text-decoration: none; outline-style: none; }
a img			{ border: 0; }
h1 				{ font-weight: normal; font: 17px Helvetica, Arial, sans-serif; padding-left: 140px;color: #666666; }
h2				{ font-weight: normal; font: 20px Helvetica, Arial, sans-serif; }
h3				{ font-weight: normal; font: 26px Helvetica, Arial, sans-serif; margin-top: 8px; padding-left: 2px; }
h4				{ font-weight: normal; font: 20px Helvetica, Arial, sans-serif; color: #c5db59;  }
h5				{ font-weight: normal; font: 14px Helvetica, Arial, sans-serif; color: #666666;  text-transform: uppercase; }
h6				{ font-weight: bold; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #666666; }
h7				{ font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #666666; }
p				{  color: #b5b5b5; font-weight: normal; }
fieldset 			{ border: none; }
#page-wrap		{ width: 901px; margin: 0 auto; }
.clear 			{ clear: both;}
ul#mainNav li {
	display: inline; /* Prevents "stepdown" */
	}

/*------------------------ header and navigation ------------------------*/
#header					{ background: url(../images/topBar.jpg) no-repeat; width: 900px; height: 74px; }

#header #logo 			{ float: left; padding: 12px 0px 0px 50px; }
#header #logo a			{ color: white; font: 20px Helvetica, Arial, sans-serif; }
#header #logo a:hover	{ color: #c5db59;}

#header #name			{ float: right; margin: 10px 10px 0 0; color: #302b2d; text-align: center;   width: 400px; }
#header #name ul#mainNav			{  margin: 22px 0px 0px 0px;}
#header #name ul#mainNav li 		{ float: left; font: 15px Helvetica, Arial, sans-serif;  }
#header #name ul#mainNav li a		{ display: block; width: 100px; text-transform: uppercase; text-align: center;  color: #b5b5b5;  }
#header #name ul#mainNav li a:hover  { color: #c5db59; }

body#home #header #logo #headerText{ color: #C5DB59; }
body#about #header #mainNav li a.about { text-decoration: underline; color: #b5b5b5; }
body#design #header #mainNav li a.design { text-decoration: underline;color: #b5b5b5; }
body#fineArt #header #mainNav li a.fineArt { text-decoration: underline;color: #b5b5b5; }
body#contact #header #mainNav li a.contact { text-decoration: underline;color: #b5b5b5; }

/*--------------------------------- HOME ------------------------------------*/

#mainContent				{ background: url(../images/homeBackground.jpg) no-repeat; width: 900px; height: 622px; }
#mainContent #sideBar		{ float: left; margin: 264px 0px 0px 16px; width: 300px; }
#mainContent #sideBar p		{ font: 14px Arial, san-serif; color: #B5B5B5; padding: 0px 32px 0px 2px; line-height: 1.3em;  }
#mainContent #sideBar a		{ color: #c5db59;  font: 16px Helvetica, Arial, sans-serif; }
#mainContent #sideBar a:hover{ color: white; }
#mainContent #main			{ float: right; width: 580px; height: 622px; }
#mainContent #main #thumbMain{ margin: 331px 0px 0px 415px;}

/*--------------------------------- ABOUT ------------------------------------*/
#mainContentA				{ background: url(../images/aboutBackground.jpg) no-repeat; width: 900px; height: 622px; }
#mainContentA #sideBar		{ float: left; margin: 244px 0px 0px 16px; width: 300px;  }
#mainContentA #sideBar p		{ font: 14px Arial, san-serif; color: #B5B5B5; padding: 0px 32px 0px 2px; line-height: 1.3em; }
#mainContentA #sideBar a		{ color: #c5db59;  font: 16px Helvetica, Arial, sans-serif; }
#mainContentA #sideBar a:hover{ color: white; }
#mainContentA #main			{ float: right; width: 583px; height: 622px; }

#mainContentA #main #thumbAbout{margin: 351px 0px 0px 340px;}

/*--------------------------------- DESIGN ------------------------------------*/

#mainContentD				{ background: url(../images/designBackground.jpg) repeat-x; width: 900px; height: 622px; }

/*--------------------------------- FINE ART ------------------------------------*/

#mainContentF				{ background: url(../images/designBackground.jpg) repeat-x; width: 900px; height: 622px; }

/*--------------------------------- CONTACT ------------------------------------*/

#mainContentC				{ background: url(../images/contactBackground.jpg) no-repeat; width: 900px; height: 622px; }
#mainContentC #sideBar		{ float: left; margin: 21px 0px 0px 4px; width: 300px;  }
#mainContentC #sideBar h4	{ margin-left: 10px; }
#mainContentC #sideBar p		{ font: 14px Arial, sans-serif; padding: 0px 20px 0px 10px; line-height: 1.3em; color:#B5B5B5; }
#mainContentC #sideBar a		{ color: #c5db59;  font: 16px Helvetica, Arial, sans-serif; }
#mainContentC #main			{ float: right; width: 590px; height: 622px; }
#mainContentC #main #resume 	{margin-top: 10px;}
#mainContentC #main #resume #pdf { float: right; margin: 0px 24px 0 0;}
#mainContentC #main p 		{ line-height: 1.3em; color:#666666; }

form {
	padding: 10px 50px 0 10px;

}
#contactForm {
	width: 278px;
	color: #B5B5B5; 
	font: 14px Helvetica Neue, Helvetica, Arial, san-serif; 
	line-height: 1.6em;
	font-weight: normal;
	}
	#contactForm input {
	padding: 3px 0 0 2px;
	width: 180px;
	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.jpg) top left no-repeat transparent;
		height: 26px;
		position: relative;
		margin-bottom: 10px; 
	}
	#contactForm .active {
		background: url(../images/fieldBackground.jpg) bottom left no-repeat transparent;
	}

#messageForm {
	width: 278px;
	color: #B5B5B5; 
	font: 14px Helvetica Neue, Helvetica, Arial, san-serif; 
	line-height: 1.6em;
	font-weight: normal;


	}
	#messageForm textarea {
	padding: 3px 0 0 2px;
	width: 180px;
	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.jpg) top left no-repeat transparent;
	height: 210px;
	position: relative;
	margin-bottom: 10px; 
	}
	#messageForm .active {
		background: url(../images/messageBackground.jpg) bottom left no-repeat transparent;
	}
	label {
	display: block;
	}
label.error {
	position: absolute;
	top: -22px;
	right: 4px;
	color: #C5DB59;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
	}
input.submit-button {
	margin: -26px 85px 0px 0px;
	float: right;
	height: 20px;
}




/*------------------------ footer ------------------------*/
#footer					{ font-size: 0.9em; font-weight: 100; background: #302b2d; height: 30px;  padding-top: 17px; }
#footer p				{ padding-top: 3px; color:#B5B5B5; }
#footer	#left			{ float: left; padding-left: 20px; width: 350px;  }
#footer	#right			{ float: right; padding-right: 17px; width: 154px; }