body{
font:12px/18px Arial, Helvetica, sans-serif;
background:#ffffff url(images/bgbody.png) repeat-x left top;
text-align:center;
color:#343434;
padding-bottom:20px;
}

a:link{
color:#264585;
}

a:visited{
color:#4669ae;
}

.wrap{
width:960px;
margin:0 auto;
text-align:left;
}

#head-top{
background:url(images/bghead-top.jpg) no-repeat center top;
}

#head-top .wrap{
position:relative;
padding:26px 0;
height:44px;
}

#navigation{
margin:0;
position:absolute;
top:36px;
right:120px;
z-index:999;
}

#navigation li{
list-style:none;
float:left;
color:white;
padding:4px 10px;
font-size:14px;
}

#navigation a, #navigation a:link{
color:white;
text-decoration:none;
}

#head-banner{
color:white;
background:url(images/bghead-banner.jpg) no-repeat center top;
}

#head-banner .wrap{
position:relative;
height:232px;
padding-top:18px;
}

#head-banner h1{
font-size:2em;
margin-top: 2px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px;
}

#head-banner img{
position:absolute;
top:-48px;
right:0;
}

#head-banner .action{
padding-top:16px;
font-size:1.5em;
margin:0;
}

#head-banner .action .button{
background:url(images/action-button.png) no-repeat left top;
display:block;
float:left;
padding:16px 39px;
margin-right:5px;
margin-top:-16px;
}

#head-banner .action .chat-link{
color:white;
background:url(images/link_go.png) no-repeat right 0.2em;
padding-right:20px;
text-decoration:none;
}

#head-banner .action .support-link{
color:white;
background:url(images/link_go.png) no-repeat right 0.2em;
padding-right:20px;
text-decoration:none;
}

#head-banner .action .demo-link{
color:white;
background:url(images/link_go.png) no-repeat right 0.2em;
padding-right:20px;
text-decoration:none;
}

#head-banner .action .confirm-link{
color:white;
background:url(images/link_go.png) no-repeat right 0.2em;
padding-right:20px;
text-decoration:none;
}

#head-banner .action .button em{
visibility:hidden;
}

#head-banner .content{
font-size:1.5em;
line-height:1.5em;
width:650px;
}

#content .wrap{
background:transparent url(images/bgcontent.png) no-repeat left top;
padding:20px 15px;
width:940px;
overflow:hidden;
}

#footer.wrap{
background:#cccccc;
padding:18px 10px;
width:940px;
overflow:hidden;
-moz-border-radius:8px;
}

.link-list{
margin:0;
width:650px;
float:left;
}

.link-list li{
display:inline;
padding:0 3px;
border-right:#343434 solid 1px;
}

.link-list li.first{
padding-left:0;
}

.link-list li.last{
border-right:none 0;
}

#footer .logo{
float:right;
}

#footer a:link, #footer a:visited{
color:#343434;
text-decoration:none;
}

#footer li{
line-height:22px;
}

#validator #xhtml, #validator #css{
background:url(images/icon-yes-no.png) no-repeat left top;
padding-left:18px;
}

#validator #css{
background:url(images/icon-yes-no.png) no-repeat left -20px;
margin-left:5px;
}

/*layout*/

#maincontent{
float:left;
width:670px;
}

.sidecontent.right{
float:right;
width:250px;
}

/*other*/

.module{
padding:10px;
margin-bottom:1em;
}

#chat.module{
padding:0;
z-index:999;
position:relative;
}

#confirm.module{
padding:0;
z-index:999;
position:relative;
}

#support.module{
padding:0;
z-index:999;
position:relative;
}

#demo.module{
padding:0;
z-index:999;
position:relative;
}

#login.module{
background:#c8e0e0;
-moz-border-radius:8px;
}

#maincontent #plangroup.threecolumns{
margin-bottom:2em;
}

#plangroup.threecolumns .col{
background:url(images/separator.png) no-repeat right top;
}

#plangroup.threecolumns .col.last{
background:none;
}

.planbox h2{
font-weight:normal;
}

.planbox li{
line-height:24px;
}

.priceline{
overflow:hidden;
}

.priceline p{
width:100px;
float:left;
}

.priceline p.order{
margin-left:10px;
width:80px;
}

.priceline .price a, .priceline .price span{
display:block;
font-size:1.5em;
float:left;
}

.priceline .price span{
font-size:1.2em;
text-indent:3.5em;
}

.button, a.button:link, a.button:visited{
background:url(images/button.png) no-repeat right -32px;
padding-right:10px;
display:block;
float:left;
color:#425a5a;
text-decoration:none;
}

.button2, a.button2:link, a.button2:visited{
background:url(images/button.png) no-repeat right -32px;
padding-right:10px;
display:block;
float:middle;
color:#425a5a;
text-decoration:none;
}

.button span{
background:url(images/button.png) no-repeat left top;
padding:7px 0 7px 10px;
float:left;
}

.button2 span{
background:url(images/button.png) no-repeat left top;
padding:7px 0 7px 10px;
float:middle;
}

.planbox .button strong{
padding-right:24px;
background:transparent url(images/icon.png) no-repeat right top;
}

.module-table{
padding:10px;
}

.module-content{
background:url(images/bg-grad-grey-top.png) repeat-x left top;
border:#cccccc solid 1px;
-moz-border-radius:8px;
}

.module-content dl{
margin:0 0 0.5em;
padding:0 0 0.5em 2em;
background:url(images/control_play.png) no-repeat left 0.3em;
}

.module-content dt{
font-weight:bold;
}

.module-content dd{
margin:0;
}

.module-content a:link, .module-content a:visited{
text-decoration:none;
}

#testimonials.module dt{
border-top:#d7d7d7 solid 1px;
text-align:right;
padding-top:0.3em;
}

#testimonials.module h3, #news.module h3{
background:url(images/sprite-news-testi.png) no-repeat right top;
padding-top:40px;
margin-top:-40px;
}

#news.module h3{
background:url(images/sprite-news-testi.png) no-repeat right -60px;
}

#news.module dt{
border-bottom:#d7d7d7 solid 1px;
padding-bottom:0.3em;
}

#social.module{
overflow:hidden;
padding:10px 0;
}

#social.module a{
float:left;
}

#login.module form p{
overflow:hidden;
}

#login.module label{
float:left;
display:block;
width:60px;
}

#login.module input{
float:right;
padding-left:24px;
width:120px;
}

#login.module #username{
background:#ffffff url(images/icon-login.png) no-repeat 4px 3px;
}

#login.module #password{
background:#ffffff url(images/icon-login.png) no-repeat 4px -30px;
}

#login.module button span{
background:url(images/user_go.png) no-repeat right top;
padding-right:24px;
}

#login.module p.button-place{
text-align:right;
}

/*reuseable*/

.text-right{
text-align:right;
}

button{
padding:3px 5px;
}

.textfield{
background-color:white;
border:#d7d7d7 solid 1px;
padding:2px;
}

.clearfix:after{
content:".";
clear:both;
visibility:hidden;
font-size:0;
height:0;
display:block;
}

#maincontent .threecolumns{
margin:0;
overflow:hidden;
}

#maincontent .threecolumns .col{
width:223px;
float:left;
list-style:none;
}

#maincontent .twocolumns{
margin:0;
}

#maincontent .twocolumns .col{
width:50%;
float:left;
list-style:none;
}