html, body, #wrap {height: 100%;
	} /*sticky footer element*/

body > #wrap {height: auto; min-height: 100%;} /*sticky footer element*/


body {
	background-image:url('images/bannerbg.png');
	background-repeat:repeat-x;
	width:900px;
	font-family: Georgia, Constantia, serif;
	font-size:100%;
	color:#463513;
	line-height:140%;
	margin:0 auto;
}

#main {padding-bottom: 70px;} /*equal to sticky footer height*/

a {outline:none;}

#banner	{
	margin:0;
	padding:0;
}

h1 {font-size:16px;}

h2 {font-size:17px;}


#centercol {
	width:390px;
	float:left;
	padding:20px;
	padding-top:20px;
	padding-left:30px;
}

#rightcol {
	float:left;
	width:200px;
	padding:0;
	padding-top:40px;
	padding-left:20px;
	font-size:100%;
	font-style:italic;
	line-height:120%;
	color:#96793e;
}

#quote {
	padding-top:135px;
	font-style:italic;
	line-height:120%;
	color:#96793e;
	width:175px;
}
#fullcol {
	width:560px;
	float:left;
	padding:20px;
	padding-top:20px;	
	padding-left:30px;
}


a:link {
	color:#5d6bc5;
}

a:visited {
	color:#5d6bc5;
}

a:hover {
	color:#3242a3;
	text-decoration:none;
}

.quote {
	font-style:italic; 
	color:#96793e;
	line-height:130%;
}


/* ------------- nav sprite ------------- */

#nav {
	position:relative;
	width:220px;
	height:104px;
	top:30px;
	left:0px;
	margin:0;
	padding:0;
	float:left;
}

#navbuttons {
	width:220px;
	height:104px;
	background: url(images/nav.png);
	margin: 0px auto; padding: 0;
	position: absolute; 
}

 #navbuttons li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute; 
	left:0;
}

#navbuttons li, #navbuttons a { height:26px; display:block;}

#home {top: 0; width: 220px;}
#aboutag {top: 26px; width: 220px;}
#aboutse {top: 52px; width: 220px;}
#contact {top: 78px; width: 220px;}


#home a:hover {
    background: transparent url(images/nav.png) -220px 0px no-repeat;}
#aboutag a:hover {
    background: transparent url(images/nav.png) -220px -26px no-repeat;}
#aboutse a:hover {
    background: transparent url(images/nav.png) -220px -52px no-repeat;}
#contact a:hover {
    background: transparent url(images/nav.png) -220px -78px no-repeat;}



#homeup { top: 0; width:220px;
	background: transparent url(images/nav.png) -220px 0px no-repeat;}
#aboutagup { top:26px; width:220px;
	background: transparent url(images/nav.png) -220px -26px no-repeat;}
#aboutseup { top: 52px; width:220px;
	background: transparent url(images/nav.png) -220px -52px no-repeat;}
#contactup { top: 78px; width:220px;
	background: transparent url(images/nav.png) -220px -78px no-repeat;}





/*---------------footer----------------*/


#footer {position: relative;
		margin-top: -70px; /* negative value of footer height */
		height: 70px;
		clear:both;
		color:#96793e;
		text-align:center;
		font-size:90%;
		} 


/* CLEAR FIX*/
.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 */