// STUFF TO NOTE 
/*
	red:	   a33b2b		lighter red:    cf5240
	brown:	   946e34		lighter brown:  eed8bf
	yellow:	   ffd	
	grey:	   555
	turquoise: 99b6a0		dark turquoise: 77996e
	
	background: #aaa; on h2? 
*/
@import url("reset.css");

html, body {margin: 0; padding: 0;}

#wrap {
	margin: 0 auto;
	padding: 0;
	width: 630px;
	background: #fff;
	}

h1 {
	color: #ddd;
	margin: 20px 0 0 -54px;
	}
h2 {
	color: #000;
	font-size: 26px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 1em 0;
	clear:both;
	}
#work h2 {color: #fff;}
h3 {
	color: #a33b2b;
	font-size: 18px;
	font-family: Georgia, Times, Serif;
	line-height: 1em;
	margin: 1em 0;
	}
h4 {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	//font-family: Georgia, Times, Serif;
	line-height: 1em;
	margin: 0 0 1.2em;
	}

a, a:link {text-decoration: underline; color: #946e34;}
a.visited, a:visited {color: #cf5240;}
a:hover {background: #a33b2b; color: #ffe;}
a:active {background: #946e34; color: #fff; text-decoration: none;}
:focus {outline: #939393 dotted thin;}

hr {
	border-color:#946e34;
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
	height:0;
	width: 75%;
	}

p {
	color: #555;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	}
p.lead {
	font-family: Georgia, Times, Serif;
	font-size: 18px;
	text-align: justify;
	margin: 0;
	}
abbr, acronym {border-bottom: 1px dotted #ce995f; letter-spacing: 0.08em;}

span.amp {
	font-family: "Goudy Old Style", Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic; color: #a33b2b;
	font-size: 1.2em;
	}
em {background: #ffd; font-style: italic;}
strong {font-weight: bold; font-style: normal; color: #000;}

img {border: none; margin: 0; padding: 0;}

#about,	#work, #work-more, #contact {
	clear: both; float: left; width: 610px; padding: 0 0 1.5em; margin: 0 10px;
}

#about {}

#work {width: 630px; margin: 0; background: #fff url(img/work-mid.png) repeat-y; padding: 0;}
	#work p {color: #eed8bf;}
	#work em {color: #fff; background: transparent;}
	#work a {color: #fff;}
	#work .gutter {margin: -50px 30px 0;}
	
	#work .work-body {float: right; width: 276px;}
	#work .work-img {float: left;}
		#work .work-img img {background: transparent url(img/frame.png) no-repeat center; padding: 8px 10px 10px;}
		#work .work-img p {text-align: left;}
			#work .work-img p img {background: none; padding: 0;}

	#work .skills {font-style: italic;}
		#work .skills em {font-style: normal; font-weight: bold;}
			
	#work-top {width: 630px; height: 93px; margin: 0; background: #fff url(img/work-top.png) no-repeat; clear: both;}
	
	#work-more {width: 630px; padding-top: 93px; margin: 0; background: #fff url(img/work-bot.png) no-repeat; clear: both;}
	#work-more img {background: #000 url(img/preview-small-bg.gif) no-repeat center; padding: 3px; margin: 0;}
	#work-more .gutter {padding: 0 30px;}

	#work-other {width: 582px; float: left; margin-left: 30px;}
	#work-fun {clear: left; width: 582px; float: left; margin-left: 30px;}

	#work-other ul, #work-fun ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 12px;
		}
	#work-other ul li, #work-fun ul li {
		margin: 0 0 1.5em;
		padding: 0;
		width: 182px;
		float: left;
		margin-right: 12px;
		}
	#work-other ul li {}
	#work-other ul li a, #work-fun ul li a {
		display: block;
		line-height: 1.5em;
		color: #555;
		text-decoration: none;
		}
	#work-other ul li a span, #work-fun ul li a span {
		display: block;
		color: #946e34;
		text-decoration: underline;
		padding: 0.2em 0 0 0;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		}
	#work-other ul li a img, #work-fun ul li a img {float: left; margin-right: 5px;}
	#work-other ul li a:hover, #work-fun ul li a:hover {background: #a33b2b; text-decoration: none; color: #fff;}
	#work-other ul li a:hover span, #work-fun ul li a:hover span {color: #ffe; text-decoration: underline;}

#contact {}

#contactform {margin: 0; padding: 0;color: #555; float: left; width: 330px;}
#contactform em {background: #fff; color: #a33b2b;}
fieldset {border: none; margin: 0; padding: 0;}
legend {display: none;}
label {display: block; font-size: 14px;}
input.txt, textarea {
	color: #222;
	font-size: 14px;
	line-height: 1.5em;
	padding: 4px 2px;
	width: 18em;
	}
#submit {font-size: 14px; cursor: pointer;}
#contactdetails {float: right; width: 260px;}

/* SHOW GRIDS *
	#wrap {background: #fff url(grid.gif) repeat-y;}
	#work, #work-more {background: #fff url(grid-work.png) repeat-y;}