@media screen{

html {
	height: 100%;
}

body {
	background: url(../images/kcw-bg.gif) repeat-x #282828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D3D3D3;
	height: 100%;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 891px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	min-height: 100%;
}

a img {
	border: none;
	}

* html #wrapper {
	height: 100%;
}

#header-wrapper{
	position: relative;
	height: 154px;
	width: 891px;
	background: url(../images/kcw-static-sprite.jpg) no-repeat 0 0;
	margin: 0 0 6px;
}

.home-h1 {
	font-size: 26px!important;
	margin: 0px;
	padding: 0px;
}
.form-h1 {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}
#one-column {
	padding: 5px;
	margin: 10px;
}
.main-img {
	width: 100%;
	margin: 0px;
	float: left;
}
#content-wrapper {
	width: 891px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#logo {
	position: absolute;
	top: 60px;
	left: 0;
	}
	#logo a {
		display: block;
		height: 77px;
		width: 280px;
		text-indent: -9999px;
		}
		
#navbar {
	position: absolute;
	top: 120px;
	left: 326px;
	list-style-type: none;
	background: #1D1D1D;
	padding: 0;
	margin: 0;
}
#navbar li {
	float: left;
	margin: 0 0 0 28px;
	height: 30px;
	}
	#navbar li:first-child, #navbar li.first {
		margin: 0;
		}
#navbar li a {
	display: block;
	height: 30px;
	background: url(../images/kcw-static-sprite.jpg) no-repeat;
	text-indent: -9999px;
	outline: none;
	}
	#navbar #home {
		background-position: -326px -121px;
		width: 49px;
		margin: 0;
		}
		#navbar #home:hover {
			background-position: -909px -121px;
			}
		#navbar #home:focus {
			background-position: -1499px -121px;
			}	
	#navbar #experience	{
		background-position: -406px -121px;
		width: 92px;
		}
		#navbar #experience:hover {
			background-position: -989px -121px;
		}
		#navbar #experience:focus {
			background-position: -1578px -121px;
			}
	#navbar #classes {
		background-position: -525px -121px;
		width: 63px;
		}
		#navbar #classes:hover {
			background-position: -1108px -121px;
		}
		#navbar #classes:focus {
			background-position: -1697px -121px;
			}
	#navbar #testimonials	{
		background-position: -616px -121px;
		width: 110px;
		}
		#navbar #testimonials:hover {
			background-position: -1198px -121px;
		}
		#navbar #testimonials:focus {
			background-position: -1788px -121px;
			}
	#navbar #results {
		background-position: -754px -121px;
		width: 64px;
		}
		#navbar #results:hover {
			background-position: -1337px -121px;
		}
		#navbar #results:focus {
			background-position: -1926px -121px;
			}	
	#navbar #links	{
		background-position: -846px -121px;
		width: 47px;
		}
		#navbar #links:hover {
			background-position: -1429px -121px;
		}
		#navbar #links:focus {
			background-position: -2018px -121px;
			}
						
#content-header {
	margin: 0;
	width: 891px;
}

.row {
	float: left;
	clear: left;
	}
.two-column {
	width: 48%;
	clear: none;
	}

.two-column-small {
	margin: 0;
	width: 288px;
	padding: 0px;
	}
.two-column-large {
	margin: 0;
	height: 100%;
	width: 583px;
	padding: 0px;
	}
	.two-column-large p {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 15px;
		font-weight: 500;
		}
	.two-column-large h1 {
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 26px;
		}

.three-column {
	text-align: justify;
	float: left;
	width: 242px;
	margin: 5px;
	padding: 0px;
	}
.classes .three-column {
	width: 288px;
	text-align: left;
	}

.four-column {
	float: left;
	width: 210px;
	margin: 0 10px 0 5px; 
	padding: 0;
	}
.four-column.last, .last {
	margin: 0 0 0 5px !important;
	}	



/* +Typography */

#content-list {
	color: #324858;
	margin: 0px;
	float: right;
	width: 100%;
	list-style-type: none;
	list-style-position: inside;
	text-align: left;
	font-size: 11px;
	padding: 0px;
}
.body-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14.5px;
}
p {
	margin: 1em 0 1em 5px;
	}
	.four-column p {
		margin: 1em 0 1em;
		}
	#calendar-wrapper .four-column p {
		margin: 0 0 1em;
		}	
	.contact-form p {
		margin: .5em 0 1em 5px;
		}	
em {
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	}
.classes-h1 {
	font-size: 27px;
	height: 27px;
	margin: 10px auto;
	text-align: center;
}

.enroll-button {
	border: 1px solid #EB4100;
	margin: 15px 0px 0px;
}

