@charset "utf-8";
/* CSS Document */

html { height:100%; overflow:hidden; scrollbar-base-color:#3C3C3C; }
body {
	background-color: #000000;
	margin: 0;
	height:100%;
	color:#FFF;
	overflow:hidden;
	font-family:"Trebuchet MS", Helvetica, Verdana;
}
#mainBg {
	margin:0 auto; overflow:hidden; width:100%; position:absolute; bottom:0; z-index:0;
}
.mainTeaserBox {
	position: absolute; left:3%; bottom:3%; background:url(../images/web_ui/believe_teaser_sm.png) no-repeat; z-index:35; height:170px; width:200px; text-align:center;
}
.mainLogo {
	width:100%;
	text-align:center;
	position:absolute;
	left: 0px;
	bottom:0px;
	z-index:30;
}
.mainShareBox {
	position: absolute; right:3%; bottom:3%; background:url(../images/web_ui/believe_share_sm.png) no-repeat; z-index:35; height:145px; width:200px; text-align:center; padding-top:25px;
}

.shareMargin {
	margin: 2px;
}
a .shareMargin {
	opacity:1;
	filter:alpha(opacity=100);
}
a:hover .shareMargin {
	opacity:.5;
	filter:alpha(opacity=50);
}
a { color:#FFFFFF; }
a:hover { text-decoration:none; }

ul.nav  {
	list-style-type:none;
	margin:0;
	padding:5px 0;
	text-align:center;
}
.nav li {
	display:inline;
	font-size: 14px;
	font-weight:bold;
}
.nav li a {
	padding-left:27px;
	background:url(../images/web_ui/nav_light.gif) no-repeat left;
}
.nav li a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}
#contentText {
	overflow:auto; height:80%; text-align:left; margin:0 10px;
}
h1,h2,h3 { margin:0; padding:0; }

.share {
	display:inline;
	position:relative;
	margin: 0;
	padding: 0;
	height:auto;
}
.shareBody {
	width:150px;
	background-color:#333;
	border: solid 1px #CCC;
	position: absolute;
	top: -999em;
	left:0;
}
.share span:hover .shareBody,
.share span.sfHover .shareBody {
	top:0px;
}

.columnFloat20 {
	float:left; width:18%; margin:1%; text-align:center;
}
.hdrLeft {
	float:left; width:5%; text-align:left;
	margin-right:1%;
}