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

body{
	text-align:center;
	color:#452c12;
	background-color: #452c12;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
}

p.aa{font-size: 80%}
div#wrapper{float:left;width:800px}

/* T O P N A V */
ul#navigation
	{	margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		background: #ff6600;
		float: left;
		width: 100%}
	
	ul#navigation li { display: inline}
	
	ul#navigation a
	{	display: block;
		float: left;
		padding: .2em 1em;
		text-decoration: none;
		color: #fff;
		background: #ff6600;
		border-right: 1px solid #ffffff; }
	
	ul#navigation a:hover
	{	color: #003366;
		background: #FFCC00}
		
a.one:link {color:#a56530; text-decoration: none} /* unvisited link*/
a.one:visited {color:#668917; text-decoration: none} /* visited link*/
a.one:hover {font-weight:bold; color:#b6b945; text-decoration: none} /*  link with pointer hovering*/
a.one:active {color:#00CC00; text-decoration: none} /* the selected link*/

/* bottom nav */

a.two:link {color:#452c12; text-decoration: none; font-weight:bold} /* unvisited link*/
a.two:visited {color:#06C; text-decoration: none} /* visited link*/
a.two:hover {color:#445e08; text-decoration: underline} /*  link with pointer hovering*/
a.two:active {color:#00CC00; text-decoration: none} /* the selected link*/

/* text nav */

a.three:link {color:#336699; text-decoration: underline} /* unvisited link*/
a.three:visited {color:##336699; text-decoration: underline} /* visited link*/
a.three:hover {color:#003366; text-decoration: underline} /*  link with pointer hovering*/
a.three:active {color:#00CC00; text-decoration: underline} /* the selected link*/

div#header h1{height:40px;line-height:30px;margin:0; padding-right:10px; color: #793510; padding-bottom:0px}
div#middle h2{color: #793510}
  
div#container{text-align:left; background-color:#f9f2e0; border:0px 0px 0px 0px; border-color:#003366}
div#container{width:800px;margin:0 auto; background-image:url(images/flawless_BG800x600.jpg); background-repeat:no-repeat; padding: 0px 0px 0px 0px}


/* left Column */ 
div#left{font-family:Geneva, Verdana, sans-serif; float:left;width:180px; line-height:1.3; padding:20px 0px 0px 20px; border-right-width:thin; font-size:12px}


/* Middle Column */ 
div#middle p{line-height:1.5; padding:12px 5px 5px 15px}
div#middle{float:center;width:550px; padding:12px 5px 5px 15px}
div#middle{margin: 0 190px}


/* Right Column */ 
div#right{text-align:left; font-size:100%}
div#right{vertical-align:top} /*{float:left;width:150px;margin-left:-150px}*/       
div#right{border-left-width:thin; border-left-style:dashed; border-color:#CCCCCC; padding-left:4px} 
div#right{float:right; width:145px; margin-left:-155px}


div#extra{clear:both;width:100%;color:#ffffff;padding-top:2px; padding-bottom:2px; background: #f9f2e0; text-align:center}

div#footer{background: #d2995b;color: #452c12; text-align:center; font-size: 85%}
div#footer p{margin:5;padding:5px 5px}

div#PIC{align:center; font-size:80%; text-align:center; img-border:1px}

div#navigation{background:#B9CAFF}
div#navigation_left{background:#FFFFFF;padding-top:5px; padding-left:5px; vertical-align:top}
div#navigation_left{float:left;width:195px}

div#extra2{clear:both;width:100%;color:#ffffff;padding-top:2px; padding-bottom:2px; background:#B9D6EA;text-align:center}

div#TOPNAV{clear:both;width:100%;color:#B9D6EA;padding-top:2px; padding-bottom:2px; background:#FFFFFF;text-align:center}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #ffffff;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 150px;
	height: 200px;
}

/*.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}*/

.hoverbox li
{
	background: #ffffff;
	border-color: #793510;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}
.hoverbox .preview
{
	border-color: #793510;
	width: 300px;
	height: 400px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}

/*Hoverbox by http://sonspring.com/ Nathan Smith*/