/* Basic stuff */

body {
/*  background: #000 url('images/background.jpg') no-repeat center -315px; */
	background: #000;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	text-align: center;
	font: 11px/18px 'Helvetica', Arial, Sans-serif;
}

* { margin: 0; padding: 0; }
div.clear { clear: both; }
p { margin: 0 0 15px 0; }
img, a img { border: 0; }

a {
  text-decoration: none;
	color: #0cb5ce;
}

a:hover {
  text-decoration: underline;
	color: #0cb5ce;
}

hr {
  border: 0;
	width: 100%;
	height: 1px;
	background: #000;
	margin: 35px 0 35px 0;
}

hr.big { height: 2px; }


/* Main text styles */

h2 {
  font: bold 30px/34px 'Trade Gothic', Helvetica, Arial, Sans-serif;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

h3 {
  font: bold 14px/20px 'Helvetica', Arial, Sans-serif;
	text-transform: uppercase;
	color: #0cb5ce;
	margin: 0 0 20px 0;
}


/* Other styles */

#header {
  width: 960px;
	height: 125px;
	text-align: left;
	overflow: hidden;
	margin: 0 auto;
}

#header h1 {
	width: 140px;
	height: 86px;
	background: transparent url('images/logo.png') no-repeat top left;
	margin: 25px 0 0 0px;
	float: left;
}

#header h1:hover { opacity: 0.85; }

#header h1 a {
  width: 140px;
	height: 86px;
	display: block;
	text-indent: -9999px;
	color: #fff;
}

#header #navi {
	font: 14px/18px 'Trade Gothic', Helvetica, Arial, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
  list-style: none;
	margin: 57px 0 0 445px;
}

#header #navi li {
	float: left;
	height: 20px;
	padding: 1px 5px 0 5px;
	margin: 0 0 0 8px;
	overflow: hidden;
}

#header #navi li.active { background: #0cb5ce; }
#header #navi li.active:hover { background: #0cb5ce; }
#header #navi li:hover { background: #555; }

#header #navi li a {
  width: 100%;
	height: 19px;
	display: block;
	text-decoration: none;
	color: #fff;
}

#header #navi li.weloveu a {
  text-indent: -9999px;
	display: block;
	width: 56px;
	height: 16px;
	background: transparent url('images/navi_weloveu.png') no-repeat top left;
	margin-top: 2px;
}


#container {
  width: 100%;
	min-height: 680px;
	margin: 0 0 25px 0;
	position: relative;
}

#container.home { background: transparent url('images/containerBg/home.jpg') no-repeat center top; }
#container.fuel-nights { background: transparent url('images/containerBg/fuel-nights.jpg') no-repeat center top; }
#container.solut { background: transparent url('images/containerBg/solut.jpg') no-repeat center top; }
#container.teams { background: transparent url('images/containerBg/teams.jpg') no-repeat center top; }
#container.media { background: transparent url('images/containerBg/media.jpg') no-repeat center top; }
#container.contact { background: transparent url('images/containerBg/contact.jpg') no-repeat center top; }
#container.weloveu { background: transparent url('images/containerBg/weloveu.jpg') no-repeat center top; }
#container.weloveu-test12345678 { background: transparent url('images/containerBg/weloveu-campaign.jpg') no-repeat center top; }

#container #content {
  width: 960px;
	margin: auto;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding-top: 55px;
}


#content .contentBox {
  width: 380px;
	background: #fff;
	color: #000;
	text-align: left;
	padding: 40px 40px 25px 40px;
	margin-bottom: 20px;
}

#content .contentBox.float {
  float: left;
	margin-right: 25px;
}

#content .contentBox.float.last { margin-right: 0; }


#footer { text-align: left; width: 960px; margin: 0 auto; }

#footer a {
  background: transparent url('images/saalem-logo.png') no-repeat top left;
	width: 75px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 45px 15px;
	opacity: 0.2;
}

#footer a:hover { opacity: 1.0; }



/* Homepage */

.home #content #twitter_div {
  background: #000;
	width: 910px;
	opacity: 0.9;
	margin-top: 405px;
	text-align: left;
	padding: 25px;
}

.home #content #twitter_div ul {
	list-style: none;
}

.home #content #twitter_div ul li {
	width: 190px;
	float: left;
	margin: 0 0 0 25px;
}

.home #content #twitter_div ul li span {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	display: block;
}

.home #content #twitter_div ul li span a {
  margin-top: 0;
	text-transform: none;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #0cb5ce;
}

.home #content #twitter_div ul li a {
	font-weight: normal;
  font-size: 10px;
	text-transform: uppercase;
  text-decoration: none;
	margin-top: 10px;
	color: #fff;
}

