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

/* RESET CSS ///////////////////////*/

* { margin:0; padding:0; }
html, body, ul, ol, dl,li, p, td, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img { margin:0; padding:0; border:0; }
p, h1, h2, h3, h4, h5, h6, ul, ol, dl { margin-bottom:1em; }
a { outline:none; color:#D48632; text-decoration:none; } a:hover {text-decoration:underline }
html, body { height:100%; }
/* BODY CSS ///////////////////////*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFF;
	background:#208494 url(img/gradient.jpg) repeat-x 0px 120px;
	text-align:center;
}

/* headings */

h1 { color:#FFF; font-size:18px; font-weight:normal; 
font-style:normal; margin:9px 0 }
h1.onwhite { color:#208494}
h2 {  color:#FA963A; font-size:1.1em; margin-top:9px}
h3 { color:#000; font-size:1.0em}
h4 { color:#000; font-size:1.0em}
h5 { color:#000; font-size:1.0em}
h6 { color:#000; font-size:1.0em}

p.closer { padding-bottom:30px !important; }

/* CLEARING CSS /////////////////////// ADD RELEVANT IDS AND CLASSES HERE*/

.clearer:after {
content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; visibility:hidden;
}

/* note: IE fix - careful or avoid further height declarations on these elements */
.clearer {
height:1%;
}
/* legacy */
.clearfloat { clear:both; overflow:auto; font-size:1px; height:1px; visibility:hidden; }

/* IMAGE CSS ///////////////////////*/

p img { padding: 0;	max-width: 100%; }
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;	}
img.alignleft {	padding: 4px;margin: 0 7px 2px 0;display: inline;	}
.alignright {float: right;	} .alignleft {float: left	}

#middle img, #middle-large img,#middle-med img {
	border:1px solid black;
}
#middle img.alignright,#middle-large img.alignright,#middle-med img.alignright {   padding: 0 !important; margin: 4px 4px 6px 11px;	}
#middle img.alignleft,#middle-large img.alignleft,#middle-med img.alignleft {	padding: 0 !important; margin: 4px 11px 6px 4px; 		}

/* IE specific better image scaling */
img { -ms-interpolation-mode: bicubic; }
.nobg { background:none !important; }
/* /////////////////////// END GENERAL STYLESHEET ///////////////////////////////////////////// */
#main { text-align:left;  }
.cbwrap { margin:0 auto; width:984px; text-align:left; }

#cbhead {
width:auto; position:relative;	
}

#topbanad { position:absolute; width:428px; height:60px;  background:#000; top:20px; left:335px;
 overflow:hidden }

#cbhead #userpt {
float:right;
width:300px;
text-align:right;
margin-top:50px;
}
#cbhead #userptmem {
float:right;
width:400px;
text-align:right;
margin-top:30px;
overflow:hidden;
}
#userpt #langdiv {
	margin-bottom:22px;
}


#userpt .langselect {
	background:#343838;
	width:auto;
	border:1px solid #ccc;
	color:#ccc;
	font-size:11px;
	padding:3px;
	text-align:right;
}
#userpt div {
	margin-bottom:9px;
}

#uname { font-size:1em; color:#999; display:block; line-height:1.5em }
.unamelarge { font-size:1.6em !important; }


#logo {
margin-top:20px;
}

/* Navigation */
#nav {
	width:auto;
	background:#06C;
}
#nav ul {
	list-style:none;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	text-decoration:none;
	display:block;
	width:164px;
	line-height:32px;
	text-align:center;
	background:url(img/sprite.png) no-repeat 0px 0px;
	color:#FFF;
	cursor:pointer !important;
}
#nav ul li a:hover {
	background:url(img/sprite.png) no-repeat -640px 0px;
}
#nav ul li.current a {
	background:url(img/sprite.png) no-repeat -360px 0px;
}

/* footer */

#footer,#footer a {
	font-size:11px;
	color:#eee;
}
#footer {
	position:fixed;
	left:0px;
	bottom:0px;
	line-height:26px;
	width:100%;
	padding-bottom:2px;
	 background:#343838;
}
#footer a {	text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.copyright { float:right; margin:0; width:160px; }

