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

/* Global Styles */
body,
html {
    margin: 0;
    padding:0;
    background-color: #333333;
    color:#000;
    min-width:900px;
}

body {
    min-width:900px;
	background:#333333 url('../images/backgrounds/bodyBg.png') 0 0 repeat-x;
}

#wrapper {
    background:#ffffff;
    margin:0 auto;
    width:900px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    padding:0;
}

A:link {text-decoration: none;color: #FFFFFF;border:none}
A:visited {text-decoration: none;color:#FFFFFF;}
A:active {text-decoration: none;}
A:hover {text-decoration:none;}
img {border:none;}

#header {
	background:#333333 url('../images/backgrounds/bodyBg.png') 0 0 repeat-x;
	height: 215px;
	text-align: center;
    margin:0 auto;
    width:950px;
}

#header #imgLogo {
    position: relative;
    top: 75px;
    left: -350px;
}
#header #imgBanner {
    position: relative;
    top: -60px;
    right: -100px;
}

#requiredField {
    color:red;
}

#msgSummarySuccess {
    background-color:lime;
    font-size:10px;
    font-weight:bold;
    border:green solid 1px;
    height: 25px;
    text-align:left;
    vertical-align:middle;
}
#msgSummaryError {
    background-color:red;
    font-size:10px;
    font-weight:bold;
    border:maroon solid 1px;
    height: 25px;
    text-align:left;
    vertical-align:middle;
}

/* Header styles */
h1 {
    color:#c63030;
    font-size:14px;
    font-family:Miriam, sans-serif, Helvetica, Verdana;
}

h2 {
    color:#c63030;
    font-size:12px;
    font-family:Miriam, sans-serif, Helvetica, Verdana;
}

h3 {
    color:#ffffff;
    font-size:12px;
    font-family:Miriam, sans-serif, Helvetica, Verdana;
}

h4 {
    color:#c63030;
    font-size:1.5em;
    font-family:Miriam, sans-serif, Helvetica, Verdana;
    position: relative;
    top: 25px;
    left: 60px;
}

/* NAVIGATION STYLES */
#nav {
	height: 47px;
	text-align: left;
    width: 900px;
    margin:0 auto;
    padding:0;
}

#nav ul{
    margin:0;
    padding:0;
    list-style:none;
	vertical-align: bottom;
}

#nav li{
	display:inline;
	margin:0;
	vertical-align: bottom;
    padding:0;
}

#mobile_nav {
    width: 400px;
    margin:0 auto;
    padding: 10px 0 0 35px;
}

/* MAIN STYLES */
#main {
	min-height: 375px;
	background:#ffffff url('../images/backgrounds/mainText_bg.png') 30px 15px no-repeat;
	float:left;
	width:600px;
    padding:0;
    margin:0;
}

#main p {
	border-bottom: 1px solid #666666;
	width: 500px;
	padding:2em 5em 10em 5em;
    color:#333333;
}

#mmain {
	min-height: 425px;
	background:#ffffff;
	float:left;
	width:400px;
}

#mainleft {
	float: left;
	position: relative;
	width: 250px;
	left: 25px;
	border-right: 1px solid #cccccc;
	padding-right: 20px;
	height: 175px;
    background:#ffffff url('../images/backgrounds/mainleft_bg.png') -7px 65px  no-repeat;
}

#mainright {
	float: right;
	position: relative;
	width: 250px;
	right: 25px;
	height: 175px
}

#mainform {
	float: left;
	position: relative;
	width: 350px;
	left: 65px;
}

#mainform span, label { color:#333333;font-size:10px; }
#mainform td.label {text-align:right;}

/* SIDE COLUMN STYLES */
#sidebar {
	position: relative;
	min-height: 650px;
	background: url('../images/backgrounds/sidebarSm_bg.png') no-repeat;
	width:300px;
	text-align: center;
	color: #999999;
	float: right;
    top: -25px;
    height: 650px;
    font-size: 11px;
}
#sidebar p {
    padding: 0 20px 0 20px;
    text-align: left;
    font-size: 10px;
}

#sidebar #imgGraphic {
    position: relative;
    top: 90px;
    border: 1px solid #ffffff;
}

#msidebar {
	position: relative;
	min-height: 650px;
	background: url('../images/backgrounds/sidebarLg_bg.png') no-repeat;
	width:500px;
	text-align: center;
	color: #999999;
	top: -25px;
	float: right;
    height: 650px;
}

#msidebar p {
    padding: 0 20px 0 20px;
    text-align: left;
    font-size: 10px;
}

#msidebar A:link {text-decoration: none;color: #FFFFFF;}
#msidebar A:visited {text-decoration: none;color:#FFFFFF;}
#msidebar A:active {text-decoration: none;}
#msidebar A:hover {text-decoration:underline;}

#sidebar A:link {text-decoration: none;color: #FFFFFF;}
#sidebar A:visited {text-decoration: none;color:#FFFFFF;}
#sidebar A:active {text-decoration: none;}
#sidebar A:hover {text-decoration:underline;}

#sidebar ul{
    margin:0;
    padding-top: 0;
    list-style:none;
    text-align:left;
    padding-left: 15px;
}

#sidebar  li{
    margin:0;
    padding:0;
}

/* FOOTER STYLES */
#footer {
    background: url('../images/backgrounds/footer_bg.png') no-repeat;
	height: 50px;
	clear:both;
	text-align: center;
	font-size: 10px;
	color:#cccccc;
}

#footer ul{
    margin:0;
    padding-top: 20px;
    list-style:none;
}

#footer li{
    display:inline;
    margin:0;
    padding:5px;
}

#footer A:link {text-decoration: none; color:#cccccc;}
#footer A:visited {text-decoration: none; color:inherit;}
#footer A:active {text-decoration: none; color:#ffffff;}
#footer A:hover {text-decoration: underline;}

/* P STYLES */
p#article {
	padding-left: 15px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 10px;
}

p#dline {
	margin: 0 25px 0 25px;
	border-bottom:dotted 1px #cccccc;
}

/* HR STYLES */
#one {
	height: 1px;
	width: 250px;
}

/* LIVE VALIDATION STYLES */
.LV_validation_message{font-weight:bold;margin:0 0 0 5px;color:red;}
.LV_valid {color:green;}
.LV_invalid {color:red;}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #00CC00;}

.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px solid #CC0000;}

/* GAME PLACEHOLDERS */
#apple_vcube {
    background:  url('../images/backgrounds/vcube_placeholder.png') 40px no-repeat;
    width: 350px;
    height: 115px;
    padding: 36px 0 0 130px;
    font-size: 12px;
}
#apple_blast {
    background: url('../images/backgrounds/blast_placeholder.png') 40px no-repeat;
    width: 350px;
    height: 115px;
    padding: 36px 0 0 130px;
    font-size: 12px;
    vertical-align:top;
}

#imgGIN {
    position: relative;
    top: -30px;
    left: 120px;
}

#android {
   padding: 0px 0 0 60px;
}

#wmobile {
   padding: 0px 0 0 60px;
}

#apple A:link {text-decoration: none; color:#cccccc;}
#apple A:visited {text-decoration: none; color:inherit;}
#apple A:active {text-decoration: none; color:#ffffff;}
#apple A:hover {text-decoration: underline;}