@charset "utf-8";
/* CSS Document */

body{
	background: #080808 url(images/bg.jpg) repeat-x top center;
	margin: 0 auto;
	color: white;
	font-family: Verdana, Arial;
	font-size: 10px;
}

.page{
	background: #080808 url(images/bg2.jpg) repeat-x top center;
	margin: 0 auto;
	color: white;
	font-family: Verdana, Arial;
	font-size: 10px;
}

h1{
	margin-top: 0px;
		color: white;
	font-size: 25px;
	font-family: Lucida Sans Unicode;
	line-height: 24px;
	letter-spacing: -1px;
}
h2 {
	font-family: Verdana, Arial;
	color: #0FAC8D;
}

a{
	color:#0FAC8D;
	text-decoration: none;
}

a:hover{
	color: #ccc;
	text-decoration: none;
}

img{
	border: 0px;
}
.container{
	width: 850px;
	margin: 0 auto;
}

.head{
	clear: both;
	height: 120px;
	overflow: hidden;
}

.logo{
	padding: 10px;
	float: left;
	width: 200px;
}

.bar{
	float: left;
	width: 600px;
	font-size: 13px;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	padding: 60px 0px 0px 30px;
}

.baritem{
	float: left;
	padding: 10px;
}

.baritema{
	float: left;
	padding: 10px 0px 10px 13px;
	background: url(images/bar.png) repeat-x top left;
	font-weight: bold;
	letter-spacing: -1px;
}

.barend{
	float: left;
	padding: 10px 0px 10px 0px;
	background: url(images/barend.png) no-repeat top left;
	font-weight: bold;
	width: 16px;
	height: 30px;
	letter-spacing: -1px;
}

.baritema a{
	color: white !important;
}

.baritema a:hover{
	color: #15F8CB !important;
}

.bar a{
	color: #8C8C8C;
	text-decoration: none;
}

.bar a:hover{
	color: #0FAC8D;
}





.teaser{
	height: 340px;
}

.strip{
	height: 200px;
}




#demo-bar {
	margin: 0px auto;
	padding: 0;
	width: 930px;
	text-align: center;
} 
#demo-wrapper {
	margin: 0px auto;
	margin-left: 0px;
	overflow: hidden; 
	height: 320px; 
	width: 874px;
	position: relative;
} 
#demo-inner {
	width: 9600px;
	height: 297px;
	position: relative;
} 
.scrolling-content {
	width: 139px;
	height: 73px;
	text-align: left;
	position: absolute;
} 
.scrolling-content h1 { 
	color: #fff;
	padding: 0;
	font-size: 11px;
} 
#content1 {
	left: 0px; 
	top: 0px;
	width: 920px;
	height: 297px;
}
#content2 {
	left: 920px; 
	top: 0px;
	width: 920px;
	height: 297px;
} 
#content3 {
	left: 1840px; 
	top: 0px;
	width: 920px;
	height: 297px;
} 
#content4 {
	left: 2760px; 
	top: 0px;
	width: 920px;
	height: 297px;
}
#content5 {
	left: 3680px; 
	top: 0px;
	width: 920px;
	height: 297px;
}

#content6 {
	left: 4600px; 
	top: 0px;
	width: 920px;
	height: 297px;
}
#content7 {
	left: 5520px; 
	top: 0px;
	width: 920px;
	height: 297px;
}

/* ---- header buttons --- */
div#header_buttons_wrap {
	margin-left: 20px;
	
}
div#header_buttons {
	height: 185px;
}

ul#buttons {
	margin: 0px;
	padding: 0px;
}
ul#buttons li {
	list-style: none;
}
ul#buttons li a:link, ul#buttons li a:visited {
	height: 165px;
	display: block;
}

li#but_0 {
	width: 25px;
	height: 165px;
	float: left;
}

li#but_1 {
	width: 172px;
	height: 181px;
	float: left;
	color: #fff;
	background: url(images/1o.png) 0% 50% no-repeat;

}
li#but_1 a:hover {
	background: url(images/1.png) 0% 50% no-repeat;
	color: #000;
}
li#but_1 a.active {
	width: 172px;
	height: 181px;
	float: left;
	background: url(images/1.png) 0% 50% no-repeat;
	color: #000;
}
li#but_2 {
	width: 172px;
	height: 181px;
	float: left;
	background: url(images/2o.png) 0% 50% no-repeat;

}
li#but_2 a:hover {
	background: url(images/2.png) 0% 50% no-repeat;
}
li#but_2 a.active {	width: 127px;
	width: 172px;
	height: 181px;
	background: url(images/2.png) 0% 50% no-repeat;
}
li#but_3 {	
	width: 172px;
	height: 181px;
	float: left;
	color: #fff;
	background: url(images/3o.png) 0% 50% no-repeat;
	float: left;
}
li#but_3 a:hover {
	background: url(images/3.png) 0% 50% no-repeat;
}
li#but_3 a.active {	
	width: 172px;
	height: 181px;
	float: left;
	background: url(images/3.png) 0% 50% no-repeat;
}
li#but_4 {	
	width: 172px;
	height: 181px;
	float: left;
	color: #fff;
	background: url(images/4o_v2.png) 0% 50% no-repeat;
}
li#but_4 a:hover {
	background: url(images/4_v2.png) 0% 50% no-repeat;
}
li#but_4 a.active {	
	width: 172px;
	height: 181px;
	float: left;
	background: url(images/4_v2.png) 0% 50% no-repeat;
}

