﻿body {
	background-color: #c8dfef;
	background-image: url('images/gradient.gif');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
p { font-size: 14px; color: #687076; }
a { color: white; text-decoration: underline; }
a:hover { color: #1f5a93; }
a > img { border: 0px; }
#basepage 
{
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	float: left;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}
#page 
{
	width: 950px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header {
	width: 100%;
	height: auto;
}
#logo {
	margin: 0px 0px 5px 10px;
	width: 140px;
	height: 76px;
	float: left;
}
#menu {
	width: 790px;
	height: 45px;
	background-color: #88b3dd;
	background-image: url('images/menu_gradient.png');
	background-repeat: repeat-y;
	background-position: left bottom;
	float: right;
	text-align: right;
	margin-top: 36px;
}
#menu > div > a {
	text-decoration: none; 
	margin-right: 20px; 
	font-family:"Arial Black";
	font-size: 14px;
	font-weight: bolder;
}
#banner {
	background-image: url('images/banner_background.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 251px;
	float: left;
	color: white;
}
#banner_content {
	width: 400px;
	margin: 5px;
	margin-left: 20px;
}
#banner_content > h1 {
	font-size: 25px;
	font-weight: bolder;
	font-family:"Arial Black";
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
#slim_banner > #banner_content > h1 {
	margin-top: 40px;
	font-size: 20px;	
}
#banner_content > h3 {
	font-size: 16px;
	font-weight: bolder;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}
#banner_content > ul {
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}
#slim_banner {
	background-image: url('images/banner_background_slim.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 84px;
	float: left;
	color: white;
}
#top_corner {
	width:18px; height: 13px; 
	position:relative; 
	right:0; 
	top:0;
	*top: -2px;
}
#flag {
	float: right;
    position: relative;
	right: 0px;
	top: 0px;
}
#demo {
	float: right;
	width: 350px;
	position: relative;
	right: 30px;
	top: 20px;
}
#submenu {
	padding: 3px;
	width: auto;
	height: auto;
	float: right;
}
#submenu > a {
	color: gray;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 10px; 
}
#content {
	border-style: solid;
	border-width: 0px 2px 2px 2px;
	border-color: #447aaf;
	float: left;
	width: 946px;
	height: auto;
	background-color: White;
}
#content a {
	color: #447aaf;
}
#content_wrapper { padding: 10px; }
#content_footer {
	float: left;
	width: 100%;
}
#content_footer > #right {
	float: right;
	position: relative;
	right: -2px;
	bottom: -2px;
	width: 7px;
	height: 7px;
}
#content_footer > #left {
	float: left;
	position: relative;
	left: -2px;
	bottom: -2px;
	width: 7px;
	height: 7px;
}
.column {
	margin: 10px 0px 5px 12px;
	padding-left: 5px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-position: left center;
	width: 289px;
	height: 325px;
	float: left;
}
.column * {
	color: #687076;
}
.column > h2:first-child {
	margin: 5px;
	margin-top: 8px;
	margin-bottom: 14px;	
	color: white;
	font-size: 18px;
}
.column h1 {
    background-image: none;
    text-align: left;
    color: #333333;
    font-size: 18pt;
    font-weight: bolder;
    margin-top: auto;
}
.column h2 {
    background-image: none;
    text-align: left;
    color: #444;
    font-size: 14pt;
    font-weight: bold;
    margin-top: auto;
    margin-left: auto;
}
.column h3 {
    text-align: left;
    color: Gray;
    font-size: 12pt;
    font-weight: bold;
    margin: auto;    
}
.column h4 {
    text-align: left;
    color: silver;
    font-size: 12pt;
    font-weight: bold;
    margin: auto;
}
.column ul { 
	margin-top: auto;
    text-align: left;
    color: #586269;
}
.column strong {
    line-height: normal;
    font-weight: bold;
    color: #687076;
}
.column > p {
    text-align: left;
    line-height: normal;
}
.main_column {
	height: auto;
	width: 550px;
}
.main_column > h1 {
    background-image: none;
    text-align: left;
    color: #333333;
    font-size: 18pt;
    font-weight: bolder;
    margin-top: auto;
}
.main_column > h2:first-child {
    background-image: none;
    text-align: left;
    color: #444;
    font-size: 14pt;
    font-weight: bold;
    margin-top: auto;
    margin-left: auto;
}
.main_column > h2 {
    background-image: none;
    text-align: left;
    color: #444;
    font-size: 14pt;
    font-weight: bold;
    margin-top: auto;
    margin-left: auto;
}

