/* CSS Document */

/*##############################################################
  Eric Meyer's Reset.css (includes Baseline)
##############################################################*/ 

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}


/*##############################################################
  Element Styles
##############################################################*/

h1 {margin: 15px 0 0 25px ; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:48px; color:#fff  }
h3, h4, h5, h6 {margin:20px 0 15px 0; font-weight:bold; font-family:Futura; color:#262626}
h2 { margin-top:10px; padding-top:35px; text-align:center; font-weight:bold; font-family:Futura; clear:both; font-size:22pt ; color: white }
h3 {font-size:18px; font-weight:normal; color: white}
p, ol, dl, {margin:17px 0}
p {text-align:justify}
ul {margin-left:25px}
a {color:#a63c3c; text-decoration:underline; outline:none}
	a:hover {text-decoration:none}

/*##############################################################
  Layout Styles
##############################################################*/


body { font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#333; background-color:#161107  }

#outerwrapper   { margin:auto; background-image: url(../images/background800.jpg); background-repeat: no-repeat }

#wrapper  { margin: auto; margin-top: 50px; background-image: url(../images/wrapper_bg.png); background-repeat: no-repeat }

	#navigation {float:left; margin-top:61px; width:120px; height: 348px; list-style-type:none; background:url(../images/guitar-mastil.png) 50% top no-repeat }
		#navigation li {float:left; margin:0 0 59px 0; width:120px; height:56px; font-size:18px; color:#fff}
			#navigation li a {display:block; height:38px; padding-top:23px; text-align:center; color:#fff; text-decoration:none}
				#navigation li a:hover {color:#62acff; text-decoration:none}
					
	#content {float:left; width:600px; margin-left: 40px;  }

		#intro {float:left; margin:10px; color: #161107}
		
		#content .last_column {margin-right:0}
		
		
		.two_columns {float:left; display:inline; margin-left: 20px; width:250px}
		
		.three_columns {float:left; display:inline; margin-right:30px; width:220px}
			#content .last_column {margin-left: 60px; margin-right:0}
		
		#sidebar_wide {float:right; width:550px}
		
		#sidebar_thin {clear:both; float:left; width:100%}
			#sidebar_thin img {float:left; margin-top:10px}
			#sidebar_thin div {float:right; width:260px}
				#sidebar_thin h3 {margin-top:10px}
		
		#footer {clear:both; padding-top:100px; font-size:.85em}