li#but_5 {	
	width: 172px;
	height: 181px;
	float: left;
	color: #fff;
	background: url(images/5o.png) 0% 50% no-repeat;
}
li#but_5 a:hover {
	background: url(images/5.png) 0% 50% no-repeat;
}
li#but_5 a.active {	
	width: 172px;
	height: 181px;
	float: left;
	background: url(images/5.png) 0% 50% no-repeat;
}



li#but_6 {	width: 127px;
	height: 165px;
	float: left;
	color: #fff;
	background: url(images/6o.png) 0% 50% no-repeat;
}
li#but_6 a:hover {
	background: url(images/6.png) 0% 50% no-repeat;

}
li#but_6 a.active {	width: 127px;
	height: 165px;
	float: left;
	background: url(images/6.png) 0% 50% no-repeat;
}



li#but_7 {	width: 127px;
	height: 165px;
	float: left;
	color: #fff;
	background: url(images/7o.png) 0% 50% no-repeat;
}
li#but_7 a:hover {
	background: url(images/7.png) 0% 50% no-repeat;
}
li#but_7 a.active {	width: 127px;
	height: 165px;
	float: left;
	background: url(images/7.png) 0% 50% no-repeat;
}

.timg{
	float: left;
	width: 610px;
	padding: 31px 0px 0px 10px;
}

.ttxt{
	float: left;
	width: 220px;
	padding: 50px 30px 30px 30px;
	font-size: 11px;
	line-height: 18px;
}

.ttxt img{
	float: left;
	margin-right: 10px;
}

.ttxt strong{
	color: white;
	font-size: 25px;
	font-family: Lucida Sans Unicode;
	line-height: 24px;
	letter-spacing: -1px;
}

.ttxt span{
	font-family: Lucida Sans Unicode;
	font-size: 14px;
	padding-top: 5px;
}

.ttxt a{
	font-size: 14px;
}
.tbox{
	padding: 13px;
	border: 1px solid #000;
	margin: 2px;
	clear: both;
	background: #272727;
}

.tbox img{
	float: right;
}

.footer{
	padding: 20px;
	font-size: 10px;
	color: #333;
	margin-bottom: 50px;
}

.footerl{
	width: 300px;
	float: left;
}

.footerr{
	float: left;
	width: 510px;
	text-align: right;
}

#pagecontent{
	clear: both;
	width: 815px;
	padding: 40px 0px 0px 20px;
	font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
	line-height: 15px;
	border-bottom: 1px solid #444;
}

.pagecontent_full{
	/* Left side page content block */
	width: 810px;
	float:left;
	vertical-align: top;
	padding-left: 20px;
}

.pagecontent_left{
	/* Left side page content block */
	width: 610px;
	float:left;
	vertical-align: top;
	padding-left: 20px;
}

.pagecontent_right{
	/* Right sidebar block */
	float:right;
	width: 185px;
	vertical-align: top;
	padding: 0px,0px,0px,30px;
	margin-right: 20px;
}

.pagecontent_left p{
	/* General paragraph content */
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;	
}

.pagecontent_full p{
	/* General paragraph content */
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;	
}

.pagetitle {
	/* General Page Title */
	color: white;
	font-family: Lucida Sans Unicode;
	letter-spacing: -1px;
}

.pagetitle h1{
	/* Heading */
	color: white;
	font-size: 25px;
	font-family: Lucida Sans Unicode;
	letter-spacing: -1px;
	margin-top: 10px;
	vertical-align: top;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.pagetitle h2{
	/* Subheading */
	font-family: Lucida Sans Unicode;
	font-size: 14px;
	padding-top: 5px;	
	color:#0FAC8D;
	margin-top: 0px;
	vertical-align: top;
}

.pagecontent strong{
	color: white;
	font-size: 25px;
	font-family: Lucida Sans Unicode;
	line-height: 29px;
	letter-spacing: -1px;
}

.pagecontent span{
	font-family: Lucida Sans Unicode;
	font-size: 14px;
	padding-top: 5px;
	color: #0FAC8D;
}

.sidebarbox{display:block}
.sidebarbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#312E2E}
.sidebarbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #191818;
  border-right:1px solid #191818;
  background:#262424}
.sidebarbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #0c0b0b;
  border-right:1px solid #0c0b0b;
  background:#292626}
.sidebarbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #292626;
  border-right:1px solid #292626;}
.sidebarbox4{
  border-left:1px solid #191818;
  border-right:1px solid #191818}
.sidebarbox5{
  border-left:1px solid #262424;
  border-right:1px solid #262424}
.sidebarboxfg{
  background:#312E2E;
  color: #0FAC8D;
	font-size: 12px;
	font-family: Lucida Sans Unicode;
	letter-spacing: -1px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 0px;
	margin-bottom: 0px;}

#twitter_div { width: 145px; padding: 10px; background-color: #080808; border: 0px; position: center;}

ul#twitter_update_list { width: 1450px; padding: 0; margin: 0; overflow: hidden; }

ul#twitter_update_list li { width: 135px; padding: 5px 5px 5px 5px; color: #0FAC8D; border-bottom: solid 1px #908f8f; border-top: solid 1px #FFF; list-style: none; }

ul#twitter_update_list li a { color: #0FAC8D; border-bottom: dotted 1px; text-decoration: none; }

ul#twitter_update_list li a:hover { color: #0FAC8D; border-bottom: solid 1px; }

