/* Reset CSS */
html, body, div, span,
applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
/*	vertical-align: baseline;   tdg took this out 4/29/09 */
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;	/* eliminate margin */
	margin: 0;
	padding: 0;
}
/****************************************************************
End CSS reset 
****************************************************************/



body {
	margin: 0;
	padding: 0;
	font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	color: #141414;
	background: #5c060c url(../images/bg_tile.png) repeat-x;
	font-weight: normal;
	font-size: 13px;
}

p ul {
	margin: 0 0 0 25px;
}

#container {
	width: 983px;
	margin: 0 auto;
}

#header {
	background: url(../images/header_bg.jpg) no-repeat top left;
	width: 983px;
	height: 111px;
}

#content {
	background: url(../images/main.jpg) no-repeat;
	width: 983px;
	height: 288px;
}

#content_left {
	float: left;
	width: 428px;
	height: 238px;
	padding: 45px 0 0 52px;
}

#content_right {
	float: right;
	width: 430px;
	height: 238px;
	padding: 45px 35px 0 0;
	color: #111111;
}


h1 {
	font-size: 25px;
	color: #50050a;
	letter-spacing: 0px;
	padding-bottom: 5px;
}

h2 {
	font-size: 17px;
	color: #141414;
}

h4 {
	font-size: 30px;
	color: #50050a;
}

h5 {
	font-size: 20px;
	color: #c9c3a5;
	border-bottom: #552d22 1px solid;
	padding-bottom: 7px;
}

#footer {
	float: left;
	clear: both;
	margin: 12px 0 0 0;
	width: 983px;
	height: 50px;
}

#copyright {
	float: left;
	color: #9d686a;
	font-weight: normal;
	font-size: 13px;
}

#nav_bottom {
	float: right;
	color: #9d686a;
	font-weight: normal;
	font-size: 12px;
}

/* Bottom Menu */
#nav_bottom a { color: #dfc4c6; }
#nav_bottom a:visited { color: #dfc4c6; }
#nav_bottom a:hover { color: #dddeb6; text-decoration: none; }

#lang {
	background: url(../images/dropdown_bg.gif) no-repeat; 
	border: none;
	width: 190px;
	height: 25px;
	padding: 5px 0 0 10px;
}

*html #lang {
	background: none;
}

#lang option {
	background: #fff;
}

#lang_select {
	float: left;
	height: 25px;
	margin: auto;
	padding: 15px 30px 0 760px;
}


/****************************************************************
Top Menu - Global
****************************************************************/

#navigation {
	float: right;
	width: 980px;
}

#navigation ul {
	margin: 0;
}

#main_nav{
	padding: 33px 0 0 410px;
	height: 38px;
	list-style: none;
}

#main_nav li {
  float: left;  
  height: 38px;
  padding-left: 2px;
}
	
#main_nav li a {
  display: block;
  text-indent: -5000px;
  overflow: hidden;
  background-position: top;
  height: 38px;
}
 
#main_nav li a:hover {
  background-position: bottom;
}

#nav_home { width: 106px; background:url(../images/nav_home.gif) no-repeat; }
#nav_products { width: 106px; background:url(../images/nav_products.gif) no-repeat; }
#nav_order { width: 106px; background:url(../images/nav_order.gif) no-repeat; }
#nav_faq { width: 106px; background:url(../images/nav_faq.gif) no-repeat; }
#nav_login { width: 106px; background:url(../images/nav_login.gif) no-repeat; }


/****************************************************************
Sub Sections - Home
****************************************************************/

#sub_sections {
	margin: 10px 0 0 0;
}

#sub_sections p {
	font-size: 13px;
	color: #dfcdcb;
	font-weight: normal;
}

#subsection01 {
	float:left;
	background: url(../images/sub_section01.jpg) no-repeat;
	width: 485px;
	height: 172px;
}

#subsection02 {
	float: right;
	background: url(../images/sub_section02.jpg) no-repeat;
	width: 485px;
	height: 172px;
}

#subsection_icon {
	float: left;
	width: 67px;
	height: 93px;
	margin: 23px 0 0 37px;
}

*html #subsection_icon {
	margin: 23px 0 0 20px; /* hack for old IE */
}

#sub_description {
	float: right;
	width: 315px;
	padding: 20px 40px 0 0;
}




/****************************************************************
Interior Content
****************************************************************/

#breadcrumbs {
	padding: 10px 0 0 20px;
	font-size: 13px;
	height: 27px;
}

#breadcrumbs a { color: #540409; }
#breadcrumbs a:visited { color: #540409; }
#breadcrumbs a:hover { color: #5a3531; text-decoration: none; }

#content_tile {
	background: url(../images/main_interior_tile.gif) repeat-y;
	width: 983px;
	height:auto !important;
	float: left;
}

#content_top {
	background: url(../images/main_interior_top.jpg) no-repeat;
	float: left;
}

#contentinterior_col1 {
	float: left;
	width: 220px;
	padding: 5px 0 0 18px;
}

#contentinterior_col2 {
	float: left;
	width: 400px;
	min-height: 310px;
}

#contentinterior_col3 {
	float: left;
	width: 300px;
	padding: 0 0 0 20px;
}

#interior_bottom {
	float: left;
	clear: both;
	background: url(../images/main_interior_bottom.gif) no-repeat;
	width: 983px;
	height: 37px;
}


/* bullet proof button */
button { 
  border:0; 
  cursor:pointer; 
  padding:0 15px 0 0; 
  text-align:center; 
  width: 190px;
  font-weight: normal;
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

/* gradient */
button.leftMenuBTN { 
  background:url(../images/leftmenu_normal_b.gif) right no-repeat; 
  font-size: 15px; 
}
button.leftMenuBTN span { 
  height:40px; 
  line-height:40px;
  background:url(../images/leftmenu_normal_a.gif) left no-repeat;
  color:#fff; 
}
button.leftMenuBTN:hover {
	background:url(../images/leftmenu_hover_b.gif) right no-repeat; 
}
button.leftMenuBTN:hover span {
	background:url(../images/leftmenu_hover_a.gif) left no-repeat; 
}



