/* CSS Document */

*{margin: 0; padding: 0;}
html {
	font: 125% Arial, Helvetica, sans-serif;
}
body {
	font-size: 50%;
	background: #f7efcd url(img/MWAW_bkgd1.jpg) no-repeat top center;
}

#container {
	margin: 20px auto;
	width:900px;
	padding:15px;
	background: #fff;
	position:relative;
}

#header {
		background: url(img/headerBkgd1.png) no-repeat #f7efcd;
		height:150px;

		}
h1 {
	font-size:30px;
	padding:30px 0 0 150px;
	line-height:45px;
	color:#170601;
	}
h1 span {font-size:60px; }


#nav { 
	position:absolute;
	top:25px;
	right:25px;
	}

#nav li {
	display:inline;
 }

#nav a { 
	background: url(img/leftcorner.jpg) no-repeat 0 0 #170601;
	padding:6px 0 6px 12px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	display:block;
	float:left;
	margin:0 5px;
	}

#nav a:hover {
	background:url(img/leftcorner.jpg) no-repeat 0 -26px #ffe15b;
	color:#170601;
	}


#nav a span {
	background:url(img/rightcornertop.jpg) no-repeat top right;
	padding:6px 12px 6px 0;
	
}

#nav a span:hover { background:url(img/rightcornerbottom.jpg) no-repeat top right; }

#mid { 
	height:240px;
	margin:0;
	padding:15px;
	background:url(img/phone.jpg) no-repeat center right #cccccc;
	}
#midleft { 
	width:435px;
	float:left;
	height:100%;

	}

#midright {
	float:left;
	width:420px;
	min-height:100%;
	padding-left:15px;		
	}

#midbottom { 
	height:585px;
	
	}

#left {
	background:#ffe15b;
	width:420px;
	padding:15px;
	float:left;
	height:100%
	}

#right {
	background: url(img/corkBkgd.jpg) repeat;
	float:left;
	width:420px;
	padding:15px;
	height:100%;
	}

#notepad {
	background: url(img/notepad2.png) no-repeat 30px 0;
	height:514px;
	width:357px;
	padding:45px 0 0 55px;
	max-width:320px;	
	}

#notepad ul {}

#notepad li {
	margin-bottom:10px;
	list-style:none;

}


#notepad a{}

#notepad #oy a{
	height:0;
	overflow:hidden;
	padding-top:63px;
	width:98px;
	background: url(img/oy.png) no-repeat;
	display:block;
	}

#notepad #yelp a{
	height:0;
	overflow:hidden;
	padding-top:54px;
	width:98px;
	background: url(img/yelp.png) no-repeat;
	display:block;
	}

#notepad #dailycandy a{
	height:0;
	overflow:hidden;
	padding-top:38px;
	width:98px;
	background: url(img/dailycandy.png) no-repeat;
	display:block;
	}

#notepad #facebook a{
	overflow:hidden;
	height:32px;
	padding-left:40px;
	background: url(img/FaceBook_32x32.png) no-repeat center left;
	display:block;
	line-height:32px;
	color:#38579e;
	}

#notepad #makeit a {
	overflow:hidden;
	height:56px;
	padding-left:65px;
	background: url(img/best-of-2012-badge.jpeg) no-repeat center left;
	display:block;
	line-height:24px;
	color:#38579e;
	}
	
	
#biocontent {
	background: url(img/IMG_20241211_195538_EDIT_Web.jpg) no-repeat top left;
	padding-left:376px;
	margin-top:15px;
}

#contactcontent {
	padding-left:15px;
	padding-top:15px;
	height:360px;
	min-height:360px;

	}

#contactcontent .split {
	margin:0;
	text-align:left;
	width:435px;
	float:left;
	background:url(img/nailhammer.jpg) no-repeat bottom right;
	height:100%;

	}
h2 {
	font-size:24px;
	color:#170601;
	margin-bottom:5px;
	}

h3 {
	font-size:16px;
	color:#170601;
	margin-bottom:5px;
	}

h3 a { 
	color:#6a1212;
	text-decoration:none;
	}
	
p {
	font-size:14px;
	line-height: 16px;
	margin-bottom:5px;
	color: #170601;
	}


ul { 
	padding:0 0 0 20px;
	font-size:14px;
	 }

li {
	padding:0 0 5px 0;
	color:#170601; }
	
#wkndwrkbnch a {
	position: absolute;
	height: 0;
	overflow: hidden;
	padding-top: 134px;
	width: 131px;
	top: 635px;
	left: 691px;
	background:url(img/wkdwrkbnch.png) no-repeat;
}


#carpenter a {
	color: #38579e;
	font-size: 14px;
	position: absolute;
	top: 790px;
	left: 690px;
	}

#footer { 
	clear:both;
	
	 }


/*/////////////Form/////////////////*/

fieldset {
	padding:15px;
	background: #170601;
	border:none;
	width:435px;
	float:right;
}
fieldset label {
	float:left;
	width:100px;
	line-height:19px;
	text-align:right;
	padding-right:5px;
	color:#fff;
	

}
fieldset input {
	float:left;
	margin-right:10px;
}

button {
	margin-left:100px;
	}












/*/////////LAYOUT///////////////////////////////////////////*/
#container{}
	#header{}
		#header div{}
			#header div div{}
			h1{}
			h1 a{}
	#middle{}
			#nav li{}
		#content{}
		#bottom{}
	#footer{}


/*/////////BUTTONS////////////////////////////////////////*/


/*/////////TYPOGRAPHY/////////////////////////////////////*/



/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after, #work-list li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: block;}