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

/**Start Reset*********************************/

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,
b, u, i, center,
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-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**End Reset*********************************/

body {
	background: #fff url(/Images/new/bkgd-blue.gif) top left repeat;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	/* font-family:Verdana, Geneva, sans-serif;*/ 
	font-size:12px;
	color:#333;
}


.png {	behavior: url(iepngfix.htc);}

a {color:#1c5b9c; text-decoration:none; cursor:pointer; cursor:hand; }
a:hover {color:#0564c5;}
a.line {text-decoration:underline;}

#container {
	background:url(/Images/new/bkgdoverlay.png) top left repeat-x;
	behavior: url(iepngfix.htc);
	width:100%;
}
#header {
	width:960px;
	margin:0 auto;
	height:495px;
	position:relative;
}
#header h1 {
	width:240px;
	height:40px;
	text-indent:-9999px;
	background:url(/Images/new/david-walker.png) top left no-repeat;
	behavior: url(iepngfix.htc);
	position:absolute;
	left: 86px;
	top: 28px;
}
	
#social {
	width:150px;
	height:205px;
	overflow:hidden;
	position:absolute;
	top:241px;
	right:-24px;
}
#social a {
	width:150px;
	display:block;
	text-indent:-9999px;
	background:url(/Images/new/socialIcons.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	behavior: url(iepngfix.htc);
	height:51px;
}
#social a.facebook { height:52px; background-position:0px 0px;}
#social a.twitter {background-position:0px -52px;}
#social a.myspace {background-position:0px -103px;}
#social a.itunes {background-position:0px -154px;}
#social a:hover.facebook { height:52px; background-position:-150px 0px;}
#social a:hover.twitter {background-position:-150px -52px;}
#social a:hover.myspace {background-position:-150px -103px;}
#social a:hover.itunes {background-position:-150px -154px;}
#navbar {
	width:960px;
	height:83px;
	overflow:hidden;
	margin:0 auto;
	background:url(/Images/new/bkgdNav-83.jpg);
}
#navbar a {
	float:left;
	background:url(/Images/new/nav.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	height:83px;
	overflow:hidden;
}
#navbar a.home {margin-left:60px; width:73px; background-position:0px 0px;}
#navbar a.about {width:74px; background-position:-73px 0px;}
#navbar a.products {width:95px; background-position:-147px 0px;}
#navbar a.links {width:66px; background-position:-242px 0px;}
#navbar a.chords {width:136px; background-position:-308px 0px;}
#navbar a.schedule {width:96px; background-position:-444px 0px;}
#navbar a.contact {width:150px; background-position:-540px 0px;}
#navbar a.promo {width:117px; background-position:-690px 0px;}

#navbar a:hover.home, #navbar a.homeon {margin-left:60px; width:73px; background-position:0px -83px;}
#navbar a:hover.about, #navbar a.abouton {width:74px; background-position:-73px -83px;}
#navbar a:hover.products, #navbar a.productson {width:95px; background-position:-147px -83px;}
#navbar a:hover.links, #navbar a.linkson {width:66px; background-position:-242px -83px;}
#navbar a:hover.chords, #navbar a.chordson {width:136px; background-position:-308px -83px;}
#navbar a:hover.schedule, #navbar a.scheduleon {width:96px; background-position:-444px -83px;}
#navbar a:hover.contact, #navbar a.contacton {width:150px; background-position:-540px -83px;}
#navbar a:hover.promo, #navbar a.promoon {width:117px; background-position:-690px -83px;}

#content {
	width:960px;
	margin:0 auto;
	background:#fff;
	position:relative;
}

#homeText {
	float:left;
	width:470px;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0 0 60px;
}
#homeText p {
margin:10px 0px;
line-height:18px;
}
#homeText p.Welcome {
font-size:18px;
margin:10px 0;
color:#333
}



.indent {
	margin:10px 0 10px 40px;
}

.mainLeft {
	width:690px;
	float:left;
	margin:50px 0 0 20px;
}
.mainRight {
	width:210px;
	float:right;
	margin:50px 10px 0 0;
}

