@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #272727;
	border: none;
}

body {
	background-color: #f2f2f2;
}

h2 {
	background-color: #ff0054;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
	margin-bottom: 5px;
}

h3 {
	background-color: #a8a8a8;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 5px;
	margin-bottom: 5px;
}

a {
	text-decoration: underline;
	color: #ff0054;
}

/* ################## WRAPPER ################### */

#wrapper {
	width: 900px;
	padding-left: 30px;
	margin: 0 auto;
}

/* ################## LOGO ################### */
 
#logo {
	float: left;
	position: relative;
	left: -30px;
}

/* ################## NAVI ################### */
 
#navi {
	float: right;
}

#navi ul {
	list-style-type: none;
}

#navi ul li a {
	color:#FFFFFF;
	text-transform: uppercase;
	font-size: 11px;
	padding: 10px;
	text-decoration: none;
}

#navi ul li a:hover{
	background-color: #575757;
}

#navi ul li {
	background: #272727;
	padding: 10px 0;
	float: left;
	border-right: 1px solid #f2f2f2;
}

#navi ul li .active {
	background-color: #ff0054;
}

/* ################## CLEAR ################### */
 
.clear {
	clear: both;
}

/* ################## TEASER ################### */
 
#teaser {
	padding: 20px 0;
	border-bottom:  1px solid #272727;
}

#teaser span{
	font-size: 76px;
	text-transform: uppercase;
	line-height: 70px;
}

#teaser span .pink {
	color: #ff0054;
}

/* ################## CONTENT ################### */

#content {
	line-height: 19px;
}

#content .left {
	padding: 20px 0;
	width: 430px;
	margin-right: 40px;
	float: left;
}
 
#content .right {
	padding: 20px 0;
	width: 430px;
	float: right;
}

#content .left img{
	padding-bottom: 20px;
	width: 100%;
}

#content .right img{
	padding-bottom: 20px;
	width: 100%;
}

#content ul{
	margin-left: 20px;
}


/* ################## FOOTER ################### */

#footer {
	width: 900px;
	border-top:  1px solid #272727;
	padding-top: 15px;
	margin-bottom: 15px;
}

#footer p{
	color: #a8a8a8;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}

#footer p a{
	color: #a8a8a8;
	font-size: 10px;
	text-transform: uppercase;
}

#footer p a:hover{
	color: #ff0054;
}

/* ################## ACCORDION ################### */

#basic-accordian{
	width:450px;
	z-index:2;

}

.accordion_headings{
	padding:5px;
	background: #666666 url(../img/plus.gif) no-repeat right;
	color:#fff;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background: #6C001B url(../img/plus.gif) no-repeat right;
}

.accordion_child{
	padding:15px;
}

.header_highlight{
	background:#6C001B url(../img/minus.gif) no-repeat right;
}
.header_highlight:hover{
	background:#6C001B url(../img/minus.gif) no-repeat right;
} 

.header:hover{
	background-color:#666;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

/* ################################################################## */
		
		/*
			Vertical Accordions
		*/
		
		#container {
			margin: 20px 0;
		}
		
		.accordion_toggle {
			display: block;
			height: 30px;
			background: #272727 url(../img/plus.png) no-repeat right;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: #ff0054 url(../img/minus.png) no-repeat right;
			color: #ffffff;
			border-bottom: 1px solid #f2f2f2;
		}
		
		.accordion_toggle:hover {
		background: #ff0054 url(../img/plus.png) no-repeat right;
		}
		
		.accordion_toggle_active:hover {
		background: #575757 url(../img/minus.png) no-repeat right;
		}
		
		.accordion_content {
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {

			}
			
			.accordion_content p {

			}