/* UNIVERSAL TAGS */
html {height: 100%;}
body {
	height: 100%;
	text-align: left;
	background: #fff;
	color: #666;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 26px;
}
a				{color: #6eba44; }
a:link			{color: #6eba44; }
a:link:hover 		{color: #666; }
a:active 			{color: #6eba44; }
a:visited 		{color: #6eba44; }
a:visited:hover 	{color: #666; }

img 				{border: 0px;}

.hideMe 			{display: none;}

/* THE PAGE CONTAINER 
#pageContainer {
   min-height:100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -250px;
	} 
	*/

/* THE MASTHEAD CONTAINER */
#masthead {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 800px;
}

/* LOGO WRAPPER */
#logo 			{float: left;}

/* CONTACT WRAPPER */
#contact {
	float: right;
	padding: 5px 0 0 0;
}
#contact p {
	text-align: right;
	width: 450px;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
#contactMotto {
	position: absolute;
	top: 102px;
	left: 565px;
}
/* NAVIGATION TABS from http://www.simplebits.com/notebook/2003/08/14/minitab_shapes.html */

#navContainer {
	position: absolute;
	top: 174px;
	left: 50px;
	width: 800px;
}
.container {
	width: 800px;
	padding: 3px 0 20px 0;
	background: #fff;
	}

/* rounded */

#nav {
	padding: 0 0 24px 0px;
	border-bottom: 1px solid #666;
	}

#nav li {
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: 14px;
	line-height: 18px;
	padding: 0 22px 6px 22px;
	text-decoration: none;
	color: #000000;
	}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
	color: #6eba44;
	background: url(../images/tab_rounded.gif) no-repeat bottom center;
	}
body#home a#homenav,
body#design a#designnav,
body#production a#productionnav,
body#illus a#illustrationnav,
body#contactme a#contactnav {
	color: #6eba44;
}

/* CONTENT CONTAINER */
#contentContainer {
	position: absolute;
	top: 235px;
	left: 50px;
	width: 800px;
}
div.bigThumbnail {
	width: 500px;
	float: left;
}
div.wufoo {
	width: 500px;
	position: absolute;
	top: 20px;
	float: left;
}	
div.entry {
	width: 260px;
	float: right;
	color: #000000;
	line-height: 20px;
}
div.entry h2 {
	font-size: 20px;
	text-decoration: none;
	color: #6eba44;
	line-height: 26px;
}
/* FOOTERS, ONE FOR EACH PAGE CAUSE I'M NEWB */
#footerdesign {
	position: absolute;
	top: 2250px;
	left: 50px;
	width: 800px;
	height: 250px;
	padding: 0;
	text-align: center;
	line-height: 10px;
}	
#footerproduction {
	position: absolute;
	top: 1700px;
	left: 50px;
	width: 800px;
	height: 250px;
	padding: 0;
	text-align: center;
	line-height: 10px;
}
#footerillustration {
	position: absolute;
	top: 1700px;
	left: 50px;
	width: 800px;
	height: 250px;
	padding: 0;
	text-align: center;
	line-height: 10px;
}
#footercontact {
	position: absolute;
	top: 1150px;
	left: 50px;
	width: 800px;
	height: 250px;
	padding: 0;
	text-align: center;
	line-height: 10px;
}
.clearfooter {
height: 250px;
clear: both;
}