/* CSS Document */

body {
    font-family: Verdana; 
    font-size:11px;
    color:#525B5F;
    margin:0;
    padding:0;
    background-color:#343A3E;
}
html{
    overflow-y: scroll; 
}

a, a:visited {
    color:#0078d0;
}

a:hover {
    color:#0078d0;
    text-decoration:none;
}

#Header {
    width:900px;
    margin:0 auto;
}

a.logo {
    width:300px;
    height:64px;
    background:url(../images/logo.gif) no-repeat;
    display:block;
    float:left;
    margin-top:20px;
    text-decoration: none;
}

/*-------------[start]Top Navigation-------------------*/
#TopNav {
    margin-top:20px;
    height:33px;
    background:url(../images/topnav_bg.gif) no-repeat;
    float:right;
    margin-top:20px;
    color: #343a3e;
}
#TopNav div{
    padding: 9px 0px 0px 12px;
    float: left;
}

#TopNav a {
    color:#FFFFFF;
    text-decoration:none;
}

#TopNav a:hover {
    color:#B2C62C;
}
#TopNav img{
    float: right;
    display: block;
}
*:first-child+html #TopNav{
    width: 223px;
}

/*-------------[end]Top Navigation-------------------*/

/*-------------[start]Main Navigation-------------------*/
#Navigation {
    width:700px;
    list-style-type:none;
    padding:0;
    margin:0;
    float:left;
}

#Navigation li {
    float:left;
    margin-right:3px;
    cursor:pointer;
}

#Navigation a {
    color:#ffffff;
    text-decoration:none;
    background:#494e52 url(../images/left-tab-normal.gif) left top no-repeat;
    padding-left:10px;
    cursor:pointer;
}

#Navigation a span {
    background:url(../images/right-tab-normal.gif) right top no-repeat;
    padding-right:10px;
}

#Navigation a, #Navigation a span {
    display: block;
    float: left;
    line-height:30px;
}

#Navigation a:hover {
    color:#343a3e;
    background:#e4ebec url(../images/left-tab-hover.gif) left top no-repeat;
    text-decoration:none;
    padding-left:10px;
}

#Navigation a:hover span {
    background:url(../images/right-tab-hover.gif) right top no-repeat;
    padding-right:10px;
}

#Navigation li .selected {
    color:#343a3e;
    background:#e4ebec url(../images/left-tab-hover.gif) left top no-repeat;
}

#Navigation li .selected1 {
    background: url(../images/right-tab-hover.gif) right top no-repeat;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#Navigation a, #Navigation a span {
    float: none
}

/* End IE5-Mac hack */ 
/*-------------[stop]Main Navigation-------------------*/

/*-------------[start]Sign Up------------------*/
#SignUp {
    float:right;
    padding:0;
    margin:0;
    list-style-type:none;
    width: 195px;
}

#SignUp li {
    display:block;
    padding:0;
    margin:0;
}

#SignUp a {
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    background: url(../images/signup_free.jpg) no-repeat scroll 0 0;
    height: 30px;
    width: 190px;
    display: block;
}

#SignUp a:hover {
	background-position: 0px -30px;
}

#SignUp li .signup_selected_span {
    color:#343a3e !important;
    background:url(../images/right-tab-hover.gif) right top no-repeat;
    padding-right:10px;
}

#SignUp li .signup_selected {
    color:#343a3e !important;
    background:#e4ebec url(../images/left-tab-hover.gif) left top no-repeat;
    text-decoration:none;
    padding-left:10px;
    
}

#SignUp a, #SignUp a span {
    float: none
}

/*-------------[stop]Sign Up------------------*/

h1 {
    font-size:42px;
    color:#35393c;
    padding:0;
    margin:0 0 5px;
    font-weight:normal;
}

h2 {
    font-size:22px;
    line-height:26px;
    color:#A8A8A8;
    padding:0;
    margin:5px 0 14px;
    font-weight:normal;
    letter-spacing:-0.2px;
}