a:link, a:visited, .calendar-link {
	font-weight: bold;
	text-decoration: none;
	color: #FF8B00;
}
	a:hover {
		text-decoration: underline;
		}

#class-list p {
	margin-top: 5px;
	margin-bottom: 20px;
}

#class-list a {
	color: #EB4100;
	text-decoration: none;
}

.right {
	float: right;
	}
.left {
	float: left;
	}	

/* -Headers*/

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

h1 {
	font-size: 1em;
	color: #D3D3D3;
	margin: 23px 0 0;
	clear: both;
	font-weight: normal;
	}

h2 {
	color: #FFFFFF;
	font-size: 2.83em;
	margin: 0;
	}
	
h3 {
	color: #D3D3D3;
	font-size: 1em;
	clear: both;
	padding: 0 0 0 5px;
	margin: 30px 0 0 0;
	font-weight: normal;
	}
	.four-column h3 {
		font-size: 1em;
		margin-left: -5px;
		}
	#class-list h3 {
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 0px;
		}
	.contact-form h3 {
		margin: 2em 0 0;
		}	

h4 {
	font-size: 1.83em;
	color: #FFFFFF;
	padding: 0 0 5px 5px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #FFFFFF;
	margin: 0 0 .8em;
	}
	.home h4 {
		padding: 0 0 8px;
		border-width: 0 0 1px;
		border-color: #FFFFFF !important;
		border-style: solid;
		}
		.home .four-column h4 {
			margin-left: 0;
			}
		.home .experience h4 {
			background: url(../images/kcw-static-sprite.jpg) no-repeat -2122px -1px;
			}
		.home .classes h4 {
			background: url(../images/kcw-static-sprite.jpg) no-repeat -2347px -1px;
			}
		.home .testimonials h4 {
			background: url(../images/kcw-static-sprite.jpg) no-repeat -2573px -1px;
			}
		.home .results h4 {
			background: url(../images/kcw-static-sprite.jpg) no-repeat -2798px -1px;
			}
	.experience h4 {
		border-color: #0D8CC0;
		}
	.classes h4 {
		border-color: #FF0000;
		}
	.testimonials h4 {
		border-color: #7496AC;
		}
	.results h4 {
		border-color: #FFCE00;
		}
	.links h4 {
		border-color: #718061;
		}	
	.four-column h4 {
		margin-left: -5px;
		}
	h4 a:link, h4 a:visited {
		color: #FFFFFF;
		}	

h5 {
	font-size: 1.42em;
	margin: 1.5em 0 1em 5px;
	color: #FFFFFF;
	}
		
#step-1 #class-list {
	width: 490px;
	float: left;
}

hr {
	background-color: #282828;
	display: block;
	height: 1px;
	width: 580px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 10px 10%;
	float: left;
}

#calendar-wrapper {
	
}
.calendar {
	width: 210px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-align: center;
	border: none;
	font-size: 1em;
	border-collapse: collapse;
	}
	.calendar tbody {
		border-top: 10px solid #282828;
		}
	.calendar tbody td {
		font-size: 14px;
		border-left: 1px solid #D3D3D3;
		border-top: 1px solid #D3D3D3;
		text-align: center;
		height: 25px;
		width: 30px;
		padding: 0;
		line-height: 1em;
		}
		.calendar tbody tr:first-child td {
			border-top-color: #282828;
			margin-top: 10px;
			}
		.calendar tbody td:first-child {
			border-left-color: #282828;
			}
		.calendar tr td:last-child {
			
			}
	.calendar caption {
		margin: 2px 0 15px;
		}
	.calendar th {
		font-size: 1.5em;
		border: none;
		margin: 0px;
		padding: 0px;
		}
.calendar td a:link,
.calendar td a:visited {
	height:32px;
	width: 32px;
	text-decoration: underline;
}
.calendar-link {
	height: 20px;
	width: 32px;
	padding: 7px 0 0;
	text-decoration: underline;
	}

.calendar-detail, .calendar-link .calendar-detail {
	display: none;
	z-index: -100;
	visibility: hidden;
	margin-right: -99999px;
	height: 0px;
	width: 0px;
	position: absolute;
}
.right-align {
	display: inline;
	float: right;
	width: auto;
	padding: 0 40px 10px;
	font-size: 1.3em;
}

