﻿@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../img/body_bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	color:#666666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}


/* HEADER */

#hdr {
	background-image:url(../img/hdr_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:150px;
	width:100%;
}

#hdr-inner {
	padding-top:45px;
	background-image:url(../img/logo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:120px;
}


#hdr-nav {
	float:right;
	text-align:right;
	margin-right:25px;
	margin-top:7px;
	width:500px
}


#hdr-login {
	float:right;
	margin-right:25px
}

#hdr-login_01 {
	float:left;
	padding-top:5px;
	text-align:right;
}

#hdr-login_02 {
	float:left;
}

#hdr-login_03 {
	float:left;
	padding-top:12px;
	text-align:left;
}

#logo {
	float:left;
	text-align:left;
}

#navigation {
	float:right;
	text-align:right;
}


/* CONTAINER */

#container {
	width:100%;
	text-align:center;
}

#container-inner {
	margin:0px auto;
	width:850px;
}


/* CONTENT */

#content {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:848px;
	overflow:hidden;
	padding-top:15px;
}

#content-padding {
	margin:0px auto;
	width:830px;
	z-index:2;
}

#content-left {
	float:left;
	text-align:right;
	width:400px;
}

#content-right {
	float:left;
	margin-left:25px;
	text-align:left;
	width:400px;
}


/* FOOTER */
#ftr {
	background-image:url(../img/ftr_bg.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	clear:both;
	font-size:10px;
	height:40px;
	padding-bottom:5px;
	padding-top:20px;
	width:100%;
}

#ftr-home {
	background-image:url(../img/ftr_home.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	clear:both;
	font-size:10px;
	height:50px;
	padding-bottom:5px;
	padding-top:30px;
	width:100%;
}

#ftr-end {
	height:30px;
	width:100%;
}


/* ACCOUNT */
#content-left_account {
	border-top:1px solid #CCCCCC;
	text-align:center;
	margin-top:15px;
	padding-top:15px;
}

#content-left_accountInner {
	margin:0px auto;
	text-align:left;
	width:300px;
}


/* CHARITY */
#content-charity_top {
	margin-bottom:5px;
	overflow:auto;
	text-align:left;
	width:100%;
}

#content-charity_bottom {
	border-top:1px solid #CCCCCC;
	clear:both;
	padding-top:15px;
	text-align:left;
	width:100%;
}

#content-charity_topLeft {
	float:left;
	margin-right:25px;
	width:365px;
}

#content-charity_topRight {
	float:left;
	width:350px;
}

#content-charity_topRight p {
	font-size:12px;
}


/* TRVIA */
#content-trivia_top {
	margin-bottom:5px;
	overflow:auto;
	text-align:left;
	width:100%;
}

#content-trivia_bottom {
	border-top:1px solid #CCCCCC;
	clear:both;
	padding-top:15px;
	text-align:left;
	width:100%;
}

#content-trivia_topLeft {
	float:left;
	margin-right:25px;
	width:275px;
}

#content-trivia_topRight {
	float:left;
	width:440px;
}

#content-trivia_topRight p {
	font-size:12px;
}


/* BUY */
#content-buy_top {
	margin-bottom:5px;
	overflow:auto;
	text-align:left;
	width:100%;
}

#content-buy_bottom {
	border-top:1px solid #CCCCCC;
	clear:both;
	padding-top:15px;
	text-align:left;
	width:100%;
}

#content-buy_topLeft {
	float:left;
	margin-right:25px;
	width:275px;
}

#content-buy_topRight {
	float:left;
	width:440px;
}

#content-buy_topRight p {
	font-size:12px;
}

/* PRIZES */

#content-prize {
	float:left;
	text-align:center;
	width:280px;
}

#content-winners {
	float:left;
	margin-left:15px;
	text-align:left;
	width:455px;
}

#content-policy {
	clear:both; 
	padding-top:25px; 
	text-align:left;
}


#content-winners p {
	font-size:12px;
}


/* FORMS */
#form-padding {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:0px;
	padding-left:13px;
	padding-right:7px;
}

#form-padding_top {
	background-image:url(../img/corners/top_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#form-padding_bottom {
	background-image:url(../img/corners/bottom_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
}

/* HACKER SAFE LOGO */

#hacker-safe {
	float:right;
	width:65px;
}
