/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	background:url(images/bg_body.jpg);
	font: 62.5%/120% Arial, Helvetica, sans-serif;
	color: #3d3d3d; 
	text-align: center; 
	margin: 20px 0px;
}
#wrapper {
	text-align: left;
	background:url(images/bg_main.gif) repeat-y;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

/*  @@@@@[  Navigation  ]@@@@@ */
#nav_in {
	width: 920px;
	height: 26px;
	padding-bottom: 5px;
	padding-top: 5px;
	background:url(images/bg_navin.gif) no-repeat;
	float:left;
}

#nav_sec {
	width: 920px;
	height: 26px;
	padding-bottom: 5px;
	padding-top: 5px;
	background:url(images/bg_navsec.gif) no-repeat;
	float:left;
}
.shop #nav_sec {
	background:url(images/bg_navsec_shop.gif) no-repeat;
}
.full #nav_sec {
	background:url(images/bg_navsec_full.gif) no-repeat;
}

/*  @@@@@[  Sub Nav  ]@@@@@ */
/* Note that there are styles applied to all "a" tags in .subnav (such as display: block) and then specific styles for "a" tags in .sub1 */

#subnav {
	width: 196px;
	background-color:#d3e9ea;
	padding-bottom: 20px;
}
#subnav a:link, #subnav a:active, #subnav a:visited, #subnav a:hover {
display:block;
}

/***** LEVEL 1 (Root Level) *****/
#subnav div.NavLevel1 {}
#subnav div.NavLevel1 a:link, #subnav div.NavLevel1 a:active, #subnav div.NavLevel1 a:visited {}
#subnav div.NavLevel1 a:hover {}
/*ON*/
#subnav div.NavLevel1On {}
#subnav div.NavLevel1On a:link, #subnav div.NavLevel1On a:active, #subnav div.NavLevel1On a:visited {}
#subnav div.NavLevel1On a:hover {}

/***** LEVEL 2 *****/
#subnav div.NavLevel2 {}
#subnav div.NavLevel2 a:link, #subnav div.NavLevel2 a:active, #subnav div.NavLevel2 a:visited {
	font-size: 14px;
	color: #4f9896;
	text-decoration: none;
	color: #4f9896;
	padding: 5px 10px 5px 30px;
	font-weight: bold;
}
#subnav div.NavLevel2 a:hover {
	color: #8f6d02;
}
/*ON*/
#subnav div.NavLevel2On {}
#subnav div.NavLevel2On a:link, #subnav div.NavLevel2On a:active, #subnav div.NavLevel2On a:visited {
	font-size: 14px;
	color: #4f9896;
	text-decoration: none;
	color: #4f9896;
	padding: 5px 10px 5px 30px;
	font-weight: bold;
	background: #B7DBDB;
}
#subnav div.NavLevel2On a:hover {
	color: #8f6d02;
}

/***** LEVEL 3 *****/
#subnav div.NavLevel3 {}
#subnav div.NavLevel3 a:link, #subnav div.NavLevel3 a:active, #subnav div.NavLevel3 a:visited {
	font-size: 12px;
	color:#434444;
	padding: 3px 10px 3px 40px;
	text-decoration: none;
	color: #434444;
	background: url(images/sub_bullet.gif) no-repeat 30px 6px;
}
#subnav div.NavLevel3 a:hover {
	color: #8f6d02;
}
/*ON*/
#subnav div.NavLevel3On {}
#subnav div.NavLevel3On a:link, #subnav div.NavLevel3On a:active, #subnav div.NavLevel3On a:visited {
	font-size: 12px;
	color:#434444;
	padding: 3px 10px 3px 40px;
	text-decoration: none;
	color: #434444;
	background: #B7DBDB url(images/sub_bullet.gif) no-repeat 30px 6px;
}
#subnav div.NavLevel3On a:hover {
	color: #8f6d02;
}

/***** LEVEL 4 *****/
#subnav div.NavLevel4 {}
#subnav div.NavLevel4 a:link, #subnav div.NavLevel4 a:active, #subnav div.NavLevel4 a:visited {
	font-size: 12px;
	color:#434444;
	padding: 3px 10px 3px 50px;
	text-decoration: none;
	color: #434444;
	background: url(images/sub_bullet.gif) no-repeat 40px 6px;
}
#subnav div.NavLevel4 a:hover {
	color: #8f6d02;
}
/*ON*/
#subnav div.NavLevel4On {}
#subnav div.NavLevel4On a:link, #subnav div.NavLevel4On a:active, #subnav div.NavLevel4On a:visited {
	font-size: 12px;
	color:#434444;
	padding: 3px 10px 3px 50px;
	text-decoration: none;
	color: #434444;
	background: #B7DBDB url(images/sub_bullet.gif) no-repeat 40px 6px;
}
#subnav div.NavLevel4On a:hover {
	color: #8f6d02;
}






#subnav h1 {
	margin: 0px 0px 5px;
	font-size: 1.7em;
	padding-left: 31px;
	border-bottom:solid 1px #FFFFFF;
	padding-bottom: 8px;
	line-height: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;
}



/* @@@@@[  Header / Footer  ]@@@@@ */

