/* Global styles */
body { background-color:#C5CDD3;  font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
* { margin:0px auto; padding:0px;}
a img {border: none;}
a { color:#00344a; text-decoration:underline;}
	a:hover, a.current {color:#0089c3; text-decoration: none;}
	:focus {outline: none;}
p { padding:0 0 10px 0; line-height:18px;}
td, th, tr {font-size:11px;}
ul { list-style:none; margin:0px; padding:0px;}

h1{color:#00344a; font-size:20px; padding:0 0 10px 0;}
h1 a{text-decoration: none;}

/***********MAIN WRAPPERS / IDs**************/
#Wrapper {width:100%; background: url(/superkid/images/bg_container.png) center repeat-y;}
#Container {width: 950px; padding: 0 10px; text-align:left;}
#ContentWrapper {width:950px; clear:both; margin-top:30px; background:#FFFFFF url(images/ska_splash_main.jpg) no-repeat;}
	#ContentWrapper h3 {text-indent:-9999px;}
	#ContentWrapper h2 {font-size:34px; color:red; width:485px; position:relative; top:85px; left:235px; *left:470px;}
	#ContentLeft {width:630px; float: left; margin-top: 292px; clear:left;}
		#Button1 {width:100%; floatl:left;}
			#Button1Link { overflow:hidden; height:0px; width:365px; position:relative; right:4px; z-index: 2; text-indent: -9999px; float: right; padding-top: 77px;}
		#ContentLeftPadding { padding:30px 0px 0px 30px; clear:both;}
			#ContentLeftPadding ul { list-style:disc; padding-left:40px;}
				#ContentLeftPadding li { margin: 12px 0px;}
					.ProductImage { float:right; position:relative; top:-30px;}
		#Button2 {width:402px; *width:100%; margin:0 auto;}
	#ContentRight {width:310px; float: left; padding-left: 8px; margin-top: 45px; background: url(/superkid/images/ska_splash_sample_lesson.jpg) no-repeat; height: 886px;}
		#Quote { margin: 147px 15px 0px 0px; *margin-right:5px; float:right; padding-left:65px;}
		#Quote p { color:#FFFFFF; font-size:13px; font-weight:bold; }
			#QuoteIndent{ display:block; padding-left:90px; *padding-left:85px;}
			#ContentRight span { float:right; clear:both;}
		#Button3Link { overflow:hidden; height:0px; width:275px; position:relative; right:0px; top:270px; z-index: 2; text-indent: -9999px; float: right; padding-top: 45px;}
#ContainerBtm {height: 20px; background: url(/superkid/images/bg_bottom.png) top center no-repeat;}

/***********HEADER**************/
#Header {width:950px; height: 37px; background: url(/superkid/images/header_top.jpg) top no-repeat;}
#HeaderForms {width:950px; height: 31px; background: url(/superkid/images/header_forms_bg.jpg) top no-repeat;}
#HeaderBtm {width:950px; height: 78px; background: url(/superkid/images/header_bottom.jpg) top no-repeat; padding:0px; float: left; *float:none;}
	#HeaderBtm #Link1 {float: right; padding:42px 0px 0px; margin:8px 5px 0px 0px; height:0px; width:358px; overflow:hidden; text-indent:-9999px; z-index:2; }
	#HeaderBtm #Link2 {float: right; padding:42px 0px 0px; margin:8px 11px 0px 0px; height:0px; width:362px; overflow:hidden; text-indent:-9999px; z-index:2; }

/***********NAVIGATION**************/
#navigation {
	background:url("images/splash-generic-header.jpg") no-repeat top center;
	height:434px;
	width:950px;
}
#navigation ul {
	position:relative;
	top:40px;
	left:190px;
	width:750px;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#navigation li {
	padding:0px 32px;
	float:left;
}
#navigation li.last {
	padding-right:0px;
}
#navigation li a {
	color:#FFFFFF !important;
	font-weight:bold;
}

#navigation li a:hover {
	text-decoration:underline;
}
	
/***********FOOTER**************/
#footer {
	background:url("images/footer-logo.jpg") no-repeat scroll left top #479ACE;
	overflow:hidden;
	text-align:center;
	width:950px;
}
#footer ul {
	padding:0.5em 0;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer ul li {
	font-weight:bold;
	padding:0 32px;
	display:inline;
}
#footer ul li a {
	color:#FFFFFF;
}
#footer-message h1 {
	font-size:1.4em;
	margin-bottom:11px;
	padding:0px;
}
#footer #copyright {
	background:none repeat scroll 0 0 #FCC311;
	padding:5px 0;
}

/***********Min-Height Hack**************/
.prop {float:left; width:1px;}
.clear {clear:both; height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min240px {height:240px;}

/***************************************/

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}