html{
background:url(images/bg.gif) repeat-x top #fff;
}
body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#405969;
}
body.home{
background:url(images/top_bg.jpg) no-repeat top center;
}
body.pages{
background:url(images/pages_bg.jpg) no-repeat top center;
}
h1{
font-size:22px;
color:#2d87c1;
font-weight:normal;
padding:5px 0 5px 0;
margin:0px;
}
h2{
font-size:18px;
color:#2d87c1;
font-weight:normal;
padding:15px 0 15px 0;
margin:0px;
}
h3{
font-size:14px;
color:#2d87c1;
font-weight:bold;
padding:15px 0 10px 0;
margin:0px;
}
h4{
font-size:14px;
color:#2d87c1;
font-weight:bold;
padding:20px 0 5px 20px;
margin:0px;
}
p{
text-align:justify;
line-height:20px;
padding:0px;
margin:0px;
}
.clear{
clear:both;
}
#main_container{
width:960px;
height:auto;
margin:auto;
}
#header{
width:960px;
height:125px;
margin:auto;
}
.top_header{
width:925px;
height:30px;
text-align:right;
color:#FFFFFF;
padding:5px 35px 0 0;
}
.top_header a{
color:#FFFFFF;
padding:0 5px 0 5px;
text-decoration:none;
}
#logo{
padding:10px 0 0 10px;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
width:auto;
height:38px;
float:right;
padding:30px 35px 0 0;
}
.menu_left{
width:7px;
height:38px;
float:left;
background:url(images/menu_left.gif) no-repeat center;
}
.menu_right{
width:7px;
height:38px;
float:left;
background:url(images/menu_right.gif) no-repeat center;
}
#menu ul{
width:auto; height:38px; background:url(images/menu_center.gif) repeat-x center; float:left;
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;line-height:38px;font-size:12px;
}
#menu ul li.divider{
list-style:none; background:url(images/menu_divider.gif) no-repeat center; width:2px; height:38px; float:left;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 15px 0 15px; margin:0px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration: underline;
}
#menu ul li a.current{
text-decoration: underline;
}

/*---------------center_content--------------------*/
.home_banner{
width:960px;
clear:both;
}
.screens{
width:617px;
float:right;
}
.home_banner_content{
width:320px;
float:left;
height:245px;
padding:40px 0 0 20px;
}
.home_banner_content h1{
color:#FFFFFF;
text-shadow:1px 1px #717e8a;
font-size:22px;
padding:0px 0 10px 10px;
margin:0px;
font-weight:normal;
}
.home_banner_content p{
padding:0 0 10px 10px;
margin:0px;
}
a.try_demo{
float:left;
padding:10px 0 0 30px;
}


/*---------------------center_content------------------------*/
.center_content{
width:960px;
height:auto;
clear:both;
margin:auto;
padding:0 0 50px 0;
}

.left_content{
width:490px;
float:left;
padding:20px 0 0 20px;
}
.right_content{
width:410px;
float:right;
padding:30px 0 0 0;
}
.wide_content{
width:910px;
float:left;
padding:20px 0 0 20px;
min-height:500px !important;
}
img.screenshot{
float:left;
margin:20px 20px 10px 20px;
border:5px #a9b1b7 solid;
}
img.feat_image{
float:left;
margin:0 10px 0 0;
border:5px #a9b1b7 solid;
}
.feat_details_box{
width:435px;
float:left;
padding:0 10px 0 10px;
}
.feat_details_box p{
width:190px;
float:left;
padding:0 0 0 10px;
line-height:18px;
margin:0px;
}
img.right_banner{
padding:10px 0 10px 0;
}
.feat_box{
width:225px;
border-bottom:1px #999999 dotted;
padding:0 0 15px 0;
margin:0 20px 25px 0;
float:left;
}
img.checked{
float:left;
}
.feat_box p{
width:175px;
float:left;
padding:0 0 0 10px;
}
.test_box{
background:url(images/quotes_top.gif) no-repeat top left;
padding:5px 0 10px 35px;
}
.test_box p{
background:url(images/quotes_top.gif) no-repeat bottom right;
padding:0 35px 10px 0;
margin:0px;
}
a.author{
float:right;
padding:0 30px 0 0;
text-decoration:none;
color:#3386c0;
}
.get_in_touch{
width:400px;
}
.get_in_touch p{
width:310px;
float:left;
padding:0 0 0 20px;
}
img.icon_contact{
float:left;
}
.box3d{
float:right;
}
/*----------------------buy_details-------------------------*/
.buy_details{
width:500px;
margin:30px 0 0 0px;
float:left;
position:relative;
border:5px #b2deef solid;
}
ul.list{
list-style:none;padding:5px 20px 50px 20px;margin:0px; 
}
ul.list li{ width: auto; display:block;padding:5px 0 5px 35px; margin:0 0 10px 0;color:#405969;text-align:left;
background:url(images/small_checked.gif) no-repeat left;text-decoration:none;
}
a.buy_now{
position:absolute;
bottom:-25px;
right:50px;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:490px;
height:auto;
padding:30px 0 0 20px;
}
.form_row{
float:left;
padding:7px 0 7px 0;
}
label{
width:80px;
float:left;
padding:3px 15px 0 0;
color:#175b6c;
text-align:right;
font-weight:normal;
}
input.contact_input, select.contact_select{
width:350px;
height:24px;
float:left;
border:1px #9cc9d3 solid;
background-color:#dbedf3;
color: #326975;
}
textarea.contact_textarea{
width:350px;
height:120px;
float:left;
border:1px #9cc9d3 solid;
background-color:#dbedf3;
color: #326975;
}
input.send_message{
float:right;
padding:15px 43px 0 0;
}
/*------------------footer----------------*/
#footer{
width:100%;
height:68px;
margin:auto;
clear:both;
background:url(images/footer_bg.gif) repeat-x top center;
}
.footer_content{
width:960px;
margin:auto;
}
.left_footer{
float:left;
padding:13px 0 0 30px;
}
.footer_links{
float:right;
padding:25px 10px 0 0;
}
.footer_links a{
text-decoration:none;
color:#343434;
padding:0 10px 0 10px;
}
.footer_links a:hover{
color:#343434;
text-decoration:underline;
}

p.p_error {
	color: #ff0000;
}
p.p_message {
	color: #123456;
}