.calendar a .calendar-detail, 
.calendar a:link .calendar-detail, 
.calendar a:visited .calendar-detail, 
.calendar a:active .calendar-detail,
.calendar .calendar-link .calendar-detail {
	visibility: hidden;
	z-index: -100;
	float: left;
	height: 0px;
	width: 0px;
	position: absolute;
	margin-right: -9999px;
}
.calendar a:hover .calendar-detail,
.calendar .calendar-link.hover .calendar-detail {
	display: block;
	position: absolute;
	z-index: 100;
	height: 142px;
	width: 242px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	filter:alpha(opacity=88);
  -moz-opacity:.88;
	opacity:.88;
	visibility: visible;
	background: url(../images/KCW_calendar_detail.gif) transparent no-repeat;
	text-decoration: none;
	text-align: left;
	padding: 10px 10px 0;
	margin: -115px 0px 0px -15px;
	font-weight: bold;
}
.calendar .calendar-link.hover .calendar-detail {
	height: 225px;
	background: url(../images/KCW_calendar_detail_lg.gif) transparent no-repeat;
	margin-top: -230px;
	}
	.calendar-detail .calendar-detail-divider {
		padding-top: 15px;
		clear:both;
		}
	
	
.calendar .calendar-link .calendar-detail a {
	color: #FFF;
	text-decoration: none;
	}

#step-1 {
	display: block;
	margin: 0;
	width: 891px;
}
#more {
	float: left;
	margin: 10px;
	width: 745px;
}

.calendar-right {
	text-align: right;
	margin-right: 5px;
}

#footer-wrapper {
	width: 891px;
	height: 135px;
	margin: 40px 0 0;
	padding: 9px 0;
	position: relative;
	border-width: 3px 0 0;
	border-color: #000000;
	border-style: solid;
}

#footer {
	padding: 0;
	margin: 0;
	height: 80px;
	font-size: .8em;
}

#footer ul {
	margin: 0 0 24px;
	padding: 0;
	}
#footer ul li {
	display: inline;
	padding: 0 4px;
	margin: 0;
	border-width: 0 0 0 2px;
	border-color: #D3D3D3;
	border-style: solid;
	}
	#footer ul li.first {
		border-width: 0;
		padding: 0 4px 0 0;
		}

#footer p {
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

#step-2 {
	width: 891px;
}

/* +Form Styling */

form {
	font-size: 1em;
	}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
input[type=hidden] {
	padding: 0;
	margin: 0;
	display: none;
	}	
input, textarea {
	display: inline;
	background: transparent;
	border-style: none;
	padding: 2px 5px;
	margin: 0;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	overflow-y: hidden;
	}
label {
	padding: 0;
	margin: 0 5px;
	color: #3F3F3F;
	background: transparent;
	font-size: .9em;
	}
	.text-area label {
		display: block;
		}
.text-field, .text-area {
	background: #FFFFFF url(../images/kcw-static-sprite.jpg) repeat-y -3167px 0;
	border: 1px solid #D3D3D3;
	margin: 0 0 10px;
	}	
.submit {
	display: block;
	width: 85px !important;
	height: 20px;	
	cursor: pointer;
	clear: both;
	text-indent: -9999px;
	background: url(../images/kcw-static-sprite.jpg) no-repeat -3509px -10px;
	padding: 0 !important;
	
	font-size: 0px;
	display:block;
	line-height: 0px;
	}
	.submit:hover {
		background-position: -3509px -35px;
		}
.loading {
	display: none;
	}
	.loading img {
		padding-right: 5px;
		}

/* -Classes Form */	
.classes-form {
	float: left;
	width: 665px;
	}
	.classes-form fieldset {
		float: left;
		margin-left: 20px;
		}
		.classes-form fieldset.first {
			margin: 0;
			}
	.classes-form .text-field, .classes-form .text-area {
		width: 320px;
		}
	.classes-form input {
		width: 230px;
		}
	.classes-form .text-area {
		height: 78px;
		}
		.classes-form textarea {
			display: block;
			height: 58px;
			width: 310px;
			}		
	.classes-form .submit {
		float: left;
		margin-top: 2em;
		}	
	#classType input, #classDate input {
		color: #FF8B00;
		}	
		
/* -Contact Form */
.contact-form {
	
	}
	.contact-form .text-field, .contact-form .text-area, .contact-form .upload-field {
		margin-left: 5px;
		width: 281px;
		}
	.contact-form .upload-field {
		position: relative;
		width: 281px;
		padding: 0;
		}
		.contact-form .upload-field input {
			background: #FFFFFF;
			margin: 0;
			padding: 0;
			}
	.contact-form .text-area {
		margin-bottom: 0;
		}		
/* +Testimonials Page */
.profile {
	float: left;
	width: 135px;
	margin: 1.3em 0 0 10px;
	}

/* +Media Files*/
object.movie {
	margin: 1em 0 1em 5px;
	}



}

@media print{

}