/* CSS Document */

@import "reset.css";


body{
	color: #FFF;
	background-color: #121212;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1;
	text-align: left;
	height:100%;
	vertical-align: middle;
}
	
p {
	margin: 20px 0;
	text-align: left;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

h2.sifr {
	text-align: left;
	font-size: 36px;
}

#textcol {
	padding: 0 20px 12px 20px;
	background-image:url(../img/bg_intro.png);
	color: #000;

	
}

a:hover {
	color: #69ee19;
}

h1 {
	color: #ADD327;
	background-color: #000;
}
	
#logo{
	margin:0 30px; 
	width:432px;
	height:45px;
	float:left;
}

#wrapper {
	position: absolute;
	width: 960px;
	margin-left:50%;
	left:-480px;
	top: 50px;
	height: 480px;
	
}

#superwrapper {
	margin:auto;
	width: 960px;
	height:535px;
	background-color: #000;
	background-image:url(../img/final_bg/house.jpg);
}

#slide-container {
	width:960px;
	height: 480px;
	position:relative;
	overflow:hidden;
}

#slider-bg {
	width:960px;
	height: 480px;
	position:absolute;
	left:0;
	top:0;
	background-color: #000;
	/* Opacity */
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

#slider { 
	width:9600px;
	height: 480px;
	color:#DDD;
}
.pane {
	position:relative;
	float:left;
	width: 960px;
	height: 480px;
}

a.next, a.prev {
	position: absolute;
	top: 235px;
	width:40px;
	height:80px;
}

a.next { 
	background: transparent url('../img/right_arrow.gif') no-repeat;
	right: 20px;
}

a.next:hover { 
	background: transparent url('../img/right_arrow.gif') no-repeat 0 -80px;
	right: 20px;
}


a.prev {
	background: transparent url('../img/left_arrow.gif') no-repeat;
	left: 20px;
}

a.prev:hover {
	background: transparent url('../img/left_arrow.gif') no-repeat 0 -80px;
	left: 20px;
}


.intro_text-left, .intro_text-right {
	font-size: 110%;
	width:325px;
}

.intro_text-left {
	position: absolute;
	left:150px;
}

.intro_text-right {
	position: absolute;
	right:150px;
}

.intro_text-left h2, .intro_text-right h2 {
	font-size: 30px;
	text-align: left;
	color:#000;
	margin: 20px 0 10px;
}

.intro_text-left p,.intro_text-right p {
	margin: 15px 0 0;
}

p.call-to-action {
	font-size: 115%;
	margin: 30px 0 0;
	width:80%;
	text-align: right;
}

p.call-to-action a {
	height:20px;
	color: #000;
	font-size: 16px;
	font-weight:bold;
	line-height: 1.3em;
}

p.call-to-action a:hover {
	color:#666;
}



p.call-to-action a img {
	vertical-align: middle;
}

.infographic {
	margin:	 0;
}



/* Footer */
#footer{
	width:960px;
	margin:auto;
	text-align:right; 
	color:#fff; 
	padding:0 5px; 
	margin-top: 2px;
	text-decoration:none;
}
 

#languages {
	float:left;
}

#languages a img {
	margin-left:10px;
}

p#info {
	color: #666;
	margin:5px;
	float: right;
	display:block;
	cursor: pointer;
}


/* Credits */
#credits-wrapper {
	padding: 30px 0px;
}

#credits {
	text-align: center;
	color: #000;
	padding-bottom: 50px;
}

#credits h2, #credits h3 {
	text-align: center;
}

#credits h2 {
	font-size: 26px;
	margin: 20px 0px 20px;
}

#credits h3 {
	margin:20px 0 5px;
}