.full_column {
	height: auto;
	width: 95%;
}
.full_column > h1 {
    background-image: none;
    text-align: left;
    color: #333333;
    font-size: 18pt;
    font-weight: bolder;
    margin-top: auto;
}
.full_column > h2:first-child {
    background-image: none;
    text-align: left;
    color: #444;
    font-size: 14pt;
    font-weight: bold;
    margin-top: auto;
    margin-left: auto;
}
.full_column > h2 {
    background-image: none;
    text-align: left;
    color: #444;
    font-size: 14pt;
    font-weight: bold;
    margin-top: auto;
    margin-left: auto;
}
.right_column {
	height: auto;
	width: 320px;
	float: right;
}
.right_column > h1:first-child  {
    height: 30px;
    width: 300px;
    text-align: left;
    background-image: url("images/h1_3_Column.gif");
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 8px;
    color: White;
    font-size: 16pt;
    font-weight: bold;
    padding-top: 3px;
    margin-top: 3px;
    margin-bottom: 5px;
}
.right_column > h2:first-child {
    height: 26px;
    width: 300px;
    text-align: left;
    background-image: url("images/h2_3_Column.gif");
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 8px;
    color: #333333;
    font-size: 14pt;
    font-weight: bold;
    padding-top: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    position:relative;
    left: -5px;
}
.signup {
	background-image: url('images/column_signup.png');
	color: white;
}
.signup * { color: white; }
.signup h3 { color: white; }
.signup strong > a { color: white; }
.feature {
	background-image: url('images/column_background.png');
}
.wide {
	background-image: url('images/column_background_wide.png');
	width:600px;
	height:231px;
}
.short {
	background-image: url('images/column_background_short.png');
	width:299px;
	height:231px;
}
#copyright {
	padding: 5px;
	padding-top: 10px;
	color: gray;
	font-size: 10px;
	width: auto;
	height: auto;
	margin-right: auto;
	float: left;
}
#signup_button {
	background-image: url('images/signup_large_button.png');
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	width: 250px;
	height: 61px;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
}
#content .button {
	color: #FFF;
}
.button {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	background-color: Transparent;
	background-image: url('images/button.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	text-decoration: none;
	display: block;
	width: 120px;
	height: 30px; 	
	padding-top: 10px;
}
.button_blue {
	background-image: url('images/button_blue_background.png');
	float: left;
}
.button_white {
	background-image: url('images/button_white_background.png');
	float: left;
}
#videolink {
	position: relative;
	bottom: -150px;
	left: 5px;
}
#videolink > h3 {
	margin: 0;
	padding: 0;
}
#news_headlines a {
	font-size: 10pt;
}
.sf_forumTitle { width: 550px; }
.column .sf_pollQuestion { font-size: 14px; font-weight: normal; margin-bottom: 5px; padding-top: 5px; }
.PollBox > .sf_pollQuestion { margin-left: 15px; }
.PollBox > h2:first-child {
	margin: 5px;
	margin-top: 8px;
	margin-bottom: 14px;	
	color: white;
	font-size: 18px;
	*position: relative;
	*top: 20px;
}
.PollBox > p { margin-left: 20px; margin-top: 5px; margin-bottom: 5px; }
.PollBox > ol { font-size: 12px; margin-top: 0px; margin-bottom: 0px; }
.sf_pollQuestionsList > span > label { font-size: 12px; }
.sf_pollQuestionsList { 
	border-width: 0; padding-bottom: 5px; padding-top: 0px;
}
.sf_pollVoteInfo { font-size: 10px; }
.PollBox { *position: relative; *top: -20px; }
body > form > p  {
	padding-top: 50px !important;
}
#badges
{
	float: left;
	width: 946px;
	height: auto;
	text-align: center;
}
.full_background {
    background-image:url('Images/background.png');
	width:946px;
	height:auto;
	background-repeat:no-repeat;
	float:left;
	overflow:visible;
	background-color: White;
	border:2px solid #457bb1;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;	
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    padding-bottom: 20px;
}
.full_background > .pricing_content
{
    margin:10px auto;
    width:80%;    
}
.full_background > h1
{
    margin:40px 0 20px 40px;
    color:White;    
    font-size:1.4em;
}
.pricing_content
{
    color:#565656;
    font-weight:bold;
    font-size:1.0em;        
}
.pricing_content th {text-align:left;width:25%;font-weight:normal;}
.pricing_content td {text-align:center;width:25%;}
.pricing_content em
{
    color:#c2c2c2;
    font-style:normal;
    font-weight:bold;
    font-size:0.8em;
}
.best_value
{
    background-image:url('Images/best_value.png');
	background-repeat:no-repeat;
	background-position:right top;
	height:42px;
	width:172px;
	position:relative;
	top:-23px;
	left:-10px;
}
.recommended
{
    background-image:url('Images/recommended.png');
	background-repeat:no-repeat;
	background-position:right top;
	height:42px;
	width:172px;
	position:relative;
	top:-25px;
	left:-10px;
}
.bonus_badge
{
    background-image:url('Images/bonus.png');
	background-repeat:no-repeat;
	background-position:right top;
	height:80px;
	width:80px;
	position:absolute;
	z-index:10;
	top:140px;
	left:47%;
}
.signup_now
{
    background-image:url('Images/signup_now.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	height:39px;
	width:131px;
	cursor:pointer;
	display:block;
	margin:0 auto;
}
.signup_now.quote
{
    background-position:right bottom; 
}
.signup_now:hover
{
	background-position:left top;
}
.signup_now.quote:hover
{
	background-position:right top;
}