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

* {
margin: 0px;
padding: 0px;
}

.contact_box{ float:left; width:50%; height:150px; }
#extra_space{
padding:0px 10px;
 float: right; width: 300px;
 background: #eee;
 border: #666 2px solid;
 opacity:.70;

}
#Home.panel.concept h2{ display: none;}

ol li {font-weight:bold;}

#extra_space h2{ background:url() repeat-x ; height:30px; padding:10px; margin:0px;}
.contents{

padding: 10px; float: left; width:450px;

}
h3.left{font-weight:bold;}
#overShadowbox {
background: url(images/innerbg_01.png) no-repeat;
width: 920px;
margin: 0px auto;
margin-top:20px;
padding-top: 5px;
}
#shadowTop {
background: url(/~steampun/images/innerbg_03.png)  repeat-y center top;
padding-top: 0px;
width: 920px;
}
#wrapper {
width: 100%;
margin: 0px auto;
}
img {
border: none;
}
p {
margin: 7px 0px;
text-align:left;
}
.clear {
height: 1px;
clear: both;
}
.container {
width: 880px;
margin: auto;
margin-top: 10px;
height: auto;
text-align: center;
}
.body-main {
background-color: #000000;
}
.body-main a {
color: #39526c;
text-decoration: none;
border-bottom: 1px dotted #39526c;
}

.body-main a:hover, .body-main a:active {
color: #006699;
text-decoration: none;
border-bottom: 1px solid #006699;
}
.column{padding: 10px; float: left; width: 55%;}
.left{float:left;}
.right{float:right;}

/* CSS Header Document */
.header {
width: 100%;
height: 217px;
text-align: center;
background: url(/assets/img/ca-body-bg3.png) left top repeat-x #FFF;
}
.header-inside {
width: 900px;
height: 217px;
margin: 0px auto;
text-align: center;
}
.header-top {
width: 900px;
height: 171px;
text-align: center;
}
#navcontainer {
width: 880px;
height: 46px;
text-align: center;
padding-top: 1px;
margin: 0px auto;
padding: 0px;
}
# ul {
border: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.page_logo{ float:right; width:50px;}
#navcontainer ul li {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 44px;
width: 140px;
background: url(/assets/img/menu-bar.gif) center right no-repeat;
}

#navcontainer ul li a {
color: #39526c;
text-decoration: none;
display: block;
text-align: center;
font: bold 13px/44px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover {
color: #006699;
background: url(/assets/img/menu-bg-hover.gif) left top repeat-x;
height: 46px;
}

#navcontainer ul li a.active {
color: #006699;
background: url(/assets/img/menu-bg-active.gif) left top repeat-x;
height: 45px;
border: 1px solid #B7C6D0;
border-top: 0px;
border-bottom: 0px;
}


/* CSS Body-Main Document */
.body-main {
width: 100%;
height: auto;
text-align: center;
background-color: #FFF;
}
.body-main-inside {
	width: 800px;
	height: auto;
	text-align: left;
	margin: 0px auto;
	padding: 30px 0px;
}
.screenshot {
padding: 0px 595px 0 5px;
width: 300px;
text-align: left;
/*	height: 732px; */
	float: left;
}

.screenshot, .rewards, .process {
background: url(/assets/img/img_andy.jpg) right top no-repeat;
}

.concept, .andy, .rewards, .process {
width: 725px;
text-align: left;
/*	height: 732px; */
	float: left;
padding: 0px 140px 0 35px;
}

.friend {
width: 875px;
text-align: left;
/*	height: 732px; */
	float: left;
padding: 0px 20px 0 5px;
}

.concepts {
background: url(/assets/img/concept.jpg) right top no-repeat;
padding-right: 600px;
width: 300px;
text-align: left;
/*	height: 432px; */
	float: left;
}

/*
.friend {
background: url(/assets/img/concept.jpg) right top no-repeat;
padding-right: 600px;
width: 300px;
text-align: left;
height: 832px;
float: left;
}

*/
.input {
width: 300px;
border: 1px solid #1f464f;
font: 18px/23px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #1f464f;
padding: 8px 4px;
margin: 0 0 10px 0;
}


label {
font: 16px/23px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #1f464f;
}

/* CSS Footer Document */
.footer {
width: 100%;
height: auto;
text-align: center;
background-color: #fff;
}

.footer a {
color: #ccc;
}
.footer-inside {
width: 880px;
text-align: center;
margin: 0px auto;

}
.google-add {
width: 880px;
text-align: center;
float: left;

}
.footer-link {
width: 880px;
float: left;
text-align: center;

}

/* CSS Text Document */
body {
font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #666666;
}
h1 {
font: 24px/28px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #1f464f;
}

h2 {
margin: 20px 0 0 0;
font: 20px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #fff;
float:right;
}

h3 {
margin: 20px 0 0 0;
font: 16px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #1f464f;
}



/* Login forms */
#reg-holder-slide {
/*	height: 600px; */
	display: none;
}

#login-holder-slide {
height: 200px;
display: none;
}

/* Submissions Holder */
.submission-holder {
margin: 0 0 20px 0;
display: block;
}

.submission-holder h3 {
font: 18px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #1f464f;
}

.submission-holder h4 {
margin: 10px 0 0 0;
font: 16px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #1f464f;
}

.submission-holder span {
font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #ccc;
}

.submission-holder span.prod {
color: #299900;
}

.submission-holder span.approved {
color: #007AA6;
}

.submission-holder span.pending {
color: #666;
}




/* Panel code */

#slider {
width: 800px;
margin: 0 auto;
position: relative;
}

.scroll {
  /*  height: 800px; */
    width: 800px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;

}

.scrollContainer div.panel {
padding: 0px 30px;

   /* height: 800px; */
    width: 800px;
}

#shade {
background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
height: 50px;
}


.scrollButtons {
position: absolute;
top: 150px;
cursor: pointer;
}

.scrollButtons.left {
left: -20px;
}

.scrollButtons.right {
right: -20px;
}

.hide {
display: none;
}

.small {
font-size: 12px;
color: #666;
}



#stuff {
overflow: auto;
width:800px;
height:800px;

}
#comment_form{ border: #666 solid thin; background:#DCE4E9; padding:10px;}
#intro_space{ height:165px; width:100%; margin: 20px 0px 0px 0px;}
#inner_content{ width:800px; overflow:hidden;      }


/*   Good Stuff */
*{padding:0px; margin:0px;}

body {background-image: url(/~steampun/images/Steampunks2.jpg);}	
#Table_01{
	width:1024px;
	margin:0px auto;
	
}

#maincontent{
	background: url(/images/fill.png) repeat-y;
	width:1024px;
	padding:0px 30px;	
}	
li {display:block;
	float:left;
	height:36px;

	margin: 0px 0px 0px 0px;}	
#story {
	
	background: url(/~steampun/images/Story2.png) ;
	width:77px;
   height:36px;

	
}
 
#menu a:hover, #menu a:active {  background-position:  0px -36px;  }

a{display:block; float:left; }
#players {
	
	background: url(/~steampun/images/Characters2.png) no-repeat;
	width:123px;
   height:36px;
	
	
}

#director{ background: url(/~steampun/images/Director2.png) no-repeat;
	width:108px;
   height:36px;
	
	
	}
	#trailers{ background: url(/~steampun/images/Trailers2.png) no-repeat;
		width:100px;
	   height:36px;


		}
		
		#maincontent{overflow-x:hidden;}
		#downloads{ background: url(/~steampun/images/Downloads2.png) no-repeat;
			width:144px;
		   height:36px;


			}
			
.centered{margin:auto;}
a{color:#FFFFFF; text-align:center;}