/* Overall type style */
body {
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #C8C8C8;
	background: #424242 url(../images/bg_slice.jpg) top left repeat-x;
/*	background: url(../images/denim-backgd.jpg) top left; */
}

/* Basic styles */
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearing {
	overflow: hidden;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

p {
	margin: 1em 0;
}

h1 {
	font-size: 250%;
	color: #70cde3;
	line-height: 30px;
	margin-bottom: .5em;
}

/* Page styles */
#outerWrapper {
	position: relative;
	margin: 60px auto;
	width: 1015px;
}

#innerWrapper {
	margin-left: 60px;
}

#page_top {
	height: 23px;
}

#page_middle {
	overflow: hidden;
	background: transparent url(../images/page_slice3.png) top left repeat-y;
}

#page_bottom {
	height: 23px;
}

/* Header and menu items */
h1#name {
	margin-left: -9000px;
	float: left;
}

#logo {
	height: 229px;
	width: 297px;
	position: absolute;
	top: -50px;
	left: 0;
	z-index: 100;
}

#address {
	text-align: right;
	padding-right: 30px;
	color: #70CDE3;
	line-height: 16px;
}

#socials ul {
	text-align: right;
	padding-right: 18px;
	margin: 15px 0;
}

#socials ul li {
	padding: 0 12px;
	display: inline;
}

#menu_bar {
	margin-left: 8px;
	width: 933px;
	height: 31px;
	background: transparent url(../images/menu_bar.png) top left no-repeat;
	border-top: solid 2px #70CDE3;
	border-bottom: solid 2px #70CDE3;
	font-weight: bold;
}

#menu_bar ul {
	line-height: 31px;
	float: right;
	padding-right: 15px;
}

#menu_bar ul li {
	padding: 0 15px;
	display: inline;
	float: left;
}

#menu_bar ul li a {
	text-decoration: none;
	display: block;
}

#menu_bar ul li a:link, #menu_bar ul li a:visited {
	color: #430000;
}

#menu_bar ul li a:hover, #menu_bar ul li a:active {
	background: transparent url(../images/menuButton_hover.gif) top left repeat-x;
	color: #000000;
}

body#home #menu_bar li a.home,
body#about #menu_bar li a.about,
body#menu #menu_bar li a.menu,
body#press #menu_bar li a.press,
body#contact #menu_bar li a.contact,
body#faq #menu_bar li a.faq {
	background: transparent url(../images/menuButton_bg.gif) top left repeat-x;
}

/* Content area */
#content {
	min-height: 500px;
	margin: 60px 80px 0 80px;
}

#content p {
	line-height: 20px;
}

#content_top {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#content_top_left {
	float: left;
	width: 65%;
	line-height: 20px;
}

#content_top_left p {
	margin-right: 20px;
}

#content_top_right {
	float: right;
	width: 35%;
	text-align: right;
/*	position: absolute;
	right: 80px; */
}

#content_bottom {
	width: 100%;
	height: 400px;
	/* overflow: hidden; */
	padding-bottom: 20px;
}

#content_bottom_left {
	float: left;
	width: 50%;
}

#cijimage {
	float: left;
	height: 385px;
}

#content_bottom_right {
	float: right;
	width: 50%;
	text-align: right;
}

.box_top {
	/* width: 389px; */
	height: 42px;
	text-align: left;
}

#content_bottom_left .box_top {
	background: url(../images/box_top.png) top left no-repeat;
}

#content_bottom_right .box_top {
	background: url(../images/box_top.png) top right no-repeat;
}

#content_bottom_left .box_middle {
	height: 240px;
	background: url(../images/box_slice.png) top left repeat-y;
}

#content_bottom_right .box_middle {
	height: 240px;
	background: url(../images/box_slice.png) top right repeat-y;
}

#box_left {
	float: left;
	width: 195px;
	height: 230px;
	margin-right: 10px;
}

#box_left img {
	margin-top: 15px;
}

#box_right {
	float: right;
	width: 50%;
}

.box_container {
	width: 90%;
	margin: 0 auto;
	padding-top: 6px;
	text-align: left;
	overflow: hidden;
}
#content_bottom_left .box_container {
	padding-top: 6px;
}

#content_bottom_right h2, #content_bottom_right h3 {
	margin-left: 8px;
}

.box_container h3 {
	margin-bottom: 10px;
	color: #612701;
	font-size: 135%;
	width: 90%;
}

.box_top h2 {
	padding: 18px 0 0 25px;
	font-size: 110%;
	text-transform: uppercase;
}

#box_left h3 {
	margin-bottom: 15px;
	color: #612701;
}

