/* 
default stylesheet for cannonkickboxing.com
created by Dale Tan / whatthedale.com
designed by Diego Aguilar / koncept3.com
*/ 

.clearFloat:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearFloat {
	display:inline-block;
	overflow:hidden;
}
* html .clearFloat {height:1%;}
.clearFloat {display:block}
.formtbl
{
	border: 0px; width:425px;  
}
body {
	background:#242424 url(/images/main_stripe.jpg) repeat-x;
	color:#cac8c8;
	font:normal 62.5%/1.4em Verdana, sans-serif;
	margin:0;
	padding:0;
}
h1, h2, h3 {
	color:#f00;
	font-size:1.2em;
}
ul {
	list-style:none;
}
ul.showbullet {
	list-style: circle;
}
div.tb_bg{
	width:691px; height: 42px; background-image: url(../images/toolbar_bg_kickbox.jpg); background-repeat: repeat-x; vertical-align: middle;
}
span.float_icons_right{
float:right;  
}
#skip {
	display:none;
	visibility:hidden;
}
#container {
	background:url(/images/main_bg.jpg) repeat-y;
	margin:0 auto 0 auto;
	width:728px;
}
#header {
	background:url(/images/header_bg2.jpg) no-repeat;
	margin:0 0 10px 0;
	width:728px;
}
#nav, #header_right {
	float:left;
}
#nav {
	background:url(/images/nav_bg.jpg) no-repeat;
	height:355px;
	margin:0 0 0 18px;
	width:257px;
}
#nav li, #nav li a {
	display:block;
	height:32px;
	text-indent:-4000px;
	width:252px;
}
#nav ul {
	margin:130px 0 0 -37px;
}
#nav li {
	margin-bottom:5px;
}
#nav_home, #nav_home a {
	background:url(/images/nav_home.jpg) 0 0 no-repeat;
}
#nav_schedule, #nav_schedule a {
	background:url(/images/nav_schedule.jpg) 0 0 no-repeat;
}
#nav_class, #nav_class a {
	background:url(/images/nav_class.jpg) 0 0 no-repeat;
}
#nav_gallery, #nav_gallery a {
	background:url(/images/nav_gallery.jpg) 0 0 no-repeat;
}
#nav_private, #nav_private a {
	background:url(/images/nav_private.jpg) 0 0 no-repeat;
}
#nav_contact, #nav_contact a {
	background:url(/images/nav_contact.jpg) 0 0 no-repeat;
}
#nav li a:hover,
#nav li.current, #nav li.current a {
	background-position:0 -32px;
}
#contact_link {
	display:block;
	margin:10px 0 0 10px;	
	text-indent:-4000px;
	width:250px;
}
#mp3player {
	margin:29px 0 0 10px;
}
#footer {
	background:url(/images/footer_bg.jpg) no-repeat;
	height:65px;
	margin:10px auto;
	width:691px;
}
#footer #koncept3 {
	display:block;
	float:right;
	margin:27px 10px 0 0;
	text-indent:-3000px;
	width:155px;
}
#main_footer {
	background:url(/images/main_footer_bg.jpg) no-repeat;
	height:18px;
	width:728px;	
}

/* ---------- home page ---------- */
#aboutcannon {
	height:100px;
	margin:0 auto 10px auto;
	width:691px;
	background:#272727;
	border:1px solid #414040;

}


