/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
body {
	background-color: #5E412F;
	background-image: url(../img/bg.jpg);
	background-position: top center;
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-family: Georgia, Times, serif;
	font-size: 12px;
	color: #5E412F;
	}

a { color: #314f45;}
a:hover {text-decoration: none;}

#contain { 
	background: #fff;
	width: 1003px;
	height: 500px;
	margin: 100px auto 0;
	border: 2px #36251A solid;
	padding: 10px 0 10px 10px;
	
	position:absolute;
	top:50%;
	margin-top:-275px; /* negative half of the height */
	left: 50%;
	margin-left: -500px;
	}

#header { 
	float: left;
	width: 200px;
	background: url(../img/logo.jpg) no-repeat #78C0A8;
	height: 500px;
	margin-right: 10px;
	text-align: center;
	position: relative;
	}
	
	#player {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	#header h1 {
		margin: 20px 10px;
		text-indent: -9999px;
		}
	
	#header h2 {
		margin-top: 300px;
		margin-bottom: 0;
	}
	
	#header h3 {
		margin-top: 0;
		margin-bottom: 3px;
		color: #fff;
		}
	
	#header p { margin-top: 0;}
	
	#header a { color: #314f45;}

h2 { color: #fff; font-size: 24px; text-transform: uppercase; }



a.stub {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 500px;
}


.kwicker {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	}

.kwicker li.kwick {
	/* these are required, but the values are up to you (must be pixel) */
	width: 122px;
	height: 500px;
	background: #E6D5A7;
	box-shadow: 0.2em 0.2em #CCC;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	}

.kwicker.horizontal li.kwick {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
	}

.kwicker.vertical li.kwick {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
	}

.kwicker .inner { color: #5E412F; width: 550px; height: 500px; overflow: auto; }
.kwicker .innerinner { padding: 10px 60px 10px 60px;}

#kwick_1 { 
	background-color: #EBCD72;
	}
	
	#kwick_1 .inner {
		background-image: url(../img/bg_1.jpg);
		background-repeat: no-repeat;
		}
	
		#kwick_1 .innerinner {
			padding-top: 200px;
			}
	

#kwick_2 {
	background-color: #FCAD4B;
	}
	
	#kwick_2 .inner {
		background-image: url(../img/bg_2.jpg);
		background-repeat: no-repeat;
		}
	
		#kwick_2 .innerinner {
			padding-top: 250px;
			}


#kwick_3 {
	background-color: #FF8147;
	}

	#kwick_3 .inner { 
		background-image: url(../img/bg_3.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	
		#kwick_3 .innerinner { 
			padding-top: 95px;
			color:#fff;
			}


#kwick_4 { 
	background-color: #E6D5A7;
	}
	
	#kwick_4 .inner {
		background-image: url(../img/bg_4.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
		
		#kwick_4 .innerinner { 
			padding-top: 225px;
			}

#kwick_5 { background-color: #fdcb8e; overflow: hidden; }

	#kwick_5 .inner {
		background-image: url(../img/bg_5.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		overflow: hidden;
		}
	
		#kwick_5 .innerinner { 
			/*padding-top: 225px;*/
			overflow: hidden;
			}
			
#kwick_6 { background-color: #9bd0be;}

	#kwick_6 .inner {
		background-image: url(../img/bg_6.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}

		#kwick_6 .innerinner { 
			/*padding-top: 225px;*/
			}

.kwicker.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicker.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}






form input,
form textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	margin: 0 0 10px 0;
	border: 2px solid #E6D5A7;
	}

form textarea {
	height: 90px;
	}

form textarea:focus,
form input:focus {
	border: 2px solid #900;
	}

form input.submit-button {
	width: 314px;
	float: left;
	margin-left: 65px;
	background-color: #78C0A8;
	border-color: #fff;
	}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 50px;
	padding-top: 5px;
	}                                                                                                                                                                                                                                               