#box_left p {
	font-size: 125%;
	left: 206px;
}

#content div.box_container p {
	/* font-size: .8em; */
	font-weight: normal;
	color: #430000;
	line-height: 18px;
}

#content_bottom_right div.box_container p {
	width: 90%;
	margin: 0 auto;
}

#content_bottom_right div.box_container div {
	padding-top: 15px;
}

#content_top td {
	vertical-align: middle;
	padding: 5px;
}

#content_top td h3 {
	margin-bottom: 8px;
	color: #70cde3;
}

/* Footer styles */
div#footer {
	width: 100%;
	text-align: center;
	margin: 15px 0 20px 0;
	font-size: 80%;
}

#footer ul li {
	display: inline;
	padding: 0 15px;
}

#footer a, #footer a:visited, #footer p {
	color: #C8C8C8;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #70CDE3;
}

/* Menu page styles */
#menu div#accordion {
	width: 100%;
}

#menu div#accordion h2 {
	background: url(../images/menu_header.jpg) top left no-repeat;
	margin-bottom: .5em;
}

#menu div#accordion h2 a {
	height: 41px;
	width: 780px;
	display: block;
	line-height: 41px;
	padding-left: 1em;
	color: #430000;
	text-decoration: none;
}

#menu div#accordion table.left_product {
	float: left;
	width: 50%;
}

#menu div#accordion table.right_product {
	float: right;
	width: 50%;
}

#accordion p {
	width: 96%;
	margin-left: 1em;
}

#accordion p img {
	vertical-align: middle;
}

#accordion p span {
	margin-left: 10px;
}

/* Contact page styles */
body#contact div#content {
	/* width: 100%; */
	overflow: hidden;
}

#leftCol {
	float: left;
	width: 200px;
}

#rightCol {
	float: right;
	width: 551px;
}

#contact_form {
	width: 551px;
	margin: auto;
}

#contact_form div {
	width: 100%;
	background: url(../images/contact_box_slice.gif) top left repeat-y;
}

#contact_form form {
	width: 90%;
	margin: 0 auto;
}


#contact_form .formwidth {
	width: 100%;
	margin-bottom: 1em;
}


#contact_form h2 {
	margin-bottom: .6em;
	font-size: 125%;
	letter-spacing: 1px;
}

#contact_form label {
	font-size: 110%;
}

#contact_form img {
	display: block;
}

#contact_form span.error {
	float: right;
	padding: 1px 3px;
	/* background: #FF0000; */
	color: #ff0000;
	font-weight: bold;
}

#content div#address {
	text-align: left;
	width: 100%;
	color: #C8C8C8;
	font-size: 100%;
	letter-spacing: 1px;
}

p#phones {
	overflow: hidden;
	color: #C8C8C8;
	width: 100%;
}

p#phones span {
	float: left;
	padding: 0 6px 0 0;
}

div#address div.smbutton {
	width: 193px;
	height: 30px;
	background: transparent url(../images/sm_background.png) top left no-repeat;
	line-height: 32px;
	padding-left: 7px;
	margin: 1em 0;
	color: #430000;
	letter-spacing: 0;
	font-size: 100%;
}

.smbutton a {
	display: block;
	text-decoration: none;
	height: 32px;
}

.smbutton a:link, .smbutton a:visited {
	color: #430000;
}

.smbutton img {
/*	vertical-align: -12%; */
	padding-right: .5em;
	padding-top: .55em;
}

.smbutton span {
	vertical-align: top;
}

/* FAQ page styles */
#faq #accordion h2 {
	margin-top: 1.5em;
}

#faq #accordion h2 a {
	font-size: 90%;
	font-weight: bold;
	color: #C8C8C8;
	text-decoration: none;
}

#faq #accordion h2 a:hover {
	color: #70cde3;
}

#faq #content p, #faq #content ul {
	margin-left: 20px;
}

#faq #content ul {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 15px;
}

#menu #accordion h2 a, #menu #accordion h2 a:hover, #menu #accordion h3 a:active, #menu #accordion h2 a:visited, 
#contact_form label, #contact_form h2 {
	color: #430000;
}



div.press {
	width: 100%;
	overflow: hidden;
	margin: 1.5em 0;
}

div.press .icon {
	width: 200px;
	float: left;
}

div.press .copy {
	width: 550px;
	float: left;
	margin-left: 25px;
	padding-top: 10px;
	font-size: 125%;
}

.more {
	display: block;
	color: #70cde3;
	font-style: italic;
	text-decoration: none;
	margin-top: 10px;
	font-size: 75%;
}

.slideshow {
	width: 263px;
	height: 391px;
}

#hours span {
	color: #ff0000;
}