@charset "UTF-8";

body {
	margin: 18px 0 0 0;
	padding: 0;
	background: url(../images/body_bg2.jpg) top center no-repeat #0b70ca fixed;
}
body, td {
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .81em;
	text-align: left;
}


h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, table, div { padding: 0; margin: 0; }

ul, ol { list-style-type: none; }

a span { display: none; }

.clear { font-size: 0px; height: 0px; clear: both; }

p { line-height: 1.3em; margin-bottom: 1em; }

p a, li a, td a { color: #20a4ff; text-decoration: underline; }
p a:hover, li a:hover, td a:hover { color: #f8981d; }

.left { float: left; }
.right { float: right; }


/* TOP HEADER ====================================================== */
#top {
	width: 916px;
	height: 192px;
	background: url(../images/header.png) top left no-repeat;
	margin: 0 auto;
}

/* CONTAINERS ====================================================== */
#main_wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 8px;
	background: url(../images/content_vtile.png) center repeat-y;
}
#content {
	width: 660px;
	padding: 10px;
	margin-left: 5px;
}
#sidebar {
	width: 210px;	
}

/* MAIN NAV ======================================================== */
#main_nav {
	height: 42px;
	width: 900px;
	background: url(../images/navbg.png) top repeat-x;
	border-bottom: 5px solid #fff;
}
#main_nav li {
	float: left;
	margin-right: 12px;
}
#main_nav li, #main_nav li a {
	height: 42px;	
}
#main_nav li a {
	display: block;
	text-decoration: none;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
}
/* home */
#nav1 { margin-left: 16px; }
#nav1, #nav1 a { width: 50px; }
#nav1 a { background-position: -16px 0px; }
#nav1 a:hover { background-position: -16px -42px; }
#nav1 a.active { background-position: -16px -84px; }
/* store */
#nav2, #nav2 a { width: 54px; }
#nav2 a { background-position: -79px 0px; }
#nav2 a:hover { background-position: -79px -42px; }
#nav2 a.active { background-position: -79px -84px; }
/* news/events */
#nav3, #nav3 a { width: 99px; }
#nav3 a { background-position: -145px 0px; }
#nav3 a:hover { background-position: -145px -42px; }
#nav3 a.active { background-position: -145px -84px; }
/* video */
#nav4, #nav4 a { width: 88px; }
#nav4 a { background-position: -259px 0px; }
#nav4 a:hover { background-position: -259px -42px; }
#nav4 a.active { background-position: -259px -84px; }
/* music lessons */
#nav5, #nav5 a { width: 110px; }
#nav5 a { background-position: -359px 0px; }
#nav5 a:hover { background-position: -359px -42px; }
#nav5 a.active { background-position: -359px -84px; }
/* gear heads */
#nav6, #nav6 a { width: 91px; }
#nav6 a { background-position: -482px 0px; }
#nav6 a:hover { background-position: -482px -42px; }
#nav6 a.active { background-position: -482px -84px; }
/* clay's corner */
#nav7, #nav7 a { width: 109px; }
#nav7 a { background-position: -584px 0px; }
#nav7 a:hover { background-position: -584px -42px; }
#nav7 a.active { background-position: -584px -84px; }
/* about oem */
#nav8, #nav8 a { width: 87px; }
#nav8 a { background-position: -704px 0px; }
#nav8 a:hover { background-position: -704px -42px; }
#nav8 a.active { background-position: -704px -84px; }
/* oem school */
#nav9 { margin-right: 0px !important; }
#nav9, #nav9 a { width: 85px; }
#nav9 a { background-position: -802px 0px; }
#nav9 a:hover { background-position: -802px -42px; }
#nav9 a.active { background-position: -802px -84px; }

/* SUB NAVS ======================================================== */
ul.subnav_menu { 
	display: none;
	position:absolute; 
	z-index:999; 
	overflow-y:hidden; 
	background-color: #f8981d;
}
ul.subnav_menu li {
	border-top: 1px dotted #f7d2a2;
}
ul.subnav_menu li a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding:4px 6px 5px 6px;
	display:block;
	font-weight: bold;
}
ul.subnav_menu li a:hover {
	background-color: #20a4ff;
}

