@charset "UTF-8";

/*div#container {
height: 1000px;
margin-right: auto;
margin-left: auto;
position: relative;
width: 860px;
}*/

html {
	overflow-x: hidden;
}

body {
	font: 12px verdana, arial, sans-serif; /* set font as desired */
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	height: 100%;
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

img {
	border: 0px;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */

font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 0px solid gray; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
position:relative;
top: -29px;
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid gray; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #CCC; /* set unselected tab background color as desired */
	color: #000; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */
	
#header {
margin-left: 1px;
margin-top: 15px;
width: 100%;
height:128px;
border:1px solid gray;
/*overflow:hidden;	*/
}

#header-background {
margin: 0;
width: 740px;
height: 128px;
z-index: 0;

}

#logo {
margin:5px;
margin-top: 25px;
margin-left: 10px;
position: absolute;
top:5px;
z-index: 1;
width: 300;
}

#social-buttons-outer {
margin-top:5px;
position: absolute;
top:0;
z-index: 1;
width: 744px
}
	
#social-buttons-inner {
	margin-top: 25px;
	z-index: 1;
	width:200px;
	height:60px;
	float:right;
	padding:10px;
}

#social-button {
float:left;
margin-top:2px;
margin-left:5px;
margin-right:10px	
}

#definition {
float:left;
margin:1px;
width:350px;
height:70px;
border:1px solid gray;
padding:8px;
}

#newfeature {
margin-bottom:1px;
margin-top:1px;
margin-left:375px;
margin-right:1px;
width:350px;
height:70px;
border:1px solid gray;
padding:8px;
}

#versions {
float:left;
margin:1px;
width:700px;
height:325px;
border:1px solid gray;
padding:20px;
}

#alpha-version {
float:left;
width:335px;
height:320px;
border:1px solid gray;
overflow:hidden;
}

#beta-version {
float:left;
margin-left:25px;
width:335px;
height:320px;
border:1px solid gray;
overflow:hidden;
}

#popout-frame {
margin:1px; 
position:relative; 
top:-250px; 
left:0px; 
width:740px; 
height:0px;
}

.popout-version-tag {
position:absolute;
border:1px solid gray;
background-color:#FFF;
text-align:center;
}

.popout-version-shadow {
position:absolute;
border:1px solid gray;
background-color:gray;
text-align:center;
}

#featured {
margin:1px; 
clear:left; 
width:740px; 
height:50px; 
border:1px solid gray; 
background-color:#666;
overflow:hidden;
}

#featured-item {
float:left;
margin-top:2px;
margin-left:5px;
margin-right:5px	
}
	
#bottom-main {
margin:1px;
width:700px;
height:360px;
border:1px solid gray;
padding:20px;
}

#bottom-main-left {
float:left;
width:325px;
height:360px;
overflow:hidden;
}

#bottom-main-right {
float:left;
margin-left:30px;
width:335px;
height:360px;
overflow:hidden;"
}

#faq {
margin:1px;
margin-bottom:10px;
width:720px;
height:100%;
border:1px solid gray;
padding:10px;
}

#about {
margin:1px;
margin-bottom:10px;
width:720px;
height:100%;
border:1px solid gray;
padding:10px;
}

#map {
margin:1px;
width:740px;
height:700px;
border:1px solid gray;
padding:0px;
}

#partners {
margin:1px;
margin-bottom:10px;
width:720px;
height:100%;
border:1px solid gray;
padding:10px;
}