/* Eric Meyer reset*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
		
/* =1 html elements */
	
	body {
		width:100%;
		height:100%;
		font: 62.5%/1.25 Helvetica, Arial, sans-serif; /* reset 1em to 10px */
		background:url(../img/pattern.jpg) repeat top left;
		color:#9D9C9D;
	}
	
	h2 {
		font-size:1.4em;
		color:#676767;
	}
	
	p {
		font-size:1.3em;
	}
	
	a {
		color:#9D9C9D;
		text-decoration:none;
	}
	
	ul li {
		font-size:1.3em;
	}
	
	strong {
		color:#676767;
	}
	
	legend, label {
		font-size:1.3em;
	}

/* =2 global classes */

	.margin-left {
		margin-left:0em !important;
	}

	.clearfix {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	
	
	.select {
		text-decoration:underline;
	}
	
	.menu {
		width:79em;
		height:11em;
		min-height:11em;
		height:auto !important;
		overflow:overflow;
		float:left;
	}
	
	.main-menu {
		width:29em;
		_width:30em;
		height:2em;
		float:left;
		margin:3em 0 0 29em;
		*margin-left:29.25em;
		_margin-left:24.75em;
	}

		.main-menu li,
		.main-menu li a {
			width:1.5em;
			min-width:2em;
			width:auto !important;
			overflow:auto;
			float:left;
			margin-left:1.5em
		}
		
		.main-menu li a.selected {
			color:#676767;
		}
	
	.sub-menu {
		clear:both;
		width:78em;
		height:2em;
		min-height:2em;
		height:auto !important;
		overflow:auto;
		margin-bottom:2em;
	}
	
	.sub-menu ul {
		width:78em;
		height:2em;
		min-height:2em;
		height:auto !important;
	}
		
		.sub-menu li,
		.sub-menu li a {
			display:block;
			width:2em;
			min-width:2em;
			width:auto !important;
			float:left;
			margin-left:1.80em;
			*margin-left:1.5em;
			_margin-left:1em;
			margin-bottom:0.5em;
			cursor:pointer;
			
		}
		
		.sub-menu li a.select,
		.sub-menu li a.select span {
			color:#676767;
		}
		
		.content-gallery,
		.content {
			clear:both;
			float:left;
			width:80em;
		}
		
		.contact-form {
			width:30em;
			float:left;
			margin:2em 0 0 8em;
		}
		
		.address-details {
			width:28em;
			float:left;
			margin:16em 0 0 8em;
		}
		

/* =3 global ids/areas */

	
	h1#logo {
		width:20.4em;
		height:5.4em;
		float:left;
		margin-bottom:3.25em;
	}
	
		h1#logo span {
			display:none;
		}
		
		h1#logo img a {
			border:none;
		} 
	
	#wrapper {
		width:82em;
		height:60em;
		min-height:60em;
		height:auto !important;
		overflow:auto;
		background-color:#fff;
		padding:2em 0 0 2em;
	}
	
	#wrapper-portfolio {
		background-color:#FFFFFF;
		height:auto !important;
		min-height:60em;
		overflow:auto;
		padding:2em 0 0 2em;
		width:100.4em;
	}
	
	#footer {
		margin:1.5em 0 0 2em;
	}
	
	
	
/* =4 group decarations and/or common selectors */
	

/* =5 page specific styles */

	.header-bio {
		float:left;
		width:16.5em;
		margin:0 4em 0 0;
	}
	
	.header-bio-last {
		float:left;
		width:16.5em;
		margin-left:0em;
	}
	
	.header-bio h2,
	.header-bio-last h2 {
		border-bottom:1.5px solid #676767;
		margin-bottom:0.5em;
	}
	
	.header-bio p {
		line-height:1.5em;
	}
	
	.header-bio-last ul li,
	.header-bio ul li {
		margin-bottom:0.5em;
		line-height:1.5em;
	}
			
		.header-contact {
			float:left;
			margin:0 0 0 13.5em;
			padding:2em 1.5em 2em 2em;
			width:26.5em;
			background-color:#ECECF1;
		}
		
		.address-details h2 {
			margin-bottom:0.5em;
			border-bottom:none;
		}
		
		.contact-form h2 {
			margin:0.5em 0 1em 0;
		}
		
		.contact-form form {
			margin-bottom:1.5em;
		}
		
		.contact-form fieldset legend {
			display:none;
		}
		
		.contact-form fieldset {
			margin-bottom:1em;
		}
		
		.contact-form form#form fieldset input,
		.contact-form form#form fieldset label {
			margin-bottom:0.5em;
		}
		
		.contact-form legend {
			margin-bottom:1em;
		}
			
		.contact-form form#form fieldset label  {
			clear:both;
			float:left;
		}
		
		.contact-form form#form fieldset input,
		.contact-form form#form fieldset textarea {
			clear:both;
			float:left;
		}
		
		.address-details p {
			margin-bottom:1em;
			line-height:1.5em;
		}
		
		p.phone {
			margin-top:2em;
		}
	
	#footer p {
		font-size:1.1em;
		float:left;
	}
	
	p.copy {
		width:30em;
	}
	
	p.dev-stamp {
		width:14em;
		margin-left:26em;
	}
	
	p.dev-stamp a,
	p.dev-stamp a:hover {
		color:#676767;
		text-decoration:underline;
	}