/* FOOTER ======================================================== */
#footer {
	width: 916px;
	margin: 0 auto;
	padding-top: 48px;
	padding-bottom: 20px;
	background: url(../images/footer.png) top left no-repeat;
}
#footer p {
	font-size: 11px;
}
#footer p.nav {
	color: #3589d3;
	float: left;
	padding-left: 10px;
}
#footer p.nav a {
	color: #b0dffb;
	text-decoration: none;
}
#footer p.nav a:hover { color: #fff; text-decoration: underline; }
#footer p.copyright {	
	color: #b0dffb;
	float: right;
	padding-right: 10px;
}


/* SIDEBAR ======================================================== */
#sidebar {
	background: url(../images/sidebar-bg.png) top left repeat-x;	
}

/* site search */
#sidebar .search {
	background: url(../images/sidebar-search-bg.png) top left no-repeat;
	height: 33px;
	width: 190px;
	margin: 10px;
}
#sidebar .search form { float: left; }
#sidebar .search input {
	background: none;
	border: none;
	width: 140px;
	height: 26px;
	margin: 2px 0 0 6px;
}
#sidebar .search-btn {
	float: right;	
}
#sidebar .search-btn a {
	display: block;
	text-decoration: none;
	width: 38px;
	height: 33px;
	background-image: url(../images/sidebar-search-btn.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#sidebar .search-btn a:hover { background-position: 0px -33px; }

/* rss subscribe */
.rss-subscribe { clear: both; margin: 0 0 0 12px; }
.rss-subscribe a {
	display: block;
	width: 172px;
	height: 16px;
	text-decoration: none;
	background-image: url(../images/sidebar-rss-subscribe.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.rss-subscribe a:hover {
	background-position: 0px -16px;	
}

/* music player feature */
#sidebar .music-player { margin-bottom: 10px; }
#sidebar .music-player a {
	display: block;
	width: 210px;
	height: 208px;
	text-decoration: none;
	background: url(../images/sidebar-music-player.jpg) top left no-repeat;
}

/* embedded video */
#sidebar .sidebar-video { margin-left: 8px;	}
#sidebar .sidebar-video div { width: 190px; border: 2px solid #20a4ff; }
#sidebar .sidebar-video h6 { font-size: 14px; color: #42ccff; padding: 4px 0; }
#sidebar .sidebar-video p { font-size: 11px; }
#sidebar .sidebar-video p a { text-decoration: none; color: #fff; }
#sidebar .sidebar-video p a:hover { text-decoration: underline; }

/* oem school feature */
#sidebar .oem-school a {
	margin-left: 10px;
	display: block;
	width: 190px;
	height: 66px;
	text-decoration: none;
	background: url(../images/sidebar-oemschool.png) top left no-repeat;	
}

/* facebook link */
#sidebar .facebook { margin-bottom: 5px; }
#sidebar .facebook a {
	margin-left: 10px;
	display: block;
	width: 190px;
	height: 32px;
	text-decoration: none;
	background: url(../images/sidebar-facebook.png) top left no-repeat;	
}

/* twitter link */
#sidebar .twitter { margin-bottom: 15px; }
#sidebar .twitter a {
	margin-left: 10px;
	display: block;
	width: 190px;
	height: 32px;
	text-decoration: none;
	background: url(../images/sidebar-twitter.png) top left no-repeat;	
}

#sidebar .tip_of_week { background: url(../images/sidebar-tip-of-week-vtile.png) left repeat-y; width: 190px; margin-left: 10px; margin-bottom: 10px; }
#sidebar .tip_of_week h3 { width: 190px; height: 35px; background: url(../images/sidebar-tip-of-week-head.png) top left no-repeat; }
#sidebar .tip_of_week h3 span { display: none; }
#sidebar .tip_of_week p { padding: 2px 10px; margin: 0px; color: #fff; font-size: 12px; font-style: italic; }
#sidebar .tip_of_week div.btm { width: 190px; height: 8px; overflow: hidden; background: url(../images/sidebar-tip-of-week-btm.png) bottom left no-repeat; }

#shopping_cart_alert {
	background: url(../images/shop-cart-alert-bg.png) top left no-repeat;
	width: 900px;
	height: 34px;
	cursor: pointer;
	margin: 0px auto;
}
#shopping_cart_alert p { color: #fff; padding: 9px 0 0 10px !important; }
#shopping_cart_alert a { color: #333; }