/* -----------------------------------------------------------------------------------------*/
/* ---------->>> CSS Document <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Global CSS V 1.0 (Screen)  ----- */
/* -- (c) 2009 www.oakcitymn.com ---------- */
/* -- Created by: Element 115 Design Studio LLC. --------- */


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Table of Contents <<<------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Universal Elements ------ */
/* -- Layout Elements --------- */
/* -- Table Elements ---------- */
/* -- Form Elements ----------- */
/* -- List Items -------------- */
/* -- Typography -------------- */
/* -- Links ------------------- */
/* -- Graphic Buttons --------- */
/* -- Image Styles ------------ */


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Universal Elements <<<-----------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

html{height: 100%;}

body{
	font: normal 62.8%/1.6 Arial, Helvetica, sans-serif;
	background: #212121 url(../img/layout/bg.png) repeat;
	height: 100%;}


div[id ^="hidetext"] {margin-bottom: 20px;}
.hider {padding: 0px 5px 0px 5px;}
.hidden{display: none;}
.half{width: 50%; margin: 0px;}
.left{display: block; float: left; margin: 0px 10px 10px 0px;}
.right{display: block; float: right; margin: 0px 0px 10px 10px;}
.center{display: block; position: relative; margin: 0px auto 10px auto;}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Layout Elements <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Container --------------- */

#container{
	background: #000000;
	border: #818181 1px solid;
	margin: 20px auto 0px auto;
	padding: 2px;
	position: relative;
	width: 926px;}
	

/* -- Header ------------------ */

#header{
	background: #212121 url(../img/layout/bg_header.png) no-repeat;
	height: 130px;
	width: 926px;
	position:relative;
	}
	#fb{
		position:absolute;
		right:45px;
		top:57px;
		}
	#fb img{
		border:0px none;
	}
#logo a, #logo a:hover{
	display: block;	
	float: left;
	height: 75px;
	margin: 35px 0px 0px 40px;
	width: 225px;}
	
#online a, #online a:hover{
	display: block;
	position:absolute;
	right:0px;
	top:60px;	
	float: right;
	height: 35px;
	margin: 35px 0px 0px 40px;
	width: 225px;
}
	
#giftcards a, #giftcards a:hover{
	display: block;	
	float: left;
	height: 75px;
	margin: 10px 0px 0px 300px;
	width: 350px;}
	
	
/* -- Navigation -------------- */

#nav_top{
	background: #000000 url(../img/layout/bg_nav.png) no-repeat;
	height: 26px;
	padding: 0px 0px 2px 40px;
	width: 886px;}


/* -- Content ----------------- */
	
#content_all{
	background: #f2f2f2;
	border-color: #000000;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	min-height: 400px;   
	padding: 20px;
	width: 886px;}
	
#content{
	background: #f2f2f2;
	float:right;
	height: 335px;
	overflow:auto;	
	padding: 15px;
	width: 294px;}


/* -- Bannners ------------------ */

#banner{
	background: #212121;
	height: 365px;
	padding: 0px 0px 2px 0px;
	width: 926px;}
#banner_sub{
	background: #212121 url(../pics/banners_sub/600.jpg) no-repeat;
	height: 365px;
	padding: 0px 2px 2px 0px;
	width: 600px;
	z-index: -9999;}	
#banner_all{
	background: #212121 url(../pics/banners_home/banner_temp.jpg) no-repeat;
	border-color: #000000;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	height: 165px;
	padding: 0px 0px 0px 0px;
	width: 926px;}


/* -- Footer ------------------ */
	
#footer{
	background: #212121 url(../img/layout/bg_footer.png) no-repeat;	
	height: 94px;
	width: 926px;}
#footer_text{
	margin: 0px auto 0px auto;
	padding: 5px 0px 12px 0px;
	position: relative;
	text-align: center;
	width: 926px;}



/* -- Clear Fix --------------- */

.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 */


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Table Elements <<<---------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------

#content table {
	margin-bottom: 30px;
	padding: 3px;
	border: #ebebeb 1px solid;}
#content td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:top;
	padding: 6px 5px 6px 5px;}
#content th {
	background: #ebebeb;
	color: #232323;
	font: bold 12px/18px Arial, Verdana, Helvetica, sans-serif;
	padding: 1px 5px 1px 5px;}
	
#content table.boarders{
	width: 100%;
	position: relative;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0px 1px 1px 0px;}
#content td.boarders {
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	vertical-align:top;
	padding: 6px 5px 6px 5px;}
	
#content th.t-left, #content td.t-left {text-align:left;}
#content th.t-right, #content td.t-right {text-align:right;}
#content th.t-center, #content td.t-center {text-align:center;}*/


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Form Elements <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

