/* @group CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}

body {
	line-height: 1;
	font-size: .63em;
}

ol, ul {
	list-style: none;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a {
	text-decoration: none;
}

:focus {
	outline: 0;
}

.clear {
	clear: both;
}

/* @end */

/* @group Site */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	color: #4e4c4c;
}

h2 {
	font: bold 2.2em "Myriad Pro Cond";
	text-transform: uppercase;
}

h3 {
	font: bold 1.6em "Myriad Pro Cond";
	text-transform: uppercase;
}

h5 {
	font: bold 1.4em "Myriad Pro Cond";
	text-transform: uppercase;
}

h5 a {
	color: #ba2026;
}

h5 a:hover {
	color: #808080;
}

#leftside h3, #rightside h3 {
	font: bold 1.8em "Myriad Pro Cond";
	text-transform: uppercase;
	display: block;
	color: #fff;
	background-color: #4e4c4c;
	padding: 10px 20px 6px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

#rightside h3.red {
	background-color: #ba2026;
}

.nobull {
	margin-bottom: 15px;
}

.nobull li {
	font-size: 1.1em;
	margin-bottom: 10px;
}

.nobull li a {
	color: #4e4c4c;
}

.nobull li a:hover {
	color: #ba2026;
}

#header {
	width: 940px;
	padding-top: 30px;
	margin: 0 auto;
}

#logo {
	width: 250px;
	height: 60px;
	display: block;
	float: left;
}

#logo a {
	width: 250px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(img/logo.gif) no-repeat left top;
}

#nav {
	float: right;
	display: block;
	padding-top: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	z-index: 1500;
}

#nav li:hover {
	background: url(img/navbkg.jpg) repeat-x left bottom;
}

#nav li:hover a span p {
	color: #fff;
}

#nav li {
	float: left;
	display: block;
}

#nav li a {
	display: block;
	cursor: pointer;
	float: left;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
}

#nav li a span {
	display: block;
	float: left;
	background: url(img/topcorner.png) no-repeat left top;
}

#nav li a span p {
	display: block;
	float: left;
	color: #808080;
	text-transform: uppercase;
	padding: 8px 10px 6px 10px;
	font-size: 1.1em;
	font-weight: bold;
	background: url(img/topcorner.png) no-repeat right top;
}

#nav li a:hover span p {
	color: #fff;
}

#contentwrapper {
	width: 940px;
	margin: 0 auto;
	clear: both;
	padding: 30px 0;
}

#contentwrapper p, #footer p{
	font-size: 1.1em;
	line-height: 150%;
	margin-bottom: 12px;
}

#contentwrapper p a , #footer p a {
	color: #4e4c4c;
}

#contentwrapper p a:hover , #footer p a:hover {
	color: #ba2026;
}

#contentstatic p{
	font-size: 1.2em;
	line-height: 150%;
	margin-bottom: 12px;
}

#leftside, #rightside {
	width: 230px;
	float: left;
	background-color: #dfdfdf;
	padding-top: 15px;
}

#leftside .inner, #rightside .inner {
	padding: 20px;
}

#leftcontact {
	width: 420px;
	float: left;
}

#rightcontact {
	width: 420px;
	float: right;
}

#homecenter {
	width: 400px;
	margin-left: 40px;
	margin-right: 40px;
	float: left;
	position: relative;
}

#homecopy {
	margin-top: 10px;
}

#footer {
	width: 940px;
	margin: 0 auto;
	clear: both;
	color: #fff;
	padding-top: 50px;
}

#footer li a {
	color: #fff;
}

#footer li a:hover {
	color: #ba2026;
}

#ft_cust, #ft_join, #ft_did, #ft_show {
	width: 194px;
	float: left;
	margin-right: 1px;
	height: 150px;
	background-color: #808080;
	padding: 30px 20px;
}

#ft_cust {
	position: relative;
}

#ft_join {
	background-color: #525252;
	position: relative;
}

#ft_did {
	background-color: #303030;
	position: relative;
}

#ft_show {
	background-color: #191919;
	position: relative;
}

#ft_cust h4 {
	width: 180px;
	height: 21px;
	position: absolute;
	top: -21px;
	display: block;
	text-indent: -9999px;
	right: 20px;
	background: url(img/ft_cust.gif) no-repeat right top;
}

#ft_join h4 {
	width: 180px;
	height: 21px;
	position: absolute;
	top: -21px;
	display: block;
	text-indent: -9999px;
	right: 20px;
	background: url(img/ft_join.gif) no-repeat right top;
}

#ft_did h4 {
	width: 180px;
	height: 21px;
	position: absolute;
	top: -21px;
	display: block;
	text-indent: -9999px;
	right: 20px;
	background: url(img/ft_did.gif) no-repeat right top;
}

