/*
NAME:	CUSTOM CSS
DESC:	CUSTOM STYLING FOR SWENSENS
VER:	1 | 100616
AUTHOR: ID
*/

/* -------------------------------- */
/* DEFAULT HTML TAGS STYLING		*/ 
/* -------------------------------- */

body {
	background: #043e57 url(../img/bg.jpg) no-repeat center top;
	color: #647678;
	}
h1, h2, h3, h4, h5, h6 {
	color: ;
	font-weight: bold;
	}
	h2 {
		color: ;
		font-size: ;
		margin-bottom: ;
		}
	h3 {
		color: ;
		font-size:;
		}
	h4 {
		color: ;
		font-size: ;
		}
p {
	}
small {
	}
a {
	}
a:hover {
	}
	
/* -------------------------------- */
/* MAIN LAYOUT						*/ 
/* -------------------------------- */

#whole {
	}
	#container {
		width: 960px;
		}	
		#logo {
			background: url(../img/logo.png) no-repeat;
			display: block;
			height: 103px;
			margin: 0 0 10px;
			width: 354px;
			z-index: 10;
			}
		#taunt {
			background: url(../img/taunt.png) no-repeat;
			height: 192px;
			position: absolute;
			width: 222px;
			top: 35px;
			right: -40px;
			z-index: 30;
			}
		#footer {
			width: 960px;
			color: #007db1;
			padding: 0;
			}		
			
/* -------------------------------- */
/* CODA SLIDER						*/ 
/* -------------------------------- */

/* Most common stuff you'll need to change */

.coda-slider-wrapper { padding: 0 }
.coda-slider { background: url(../img/shadow.png) no-repeat center bottom; padding-bottom: 20px;  }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 960px } 

/* Panel padding */
.coda-slider .panel-wrapper { 
	background: #FFF; 
	min-height: 480px; 
	padding: 25px 0 0 410px;
	}

.coda-nav ul {
	background: url(../img/navbar.png) no-repeat;
	margin: 0 0 1px; 
	padding: 0;
	position: relative; 
	z-index: 20;
	}
	.coda-nav ul li a { 
		background: none;
		color: #fff; 
		font-weight: bold;
		font-size: 1.333em;
		margin: 0;
		padding: 0;
		}
	.coda-nav ul li a.current { 
		background: none; 
		color: #EEE;
		} 
		
		
		#coda-nav-1.coda-nav ul li a { 
			background-color: transparent;
			background-image: url(../img/nav.png);
			background-repeat: repeat;
			text-indent: -9999em;
			width: 54px;
			height: 40px;
			padding: 0 15px 0 0;
			}
			#coda-nav-1.coda-nav ul li.tab1 a {
				background-position: 0 0;
				}
			#coda-nav-1.coda-nav ul li.tab2 a {
				background-position: 0 -30px;
				width: 136px;
				}
			#coda-nav-1.coda-nav ul li.tab3 a {
				background-position: 0 -60px;
				width: 98px;
				}
			#coda-nav-1.coda-nav ul li.tab4 a {
				background-position: 0 -90px;
				width: 100px;
				}
			#coda-nav-1.coda-nav ul li.tab5 a {
				background-position: 0 -120px;
				width: 97px;
				}
			#coda-nav-1.coda-nav ul li.tab6 a {
				background-position: 0 -150px;
				width: 153px;
				}
				
			#coda-nav-1.coda-nav ul li.tab1 a.current, #coda-nav-1.coda-nav ul li.tab1 a:hover {
				background-position: 0 -180px;
				}
			#coda-nav-1.coda-nav ul li.tab2 a.current, #coda-nav-1.coda-nav ul li.tab2 a:hover {
				background-position: 0 -210px;
				}
			#coda-nav-1.coda-nav ul li.tab3 a.current, #coda-nav-1.coda-nav ul li.tab3 a:hover {
				background-position: 0 -240px;
				}
			#coda-nav-1.coda-nav ul li.tab4 a.current, #coda-nav-1.coda-nav ul li.tab4 a:hover {
				background-position: 0 -270px;
				}
			#coda-nav-1.coda-nav ul li.tab5 a.current, #coda-nav-1.coda-nav ul li.tab5 a:hover {
				background-position: 0 -300px;
				}
			#coda-nav-1.coda-nav ul li.tab6 a.current, #coda-nav-1.coda-nav ul li.tab6 a:hover {
				background-position: 0 -330px;
				}
	
