/* Style Sheets for [wood n pieces] website
created by Robert Kirby, Pixel8ed Concepts
TOC
	1. Defaults
	2. Structure
		A. Master Head
		B. Left Box
		C. Right Box
		D. Body
		E. Footer
	3. Links and Navigation
		A. Top NAV
		B. Hover Links
		C. Side NAV
		D. Special links for various pages
		E. Middle links
		F. Footer Links
		G. Search Links
	4. Fonts
	5. Page Specific Elements
	6. Space Divs
	7. Boxes / form elements
*/
 
/* -------------- 1. Defaults --------------------------- */
*{
	margin:0;
	padding:0;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;	
}
img, img a{
	margin:0;
	padding:0;
	border:none;
}
a:link, a:visited, a:active {
	color:#624d49; 
	text-decoration:none;
	font-size:8pt;
}
a:hover{color:#333;}

/* -------------- 2. Structure -------------------------- */

#wrapper {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	border-top-color:#8c7f7c;
	border-top-width: 10px;
	border-top-style: solid;
}

/* ------- A. Master Head --------- */
#masterhead{
		width:750px; 
		height:50px;
}
	#logo {
		height:33px; 
		width:186px; 
		margin-top:10px;
	}
	
	#topnav { 
		width:555px;
		margin-top:10px; 
		}
	#search {padding-top:20px;}
	.go{
	background:url("../img/flyclear_gobutton_20x20.gif") no-repeat;
	color:#fff;
	font:bold 10px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	border:none;
	width:20px;
	height:20px;
	margin-left:10px;
	cursor: pointer;
	}
	
.search_button{
	color:#fff;
	text-transform:uppercase;
	border:none;
	width:20px;
	height:20px;
	margin-left:2px;
	cursor: pointer;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
/*  ------- B. Left Box --------- */
#left_row {
	float:left;
	width:175px;
	padding: 5px;
	background-color:#bbb7b6;
	background-image: url(../img/lb_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#left_row p{
	color: #eee4e1;
}

#left_row a{
	font-weight:bold;
	color: #fff;
}

/* ------- C. Middle Box --------- */
#middle_row {
	float:left;
	width:349px;
	margin-left:10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #8c7f7c;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#content_row {
	float:left;
	margin-left:10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*  ------- B. Right Box --------- */
#right_row {
	width:160px;
	float: right;
	padding: 5px;

}


/* ------- D. Body --------- */
#middle {
	width:750px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #766766;
	padding-bottom:10px;
	margin-bottom:20px;
}

#middle_gallery {
	width:750px;
	height:800px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #766766;
	padding-bottom:10px;
	margin-bottom:20px;
}

#middle p{
	font-size: 8pt;
	line-height:12pt;
}

#banner{
		width:494px; 
		height:97px; 
		overflow:hidden; 
		}
		
	#hero_main{
	width:750px; 
	height:235px;
	padding-bottom:10px;
	border-bottom:10px;
	border-bottom-color:#8c7f7c;
	border-bottom-style:solid;
}

/* ------- E. Footer --------- */
#footer{
	text-align:center;
	font-size:8pt;
	width:750px;
	display:block;
	height:30px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 10;
	margin-left: auto;
	padding-top: 20px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #b7adab;
}

/* -------------- 3. Links and navigation --------------- */

/* ------- A. Top NAV --------- */
#topnav a:hover span, #topnav a.home span{background-image:url("../img/topnavrh.gif");}

#topnav a, #topnav a span {display:block;}

#topnav a:hover, #topnav a.home{color:#FFFFFF;}

#topnav ul{ 	
	height:31px;	
	list-style:none;
	padding-top:2px;
}
#topnav ul li ul{ border-bottom:none;}
#topnav li {
	float:left; 
	white-space:nowrap; 
	margin-right:1px;
}
#topnav a {
	display:block;  
	font-family:Arial, Helvetica, sans-serif; 
	height:27px;
	width:78px;
	text-transform:capitalize;
	text-align:center;
	padding-top:2px;
	background-image:url("../img/tab.jpg");
}
#topnav a:hover, #topnav a.home {
	color:#fff;
	background-image:url("../img/tab_on.jpg");
}

