@import url('../css/lib/reset.css');

html { overflow-x:auto; overflow-y:scroll; }

body { font:11px arial; color:#6e6e6e; }

a:link {color:#ed1b24; text-decoration:none; font-weight:bold; }
a:hover {color:#f68121; text-decoration:none; font-weight:bold; }
a:active {color:#ed1b24; text-decoration:none; font-weight:bold; }
a:visited {color:#ed1b24; text-decoration:none; font-weight:bold; }

#container {
width:1070px; height:450px;
position:relative; margin:100px auto 0px auto;
background:url('../img/container-background.jpg') no-repeat top left #fff; }

#content { 
width:750px; height:auto;
position:relative; float:left; margin:35px 0px 0px 62px; }

#content-form-left {
width:400px; height:auto;
position:relative; float:left; clear:left; margin:35px 0px 0px 62px; }

#content-form-right {
width:300px; height:auto;
position:relative; float:right; margin:35px 250px 0px 0px;  }

#content > h1 {font-size:22px; font-weight:200; }
#content > h2 {font-size:14px; font-weight:normal; font-style:italic; line-height:30px; }
#content > h3 {font-weight:normal; margin-top:15px; }

#content-form-left > h1 {font-size:22px; font-weight:200; }
#content-form-left > h2 {font-size:14px; font-weight:normal; font-style:italic; line-height:30px; }
#content-form-left > h3 {font-weight:normal; margin-top:15px; }

/* [ Forms ] */

input.form {
width:150px; height:20px;
position:relative; margin-left:0px; margin-top:5px;
background:url("../img/form-background.png") repeat-x top left;
color:#6e6e6e; 
border:1px solid #999;}

textarea.form {
width:300px;
position:relative; margin-left:0px; margin-top:5px;
background:url("../img/form-background.png") repeat-x top left;
font:Arial; color:#6e6e6e; 
border:1px solid #999; }

/* [ Header ] */

#header { 
width:400px; height:125px; 
position:relative; float:left; margin:35px 0px 0px 50px; }

/* [ Navigation ] */

#navigation { width:207px; height:31px; position:relative; float:left; clear:left; margin:25px 0px 0px 62px; } 

#nav-menu { display: inline; float: left;  }
#nav-menu li { display: inline; float: left;  }

a.nav-about, a.nav-about_a 	{ 
width:54px; height:31px; 
display:block; float:left;
color:#000; text-decoration:none; text-align:center;
background:url("../img/nav-about.png") no-repeat; } 

a.nav-about:hover { background: url("../img/nav-about.png") 0px 62px; } 
a.nav-about_a { background: url("../img/nav-about.png") 0px 31px;} 

a.nav-games, a.nav-games_a 	{ 
width:54px; height:31px; 
display:block; float:left;
color:#000; text-decoration:none; text-align:center;
background:url("../img/nav-games.png") no-repeat; }

a.nav-games:hover { background: url("../img/nav-games.png") 0px 62px; } 
a.nav-games_a { background: url("../img/nav-games.png") 0px 31px;} 

a.nav-contact, a.nav-contact_a 	{ 
width:54px; height:31px; 
display:block; float:left;
color:#000; text-decoration:none; text-align:center;
background:url("../img/nav-contact.png") no-repeat; } 

a.nav-contact:hover { background: url("../img/nav-contact.png") 0px 62px; } 
a.nav-contact_a { background: url("../img/nav-contact.png") 0px 31px;} 

.nav-space {
width:15px; height:31px; }

/* [ Footer ] */

#footer { 
width:302px; height:30px;
position:relative; float:right; clear:both; margin:50px 75px 0px 0px;
background:url("../img/footer-line.png") no-repeat top right;
text-align:right; color:#c6c6c6; font-size:10px; }

#footer > p {
margin:10px 0px 0px 0px; }