fieldset{}
legend{}
#content form {
padding-bottom: 20px;}
#content form .clearfix label{
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	float:left;
	margin-right: 10px;
	margin-top: 0px;
	text-align:left;
	width: 100px;}
	
#content form label{
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	float:left;
	color: #4f4f4f;
	margin-right: 10px;
	margin-top: 8px;
	text-align:left;
	width: 100px;}
.labelspacer{
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	float:left;
	margin-right: 10px;
	margin-top: 8px;
	text-align:left;
	width: 100px;}
#content form label.width200{
	width: 215px;}
#content form label.nofloat{
	float: none;
	margin-right: 10px;
	width:auto;}
#content form label.block{
	display: block;
	float: none;
	margin-top: 20px;
	text-align:left;
	width:auto;}

#content form label:hover, #content form label.block:hover {
	cursor:pointer;}
#content form input{
	background:#ffffff; 
	border: #cccccc 1px solid;
	margin: 8px 10px 0px 0px; }
#content form .formbox-submit {text-align:right; padding-right: 10px;}
#content form input.vwordwidth{width: 75px;}
#content form input.width35, #content form select.width35, #content form textarea.width35{width: 35px;}
#content form input.width70, #content form select.width70, #content form textarea.width70{width: 70px;}
#content form input.width150, #content form select.width150, #content form textarea.width150{width: 150px;}
#content form input.width260, #content form select.width260, #content form textarea.width260{width: 260px;}

#content form input:focus, #content form textarea:focus, #content form select:focus {background:#f5f5f5;} 
#content form select{
	display:block; 
	background:#ffffff; 
	border: #cccccc 1px solid;
	height: 22px;
	margin: 8px 10px 0px 0px;}
#content form select.floatleft{ 
	background:#ffffff; 
	border: #cccccc 1px solid;
	float:left;
	height: 22px;
	margin: 8px 10px 0px 0px;}
#content form select.floatleft70{ 
	background:#ffffff; 
	border: #cccccc 1px solid;
	float:left;
	height: 22px;
	margin: 8px 10px 0px 0px;
	width: 70px;}

#content form br {
	clear:left;}
#content form textarea {
	background:#ffffff; 
	border: #cccccc 1px solid; 
	overflow: auto;}
.required {color: #e00000;}

#content form .btn-form:hover { background-color:#f5f5f5;}



/* -----------------------------------------------------------------------------------------*/
/* ---------->>> List Items <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

ul li {list-style: disc; color: #4f4f4f;}
ul li ul li {list-style: circle; font-size:13px;}
ul li ul li ul li {list-style: square; font-size:13px;}

ol li {list-style: decimal; color: #4f4f4f;}
ol li ol li {list-style: lower-alpha; font-size:13px;}
ol li ol li ol li {list-style: lower-roman; font-size:13px;}

/* -- Top Nav --------------- */

#nav_top ul, #nav_top ul#menu {
	margin: 0px; padding: 0px;}

#nav_top ul#menu li {
	font: normal 12px/26px Arial, Helvetica, sans-serif;
	float: left;
	list-style: none;
	padding-right: 15px;
	text-transform:uppercase;	}
	

	
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Typography <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Paragraphs -------------- */ 

#footer_text p{
	color: #e8e8e8;
	font: normal 11px/21px Arial, Helvetica, sans-serif;
	margin-bottom: 0px;}
	

/* -- Vertical Spacing -------- */

li {line-height: 20px;}
li, dt, dd, p { font-size: 13px; }
ul, ol, dl { margin-bottom: 20px; margin-left: 20px; }
p { margin-bottom: 21px;}

#content p{	
	font: normal 13px/19px Arial, Helvetica, sans-serif;
	/*color: #e8e8e8; */
	color: #4f4f4f;
	padding: 0px 0px 10px 2px;}

	
/* -- Styles -------------- */ 

strong {font-weight:bold;}

hr{
	border-width: 2px 0px 0px 0px;
	border-color:#e5e5e5;
	border-style: solid;
	text-align: center;
	padding: 0px;
	margin: 0px 5px 10px 5px;}


/* -- Headings ---------------- */

	
h1{
	font: bold 30px/40px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#232323;
	text-align: left;
	margin: 0px 0px 10px 0px;}
h2{
	font: normal 24px/36px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#86703b;
	text-align: left;
	margin: 0px 0px 4px 0px;}

h3{
	font: normal 17px/22px  Arial, Helvetica, sans-serif;
	color:#4f4f4f;
	font-weight:bold;
	text-align: left;
	margin: 0px 0px 8px 0px;}