p {
    margin: 0;
    padding: 0;
}

/*-------------[start] Footer-------------------*/
#Footer {
    width:100%;
    padding-top: 20px;
}

#FooterContainer {
    width:990px;
    margin:0 auto;
}

#FooterContainer .footer {
    color:#B2BAC0;
    line-height:14px;
    text-align:center;
    margin-bottom:20px;
}

#FooterContainer .footer a {
    color:#B2BAC0;
    text-decoration:none;
}

#FooterContainer .footer a:hover {
    color:#B2BAC0;
    text-decoration:underline;
}

.Copyright {
    width:900px;
    height:37px;
    background:url(../images/copyright_bg.gif) no-repeat;
    font-size:11px;
    line-height:14px;
    color:#818A90;
    text-align:center;
    padding-top:10px;
    margin:0 auto 10px;
}

.Copyright a {
    color:#818A90;
    text-decoration:none;
}

.Copyright a:hover {
    color:#818A90;
    text-decoration: underline;
}

#FooterContainer .text {
    font-size:11px;
    line-height:14px;
    color:#818A90;
    text-align:center;
    margin-bottom:20px;
}

/*-------------[stop] Footer-------------------*/

.highlight {
    font-weight: bold;
}

/*--------------- container----------------------*/
img { border:none;}

.clear { clear:both; font-size:0px; line-height:0px; height:1px;}
#container { width:100%;  border-top:3px solid #E3E9EB;
    background:#FFF  url("../images/middle_bg.png") repeat-x scroll 0 380px;
}
*:first-child+html #container{
    margin-top: -2px;
    background-position: 0 381px;
}
#maincontainer { width:920px; margin:0 auto; } 
#maincontainer .left { width:53%; float:left;}
#maincontainer .right { float:right; text-align:center;}

#maincontainer h1 { font-size:40px; font-weight:normal; color: #343a3e;text-align: center;padding: 8px 0px;}
#maincontainer h2 { font-size:22px; color:#8C8C8C; font-weight: bold;}
#maincontainer h3 { font-size:16px; font-weight: bold; margin:0; padding:0; color:#000; margin-top:5px;}
#maincontainer h3 a { color:#000;}

#maincontainer .left ul { margin:0; padding:0; list-style:none; font-size:13px; width:90%; color: #000000;}
#maincontainer .left ul li { margin:0; padding:0; background:url(../images/bullet.jpg) 7px 3px no-repeat; padding-left:30px; margin-bottom:10px;}

#maincontainer .left .signup { padding:25px 0px 0px 30px;}
#maincontainer .left .signup a { margin-right: 10px; }