#home_about, #home_achievements, #about_chris_right {
	background:#272727;
	border:1px solid #414040;
}
#home_about {
	height:100px;
	margin:0 auto 10px auto;
	width:691px;
}
#home_about h1, #home_about p {
	margin:5px auto;
	width:671px;
}
#home_about_chris {
	margin:0 auto;
	width:691px;
}
#about_chris_left, #about_chris_right {
	float:left;
}
#about_chris_left {
	margin-right:5px;
	width:250px;
}
#about_chris_right {
	width:434px;
}
#about_chris_right h2, #about_chris_right p {
	margin:5px auto;
	width:415px;
}
#home_achievements h2, #home_achievements h3 {
	font-size:1em;
	margin:5px auto;
	width:240px;
}
#home_achievements ul {
	margin:0 auto;
	padding:0;
	width:240px;
}
ul#achievements_list li {
	padding:0 0 5px 0;
}
ul#appeared_list {
	margin-bottom:5px;
}
#videoPlayer {
	margin:40px 0 0 20px;
}
#videoPlayer object {
	margin:20px;
}
/* ---------- schedule page ---------- */
#schedule_header {
	background:url(/images/schedule_main.jpg) no-repeat;
	border:1px solid #414040;
	height:250px;
	margin:24px 0 0 8px;
	width:423px;
}
table.day {
	border-collapse:collapse;
	margin:10px auto;
	width:690px;
}
td {
	border:1px solid #414040;
}
contact.td {
	border:0px;
}
.day_header td {
	background:url(/images/schedule_day_repeater.jpg) repeat-x;
	height:35px;
	text-indent:-4000px;
	width:100%;
}
.day_header td h2 {
	height:20px;
	margin:0 auto;
}
.times td, .time_info td {
	background:#272727;
	text-align:center;
	width:15%;
}
.times td p {
	margin:0 auto;
	padding:3px 0 0 0;
}
.time_info {
	height:90px;
	vertical-align:top;
}
.time_info td.light {
	background:#272727;
}
.time_info td.dark {
	background:#131313;
}
.time_info p, .time_info td h3 {
	margin:3px auto;
	width:80px;
}
.time_info h2 {
	margin:0 auto -5px auto;
	text-indent:-4000px;
	width:100%;
}
.time_info h2.cannon {
	background:url(/images/schedule_chris.gif) repeat-x;
}
.time_info h2.juan {
	background:url(/images/schedule_juan.gif) repeat-x;
}
.time_info h2.pasquale {
	background:url(/images/schedule_pasquale.gif) repeat-x;
}
.time_info h2.val {
	background:url(/images/schedule_val.gif) repeat-x;
}
.time_info td h3 {
	color:#cac8c8;
	font:normal 1em Verdana, sans-serif;
}
#mon td h2 {
	background:url(/images/schedule_header_mon.jpg) no-repeat;
	width:113px;
}
#tue td h2 {
	background:url(/images/schedule_header_tue.jpg) no-repeat;
	width:116px;
}
#wed td h2 {
	background:url(/images/schedule_header_wed.jpg) no-repeat;
	width:151px;
}
#thu td h2 {
	background:url(/images/schedule_header_thu.jpg) no-repeat;
	width:135px;
}
#fri td h2 {
	background:url(/images/schedule_header_fri.jpg) no-repeat;
	width:94px;
}
#sat td h2 {
	background:url(/images/schedule_header_sat.jpg) no-repeat;
	width:135px;
}
#sun td h2 {
	background:url(/images/schedule_header_sun.jpg) no-repeat;
	width:107px;
}
/* ---------- class descriptions page ---------- */
#class_descriptions_header {
	background:url(/images/class_main.jpg) no-repeat;
	height:252px;
	margin:25px 0 0 10px;
	text-indent:-4000px;
	width:425px;
}
#class_descriptions {
	background:#272727;
	border:1px solid #414040;
	margin:5px auto;
	width:691px;
}
#class_descriptions h2, #class_descriptions p {
	margin:5px auto;
	width:671px;
}
#class_descriptions p span {
	color:#f00;
	font-weight:bold;
	font-size:1em;
}
div.class-desc {
	color:#f00;
	font-weight:bold;
	font-size:12pt;
	margin-left:10px;
}

/* ---------- gallery page ---------- */
#photo_gallery {
	margin:24px 0 0 8px;
}
/* ---------- private lessons page ---------- */
#private_training {
	background:url(/images/private_main.jpg) no-repeat;
	height:254px;
	margin:25px 0 0 10px;
	width:425px;
}
#header_private_link {
	display:block;
	float:left;
	margin:95px 0 0 125px;
	text-indent:-5000px;
	width:160px;
}
/* ---------- contact page ---------- */
#contact {
	background:url(/images/contact_main.jpg) no-repeat;
	height:254px;
	margin:25px 0 0 10px;
	width:425px;	
}
#header_contact_link, #header_directions {
	display:block;
	text-indent:-5000px;
}
#header_contact_link {
	float:left;
	margin:150px 0 55px 80px;
	width:250px;
}
#header_directions {
	clear:both;
	margin:0px 0 0 100px;
	width:210px;
}

a:link, a:visited, a:active{  font:normal 8pt Arial;  color: white;  text-decoration: none; text-transform:none; }
a:hover{  font:normal 8pt Arial;  color:red;  text-decoration: underline; }

a.articletxt:link, a.articletxt:visited, a.articletxt:active{  font: bold 12pt Arial;  	color:#bc0000;  text-decoration:none; text-transform:uppercase;text-align:center; margin-left:20px;margin-right:20px;}
a.articletxt:hover{  font: bold 12pt Arial;  color:#810000; text-decoration: underline; text-transform:uppercase; text-align:center; margin-left:20px;margin-right:20px;}

a.intxtBold:link, a.intxtBold:visited, a.intxtBold:active{  	font:normal 7pt Verdana, sans-serif; font-weight:bold;	color:#bc0000;  text-decoration:underline; }
a.intxtBold:hover{  font:normal 7pt Verdana, sans-serif;  color:#810000; text-decoration: underline;  font-weight:bold;	  text-decoration:underline; }

a.ClassDesc:link, a.ClassDesc:visited, a.ClassDesc:active{  	color:#f00;	font-weight:bold;	font-size: 12pt; text-decoration: none;}
a.ClassDesc:hover{  color:#f00;	font-weight:bold;	font-size: 12pt; text-decoration: underline;}



/* ---------- HS styles ---------- */

#footerhs {
	

	text-align:center;
}
#footerhs #koncept3hs {
	display:block;
	float:right;
	
	text-indent:-3000px;
	
}
#main_footerhs {
	
	height:18px;
	width:728px;	
}


a.hstyle:link, a.hstyle:visited, a.hstyle:active{  font:normal 8pt Arial;  color:#666;  text-decoration: none; text-transform:none; padding:0px; }
a.hstyle:hover{  font:normal 8pt Arial;  color:red;  text-decoration: underline; padding:0px; }

a.hstyle2:link, a.hstyle2:visited, a.hstyle2:active{  font:normal 10pt Arial;  color:#666;  text-decoration: none; text-transform:none; font-weight:bold; padding:0px; }
a.hstyle2:hover{  font:normal 10pt Arial;  color:red;  text-decoration: underline; font-weight:bold; padding:0px; }