#ft_show h4 {
	width: 180px;
	height: 21px;
	position: absolute;
	top: -21px;
	display: block;
	text-indent: -9999px;
	right: 20px;
	background: url(img/ft_show.gif) no-repeat right top;
}

#mce-EMAIL {
	background-color: #808080;
	color: #fff;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	width: 180px;
	border: none;
	margin-bottom: 10px;
}

a.btn_book {
	width: 65px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background: url(img/btn_g_book.gif) no-repeat left top;
}

a.btn_book:hover {
	background: url(img/btn_g_book.gif) no-repeat right top;
}

a.btn_read {
	width: 65px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background: url(img/btn_g_read.gif) no-repeat left top;
}

a.btn_read:hover {
	background: url(img/btn_g_read.gif) no-repeat right top;
}

a#btn_signmeup {
	width: 120px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	background: url(img/btn_signmeup.gif) no-repeat left top;
	float: right;
}

a#btn_signmeup:hover {
	background: url(img/btn_signmeup.gif) no-repeat left bottom;
}

#copyright {
	width: 940px;
	margin: 0 auto;
	clear: both;
	padding: 25px 0;
	text-align: right;
	color: #999;
	font-size: 1.1em;
}

#copyright a {
	color: #999;
}

#copyright a:hover {
	color: #ba2026;
}

/* @end */

/* @group Dropdowns */

#nav li {
	position: relative;
	z-index: 1500;
}

#nav li .submenu {
	display: none;
	z-index: 2000;
}

#nav li:hover .submenu {
	display: block;
}

#nav li .submenu {
	position: absolute;
	top: 25px;
	left: 0;
	padding: 0;
	background: #7f0d12 url(img/navsubbkg.jpg) repeat-x left top;
	width: 180px;	
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topright: 7px;
}

#nav li .submenu li {
	float: none;
	display: block;
	border: none;
	margin: 0;
	padding: 0;
	height: auto;
	padding-bottom: 1px;
	background: url(img/navdiv.png) no-repeat center bottom;
}

#nav li .submenu li.first {
	height: 7px;
	background: url(img/topcorner.png) no-repeat right top;
}

#nav li .submenu li.last {
	height: 7px;
	display: block;
	background: url(img/btmcorner.png) no-repeat left bottom;
	padding: 0;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 9px;
}

#nav li .submenu li.last span {
	height: 7px;
	display: block;
	background: url(img/btmcorner.png) no-repeat right bottom;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 9px;
}

#nav li .submenu li a {
	float: none;
	display: block;
	color: #fff;
	padding: 0;
	margin: 0;
	width: 150px;
	padding: 7px 15px;
	text-indent: 0;
	font-size: 1.2em;
	line-height: 1;
	height: auto;
	font-weight: bold;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
}

#nav li .submenu li a:hover {
	background-color: #d83e45;
}

/* @end */

/* @group Tooltip */

.tooltip {
	position:absolute;
	left:-2000px;
	padding:10px 15px;
	height: 47px;
	background: url(img/tooltip.png) no-repeat left top;
	z-index: 5000;
}

.tooltip p.big {
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	font-weight: bold;
	font-size: 1.8em;
	margin-bottom: 2px;
}

.tooltip p {
	margin:0;
	padding:0;
	color:#fff;
}

/* @end */

/* @group Slider */

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 400px } 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 400px }

.coda-nav ul { 
	clear: both; 
	display: block; 
	margin: auto; 
	overflow: hidden 
}

.coda-nav ul li { 
	display: inline 
}

.coda-nav ul li a { 
	background: #000; 
	color: #fff; 
	display: block; 
	float: left; 
	margin-right: 1px; 
	padding: 3px 6px; 
	text-decoration: none 
}
	
.coda-slider-wrapper { 
	clear: both; 
	overflow: hidden; 
	width: 400px;
}
.coda-slider { 
	float: left; 
	overflow: hidden; 
	z-index: 100;
}
.coda-slider .panel { 
	display: block; 
	float: left ;
	width: 400px;
	height: 220px;
}
.coda-slider .panel-container { 
	position: relative 
}

.coda-slider-wrapper {
	position: relative;
	height: 220px;
	width: 400px;
	overflow: hidden;
	z-index: 1000;
}

.arrows {
	position: relative;
}

.coda-nav-right { 
	position: absolute; 
	top: 110px;
	right: 0;
	z-index: 1000;
}

.coda-nav-left { 
	position: absolute; 
	top: 110px;
	left: 0;
	z-index: 7000;
}

.coda-nav-right a { 
	height: 37px;
	width: 37px;
	text-indent: -9999px;
	display: block;
	background: url(img/slider_arrows.png) no-repeat right top;
}

