/* CSS Document */
html { background-color: #FFF; overflow-y: scroll;} 
body {font: 100% 'robotolight', Arial, Helvetica, sans-serif; color: #180000; ; line-height:1.9em; margin : 0 0 0 0;}

#boxer {background-color:#F0F0F0 ; margin-top:-14px; width:100%; height:90px; -moz-box-shadow:0px 0px 0px 0px #A0A0A0 ; -webkit-box-shadow:0px 0px 0px 0px #A0A0A0; box-shadow: 0 0 0px 0px #A0A0A0 ; margin-bottom:5px; position: fixed;  top: 0; z-index:1000; opacity:0.9; filter:alpha(opacity=90); }

#navholder { margin-left: auto; margin-right: auto; max-width: 950px;padding-top:12px; margin-bottom:5px; margin-top:7px; position:relative; z-index:1000; height: 55px;}

#container {margin-left: 15px; background-color:#FFFFFF;   margin-top:40px;}

#container2 {width:750px; margin-left: auto;margin-right: auto; background-color:#FFFFFF;padding:10px; height:1200px;}
#containercourses { margin-top: 5px; padding-top: 1px;}

.bshow {height: 25px;}
.bshow a {color: #FFF; font-size:14px; letter-spacing:.1em;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
.bshow a:hover {color:#b9b7ca; text-decoration:none; }

#lesson {margin-left: auto; margin-right: auto; max-width: 950px; display:block; clear:both; margin-top:-8px; color:#555 ;}

#lessontoo {width:935px; margin-left:0px; clear:both; margin-top:15px; color:#555 ; }
#navvers {display:block; clear:both; margin-top:20px; margin-bottom:20px;}

#vidbers {margin:10px 10px 20px 5px; width:770px; height:435px; display:block;}
.vidbox {float:left; vertical-align: middle; margin-right: 12px; margin-bottom:5px; clear:both;}
.vidboxer {float:left; vertical-align: top; margin-right: 12px; margin-bottom:5px;}

#zbase {display:block; clear:both; margin:12px 0px 20px 0px; font-size:90%; color: #000;}	
#zbasetoo {display:block; clear:both; margin:12px 0px 20px 0px; font-size:90%;}	
#zbase a {font-weight:normal; color:#000}	
#zbase a:hover {font-weight:normal; color:#282828;}	

.p3777 {margin-left:0px; padding:2px 0px 2px 6px; line-height:1.6em; max-width:900px; font-size:16px;} 
.ptargets {margin-left:13px; padding: 3px 3px 3px 0px; line-height:1.5em; color:#333; font-size:16px; max-width:890px; }
.praxissubs {color: #39374b; letter-spacing:.2em; font-size:1.5em; margin-left:5px; margin-top:10px; clear:both;} 
.praxissubstwo {color: #39374b; letter-spacing:.2em; font-size:1.2em; margin-left:5px; margin-top:10px; clear:both;}
.praxissubss {color: #666; letter-spacing:.2em; font-size:1.1em; margin-left:0px; margin-top:20px; clear:both;text-transform:uppercase;}


#feet a {color:#888888 ;}
#feet a:hover {color:#404040;}

#logout a {color:#E0E0E0;}
#logout a:hover {color:#FFF; text-decoration: none;}

.nucleus a, a:visited {color:#FFF; font-weight: bold;}
.nucleus a:hover {color:#666; text-decoration: none;}

.nucmain a {color:#FFF; font-size:1.65em; font-weight: bold; text-decoration: none; decoration: none; }
.nucmain a:hover {color:#70c6e7; text-decoration: none;}
.nucmain a:visited { color: inherit;}

.iadboxes { clear:both; width:855px; height:100%; margin:16px 3px 20px -9px; padding:5px 15px 5px 5px; border:0px solid #282828 ; -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;}

.snowbox {margin-left:6px; line-height:1.6em;font-size:18px; margin-bottom:10px; color:#000; padding:10px;background-color:snow; border:thin; border-color:#666; border-style:dotted; font-style:italic; width:860px;}

.boxgrid {float:left; background-color:#FFF; width:190px; height:100px; margin:5px 12px 5px 0px; padding:5px; border: 1px solid #666; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.lilboxes {float:left; width:276px; height:100px; margin:5px 0px 5px 3px; padding:5px; border: 1px solid #666; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.lilboxesyes {float:left; width:840px; height:100%; margin:5px 0px 5px 3px; padding:10px; border: 1px solid #666; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.vaultbox {float:left; width:920px; height:100%; margin:5px 0px 5px 0px; padding:3px 7px 3px 7px; border: 0px solid #1a112c; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.vaultboxby {float:left; width:920px; background-color: #FFF; height:100%; margin:5px 0px 5px 3px; padding:5px; border: 6px solid #0f0a1a; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.vaultboxhome {float:left; width:880px; color: white; background-color: #0f0a1a; height:100%; margin:5px 0px 5px 3px; padding:10px; border: 6px solid #1a112c; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.vaultboxbyhome {float:left; width:880px; background-color: #FFF; height:100%; margin:5px 0px 5px 3px; padding:10px; border: 0px solid #0f0a1a; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.vaultboxer {float:left; width:440px; height:100%; margin:5px 0px 5px 3px; padding:5px; border: 0px solid #666; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.circuitboxes {float:left; width:400px; height:285px; margin:5px 3px 5px 3px; padding:5px 15px 5px 5px; border: 1px solid #666; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.circuitboxeshub {float:left; width:400px; height:235px; margin:5px 3px 5px 3px; padding:5px 15px 5px 5px; border: 1px solid #666; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.videos {width:857px; height:22px; background-color:#39374b; font-size:10px; color:white ; margin:5px 0px 5px 3px; padding:0px 5px 3px 5px; border: 1px solid #666;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; vertical-align:middle;}

.videoby {background-color:#FFF; padding:2px 4px 2px 4px; font-size:12px; font-weight:bold; border: 1px solid #666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.videoby a {color:#333;}

.videoby a:hover {color:#30d9ff; text-decoration: none;}

.videos a {color:#FFFFFF;}
.videos a:hover {color:#F8F8F8;}
.videos a:visited {color:#FFFFFF;}

.videosvh {width:680px; height:22px; background-color:#39374b; font-size:10px; color:white ; margin:5px 0px 5px 3px; padding:0px 5px 3px 5px; border: 1px solid #666;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; vertical-align:middle;}
.videosvh a {color:#FFFFFF;}
.videosvh a:hover {color:#F8F8F8;}
.videosvh a:visited {color:#FFFFFF;}

a { text-decoration: none; color: #7fa2c5;  }
a:visited {color:#7fa2c5; }
a:hover {color:#298ae6;}
a:active {	color: #000000;	}

.light a { text-decoration: none; color: #FFF; font-weight:600;  }
.light a:visited {color:#FFF; text-decoration: none;}
.light a:hover {color:#CCC; text-decoration: none;}
.light a:active {	color: #999;	text-decoration: none;}


.olda {text-decoration: none;color: #036; font-weight:bold;  }
.oldahover {color:#6699CC; border-bottom: 1px #6699CC dotted;}
img {border: none; max-width: 100%; height:auto;}
img a {border: 0;}

h1 {font-size : 18px;color: #333333;}
h2 {font-size : 17px;color: #333333;}
h3 {font-size : 16px;color: #333333;}
h4 {font-size : 17px;color: #333333;}
h5 {font-size : 16px;color: #333333;}
h6 {font-size:13px;}

#overlocker {float:left; margin-top:1px; margin-left:5px; margin-bottom:4px; clear:both;} /*-- currents hub and new --*/
#overnow {float:left; margin-top:10px; margin-left:5px; margin-bottom:10px;} /*-- currents hub and new --*/

#overlockertwo {float:left; margin-top:5px; margin-left:4px; margin-bottom:5px; clear:both;}/*-- the vault --*/
#overlockersolo {float:left; margin-top:10px; margin-left:5px; margin-bottom:4px;clear:both;}
.logos {letter-spacing:.3em; font-size:24px; margin-top:8px; font-weight:700; padding:5px 0px 0px 0px;}
.logosold {letter-spacing:.3em; font-size:27px; margin-top:8px; text-transform:uppercase;font-family: 'Overlock', cursive;font-weight:700; padding:5px 0px 0px 0px;}

.bigbold {letter-spacing:.2em; font-size:18px; font-weight:bold;}

.targets {color: #39374b; letter-spacing:.4em; font-size:1.8em; margin-left:5px; margin-top:10px; clear:both;} 

.systemshead {color: #39374b; letter-spacing:.5em; font-size:1.4em; margin-left:5px; margin-top:10px; clear:both; text-align:center;} 

.p3715 {margin-left:6px;padding:7px 1px 7px 0px; line-height:1.6em; max-width:880px; font-size:16px;} 

.p3def {margin-left:6px; padding:2px 0px 2px 0px; line-height:1.5em; font-size:14px;}

.phome {margin-left:6px; padding:2px 0px 2px 0px; line-height:1.6em; font-size:15px; color:#383838; letter-spacing: .2em;} 

.p3778 {margin-left:15px;padding:2px 0px 2px 0px; line-height:1.6em; max-width:840px; font-size:16px; color:#282828;} 
.p3888 {margin-left:13px; padding:2px 0px 2px 0px; line-height:1.6em; max-width:880px; font-size:18px;} 

.p3716 {margin-left:4px; padding:7px 1px 7px 0px; line-height:1.6em; width:855px;}

.good {color: #722f22; letter-spacing:.5em; font-size:1.2em; margin-left:6px; margin-top:10px; clear:both;}

.less {margin-left:6px;padding:1px 1px 1px 0px; line-height:1.6em;} 
.evenless {float:left; margin: 10px 12px 10px 10px; padding-top:20px;} 
.tabbox {margin: 0px 20px 0px 6px;} 

.back {clear:left; display:block; margin: 10px 0px 10px 7px; line-height:1em; font-size:11px;}
.p3111 {margin-left:12px; padding: 3px 3px 3px 3px; line-height:1.5em; color:#333;}
#bolda a { font-weight:bold;}
#notbolda a { font-weight:normal;}
.notboldab a { font-weight:normal;}


.logobyhub {color: #F8F8F8; letter-spacing:.3em; font-size:18px;margin-left:6px;text-transform:uppercase;font-family: 'Overlock', cursive; font-weight:900;}
.logobyhub a {color:#FFFFFF;}
.logobyhub a:hover {color:#A8A8A8; text-decoration:none;}

.keys {margin-left:8px;margin-top:5px; margin-bottom:3px; font-size:85%; clear:both;}
.keys a { font-weight:normal;}

.border {border:thin; border-color:#666; border-style: inset; }
.tablegray {background-color:#F0F0F0;}
.tableheader {font-size:18px; margin-left:7px; margin-bottom:35px; font-weight:bold; color:#28000 ; padding-top:7px; padding-bottom:5px;}
.oct {width: 50px;}
.namer {width: 250px;}

.praxis {color: #707070 ; letter-spacing:.5em; font-size:1.3em; margin-left:6px; margin-top:7px; clear:both; text-transform:uppercase;}
.praxiscs {color: #666; letter-spacing:.5em; font-size:1.3em; margin-left:11px; margin-top:20px; text-transform:uppercase;}

.notabs {color: #666; letter-spacing:.5em; font-size:1.2em; margin-left:2px; margin-top:20px; clear:both;text-transform:uppercase;}
.husual {color: #383838 ; letter-spacing:.5em; font-size:1.3em; margin-left:12px; margin-top:17px; clear:both;}
.husualno {color: #383838 ; letter-spacing:.5em; font-size:1.2em; margin-left:12px; margin-top:20px;}
.husualtoo {color: #505050 ; letter-spacing:.5em; font-size:1.3em; margin-left:14px; margin-top:20px; clear:both;}
.husuallow {color: #666; letter-spacing:.5em; font-size:1.3em; margin-left:12px; margin-top:20px; clear:both;}

.praxisbl {color: #333; letter-spacing:.5em; font-size:1.2em; margin-left:13px; margin-top:30px; clear:both;}
.praxissub {color: #666; letter-spacing:.5em; font-size:1.3em; margin-left:27px; margin-top:15px; clear:both;text-transform:uppercase;}
.praxishome {color: #999; letter-spacing:.3em; font-size:18px;margin-top:15px; margin-left:0px;text-transform:uppercase;}

.auto {font-size:90%; font-style:italic;}

.access {border: 1px dotted #666;padding:0px 0px;font-size: 12px; text-align:center; width:400px;}

.goto a {color: #FFF !important; font-size:14px;font-family: 'Overlock', cursive;font-weight:700; background-color: #39374b ;letter-spacing:.2em !important; float:right; padding-left:4px; padding-right:4px; margin-right:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.goto a:hover {color: #000000 !important;text-decoration:none;font-family: 'Overlock', cursive;font-weight:700;background-color: #FFFFFF; padding-left:4px; padding-right:4px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.hub a {float:right;color: #FFF; font-size:11px;margin-right:11px; margin-top:18px;font-family: 'Overlock', cursive;font-weight:700; background-color: #484848 ;letter-spacing:.2em; padding: 0 4px 11px 4px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; height:14px; position:relative; z-index:5000;}
.hub a:hover {color: #000000;background-color: #FFFFFF; }

.corenav {clear:both; margin-bottom:5px; margin-top:8px; margin-left:-4px;}
.corenav a { font-weight:normal;margin-left:3px;color: #000000;background-color: #FFFFFF ; font-size:14px;margin-right:0px; margin-top:4px;letter-spacing:.2em; padding: 4px 4px 4px 4px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; height:14px;}
.corenav a:hover {color: #FFFFFF;background-color: #484848; }

.dot a {font-size:1.4em; padding: 6px 6px 6px 6px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.dot a:hover {color: #000000;background-color: #808080; }

.logoby {color: #F8F8F8 ; letter-spacing:.3em; font-size:16px;margin-top:8px; margin-left:10px;text-transform:uppercase;font-family: 'Overlock', cursive; font-weight:700;}

.gototo a {color: #FFF !important; font-size:14px;font-family: 'Overlock', cursive;font-weight:900; background-color: #404040 ;padding:3px;}
.gototo a:hover {color: #333 !important;text-decoration:none;font-family: 'Overlock', cursive;font-weight:900;background-color: #CCC; padding:3px;}

.tog {background-color:#FFFFFF;padding: 1px;display:none; margin-left:-12px;}
.tog p {font-size:9px;text-align:center;}
.numbers {font-size:18px; font-weight:bold; color:#505050 ;}

.p11 {margin-left:2px;}
.h32 {margin-left:6px;}

#top {width:100%; height:18px; background-color:#4a443d; clear:both; padding:5px; margin-bottom:20px;}
#top a {color: #999; letter-spacing:.3em; font-size:12px;margin-top:8px; margin-left:10px;text-transform:uppercase;font-family: 'Overlock', cursive;font-weight:700;	opacity: 0.65;	transition: opacity .3s ease-in-out;	-o-transition: opacity .3s ease-in-out;	-moz-transition: opacity .3s ease-in-out;	-webkit-transition: opacity .3s ease-in-out;}
#top a:hover {color: #999; letter-spacing:.3em; font-size:12px;margin-top:8px; margin-left:10px;text-transform:uppercase;font-family: 'Overlock', cursive;font-weight:700;}

.p3115cur {margin-left:12px;padding:0px; line-height:1.5em;}

.lists {margin-bottom:8px; clear:both; max-width:840px; font-size: 16px;}

.listnc {margin-bottom:18px; font-size:16px; color:#5b5979; padding-right:25px;}
.listage {margin-bottom:8px; font-size:15px; color:#484848; padding-right:25px; clear: both;}

.liststoo {margin-bottom:12px; clear:both; max-width:840px; color: #0c1012;}
.listss {margin-bottom:15px; clear:both; color:#100000 ; margin-left:5px;}
.listsss {margin-bottom:15px; clear:both; color:#585858 ;margin-left:10px;}

.h3cs {font-size : 16px;color: #0c1012; margin-left:14px;}
.textcenter {text-align:center;}
.bluechords {margin-left:275px;}

.mleftp15 {margin-left:10px;padding:7px; line-height:1.5em;}

dd {margin-bottom: 5px;}
#skipNav {
position:absolute;
left:-100px;
font-size:2px;
background-color:#FFFFFF;
display:none;
}
#skipNav a {
font:2px Arial, sans-serif;
color:#CCCCCC;
width:50px;
display:none;
}
#skipNav a:hover {
color:#CCCCCC;
}
/* thumbnails */
p.thumbs{ padding: 0px; }
.thumbs img { 
	position: relative;
	padding: 5px;
	background: #fafafa;
   border: 1px solid #ddd;	
}
.thumbs img:hover	{
	border: 1px solid #D2D2D2;
	background: #DDD;	
}
.thumbs a:hover { background-color: transparent; border: none }
/* form elements */
form {
	margin: 1px 1px; 
	padding: 5px 3px 5px 3px; 
}

form p {
	border-bottom: 1px solid #E6E6E6;
	padding: 1px 1px 1px 1px;	margin: 0;	
	color: #666666;
}
label {
	font-weight: bold;
	color: #666666;
}
input, select, textarea {
	margin: 5px 0;
	padding: 2px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4; 	
	font: 9px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input:focus, select:focus, textarea:focus {
	color: #333333;
	background: #F1E8E2;
}
#name, #email, #message, #website {
	width: 380px;
}
input.button { 
	font: bold 9px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background:#B4DB6F;
	border-width: 1px;
  	border-style: solid;
  	border-color: #B6DE8F #91BD37 #91BD37 #B6DE8F;}