#maincontainer .benefits { width:100%; color:#5A5A5A; font-size:12px; text-align:center; margin-top: 0px;}
#maincontainer .benefits .top { width:901px; background:url(../images/benefits_top.jpg) no-repeat; height:5px;}
#maincontainer .benefits .content { width:901px; background:url(../images/benefits_bg.jpg) repeat-y;}
.benefits .content .info { width:25%; float:left; text-align:center;}
.benefits .content .info a { text-decoration:none; color:#000;}
.benefits .content .info .text { height:85px; padding:0px 20px 0px 20px; font-size: 12px;}
.benefits .content .info .img { margin-bottom:15px;}
.benefits .content .info .img img {border: 1px solid #c9c9c9;}

#maincontainer .benefits .bottom { width:901px; background:url(../images/benefits_bottom.jpg) no-repeat; height:5px;}

#bottom { width:100%; background:#ececec url(../images/options_botton_bg.gif) repeat-x scroll 0px 0px;
border-bottom:1px solid #FFF;}
#mainbottom  { width:901px; padding: 5px 0 10px 5px; margin:0 auto;}
#mainbottom .testimonials { width:22%; float:left; font-size:12px; padding:0 12px 0 12px;}
#mainbottom .testimonials p { padding-top:5px;}

.opinions { margin-top: 10px; }
.opinions .opinion { width: 20%; float: left; }
.opinions .content { text-align: center; }
.opinions .content div { padding: 10px 7px;}
.opinions .content img { border: 1px solid #c9c9c9; padding: 5px; background-color: #fff;}
.content h3{
    margin-bottom: 0px;
    font-size: 14px;    
}
.column{
    float: left;
/*    border-top: 1px solid #cfcfcf;  */
}
.column_left{
    width: 515px;
    border-right: 1px solid #cfcfcf;
}
.column_right{
    width: 385px;   
}
.column_header{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    border: 0px none;
    padding-bottom: 5px;
}
.column .column_header{
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    color: #343a3e;    
}
.column .column_main_header{
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    padding: 15px 0px;
    color: #343a3e;
}
.column_left table tr td.tdleft{
    padding: 15px 0px 5px 0px;
}
.column p{
    font-size: 11px;    
    color: #525b5f;
}
.column_left table tr td.tdleft img{
    border: 1px solid #cfcfcf;  
}
.column_left table tr td.tdright{
    padding: 15px 13px 5px;
    text-align: left;
}
.column_content{
    padding: 15px;
}
p.text{
    text-align: left;
    padding: 7px 9px;
}
.bold{
    font-weight: bold;
}
.cycles .cycle{
    color: #fff;
    font-size: 16px;
    width: 225px;
    height: 46px;
    display: block; 
    line-height: 35px;
    text-decoration: none;
    text-align: center;
    float: left;
    position: relative;
}
.cycles .cycle_left{
    background: url(../images/cycle_left.jpg) no-repeat scroll 0 -94px;
}
.cycles .cycle_center{
    background: url(../images/cycle_center.jpg) no-repeat scroll 0 -94px;
}
.cycles .cycle_right{
    background: url(../images/cycle_right.jpg) no-repeat scroll 0 -94px;
}
.cycles a:hover{
    background-position: 0px 0px;
}
.cycles a.selected{
    background-position: 0px -46px;
}
.cycles a{
    position: relative;	
}
.cycles a span{
    position: absolute; 
    cursor: pointer;
}
.cycles a.tab1 span{
    top: 2px;
    left: 71px;
}
.cycles a.tab1 span.shadow{
    top: 4px;
    left: 73px;
}
.cycles a.tab2 span{
    top: 2px;
    left: 46px;
}
.cycles a.tab2 span.shadow{
    top: 4px;
    left: 48px;
}
.cycles a.tab3 span{
    top: 2px;
    left: 61px;
}
.cycles a.tab3 span.shadow{
    top: 4px;
    left: 63px;
}
.cycles a.tab4 span{
    top: 2px;
    left: 61px;
}
.cycles a.tab4 span.shadow{
    top: 4px;
    left: 63px;
}
.cycles a span.shadow{
    color: #363c40;
}
.cycle_tabs{
    display: none;
    padding-top: 15px;
}
#maincontainer .cycle_tabs h2, #maincontainer .cycle_tabs p{
    color: #343a3e;
}
#maincontainer .cycle_tabs h2{
    font-size: 24px;
    font-weight: normal;
}
#maincontainer .cycle_tabs p{
    font-size: 14px;
    font-weight: bold;
    padding-right:30px;
    line-height: 26px;
}
.signup_button{
    width: 242px;
    height: 62px;
    display: block;
    float: left;
    background: url(../images/signup.png) no-repeat scroll 0 0;
    text-decoration: none;
}
.signup_button:hover{
    background-position: 0px -62px;
}
.watch_button{
    width: 177px;
    height: 62px;
    display: block;
    background: url(../images/watch_a_demo.png) no-repeat scroll 0 0;
    float: left;
    text-decoration: none;
}
.watch_button:hover{
    background-position: 0px -62px;
}

.cycles {
	margin-left: 10px;
}