html, body {
    padding: 0;
    margin: 0;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #4e4e4e;
    background-color: #FFFFFF;
    background: url(/images/template/new/mainbg2.jpg) repeat-x;
    background-position: center top;
}

* html, body {
    background-color: #FFFFFF;;
}


.content_right .features_right h2 {
   font-size: 18pt;
   padding-bottom: 10px;
   padding-top: 0px;
}

h2 {
   font-size: 18pt;
   padding-bottom: 10px;
   padding-top: 20px;
}


h3 {
   padding: 10px 0 5px 0;
}

table td {
   font-size: 12px;
   padding: 3px 0 3px 0;
}

#body {
    width:100%;
    background: url(/images/template/new/mainbg2.jpg) repeat-x;
    background-position: center top;
    height: 100%;
}

.home_p {
    width: 700px;
    font-size: 14px;
    margin: 0 auto 30px auto;
}

.main_body {
    margin: auto;

    width: 100%;
    height: 26px;
}

.content_body {
    padding:20px 0 30px 0;
    background-color: #ffffff;
    width: 945px;
    margin: auto;
}

.content_body p {
    line-height:24px;
}

.screenshots {
    font-family: Arial, Verdana;
    font-size: 12px;
    margin: auto;
    border-spacing: 20px;
    width: 915px;
}

.content_body table tr {
}

.content_body table td {
    width: 420px;
}

.large_txt {
    font-size: 18px;  
    font-weight: bold;
}

p {
    padding: 0;
    margin: 0;
    line-height: 20px;
}

/* --------------- HEADER ------------------- */

.header_links {
	position:absolute;
	bottom: 20px;
	right:10px;
	height:21px;
}

.header_top {
    margin: auto;
    background-color:#000000;
    width: 945px;
    height: 26px;
    text-align: right;
}


.header_top_links {
    padding: 5px 0 0 0;
}

.header_top a {
    padding: 0 10px 0 0;
}

.header_top a:link, a:visited, a:active {
    color:#77a2bf;
    text-decoration: none;
}

.header_top a:visited {
    color:#77a2bf;
    text-decoration: none;
}

.header_top a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.header_banner {
    width: 945px;
    height: 145px;
    position: relative;
    margin: auto;
}

.header_banner2 {
    width: 945px;
    height: 145px;
    position: relative;
    margin: auto;
}

.mainlogo {
    padding: 20px 0 0 0;
}

.slogan {
    position: absolute;
    bottom: 35px;
}

.slogan img {
    width: 506px;
    height: 80px;
}

.main_links {
    position: absolute;
    bottom: 35px;
    right: 0px;
}

.main_links img {
    border:0;
    padding-right: 5px;
}

.demo_btn {
    position: absolute;
    top: 20px;
    right: 110px;
}

.demo_btn img {
    border: 0;
}

.resizefont {
    position: absolute;
    top: 0;
    left: 10px;
    padding-top:3px;
}

/* ------------- END HEADER ------------------ */



/* ------------- HOME CONTENT --------------- */

.greybar {
    width: 100%; 
    background-color:#f3f4f4;
    border-bottom: 1px solid #d6e2eb;
}

.what_who_why {
    background-color:#f3f4f4;
    margin: auto;
    width: 945px;
    height: 190px;
}

.what_who_why img {
    padding-bottom:10px;
}

.what_who_why p {
    line-height: 24px;
    margin: 0;
}

.what {
    width: 280px;
    padding: 15px;
    float: left;
    border-right: 1px solid #e9e9e9;
}

.who {
    width: 280px;
    padding: 15px;
    float: left;

}

.why {
    width: 280px;
    padding: 15px;
    float: left;
    border-left: 1px solid #e9e9e9;
}

.screenshots_top {
    padding-bottom: 30px;
}

.content_section {
    width: 100%;
    overflow: auto;
    padding: 5px 0 20px 0;
    height:100%;
}

.content_userguide {
    float: right;
    width: 900px;
    line-height:18px;
    font-size: 12px;
}

.content_left {
    float: left;
    width: 160px;
}

.content_right {
    float: right;
    width: 720px;
    line-height:18px;
}

.content_right ul {
    padding: 0;
    margin: 0 0 0 20px;
}

.features_right li {
  
}

.features_right li ul li {
    list-style-image:url("/images/template/new/bullet_wht_2.jpg");
    padding: 5px 0 5px 0;
}

.content_right li {
    list-style-image: url("/images/template/new/bullet_wht.jpg");
    padding: 5px 0 5px 0;
}

.content_right li ul li {
    list-style-image:url("/images/template/new/bullet_wht_2.jpg");
    padding: 5px 0 5px 0;
}

.content_right_userguide {
   float: left;
   margin-left: 30px;
}


.news_ul li {
    padding: 3px;
}