#header {
	background:url(images/bg_top.gif) no-repeat top;
	width: 920px;
	height: 103px;
	padding-top: 16px;
}
#logo {
	padding-left: 23px;
	padding-bottom: 15px;
	float:left;
	width: 232px;
}
#shop_nav {
	float:right;
	padding-right: 32px;
	padding-left: 22px;
	padding-top:3px;
	margin-top: 16px;
	font-size: 1.2em;
	height: 23px;
}
#shop_nav a:link, #shop_nav a:visited, #shop_nav a:active {
	color:#000000;
	text-decoration: none;
} 
#shop_nav a:hover {
	color: #65c7c6; 
	text-decoration: none;
}
#footer {
	color: #000000;
	clear: both;
	padding: 10px 5px;
	margin: 0px auto;
	text-align:left;
	width: 910px;
	font-size:1.1em;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #000000; 
	text-decoration: none;
}
#footer a:hover {
	color: #000000; 
	text-decoration: underline;
}
#footer .seo a:link, #footer .seo a:visited, #footer .seo a:active, #footer .seo a:hover {
	color: #000000; 
	text-decoration: none;
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;	color: #000000;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}
#gravitate {
	float:right;
	text-align:right;
}
/* @@@@@[  Index Page  ]@@@@@ */
#main_in {
	width: 920px;
	background:url(images/bg_botin.jpg) no-repeat bottom;
}
#content_in {
	width: 558px;
	background:url(images/bg_index.jpg) no-repeat left bottom;
	padding-left: 351px;
	padding-right: 11px;
}
#text_in {
	padding-left: 90px;
	padding-top: 38px;
	width: 375px;
	padding-bottom: 35px;
}
#text_in p {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	padding-left: 20px;
}
.col_in {
	width: 271px;
	background:url(images/bg_col.gif) repeat-y left;
	padding-right: 8px;
	float:left;
	margin-bottom: 30px;
}
.title_col {
	float:left;
	width:36px;
	padding-left: 7px;
}
.col_in_text {
	float:left;
	width: 218px;
	padding-right: 5px;
	padding-left: 5px;
}
.col_in_text div {
	float:left;
	width: 110px;
	padding-top: 20px;
}
.col_in_text p {
	font-size:1.3em;
	line-height: 1.6em;
	padding-right: 10px;
	margin: 0px;
	padding-bottom: 6px;
}
/* @@@@@[  Secondary Page  ]@@@@@ */
#main {
	width: 920px;
	background:url(images/bg_bot.jpg) no-repeat bottom;
	padding-bottom: 50px;
}
#left_col {
	float:left;
	width: 196px;
	background:url(images/bg_subnav.gif) no-repeat top;
	padding-top: 264px;
	padding-left: 54px;
	padding-right: 52px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#quote {
	width:158px;
	background:url(images/bg_quote.gif) no-repeat;
	padding-left: 38px;
	margin-top: 32px;
	font-size: 1.5em;
	line-height: 22px;
}
#content {
	float: left;
	width: 506px;
	font-size: 1.1em;
	line-height: 1.6em;
	background:url(images/bg_content_sec.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top: 44px;
	padding-right: 112px;
}
#content ul {
	margin: 0px 0px 15px 30px;
	padding: 0px;
}

#content li {
	background: url(images/bullet.gif) no-repeat 0px 11px;
	list-style: none;
	padding-left: 13px;
	line-height: 1.3em;
	padding-top: 5px;
}
#content a.seo:visited, #content a.seo:active, #content a.seo:link {
	text-decoration: none;	color: #666;
}
#content a.seo:hover {
	text-decoration: none; cursor: text; color: #666;
}
.shop #content {
	float: left;
	width: 556px;
	background:url(none);
	padding-top: 44px;
	padding-right: 62px;
}
.full #content {
	float: left;
	width: 796px;
	background:url(none);
	padding-top: 30px;
	padding-right: 62px;
	padding-left: 62px;
}
#column {
	float: left;
	width: 200px;
	margin-bottom: 15px;
}
.clrSolo {
	clear: both; 
	font-size: 1px; 
	line-height: 1px; 
	margin: 0px; 
	padding: 0px; 
	visibility: hidden;
}
.text1 {
	font-size:11px;
	line-height:16px;
	padding-top:5px;
}
.title {
	padding-bottom: 12px;
}
.clr {
	clear: both;
}
.botMargin {
	margin-bottom: 13px;
}

/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
a:link, a:visited, a:active {
	color: #4f9896; 
	text-decoration: underline;
}
a:hover {
	color: #8f6d02; 
	text-decoration: none;
	}
h1 {
	font: normal 2em/1.6em Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 13px;
	color: #4F9896;
}
h2 {
	color: #9f832b;
	font-size: 1.6em;
	margin: 0px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom: 8px;
}

h3 {
	font-size:1.1em;
	margin:20px 0px 0px 0px;
	color:#2a706e;
}

p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 13px;
}
blockquote {
	margin: 0px 35px 13px 30px;
	padding: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
img.right {
	margin-bottom: 10px; 
	margin-left: 13px;
}
img.left {
	margin-right: 13px;
}

/* @@@@@[  Form Elements  ]@@@@@ */
input, textarea, select {
	font-size: .9em;
	color: #666;
	background: #fff;
	border: 1px solid #4F9896;
}
input.clean {
	border-style: none; 
	background: none;
}
.search {
	display: inline;
	margin-right: 10px;
}

.pressImages {
	text-align:center;
}

.pressImages img {
	margin:30px 20px 0px 20px;
	border:0px;
}

#content .events h2 {
	margin:25px 0px 0px 0px;
	line-height:normal;
	padding:0px;
}

.imgRight {
	float:right;
	margin:5px 0px 20px 20px;
}

.stores h2 {
	float:left;
	width:230px;
	height:30px;
}

.stores div {
	float:left;
	width:300px;
	height:30px;
	font-weight:bold;
}

.contact h2 {
	float:left;
	width:60px;
	height:30px;
}

.contact div {
	float:left;
	width:400px;
	height:30px;
	font-weight:bold;
}