/****************************************

     HANNUSH ENTERPRISES, LLC
     WebCSS V1.1 STYLE
     Date originated: 06 FEB 2008
     Writer: Drew Hannush
     www.hannush.com

*****************************************/

/****************************************
***** UNIVERSAL ELEMENTS ****************
*****************************************/

html, body, #wrapper {
	min-height: 400px;  /* WRAPPER 1: To fix a major bug in #wrapper being relative instead of float  */
	}

body {
	background-color: #755C42;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;
	text-align:center;  /* CENTER PAGE 2: Set text-align to center to fix IE6- margin recognition error in #wrapper  */
	}

a {
	color:#FFFFFF; 
	text-decoration:none;
	}

a:hover {
	color:#FF9933; 
	text-decoration:underline;
	}

h1, h2, #copyarea td.contentheading {	/* MAIN HEADLINE: Large Font  */
	color: #000000;
 	font-size: 24px;
	font-weight: bold;
	line-height:1.8em;
	}
	
h3, h4 {  /* SECONDARY HEADLINE: Medium Large Font  */
	color:#FF6600;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
	}

h5, h6 {  /* PARAGRAPH HEADER: Bold Font  */
	color: #4870A3;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

#float-clear {
	clear:both;
	}

#searchbox {  /*  Make input name and id "searchbox"  */
	background-color: #BF2E01;
	border: 1px solid #000000;
	color: #FFFFFF;
  }

/****************************************
***** LAYOUT ELEMENTS: Wrapper ********** 
*****************************************/

#wrapper {
	margin-top: 0px;  /* CENTER PAGE 1: Set the right and left margin to "auto" and bottom to "0"  */
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
	text-align:left;
	width:820px;
	}
	
/****************************************
***** LAYOUT ELEMENTS: Masthead ********* 
*****************************************/

#skin_top {
	float: left;
	width: 820px;
	display:inline;
	}

#skin_logo {
	float:left;
	width: 403px;
	display:inline;
	}

#skin_nav {
	float:left;
	display:inline;
	width: 407px;
	color: #FFFFFF;
	text-align:right;
	font-size:11px;
	padding-top: 40px;
	padding-right:10px;
	}

/****************************************
***** LAYOUT ELEMENTS: Main Content ***** 
*****************************************/

#inner_wrapper {
	float:left;
	width:820px;
	border: 3px solid #FFFFFF;
	display:inline;
	}

#catalog_nav_wrapper {
	float:left;
	width:820px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C9C9C9;
	border-bottom-color: #C9C9C9;
	display:inline;	
	}	
#catalog_nav {
	float:left;
	width: 810px;
	height:19px;
	display:inline;
	color: #FFFFFF;
	font-size:11px;
	text-align:right;
	background-color: #5E5E5E;
	padding-right:10px;
	padding-top:3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}

#search_wrapper{
	float:left;
	width:820px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C9C9C9;
	border-bottom-color: #C9C9C9;		
	}
#search {
	float:left;
	width: 810px;
	height:26px;
	color: #FFFFFF;
	font-size:11px;
	text-align:right;
	background-color: #5E5E5E;
	padding-right:10px;
	padding-top:2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}
#search img {
	padding-top:0px;
	padding-bottom:3px;
	vertical-align:middle;
	}
	
#copyarea, #home_copyarea {
	display:inline; /* DOUBLE MARGIN IE FIX */
	float: left;
	line-height: 125%;
	text-align:left;
	font-size:.8em;
	padding:15px;
	width: 790px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}

#home_copyarea {
 	background-color:#947654;
	}

#copyarea {
 	background-color:#FFFFFF;
	}

#copyarea a {
	color: #0066FF;
	}

#copyarea p {
	line-height:1.4em;
	font-size:12px;
	}

#copyarea td {
	font-size:11px;
	}

#home_nav{
	float:left;
	width: 214px;
	}

#home_nav p{
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;
	padding-left:25px;
	padding-bottom:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A2886A;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #A2886A;
	}
	
#home_nav .nav{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;
	padding-left:25px;
	color: #B89E83;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A2886A;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #A2886A;
	}


#home_image{
	float:left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #A2886A;
	}

#home_copy{
	float:left;
	width:268px;
	color:#FFFFFF;
	padding-left:18px;
	}
	
#home_copy h3{  /* SECONDARY HEADLINE: Medium Large Font  */
	color:#2D1F14;
	font-size: 15px;
	font-weight: bold;
	}

.imgcapcenter, .imgcapleft {
	font-size:11px;
	color:#666666;
	}

.imgcapcenter {
	text-align:center;
	}

.imgcapleft {
	text-align:left;
	}

p.viewtables {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	background-color:#5E5E5E;
	color:#FFFFFF;
	font-weight:bold;
	}

p.viewtables:hover {
	background-color:#737373;
	}

#copyarea p.viewtables a, #copyarea p.viewtables a:hover {
	color:#FFFFFF;
	}

div.infoheader {
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	background-color:#000000;
	display:block;
	padding:12px;
	margin-bottom:0px;
	}

div.infocontent {
	padding:12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	line-height:1.4em;
	font-size:11px;
	}

.importantinfo {
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	}

.paraintro {
	text-transform:uppercase;
	font-weight:bold;
	}
	
/****************************************
***** LAYOUT ELEMENTS: Footer *********** 
*****************************************/

#footer {
	float: left;
	height: 20px;
	color:#FFFFFF;
	background-color:#DF8600;
	text-align: center;
	width: 820px;
	font-size:10px;
	padding-top:8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}

#footer_boarder {
	float:left;
	width:820px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C9C9C9;
	border-bottom-color: #C9C9C9;	
	}

#skin_copyright {
	float:left;
	color: #B4987A;
	font-size: 12px;
	padding-top:10px;
	text-align: center;
	width: 816px;
	height:20px;
	}

#skin_copyright a {
	color: #B4987A;
}
	
/****************************************
***** NAVIGATION ************************
*****************************************/

#navigation {
	float:left;
	width:820px;
	text-align:center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
  }
 
#navigation a:hover {
	color:#FFFFFF;
	}
 
#nav_box {
	float:left;
	width:116px;
	height:50px;
	color: #FFFFFF;
	background-color:#DF8600;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}

#nav_box ul, #nav_box2 ul {
	margin:0px;
	padding:0px;
	display:block;
	}

#nav_box ul li, #nav_box2 ul li {
	list-style-type: none;
	}
#nav_box2 {
	float:left;
	width:118px;
	height:50px;
	color: #FFFFFF;
	background-color:#DF8600;
	font-size: 11px;
	text-align:center;
	font-weight:bold;
	line-height: 26px;
	}
#nav_box2 ul li ul {
	line-height: normal;
	margin: 0px;
	}
#nav_box ul li ul li, #nav_box2 ul li ul li {
	height: 24px;
}
#nav_box ul li ul li a, #nav_box2 ul li ul li a {
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
}