.content_right a:link { color: #26495c; font-weight: bold; text-decoration:none;}
.content_right a:visited { color: #26495c; font-weight: bold; text-decoration:none;}
.content_right a:active { color: #26495c; font-weight: bold; text-decoration:none;}
.content_right a:hover { color: #527e96; font-weight: bold; text-decoration: underline;}

.faq_questions li {
    list-style-image: url("/images/template/new/bullet_wht.jpg");
    padding-bottom: 10px;
}

.faq_questions li a:link { color: #26495c; font-weight: bold; text-decoration:none;}
.faq_questions li a:visited { color: #26495c; font-weight: bold; text-decoration:none;}
.faq_questions li a:active { color: #26495c; font-weight: bold; text-decoration:none;}
.faq_questions li a:hover { color: #527e96; font-weight: bold; text-decoration: underline;}

/* ------------ END HOME CONTENT --------------- */




/* ---------- FOOTER ------------ */

.footer_inside {
    margin: auto;
    width: 945px;
}

.footer {
    border-top: 2px solid #75909c;
    background-color: #FFFFFF;
    width: 100%;
    height: 33px;
    padding: 3px 0 0 0;
    position: relative;
    font-size:10px;
    color: #525252;
}

.footer1 {
    margin: 9px 0 0 35px;
    width: 240px;
    float:left;
    
}

.footer2 {
    float:right;
    width: 540px;
    margin:9px 0 0 0;
}

.small_footer_logo {
    margin: 3px 0 0 0;
    width: 103px;
    float:left;
}

.footer2 a:link{font-size:10px;color: #525252;}
.footer2 a:active{font-size:10px;color: #525252;}
.footer2 a:visited{font-size:10px;color: #525252;}
.footer2 a:hover{font-size:10px;color: #768e9d; text-decoration:none;}

.footer_left {
    float: left;
}

.footer_right {
    float: right;
}

.footer_right_links {
    text-align:center;
   /*position: absolute;
    bottom: 0;
    right: 0;*/
    width: 480px;
    margin-top: 20px;
    padding: 10px 5px 10px 0;
    color: #4d8bb3;
}

*html .footer_right_links {
    text-align:center;
   /*position: absolute;
    bottom: 0;
    right: 0;*/
    width: 450px;
    margin-top: 20px;
    padding: 10px 5px 10px 0;
    color: #4d8bb3;
}

.footer_right_links a:link {color: #88b0d5; text-decoration: none;}
.footer_right_links a:active {color: #88b0d5; text-decoration: none;}
.footer_right_links a:visited {color: #88b0d5; text-decoration: none;}
.footer_right_links a:hover {color: #FFFFFF; text-decoration: underline;}

.footer_company {
    float: left;
    width: 150px;
    margin: 10px 20px 10px 20px;
    border-right: 1px solid #1f3f53;
    padding-right: 10px;
}

.footer_product {
    float: left;
    width: 180px;
    margin: 10px 10px 10px 10px;
    padding-left:5px;
}

.footer_company a:link {color: #FFFFFF; text-decoration: none;}
.footer_company a:active {color: #FFFFFF; text-decoration: none;}
.footer_company a:visited {color: #FFFFFF; text-decoration: none;}
.footer_company a:hover {color: #FFFFFF; text-decoration: underline;}

.footer_product a:link {color: #FFFFFF; text-decoration: none;}
.footer_product a:active {color: #FFFFFF; text-decoration: none;}
.footer_product a:visited {color: #FFFFFF; text-decoration: none;}
.footer_product a:hover {color: #FFFFFF; text-decoration: underline;}

.footer li {
    border-bottom: 1px solid #2f3f49;
    padding: 3px;
    width: 116px;
}

.footer_left li {
    list-style-image: url("/images/template/new/bullet.jpg");
}


/* -------- END FOOTER ----------- */


/* ------------------ FORMS ------------------- */

.contact_form {
    width: 400px;
    font-size: 12px;
    background-color: #f4f4f4;
    padding-left: 20px;
    border: 1px solid #b3cadb;
    padding:10px;
}

.contact_form td {
    padding: 5px;
}

.contact_form input, textarea {
 	padding:2px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;    
        width: 180px;
}

.contact_input {
    height: 25px;
}


.formbutton
{
    background: url("/images/template/new/submitbutton.png");
    border: none;
    width: 87px;
    height: 34px;
    text-align: left;
    padding-left: 8px;
    margin-top: 4px;
}

/* --------------------------------------- */

.backtotop a:link {color: #5287a8;}
.backtotop a:active {color: #5287a8;}
.backtotop a:visited {color: #5287a8;}
.backtotop a:link {color: #1c3d51;}

.newsletter {
    width: 300px;
}

.video {
    border: 1px solid #4e4e4e;
    width: 500px;
}

.legal li{
    list-style-type: decimal;
    list-style-image: none;
}

.legal li li {
    list-style-type: lower-alpha;
}

.iframe {
     width: 945px;
     height:500px;
     border: none; 
    margin-top: 30px;
}



/* DROP DOWN MENU */

.header_links #nav, .header_links #nav ul { /* all lists */
	padding: 0;
	margin:0 0 0 0;
	list-style: none;
	line-height: 1;
}

.header_links #nav a {
	display: block;
	width: 125px;

}

.header_links #nav li a {
    width: auto;
}

.header_links #nav li { /* all list items */
	float: left;
	width: 145px; /* width needed or else Opera goes nuts */

}

.header_links #nav li ul { /* second-level lists */
	position: absolute;
	background: #547b90;
	width: 145px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}



.header_links #nav li ul a {
        border-bottom: 1px solid #78a2be;
        padding:10px;
	width: 125px;
        color: #ffffff;
        text-decoration: none;

}

.header_links #nav li ul ul { /* third-and-above-level lists */
	margin: -33px 0 0 145px;
	background: #547b90;
}

.header_links #nav li ul li:hover, #nav li ul li.sfhover {
	background: #7098b2;
        text-decoration: none;
}

.header_links #nav li:hover ul ul, .header_links #nav li.sfhover ul ul {
	left: -999em;
        text-decoration: none;

}

.header_links #nav li:hover ul, .header_links #nav li li:hover ul, .header_links #nav li.sfhover ul, .header_links #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.header_links .header_cursor {
     cursor: default;
}




.iframe {
     width: 945px;
     height:500px;
     border: none; 
    margin-top: 30px;
}



.movie {
	width: 100%;
	height: 100%;
        background-color: #FFFFFF;
}
div.movie {
	width: 750px;
	height: 275px;
	text-align: center;

}


/* web design images */

.webcontent {
   width: 945px;
}

.webcontent_left {
    float: left;
}

.webcontent_right {
    float: right;
}

.webcontent_left_top {
    background: url(/images/template/new/web_left_top.jpg) no-repeat;
    background-position: center top;
    width: 691px;  
    height: 52px;
}

.webcontent_left_mid {
    background: url(/images/template/new/web_left_mid.jpg) repeat-y;
    width: 661px;
    padding: 0 15px 0 15px;
    height: auto;
}

.webcontent_left_mid p {
    line-height: 22px;
    padding-bottom: 10px;
}

.webcontent_left_bottom {
    background: url(/images/template/new/web_left_bottom.jpg) no-repeat;
    background-position: center top;
    width: 691px;  
    height: 20px;
}

.webcontent_right_top {
    background: url(/images/template/new/web_right_top.jpg) no-repeat;
    background-position: center top;
    width: 236px;  
    height: 83px;
}

.webcontent_right_mid {
    background: url(/images/template/new/web_right_mid.jpg) repeat-y;
    width: 236px;  
    height: auto;
}

.webcontent_right_mid textarea {
    font-size: 12px;
    line-height: 12px;
}

.webcontent_right_bottom {
    background: url(/images/template/new/web_right_bottom.jpg) no-repeat;
    background-position: center top;
    width: 236px;  
    height: 20px;
}

.submitbutton
{
    background: url("/images/template/new/submitbutton.png");
    border: none;
    width: 100px;
    height: 39px;
    margin-left: -15px;
}


.signupbtn {
    margin-left:15px;
}

.webdesign_table {
    margin-left: 20px;
    font-size: 12px;
}

.home_content {
   position: relative;
   width: 945;
   height: 900px;
   line-height: 24px;
}

.home_content a:link, .home_content a:active, .home_content a:visited {
   text-decoration: underline;
}

.home_content a:hover {
   text-decoration: none;
   color: #224067;
}

.box1 {
   position: absolute;
   top: 20px;
   left: 20px;
}

.box2 {
   position: absolute;
   top: 20px;
   right: 20px;
   width: 430px;
}

.box3 {
   position: absolute;
   top: 230px;
   right: 20px;
}

.box4 {
   position: absolute;
   top: 340px;
   left: 25px;
   width: 430px;

}

.box5 {
   position: absolute;
   top: 525px; 
   left: 20px;   
}

.box6 {
   position: absolute;
   top: 570px;
   right: 20px;
   width: 430px;
}

.software_paragraph {
   margin-left: 15px;
}

.screenshots {
   margin: 0 10px 0 10px;
   width: 175px;
   height: 119px;
}

.software_flash {
   margin: 10px 0 0 25px;
}

.questions_img {
   margin: 0 30px 0 30px;
}

.soft_packages {
   margin: 0 0 0 100px;
}

.dropdownimg {
        margin: 0 0 -2px 0;
}

<!-------------- DIV SWAP ----------------->

<!-------------- END DIV SWAP ----------------->



.features_left {width:100px;}

.features_right {position:absolute; top: 0; right:20px; width:500px;}