.home #content #twitter_div ul li a:hover { text-decoration: underline; }


/* Other pages */

.fuel-nights #map { margin: 40px 0 -35px -40px; }

ul.names {
  list-style: square;
	margin: 0 0 15px 15px;
	float: left;
	width: 165px;
}

ul.names a, ul.names a:hover { color: #000; }
ul.names li.important a, ul.names li.important a:hover { color: #c20000; }


p.partOfSaalem {
  border-top: 1px dotted #ccc;
	padding-top: 15px;
}



/* Media */

#content .contentBox.videoThumbs, #content .contentBox.fueltv {
	width: 250px !important;
	float: left;
	margin-right: 25px;
}

#content .contentBox.videoThumbs.last, #content .contentBox.fueltv.last { margin-right: 0; }
#content .contentBox.fueltv { width: 165px !important; }


div.videoOverlay {
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.videoOverlay .videoScreen {
  position: fixed;
	top: 50%;
	left: 50%;
	margin: -169px 0 0 -300px;
	-webkit-box-shadow: 5px 5px 200px #000;
	font-size: 0;
	line-height: 0;
	z-index: 1000;
}

div.videoOverlay .mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  line-height: 0;
	font-size: 0;
	background: #000;
	z-index: 500;
	opacity: 0.75;
}

div.videoOverlay .closeThis {
  width: 38px;
	height: 37px;
	background: #fff;
	z-index: 1500;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow: hidden;
	padding: 0;
	background: transparent url('images/closeThis.png') no-repeat top left;
	font-size: 0px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	margin: -185px 0 0 -318px;
}

div.videoOverlay .closeThis:hover {
	background: transparent url('images/closeThis.png') no-repeat bottom left;
	cursor: pointer;
}


.videoThumbs a {
  width: 240px;
	height: 24px;
	overflow: hidden;
	display: block;
	padding: 126px 0 0 10px;
	font-weight: bold;
	margin: 0 0 15px 0;
}


.videoThumbs .openVideo1 { background: #fff url('images/media/thumb_video01.jpg') no-repeat top left; }
.videoThumbs .openVideo2 { background: #fff url('images/media/thumb_video02.jpg') no-repeat top left; }
.videoThumbs .openVideo3 { background: #fff url('images/media/thumb_video03.jpg') no-repeat top left; }
.videoThumbs .openVideo4 { background: #fff url('images/media/thumb_video04.jpg') no-repeat top left; }
.videoThumbs .openVideo5 { background: #fff url('images/media/thumb_video05.jpg') no-repeat top left; }
.videoThumbs .openVideo6 { background: #fff url('images/media/thumb_video06.jpg') no-repeat top left; }
.videoThumbs .openVideo7 { background: #fff url('images/media/thumb_video07.jpg') no-repeat top left; }
.videoThumbs .openVideo8 { background: #fff url('images/media/thumb_video08.jpg') no-repeat top left; }
.videoThumbs .openVideo9 { background: #fff url('images/media/thumb_video09.jpg') no-repeat top left; }
.videoThumbs .openVideo10 { background: #fff url('images/media/thumb_video10.jpg') no-repeat top left; }
.videoThumbs .openVideo11 { background: #fff url('images/media/thumb_video11.jpg') no-repeat top left; }
.videoThumbs .openVideo12 { background: #fff url('images/media/thumb_video12.jpg') no-repeat top left; }
.videoThumbs .openVideo13 { background: #fff url('images/media/thumb_video13.jpg') no-repeat top left; }
.videoThumbs .openVideo14 { background: #fff url('images/media/thumb_video14.jpg') no-repeat top left; }
.videoThumbs .openVideo15 { background: #fff url('images/media/thumb_video15.jpg') no-repeat top left; }



/* We love u - tapahtuma


.weloveu #intro h4 {
  font: 18px/24px 'American Typewriter', 'Courier New', 'Courier', 'Lucida Sans Typewriter', Arial, Sans-serif;
	width: 90%;
	margin-bottom: 25px;
}

.weloveu #intro p {
  font: 14px/22px 'American Typewriter', 'Courier New', 'Courier', 'Lucida Sans Typewriter', Arial, Sans-serif;
	margin-bottom: 20px;
}

.weloveu #intro h4 span { color: #d30500; }

a.teaser.weloveu {
	text-indent: -9999px;
	text-decoration: none;
	background: transparent url('images/extra/weloveu/weloveu-frontpage-teaser.png') no-repeat top left;
	width: 522px;
	height: 175px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7000;
}  */