@charset "UTF-8";
/* CSS Document */
html {
	height: 100%;

}

body {
	/*
	background-image:url(images/splatter.gif);
		background-repeat: no-repeat;
		background-position: right bottom;*/
	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	height:100%;
	line-height:1.5em;
	color:#000;
}


.body-main{
	

	
	
	
}

.logo {
	background-image: url(images/212_logo.gif);
	background-repeat: no-repeat;
	width: 135px;
	padding-top: 46px;
	padding-bottom: 46px;
	float: left;
	margin-right: 80px;
}
.navigation {
	margin-top:30px;
	float:left;
}

* {
margin: 0px;
padding: 0px;
}
 .black {
	padding:20px 0;
	width:100%;	
	background-color:#000;
	clear: both;	
}
.contact_box{ float:left; width:500px; 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(/images/innerbg_03.png)  repeat-y center top;
padding-top: 0px;
width: 920px;
}
#wrapper {
width: 100%;
margin: 20px auto 0px auto;
}
.half { width:50%;}
.threeq{ width:75%;}
.oneq{ width:25%;}

img {
border: none;
}
p {
margin: 7px 0px;
text-align:justify;
}
.clear {
height: 1px;
clear: both;
}
.container {
width: 960px;
margin: auto;
margin-top: 10px;
height: auto;
text-align: center;
}

.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{
	float: left;
	width: 860px;
}
.left{float:left;}
.right{float:right;}
 
/* CSS Header Document */
.header {
width: 100%;
height: 217px;
text-align: center;
}
.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;
}
#navcontainer ul {
	border: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.page_logo{ float:right; width:50px;}
#navcontainer ul li {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
 
#navcontainer ul li a {
	color: #000;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
 
#navcontainer ul li a:hover {
	color: #000;
	text-decoration: underline;
}
 
#navcontainer ul li a.active {
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
 
 
/* CSS Body-Main Document */
.body-main {
width: 100%;
height: auto;
text-align: center;
}
.body-main-inside {
	width: 100%;
	height: auto;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 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 {
	text-align: left;
	/*	height: 732px; */
	float: left;
}
 
.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;
}
h1 {
font: 24px/28px "Lucida Grande", Lucida, Verdana, sans-serif;

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

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

}
 
 
 
/* 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 {
	position: relative;
	margin: 0 auto;
	width: 820px;
}
 
.scroll {
	/*  height: 800px; */
    width: 900px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
}
 
.scrollContainer div.panel {
	padding: 0;
	/* height: 800px; */
    width: 960px;
}
 
#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;
}
 
a:active, a:focus {
outline: none;
}
 
#stuff {
overflow: auto;
width:800px;
height:800px;
 
}
#comment_form{
	border: #666 solid thin;
	padding:10px;
	width: 550px;
}
#intro_space{ height:165px; width:100%; margin: 20px 0px 0px 0px;}