.coda-nav-left a { 
	height: 37px;
	width: 37px;
	text-indent: -9999px;
	display: block;
	background: url(img/slider_arrows.png) no-repeat left top;
}

.coda-nav-right a:hover {
	background: url(img/slider_arrows.png) no-repeat right bottom;
}

.coda-nav-left a:hover {
	background: url(img/slider_arrows.png) no-repeat left bottom;
}

/* @end */

/* @group Subpage */

.product {
	float: left;
	margin-right: 35px;
	position: relative;
	margin-top:30px;
}

.product.last {
	margin-right: 0;
}

.product span.border {
	position: absolute;
	width: 290px;
	height: 140px;
	background: url(img/prod_border.gif) no-repeat left top;
	top: 0;
	left: 0;

}

.product h3 {
	margin-top: 10px;
	color: #ba2026;
	margin-bottom: 0;
	font: bold 1.8em "Myriad Pro Cond";
}

.product p {
	color: #000;
}

#sub_header {
	margin-bottom: 20px;
	height: 29px;
	overflow: hidden;
}

/* @end */

/* @group Blog */
	
#blogcontent {
	width: 700px;
	float: left;
	background-color: #dfdfdf;
	padding: 15px 0;
}

#blogcontent_left{
	width: 340px;
	float: left;
	background-color: #dfdfdf;
	padding: 15px 0;
	margin-right: 20px;
}

#blogcontent_right {
	width: 340px;
	float: left;
	padding: 15px 0;
	background: url(img/blogcenter.gif) repeat-y right top;
}

#blogholder .inner {
	padding: 15px;
}
	
#blogholder h2 {
	font: bold 1.8em "Myriad Pro Cond";
	text-transform: uppercase;
	display: block;
	color: #fff;
	background-color: #4e4c4c;
	padding: 12px 20px 5px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
	
#blogsidebar {
	width: 220px;
	float: right;
	background-color: #dfdfdf;
	padding: 15px 0;
}
	
.ble_title {
	font: bold 1.8em "Myriad Pro Cond";
	text-transform: uppercase;
	display: inline-block;
	color: #ba2026;
	padding: 15px 10px 1px 0;
	border-right: 1px solid #ba2026;
	border-bottom: 1px solid #ba2026;
	clear: both;
	margin-bottom: 20px;
}
	
.ble_title a {
	color: #ba2026;
}

.ble_date {
	font: bold 1.8em "Myriad Pro Cond";
	text-transform: uppercase;
	display: inline-block;
	color: #4e4c4c;
	padding: 15px 5px 5px 10px;
}

.ble_readmore {
	float: right;
}
	
.ble_content {
	color: #4e4c4c;
	margin-bottom: 20px;
	font-size: 1.0em;
}

.ble_content img {
	border: 3px solid #fff;
	margin-bottom: 20px;
}
	
.ble_content p {
	margin-bottom: 15px;
	line-height: 150%;
}
	
.ble_paginate {
	display: inline-block;
	background-color: #4e4c4c;
	color: #999;
	padding: 8px;
	font-weight: bold;
	font-size: 1.4em;
}
	
.ble_paginate a {
	color: #fff;
	padding: 0 5px;
}

.featprod {
	clear: both;
	float: left;
	width: 310px;
	padding-bottom: 20px;
}

.featprod img {
	float: left;
	border: 1px solid #999;
	
}

.featprod dl {
	width: 130px;
	float: left;
	margin-left: 40px;
	font-size: 1.1em;
	color: #4e4c4c;
	
}

.featprod dl dt {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.featprod dl dd {
	margin-bottom: 4px;
}

.featprod dl dd strong {
	font-size: 1.2em;
	color: #ba2026;
}
	
.fieldtitle {
	color: #000;
	text-transform: uppercase;
	font: 11px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	padding-right: 15px;
}
	
input.field {
	color: #000;
	background-color: #fff;
	border: 1px solid #880656;
	padding: 3px;
	width: 270px;
	font: 11px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
}

textarea.field {
	color: #000;
	background-color: #fff;
	border: 1px solid #ba2026;
	padding: 3px;
	width: 270px;
	font: 11px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
}

select.field {
	color: #000;
	background-color: #fff;
	border: 1px solid #ba2026;
	height: 20px;
	width: 276px;
	font: 11px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
}

.submit_btn {
	display: block;
	width: 59px;
	height: 22px;
	text-indent: -9999px;
	background: url(img/btn_submit.gif) no-repeat left top;
	border: none;
}

.submit_btn:hover {
	background: url(img/btn_submit.gif) no-repeat left bottom;
	
}
	
/* @end */