#bkmk span { padding-right:12px !important; }
#bkmk a { float:left;width:18px; height:18px; margin:4px 4px 0 0; overflow:hidden; cursor:pointer }
#digg {	background:url(img/sprite.png) no-repeat 0px -70px; }
#delicious { background:url(img/sprite.png) no-repeat 0px -90px; }
#facebook {	background:url(img/sprite.png) no-repeat 0px -110px; }
#stumbleupon {	background:url(img/sprite.png) no-repeat 0px -130px; }
#reddit { background:url(img/sprite.png) no-repeat 0px -150px; }

/* tints */
.tint1 { background:#343838; }
.green { color:#208494 }
.orange { color:#FA963A; }

/* pads */
.pad9 { padding:9px; }

/* zones */
.zone-top { background:#1D6B77; padding:6px 0;  }
.zone-btm { background:#208494; padding:6px 0;  }
.zone-left { float:left; width:180px; height:610px; }
.zone-800i { width:800px;  text-align:left; text-indent:190px; }
.zone-800r { float:right; width:800px; text-align:left  }
.central { width:600px;  text-align:left; margin:0 0 0 200px; padding:9px;}

/* content areas */
.white780  {  width:780px; background:#FFF; color:#212121; padding-bottom:9px; }
.white780 h1  {  color:#06B4CA; font-size:1.4em; }
.white780 h2,.white780 h2 a  {  color:#FA963A; font-weight:bold; font-size:1em; margin:9px 0 0 0; text-decoration:none }
.white780 a  {  color:#212121; font-weight:normal; font-size:1em; margin:9px 0 0 0; text-decoration:underline }

div.xtra { 
	font-size:.9em;
}

.note { font-size:12px; }

/* forms */

.cbform1 { width: 600px; }
.cbform1 .formrow { clear:both; overflow:visible; width: 600px; margin-bottom:9px;  }
.cbform1 .formrow-inset { clear:both; overflow:visible;width: 600px; margin:0 0 9px 130px;  }
.cbform1 label { display:block; width:120px; float:left; margin-right:10px;  text-align:right;color:#FA963A;  }
.cbform1 input,.cbform1 textarea { width:360px; border:1px solid #FA963A; background:none; color:#FFF; font-size:14px; line-height:14px; padding:4px;}
.cbform1 textarea { }

.cbform1 .xtralink { margin:60px 0 0 130px; }

.cbform1 .frm-small { width:180px;  }

/* buttons */
.btn {
	background:#343838  !important;
	width:80px  !important;
	border:1px solid #ccc  !important;
	color:#ccc  !important;
	font-size:13px  !important;
	padding:3px  !important;
	cursor:pointer !important;
}
.btn:hover {
	background:#393C3C  !important;
	color:#FFF  !important;
}
.btnmed { width:120px !important; }
.btnwide { width:180px !important; }

.error { padding:4px; background:#FC0; color:#000; margin-bottom:9px; }

/* flash containers */
.flash780500 {  width:780px; height:500px; overflow:hidden; background:#FFF; }
.flash780520 {  width:780px; height:520px; overflow:hidden; background:#FFF; }
.flash780400 {  width:780px; height:400px; overflow:hidden; background:#FFF; }
.flash780300 {  width:780px; height:300px; overflow:hidden; background:#FFF; }

/* other containers */
.content780 {  width:780px; background:#FFF; }

/* guitar tuner */
.guitar_tuner {  color:#000; width:780px; height:400px; overflow:hidden; background:#FFF url(img/guitar/tuner.png) no-repeat; position:relative }
.guitar_tuner div { position:absolute;  width:200px; height:50px; border:1px solid red }
.guitar_tuner .s1 { top:190px; left:532px; }
.guitar_tuner .s2 { top:116px; left:532px; }
.guitar_tuner .s3 { top:44px; left:532px;}
.guitar_tuner .s4 { top:44px; left:20px; }
.guitar_tuner .s5 { top:116px; left:20px; }
.guitar_tuner .s6 { top:190px; left:20px; }

div.youtube { margin:0 0 24px 0 }
div.youtube .vid { width:425px; height:344px; background:#eee }

.column {
	 padding:20px;
	 background:#eee;
	 color:#000;
}
.column  h3{
	 margin: 19px 0 4px 0;
}
.column  a{
	 text-decoration:underline;
}


.scaledescr h3 {
	margin:12px 0 4px 0;
	text-transform:capitalize;
}