@charset "UTF-8";
/* CSS Document */

/* The styleSwitch style is not part of the site. It's only for display purposes, giving you the ability to see the different style sheets without having to re-code the page to point to a new CSS file. This can safely be removed
#styleSwitch a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
	margin-right: 10px;
}*/
/* General Site Structure Styles */
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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	background-repeat: repeat-x;
	background-position: top;
}
#container {
	padding: 0px;
	width: 982px;
	position: relative;
	margin: 10px auto 0px;
}
/* Top Navigation */

#topNav {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 300px;
	color: #000000;
	position: absolute;
	left: 455px;
	top: 10px;
}
#topNav ul {
	margin: 0px;
	padding: 0px;
}
#topNav li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}
#topNav a:link, #topNav a:visited {
	text-decoration: none;
	color: #666666;
	margin: 2px 15px;
	padding: 0px 2px 0px 0px;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-variant: normal;
}
#topNav a.active:link, #topNav a.active:visited, #topNav a:hover {
	color: #CC0000;
}

/* Header */

#header {
	background: url(design9/header.jpg) no-repeat left top;
	height: 99px;
	width: 984px;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#header h1 {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
#header h2 {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	left: 255px;
	top: 75px;
	width: 400px;
	margin: 0px;
	padding: 0px;
}
#container #shopHours {
	position: absolute;
	top: 9px;
	right: 0px;
	width: 242px;
	height: 91px;
}
#shopHours p {
	color: #000099;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
}


/* Main Navigation */

#mainNav {
	background: url(design9/nav_bg.jpg) repeat-y left top;
	padding: 0px 0px 0px 40px;
	margin: 0px;
	width: 982px;
	position: relative;
	clear: both;
	height: 32px;
	text-align: center;
}
#nav {
	padding: 0;
	margin: 0px;
	text-align: center;
	
}
#nav li {
	float: left;
	list-style-type: none;
	position: relative;
	margin-top: 8px;
	padding-left:1px;
}
#nav a:link, #nav a:visited {
	margin: 0px 8px;
	text-decoration: none;
	color: #70A0CF;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	padding: 8px 2px;
	height: 15px;
}
#nav a.active:link, #nav a.active:visited, #nav a:hover {
	color: #003366;
}
/* Main Navigation Dropdown Menu */

#nav li ul {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	width:11em;
	background-color:#ffffff;
	top: 22px;
	left: 0px;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}


/* Main Content Area - Home Page */	
#mainContent {
	background: url(design9/home_main1.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 305px;
	width: 982px;
	clear: left;
}
#mainContent #homeContent {
	width: 520px;
	margin-left: 30px;
}
#mainContent #homeContent h2 {
	color: #990000;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing:2px;
}
#mainContent #homeContent p {
	color: #000000;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

/* Bottom Ad Space */
#ads {
	background: url(design9/home_main2.jpg) no-repeat left top;
	height: 153px;
	width: 984px;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#ads #ad01 {
	background: url(design9/ad01.jpg) no-repeat left top;
	padding: 0px;
	float: left;
	height: 128px;
	width: 260px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#ads #ad02 {
	background: url(design9/ad02.jpg) no-repeat left top;
	padding: 0px;
	float: left;
	height: 128px;
	width: 260px;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#ads #ad02 h3 {
	font:bold 15px Arial, Helvetica, sans-serif;
	color: #336699;
	margin: 0px;
	padding: 10px 0px 5px 174px;
}
#ads #ad02 p {
	color: #336699;
	padding: 3px 0px 5px 174px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0px;
}
#ads #ad01 h3 {
	font:bold 15px Arial, Helvetica, sans-serif;
	color: #336699;
	margin: 0px;
	padding: 10px 0px 5px 135px;
}
#ads #ad01 p {
	color: #336699;
	padding: 3px 0px 5px 135px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0px;
	}
#ads a {
	font-weight: bold;
}
/* Sub Navigation */

#subNav {
	height: 88px;
	width: 341px;
	float: right;
	margin: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	left: 29px;
	top: 327px;
}
#subNav h4 {
	background: url(design5/subNavArrow.gif) no-repeat 33px 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 4px 0px 0px;
	padding:10px 0px 0px 0px;
	line-height: 0px;
}
#subNav a {
	color: #336699;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	line-height: 16px;
	font-style: normal;
	font-variant: normal;
	margin: 0px;
	left: 412px;
	top: 508px;
	height: 29px;
}
/* Footer */

#footer {
	clear: left;
	margin-top: 10px;
	background-color: #FFFFFF;
	height: 60px;
	width: 982px;
}
#footer p {
	font: normal 14px/14px Arial, Helvetica, sans-serif;
	word-spacing: 2px;
	letter-spacing: 1px;
	color: #000000;
	padding-top: 25px;
	width: 850px;
	float: left;
}
#footer img {
	float: right;
	margin-top: 10px;
	border: none;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #header h1 {
	visibility: visible;
	font-style: normal;
	font-weight: normal;
	width:410px;
	margin:0;
	padding:20px 0 0 25px;
}
	
	

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/

/* End sIFR */