/* CSS Document */
@import "../tooltips.css";
body {
	margin:0px;
	font-family:  "century gothic", "Trebuchet MS", Verdana, Arial;
	font-size:12px;
	color:#aaaaaa;
	background:#19233e;
	cursor: default;
}

#wrapper {
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	width:1008px;
	background-image:url(back.jpg);
	overflow: hidden;
	position:relative;
}

#content {
	margin:0px;
	padding:8px;
	width:994px;
	text-align:center;
}

.intro_btn{
	float:left;
}

.centered{
	margin-left:auto;
	margin-right:auto;
	width:690px;
	overflow:hidden;
}

h1 {
	font-size:16px;
	padding:5px;
	margin:0px;
}

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

a:hover {
	text-decoration:underline;
}

.block {
	width: 147px;
	padding:0px;
	margin:0px;
	margin-left:3px;
	background:transparent;
	margin-top:3px;
	margin-bottom:3px;
	
	
}
.block div{
	padding:0px;
	margin:0px;
}
.block .top {
	background-image:url(block_top.png);
	height:8px;
	width: inherit;
	
}
.block .mid {
	background-image:url(block_mid.png);
	padding-left:5px;
	padding-top:0px;
	padding-bottom:0px;
}
.block .bot {
	background-image:url(block_bot.png);
	height:8px;
	width: inherit;
}

.block h1{

	padding:0px;
	margin:0px;
	margin-top:-10px;
	line-height:18px;
	padding-bottom:5px;
}

.info, .alert{
	width: 300px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	background:transparent;
	margin-top:3px;
	margin-bottom:3px;
}
.info .top, .alert .top {
	background-image:url(info_top.png);
	height:10px;
	width: inherit;
	
}
.info .mid, .alert .mid {
	background-image:url(info_mid.png);
	padding-left:5px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	font-size:13px;
	padding:8px;
	color:#ddd;
}
.info .mid h1, .alert .mid h1 {
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	color:#fff;
	line-height:14px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}
.info .bot, .alert .bot {
	background-image:url(info_bot.png);
	height:10px;
	width: inherit;
}

.alert .top {
	background-image:url(alert_top.png);
}
.alert .mid {
	background-image:url(alert_mid.png);
}
.alert .bot {
	background-image:url(alert_bot.png);
}

.alertbox {
	position:absolute;
	z-index:9999;
	margin:0px;
	left:0px;
	top:0px;
	height:434px;
	background-image:url(screen.png);
	width:434px;
	padding:0px;
}

.alert{
	margin-top:200px;
}

.info.halfsize {
	width: 147px;
	padding:0px;
	margin:0px;
	margin-left:30px;
	margin-right:30px;
	background:transparent;
	margin-top:3px;
	margin-bottom:3px;
	float:left;
}
.info.halfsize .top {
	background-image:url(block_top.png);
	height:8px;
	width: inherit;

}
.info.halfsize .mid {
	background-image:url(block_mid.png);
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:10px;
}
.info.halfsize .bot {
	background-image:url(block_bot.png);
	height:8px;
	width: inherit;
	
}

.info.halfsize .mid h1 {
	font-size:14px;
	line-height:14px;
}
.info.halfsize .mid {
	font-size:12px;
	line-height:14px;
}

.break {
	
}

a.button {
	padding: 2px 5px 2px 5px;
	text-decoration:none;
	color:#FDE800;
	border:solid 1px #D4CCAC;
	background-color:#ECEDD7;
	font-size:14px;
	font-weight:bold;
}

h2 {/*titel*/
	font-variant: small-caps;
	color:#FFC500;
	font-size:15px;
	font-weight: normal;
	padding:5px;
	margin:0px;
	text-align:left;/*center;*/
	/*margin-left: 40px;*/
	margin-top: 0px;
	padding-top: 0px;
}

h1 {/* subtitel */
      text-align:left;/*center;*/
      font-weight: normal;
      font-style: normal; 
	color:#fff;
	/*margin-left: 40px;*/
}

h2.big{
	color: #fff;
	font-size:40px;
}

h2.big.ontop{
	color: #fff;
	font-size:40px;
	margin-top: 15px;
	margin-bottom: -15px;
}

#intro_wrapper{
	background-image:url(images/introback.jpg);
	background-repeat:repeat-x;
	height:906px;
}
#intro_screen{
	background-image:url(images/splash.jpg);
	height:827px;
	width:1282px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#intro_btns{
	position:absolute;
	left:148px;
	top:43px;
}

.intro_btn{
	height:580px;
	width:324px;
	cursor:pointer;
}
.intro_btn .info{
	color:#000;
	padding:0px;
	margin-top:80px;
	line-height:14px;
	font-size:11px;
	width:240px;
}

.intro_btn.active .info{
	color:#fff;
}

.intro_btn.users{
	width:324px;
}

.intro_btn.publishers{
	width:319px;
}

.intro_btn.advertisers{
	width:325px;
}

#users.active{
	background-image:url(images/users.jpg);
}

#publishers.active{
	background-image:url(images/publishers.jpg);
}

#advertisers.active{
	background-image:url(images/advertisers.jpg);
}