/* -------------------------------- */
/* CUSTOM SLIDES					*/ 
/* -------------------------------- */

.wrap {
	text-indent: -9999em;	
	}
	.side.btn {
		width: 220px;
		height: 75px;
		position: absolute;
		left: 0;
		top: 0;
		}

.unit {
	border-bottom: 1px solid #CCC;	
	margin: 0 0 20px;
	padding: 0 0 20px;
	}
a.action {
	background: url(../img/btn-joinnow.png) no-repeat left top;
	height: 87px;
	width: 100%;
	}
	a.action:hover {
		background-position: left bottom;	
		}

/* PANEL 1 */
.coda-slider .panel1 .panel-wrapper {
	background: url(../img/panel1.jpg) no-repeat;	
	}
.panel1 h1 {
	background: url(../img/panel1-h1.png) no-repeat;	
	width: 399px;
	height: 36px;
	}
.panel1 h2 {
	background: url(../img/panel1-h2.png) no-repeat;	
	width: 408px;
	height: 123px;
	}
.panel1 h3 {
	background: url(../img/panel1-h3.png) no-repeat;	
	width: 355px;
	height: 29px;
	}

/* PANEL 2 */
.coda-slider .panel2 .panel-wrapper {
	background: url(../img/panel2.jpg) no-repeat;	
	}
	.panel2 .side.btn {
		left: 168px;
		top: 177px;
		}

/* PANEL 3 */
.coda-slider .panel3 .panel-wrapper {
	background: url(../img/panel3.jpg) no-repeat;	
	}
/*.htw-text {
	background: url(../img/htw-text.jpg) no-repeat 0 20px;	
	padding: 0 0 0 200px;
	}*/
	.panel3 .side.btn {
		left: 168px;
		top: 340px;
		}
	#youtubevid {
		margin-top: 47px;	
		margin-left: -2px;
		
		
		margin: 0;
		position: absolute;
		right: 11px;
		top: 71px;
		`
		}

/* Panel 4 */
.coda-slider .panel4 .panel-wrapper {
	background: url(../img/panel4.jpg) no-repeat;	
	}
	.panel4 .side.btn {
		left: 168px;
		top: 175px;
		}
	.panel4 .side.btn.minor {
		left: 540px;
		top: 100px;
		width: 100px;
		height: 30px;
		}

/* Panel 5 */
.coda-slider .panel5 .panel-wrapper {
	background: url(../img/panel5.jpg) no-repeat;	
	}
	.panel5 .side.btn {
		left: 175px;
		top: 165px;
		}
	.panel5 .side.btn.minor2 {
		left: auto;
		top: auto;
		right: 0;
		bottom: 50px;
		width: 100px;
		height: 30px;
		}
		
	
/* Panel 6 */
.coda-slider .panel6 .panel-wrapper {
	background: url(../img/panel6.jpg) no-repeat;	
	}
	.panel6 .side.btn {
		left: 175px;
		top: 165px;
		}
		.panel6 li {
			list-style: none;	
			}
	

/* -------------------------------- */
/* COUNTDOWN						*/ 
/* -------------------------------- */

#timer {
	position: absolute;
	z-index: 30;
	top: 41px;
	left: 450px;
	
	*left: 150px;
	}

.hasCountdown {
	background: url(../img/countdown.png) no-repeat;
	border: none;
	width: 242px;
	height: 78px;
	margin: 10px auto 0;
	padding: 32px 0 0;
	}
.countdown_section {
	font-size: 12px;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	}
.countdown_amount {
	font-size: 26px;
	color: #ffff66;
	font-weight: bold;
	text-shadow: none;
	}		
		
/* -------------------------------- */
/* POP								*/ 
/* -------------------------------- */

div.pp_inline li {
	margin-bottom: 15px;	
	}

div.pp_inline label {
	font-size: 16px;	
	font-weight: normal;
	}	
	div.pp_inline label.qn {
		font-weight: bold;	
		}	
div.pp_inline input[type="text"], div.pp_inline textarea {
	padding: 8px;	
	}

#footer p { color: #FFF; }