/*  
MASSIVE
Copyright © 2010 MASSIVE Helsinki

Based on the Sticky Footer Solution by Steve Hatcher 
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 160px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -160px; /* negative value of footer height */
	height: 160px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Page style starts */

body {font:11pt Arial, sans-serif; 
	line-height:1.4em;
	color:#e9e9e9;
	background: url(/img/page_background.jpg) no-repeat top center #000000;	
	}

a img {border:none;}

a:link {color: #00baff;text-decoration:none;}
a:hover {color:#00baff;text-decoration:none;}
a:visited {color: #00baff;text-decoration:none;}

p {margin:5px 0 15px 0;}

/* Header */
#header {
	width:700px;
	margin:0 auto;
	height:30px;
	}

#header h1 {
	text-indent: -500em;
	}

/* Content Area */

#main {
	width:700px;
	margin:0 auto;
	padding: 20px 10px;
	}
	
#content {
	width:550px;
	float:left;
	padding: 0 0 159px 0;
	}

.ie #content {
	padding: 0 0 15px 0;
}

#content li{
	list-style: none;
	font: 8pt/15pt verdana,sans-serif;
	text-align: left;
}

#content h2 {
	padding: 25px 0 5px;
	color: #00baff;
	font: 3.3em Arena Cond Light, sans-serif;
	line-height: 1em;
}

#content h3 {
	padding: 25px 0 0px;
}

/* Sidebar */
#sidebar {
	width:100px;
	float:right;
	padding:25px;
}

/* Footer */
#footer {
	background: url(/img/footer.gif) repeat-x top #222222;
}

#foot {
	width:700px;
	margin:0 auto;
	background: url(/img/footer.gif) repeat-x top #222222; 
}

.footer h3{
	font: 8pt/20pt verdana,sans-serif;
	font-weight: bold;
	padding-top: 34px;
}
	
.footer li{
	list-style: none;
	font: 8pt/15pt verdana,sans-serif;
	border-top: solid 1px #454545;
	text-align: left;
}
	
.block-1, .block-2,.block-3,.block-4 {
	float: left;
	width: 150px;
	padding: 0px 25px 0px 0px;
}

.slogan  {
	margin-left: -30px;
	margin-top: -159px;
}

.logo {
	padding-top: 55px;
}

/* Easy Slider */

	#slider_cont {
		margin-left:-5px;
		margin-top:-25px;
		width:562px;
		height:336px;
		background: url(/img/slider_frame.png);
		}
	
	#slider {
		margin-left:6px;
		padding-top:28px;
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:550px;
		height:280px;
		overflow:hidden; 
		}
		
	/* numeric controls */	

	ol#controls{
		margin: 20px;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		font: 8pt verdana,sans-serif;
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #000;
		background:#0b1e22;
		color:#00baff;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#000;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
		
/* // Easy Slider */