h4{
	font: normal 15px/20px  Arial, Helvetica, sans-serif;
	color:#8e846d;
	font-weight:bold;
	text-align: left;
	margin: 0px 0px 4px 0px;}
h5{
	font: normal 13px/20px  Arial, Helvetica, sans-serif;
	color:#4f4f4f;
	font-weight:bold;
	text-align: left;
	margin: 0px 0px 4px 0px;}
	
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Links <<<------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/


#nav_top ul#menu li a:link, #nav_top ul#menu li a:visited {
	text-decoration: none;
	color: #e8e8e8;
	font-weight: bold;}
#nav_top ul#menu li a:hover, #nav_top ul#menu li a:active {
	text-decoration: none;
	color: #a89c80;}

#nav_top ul#menu li#on a:link, #nav_top ul#menu li#on a:visited {
	text-decoration: none;
	color: #dfba62;
	font-weight: bold;}	
#nav_top ul#menu li#on a:hover, #nav_top ul#menu li#on a:active {
	text-decoration: none;
	color: #dfba62;}
		
/* -- Content ----------------- */

#content a:link, #content a:visited, #content_all a:link, #content_all a:visited {
	text-decoration: underline;
	color: #816d3d;
	font-weight: normal;}
	
#content a:hover, #content_all a:hover {
	text-decoration: underline;
	color: #bc9d53;}
	
#content a:active, #content_all a:active {
	text-decoration: underline;
	color: #816d3d;}
	
	

#home-nav-bottom p a:link, #home-nav-bottom p a:visited {
	text-decoration: none;
	color: #4f4f4f;
	font-weight:normal;}
#home-nav-bottom p a:hover {
	text-decoration: underline;
	color: #4f4f4f;}
#home-nav-bottom p a:active {
	text-decoration: underline;
	color: #4f4f4f;}
	
/* -- Images ----------------- */
	
#content a:link img, #content a:visited img, #content-all a:link img, #content-all a:visited img {
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	text-decoration: none;}
	
#content a:hover img, #content-all a:hover img {
	border-color: #bc9d53;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	text-decoration: none;}
	
#content a:active img, #content-all a:active img{
	border-color: #816d3d;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	text-decoration: none;}
	
#content-all .content-middle-right a img, #content-all .home-nav-btn a img , #content-all .home-nav-btn-last a img  {
	border: none; padding: 0px;}
/* -- Table ----------------- */

#content table a:link,#content table a:visited {
	text-decoration: underline;
	color: #bc9d53;
	font-weight: bold;}
	
#content table a:hover {
	text-decoration: underline;
	color: #816d3d;}
	
#content table a:active {
	text-decoration: underline;
	color: #bc9d53;}
	
/* -- Footer ------------------ */

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #bc9d53;}
	
#footer a:hover {
	text-decoration: underline;
	color: #bc9d53;}
	
#footer a:active {
	text-decoration: none;
	color: #bc9d53;}

/* -- Headers ------------------ */

#content h1 a:link, #content h1 a:visited{
	font-weight: bold;
	text-decoration: none;
	color:#5b5b5b;}
#content h1 a:hover {
	text-decoration: underline;
	color: #5b5b5b;}
#content h1 a:active {
	text-decoration: underline;
	color: #5b5b5b;}
	

#content h2 a:link, #content h2 a:visited{
	font-weight:  normal;
	text-decoration: none;
	color:#86703b;}
#content h2 a:hover {
	text-decoration: underline;
	color: #bc9d53;}
#content h2 a:active {
	text-decoration: underline;
	color: #bc9d53;}	

#content h3 a.toggle:link, #content h3 a.toggle:visited, #content h3 a.toggle{
	text-decoration: none;
	color: #232323;}
	
#content h3 a:hover.toggle {
	text-decoration: underline;
	color: #656565;}
	
#content h3 a:active.toggle {
	text-decoration: none;
	color: #232323;}
	


#content h4 a.toggle:link, #content  h4 a.toggle:visited, #content h4 a.toggle{
	display: block;
	
	text-decoration: none;
	color: #232323;
	font-weight: normal;}
	
#content h4 a:hover.toggle {
	text-decoration: none;
	color: #656565;}
	
#content h4 a:active.toggle {
	text-decoration: none;
	color: #232323;}
	
	
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Graphic Buttons <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/





/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Image Styles <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

img {
	background: none;
	border: none;}
	
.thumb2px {
	background: none;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0px;}
.thumb4px {
	background: none;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	margin: 0px;}	
.thumb_left {
	display: block; float: left; margin: 0px 10px 10px 0px;
	background: none;
	border-color: #757575;
	border-style: solid;
	border-width: 2px;
	padding: 0px;}