.titlehead {
font-size:18px;
margin:10px 0;
color:#333;
font-weight:normal;
}


/* tweeeeeeeet */
.rightTweet {
	width:300px;
	float:right;
	margin-right:20px;
}

#tweetSideTop {
	width:300px;
	height:100px;
	overflow:auto;
	position:relative;
	background:url(/Images/new/twitterSideTop.gif) top left no-repeat;
	}
	#tweetSideTop p.who {
	position:absolute;
	top:30px;
	left:73px;
	font-size:15px;
	}
	
 #tweetSide p.twitterMessage {
	width:260px;
	text-align:left;
	font-size:12px;
	color:#222;
	line-height:15px;
	margin:0px auto;
	}
	#tweetSide p.twitterMessage span {
		color:#93a445;
	}
	
#tweetSideBottom {
	position:relative;
	width:300px;
	height:94px;
	background:url(/Images/new/twitterSideBottom.gif) top left no-repeat;
}
#tweetSideBottom a.followLink {
	position:absolute;
	top:25px;
	right:37px;
	width:240px;
	height:30px;
	text-align:right;
	font-size:75%;
	display:block;
	color:#fff;
	text-decoration:underline;
	}



/* contact form */

#contact {
}

#contact .label {
	width:170px;
	font-size:13px;
	color:#555;
	font-weight:bold;
	padding:15px 10px 10px 0;
	text-align:right;
	float:left;
}
#contact .form {
	width:360px;
	text-align:left;
	margin-left:10px;
	float:left;
}
#contact input {
	border:2px solid #777;
	color:#444444;
	font-size:14px;
	margin:5px 0 0;
	padding:6px;
	width:350px;
	background:#fff url(/Images/bkgdform.gif) top left repeat-x;
}
#contact textarea#comments {
	border:2px solid #777;
	color:#444444;
	margin:5px 0 0;
	padding:3px;
	width:355px;
	height:250px;
	overflow:auto;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	line-height:22px;
	font-size:14px;
}
#contact input:focus, #contact textarea:focus {
	background:url(/images/gfxFocus.gif) top left repeat-x;
}
#contact .button {
	border:0px;
	width:auto;
	background:none;
	margin-right:0px;
	}
.error {
	color:#C00;
	font-weight:bold;
	font-size:13px;
}

span.obfuscate {
direction:rtl;
unicode-bidi:bidi-override;
}

#newsletter a {
	width:200px;
	height:125px;
	background:url(../images/emailSignup.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
}
#newsletter a:hover {
	background-position: 0px -125px;
}





#footer {
	background:url(/Images/new/bkgdFooterCap.png) top left no-repeat;
	width:960px;
	height:200px;
	margin:0px auto;
	padding:0;
	font-size:12px;
	line-height:19px;
	color:#999;
}
#footer a {	color:#EEECDF; }
#footer a:hover { color:#fff; }
	
#footer p {
	padding:60px 0 0 50px;
	margin-bottom:12px;
}



#forms input {width:350px;  border:1px solid #666; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:9px 5px;}
#forms textarea {width:350px; height:225px; border:1px solid #666; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding: 9px 5px;}
#forms input.button {width:150px; padding:8px 15px; background:#366; color:#ffffff; border:1px solid #333; font-size:13px;}

#contactTable td {padding:5px;}

/**** clears and spacers *****/
.dottedRule { height:0px; border-bottom:1px dotted #ccc;}
.clear0 {clear:both; height:0px; overflow:hidden;}
.clear5 {clear:both; height:5px; overflow:hidden;}
.clear10 {clear:both; height:10px; overflow:hidden;}
.clear15 {clear:both; height:15px; overflow:hidden;}
.clear20 {clear:both; height:20px; overflow:hidden;}
.clear50 {clear:both; height:50px; overflow:hidden;}
.clear75 {clear:both; height:75px; overflow:hidden;}
.clear100 {clear:both; height:100px; overflow:hidden;}