/**************************************************************************
 * Global Definitions
 **************************************************************************/
html,
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	color: #fff;
	font-family: Trebuchet MS, arial, verdana, helvetica, sans-serif;
	width: 100%;
	background: #000c2b url(gfx/site_background.png) repeat-x;
}

h2 {
	color: #fff;
	font-size: 200%;
}

em {
	color: #ff9933;
}

a img {
	border: none;
}

a:link, 
a:visited {
	color: #ff9933;
	text-decoration: none;
}

a:hover, 
a:focus, 
a:active {
	color: #cc6633;
	text-decoration: underline;
}

/**************************************************************************
 * Specials
 **************************************************************************/
.clearer {
	display: block;
	clear: both;
}

.fixed_width {
	width: 903px;
	margin: 0 auto;
}

.noscript {
	padding: 10px 0px;
	margin: 5px auto;
	text-align: center;
	color: #f33;
	background: rgb(51, 102, 153);
	border: 2px solid #c00;
}

/**************************************************************************
 * Button
 **************************************************************************/
a.btn, 
a.btn span {
    display: -moz-inline-box; /* FF2 */
    display: inline-block;
    height: 47px;
    margin: 0 0 0 21px;
    padding: 0 41px 0 20px;
    color: #fff;
    font: 23px/40px "Lucida Grande", Arial;
    font-weight: bold;
    text-decoration: none;
    background: transparent url('gfx/btn_right.png') no-repeat scroll right 0;
}
a.btn {
	background-image: url('gfx/btn_left.png');
    background-position: left 0;
    margin: 0;
    padding: 0;
}
a.btn:hover {
	color: #ffffff;
	background-image: url('gfx/btn_left_hover.png');
}
a.btn:hover span {
	color: #ffffff;
	background-image: url('gfx/btn_right_hover.png');
}

/**************************************************************************
 * Landing page
 **************************************************************************/
body.landing-page {
	background: #333 url(gfx/landing/background.jpg) repeat fixed center center;
}

.landing-page h1 {
	position: absolute; 
	top: 25px;
	left: 25px;
}

#landing-welcome {
	position: absolute; 
	top: 10%;
	left: 20%;
	width: 600px;
	font-size: 150%;
}

#sunny {
	position: absolute;
	bottom: 20%;
	left: 5%;
	margin-bottom: -50px;
}

#landing-bar {
	color: #ff9933;
	position: absolute;
	bottom: 20%;
	width: 100%;
	padding: 10px 0px 4px 0px;
	background: url(gfx/landing/background-bar.png);
	text-align: right;
}

#landing-bar a {
	text-decoration: none;
}

#landing-bar h2,
#landing-bar h3 {
	display: inline;
}

#landing-bar h2,
#landing-bar .middot {
	font-size: xx-large;
}

#landing-bar h2 a {
	padding: 0px 10px;
}

#landing-bar h3 a {
	padding: 0px 2px;
}

#landing-bar h2+h3,
#landing-bar h3+h2 {
	padding-left: 30px;
}

#landing-bar .last {
	margin-right: 10%
}

#landing-info {
	position: absolute;
	top: 2%;
	right: 10%;
}