/**
 * Table of Contents.
 * 1) General Elements
 * 2) Utility Classes
 * 3) Main Layout Structure
 * 4) Widgets and Plugins
 * 5) Page Specific Styles
 * ========================
 * Author: Ethan Gardner - http://www.ethanandjamie.com/
 * Title: Momentum CSS - v1.0
 * License: Creative Commons Attribution 3.0
*/

/**
 * 1) General Elements 
 */
body {
	background:#5D7306 url(../images/siteBg.jpg) 50% 0 no-repeat;
	color:#0d0b12;
	font:62.5% cambria, georgia, times, "times new roman", serif; /* sets font to 10px */
	text-align:center;
}

h1 {}
h2 {color:#000; font-size:24px; font-weight:700; letter-spacing:-.04167em; line-height:1.3333}
h3 {color:#799137; font-size:20px; font-weight:700; letter-spacing:-.05em; line-height:1.6;}
h4 {color:#646367; font-size:16px; font-variant:small-caps; font-weight:400; letter-spacing:.05em; line-height:1.5; text-transform:uppercase;}
h5 {color:#000; font-weight:700;}
h6 {}

ul, ol, dl, p {
	line-height:1.1429;
	margin-bottom:1.1429em;
}

li {line-height: 1.1429;}
li ul {margin:0}

a {
	color:#6474ad;
	text-decoration:underline;
}

a:hover {
	color:#3d5199;
}

abbr {
	border-bottom:1px dotted #ccc;
	cursor:help;
	letter-spacing:1px;
}

strong{font-weight:700;}
em, .amp {font-style:italic;}

/**
 * 2) Utility Classes
 */
.block 	{display:block;}
.clearL	{clear:left;}
.clearR	{clear:right;}
.clear 	{clear:both;}
.floatL	{float:left;}
.floatR	{float:right;}
.floatN	{float:none;}
.hide 	{display:none; visibility:hidden;}
.inline {display:inline;}
.noWrap {white-space:nowrap;}

/* lists */
.circle {list-style:circle;}
ol, .decimal {list-style:decimal outside; padding-left:14px;}
ul, .disc {list-style:disc outside; padding-left:14px;}
li ul, li ol {padding-left: 14px;}
.none {list-style:none outside;}
.square {list-style:square;}

/**
 * 3) Main Layout Structure 
 */
#containerMain {
	background:#fff;
	border:4px solid #272C0C;
	border-top:none;
	font-size:1.4em;
	line-height:1.1429;
	margin:0 auto 32px;
	text-align:left;
	width:952px;
}

#branding {
	background:#08070b url(../images/brandingBg.jpg) no-repeat;
	height:133px;
	position:relative;
}

#logo {
	background:url(../images/western-hills-music.png) no-repeat;
	bottom:0;
	cursor:pointer;
	font-size:16px;
	height:108px;
	left:363px;
	margin:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	width:228px;
	z-index:10;
}

#logo a {
	display:block;
	height:100%;
	width:100%;
	z-index:20;
}

/* navigation */
#navMain {
	background:url(../images/navBg.png) no-repeat;
	bottom:0;
	display:inline;
	float:left;
	left:0;
	list-style:none;
	margin:0 63px;
	padding:0;
	position:absolute;
	width:826px;
}

#navMain li {float:left;}
#navMain li a {display:block; height:58px; text-indent:-9999px;}
#home a {background:url(../images/nav.png) 0 1px no-repeat; width:96px;}
#home a:hover {background-position:0 -57px;}
#home a#active {background-position:0 -115px;}
#lessons a {background:url(../images/nav.png) -95px 1px no-repeat; width:107px;}
#lessons a:hover {background-position: -95px -57px}
#lessons a#active {background-position: -95px -115px;}
#repairs a {background:url(../images/nav.png)  -202px 1px no-repeat; width:210px;}
#repairs a:hover {background-position: -202px -57px}
#repairs a#active {background-position: -202px -115px}
#service a {background:url(../images/nav.png) -409px 1px no-repeat; width:207px;}
#service a:hover {background-position: -409px -57px}
#service a#active {background-position: -409px -115px}
#products a {background:url(../images/nav.png) -619px 1px no-repeat; width:102px;}
#products a:hover {background-position: -619px -57px}
#products a#active {background-position: -619px -115px}
#contact a {background:url(../images/nav.png) -721px 1px no-repeat; width:102px;}
#contact a:hover {background-position: -721px -57px}
#contact a#active {background-position: -721px -115px}

/* content areas */
#contentMain {
	float:left;
	padding:0 0 16px 14px;
	width:602px;
}

#contentAux {
	float:right;
	padding:0 14px 16px 0;
	width:288px;
}

#contentTertiary {
	background:#08070b;
	clear:both;
	color:#fff;
	overflow:hidden;
	width:952px;
}

/* page titles */
.pageTitle {
	overflow:hidden;
	padding:16px 14px;
	position:relative;
}

.pageTitle span, .featured h3 span{
	height:100%;
	position:absolute;
	width:100%;
}

/* main titles */
.pageTitle span {background:#fff url(../images/title-main.png) no-repeat;}
#titleAbout span {background-position:0 0;}
#titleLessons span {background-position:0 -72px;}
#titleRepairs span {background-position:0 -144px;}
#titleService span {background-position:0 -216px;}
#titleProducts span {background-position:0 -288px;}
#titleContact span {background-position:0 -350px;}

/* footer */
#footer {
	background:#08070b url(../images/footerBorder.gif) 50% 8px no-repeat;
	clear:both;
	color:#fff;
	overflow:hidden;
	padding:22px 14px 16px;
	width:924px;
}

/**
 * 4) Widgets and Plugins
 */
.vcard {float:right;}
.vcard div {line-height: 1.1429; text-align:right;}

/*featured content */
.featured {
	float:left;
	padding:8px 6px;
	width: 303px;
}

.featured p {padding:0 8px;}
.featured h3 {height:48px; position:relative; width:303px;}
#lessons-sub span{background:url(../images/subtitle-lessons.png) 50% 0 no-repeat;}
#repairs-sub span{background:url(../images/subtitle-repairs.png) 50% 0 no-repeat;}
#service-sub span{background:url(../images/subtitle-service.png) 50% 0 no-repeat;}

.hours {float: left; list-style:none outside; padding:16px 8px 16px 0; width:140px;}
.address {float: left; list-style:none outside; padding:16px 0;}

/**
 * 5) Page Specific Styles
 */