/*
Project: (his) Noodly Appendage Splash Page
Author: Robyn Seale
Created: Jan. 1, 2010
*/




/* Reset
--------------------------------*/
html, body, h1, h2, h3, h4, h5, form, ul, ol, li, dl, fieldset, p, dd, td, th, blockquote, pre{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

select, input, caption, label, td, th, span, table, textarea{
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
}

table{
	border-collapse: collapse;
}

img, fieldset, table{
	border: none;
}

ul, ol{
	list-style-type: none;
}

textarea{
	overflow: auto;
}

input, label{
	vertical-align: middle;
}

acronym{
	cursor: help;
	border: none;
}

hr{
	display: none;
}

button, .button{
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

.hideMe{
	position: absolute;
	left: -900em;
}

.printOnly{ display: none!important; }

html.msie6, html.msie7 { overflow-x: hidden;} 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#5E2612;
	background-color: #03a89e;
	}
	
/*-----------------------------------------
Clearfix
-------------------------------------------*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*--------------------------------------------
Containers
---------------------------------------------*/

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 189px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -189px; /* negative value of footer height */
	height: 189px;
	clear:both;
	background-color: #5e2612;
	} 

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../img/bg_2.png) repeat-x top center;
	width: 100%;
	overflow: hidden;
	margin: 0 auto -80px;
}
	
#header {
	height: 73px;
	background: url(../img/bg_1.png) repeat-x top center;
}

#left {
	position: relative;
	float: left;
	overflow: hidden;
}

#right {
	background: url(../img/mascot.gif) no-repeat right bottom;
	position: absolute;
	right: 0px;
	bottom: 189px;
	min-height:450px;
	min-width: 372px;
	float: right;
	overflow: hidden;
}

#right.ie6 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(…);
}

/* Other information */
#left_h1 {
	margin-left: 100px;
	margin-top: 50px;
	float: top;
}

#column {
	float: center;
	margin-left: 44px;
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
}

p.column {
 	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#5E2612;
	background-color: #03a89e;
}

.nav li {
	height: 50px;
	float: bottom;
}

#footer-left {
	position: relative;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	float: left;
}

#footer-right {
	position: absolute;
	right: 0px;
	float: right;
	display: block;
	margin-top: 32px;
}


#about {
	float:top;
}
#contact{
	float:center;
}
#links {
	float: bottom;
}