/* ------- B. Hover Links --------- */
#middle ul li a:hover, #bottom p a:hover, #top p a:hover{color:#999;}


/* -------E. Middle Links --------- */
.x246 a {font-size:8pt;}
#middle p a, #middle li a{font-size:8pt;}
#middle a.small_link{ font:normal 7pt Verdana, Arial, Helvetica, sans-serif;}
#middle .half_box a{ 
		display:block; 
		padding:15px 0; 
		text-indent:16px;
		float:left;
	}
#middle .enroll a{		
		text-transform:uppercase;
		color:#8dd2f4;
		font-weight:bold;
	}
/* -------F. Footer Links --------- */
#footer a{ 
	margin:10px 16px 0 0;
	display:inline; 
	float:left;
	color:#999;
}
#footer a:hover, #footer a:visited { }
#footer #pp a{ 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px; 
	text-transform:uppercase; 
	margin:10px 8px 0 0;
	color:#71bf4b;
}
/* -------G. Search Links --------- */
#search a{padding-left:9px;}

/* -------------- 4. Fonts ------------------------------ */
h2, h6, p, #middle li, #bottom p a, #top p a{
	color:#796e6c;
}

h1{
	text-transform:uppercase;
	border-bottom:#f6ece9 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 14pt;
	font-weight: lighter;
	color: #f6ece9;
}
h2{
	font:bold 10pt/12pt Arial, Helvetica, sans-serif;
}
h3{
	font-size:11pt;
	font-weight:bold;
	line-height:13pt;
	padding-left:3px;
	color: #369;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {  
	font-size:10pt;
	font-weight:500;
	text-transform:uppercase;
	color:#FFF; 
	padding-left:20px; 
	background:url("../img/corner_blue_l.gif") top left no-repeat
}
h5{
	font:bold 14pt/18pt Arial, Helvetica, sans-serif;
	padding:15px; 
	color:#FF0000;
	text-align:center;
}
h6{
	font-size:13pt; 
	font-weight:bold;
	line-height:13pt;
	padding-left:3px;
}
h7{
	font-size:10pt;
	font-weight:500;
	text-transform:uppercase;
	color:#FFF; 
	padding-left:20px; 
	}

/* ------------------------ 5. Page Specific Elements -------------------- */

/* ------- for INDEX --------- */
	#flash_main{
	width:750px; 
	height:235px;
	padding-bottom:10px;
	border-bottom:10px;
	border-bottom-color:#8c7f7c;
	border-bottom-style:solid;
}
	
/* ------- for SITEMAP --------- */	
#site_map ul{margin:10px 20px;}

/* -------------- 6. Space Divs --------------------------------- */
.right{float:right;}

.left{float:left;}

.row{width:100%; clear:both;}

.spacer1{clear:both;}

.spacer {
		clear:both;
		height:1px;
		width:1px;
		border:none;
		margin:0; 
		padding:0;
		background:transparent;
}
.x {display:none;}

.m_l_6{margin-left:6px;}

.top_15, #middle .x246 p.top_15, #middle p.top_15{margin-top:15px;}
.top_50 {margin-top:50px}
.top_5 {margin-top:5px}
.bot_15{margin-bottom:15px;}
.bot_5{margin-bottom:5px;}
.rig_15{
	margin-right:15px;
	font-size: 10pt;
	color: #336699;
}
.lef_15{margin-left:15px;}

.tb_60, #middle p.tb_60{margin:60px 0;}

.ht_85{height:105px;}
.x750 {
	width:750px;
}

.x460{width:460px;}
.x368{width:368px;}
.x246 {width:246px;}
.x210{width:210px;}
.x180{width:180px;}
.x170{width:170px;}
.x150{width:150px;}
.x120{width:120px;}
.x125{width:125px;}
.x105{width:105px;}
.x94 {width:94px;}
.x52{width:52px;}
.x47{width:47px;}
.x40{width:40px;}

.spacing {margin:0;}
#middle ul.spacing {padding-right:0;}

html {
	height: 100%;
	overflow: auto;
	}

	

	#flashcontent {
	margin:0;

		height: 100%;

	}