/* Author: Missy Lucnik, swiftpage */
/* Put this code after the TITLE tag: <link href="main.css" rel="stylesheet" type="text/css">*/

#header {position: absolute;top: 109px;left: 0px;width: 796px;height: 60px;}
#banner {	position: absolute;	top: 85px;	left: 1px;	width: 787px;	height: 176px;}
#testimonial {	position: absolute;	top: 521px;	left: 557px;	width: 204px;	height: 172px; 
                padding: 10px;background-image:url(images/testimonialbg.gif);}
#templates {position: absolute; top: 375px; left: 532px; visibility: hidden;}
#plansstartingat {position: absolute;	top: 735px;	left: 576px;	width: 194px;	height: 32px;}
#container {position: relative; margin-left: auto; margin-right: auto; width: 820px; height: 1150px; background-color: #fff;}
#maincontent {	position: absolute;	top: 298px;	left: 35px;	width: 489px;}
.padding {padding: 10px;}
#resellerlogo {position: absolute; top: 10px; left: 574px; }
#logo {position: absolute; top: 19px; left: 10px;}
#freetrial {	position: absolute;	top: 305px;	left: 555px;	width: 227px;	background-image: url(images/ftbg.gif);	height: 199px;} 
#container {background-image: url(images/topbg.gif); background-repeat: no-repeat;}


p {font: 12px verdana; color: #000000l;}
h1 {font: 14px verdana;color: #ff6700;font-weight: bold;}



p.footer{font: 10px verdana; text-align: center;}
p.footer a {font: 10px verdana; text-align: center; color: #0000ff; text-decoration: none;}
p.footer a:hover {font: 10px verdana; text-align: center; color: #ff6700; text-decoration: underline;}
h1 {font: 14px verdana;color: #ff6700;font-weight: bold;}
h1 a {text-decoration: underline;color: #0000FF;letter-spacing: 0.1px;}
p.p1 {font: 12px verdana;color: #505050; text-align: justify;}
p.p2 {font: 14px verdana;color: #000000; text-align: center;}
p.p3 {font: 14px verdana;color: #505050;text-align: justify;}
p.p4 {font: 12px verdana;color: #505050;text-align: right;}
li {font: 12px verdana; text-align: justify; color: #505050; padding-bottom: 18px; list-style: none;}
li.arrows {font: 12px verdana; text-align: justify; list-style-image: url(images/arrow.gif);  padding-bottom: 1px;}
li.arrows a {font: 12px verdana; color: #0000FF; text-decoration: none; text-align: justify; list-style-image: url(images/arrow.gif);  padding-bottom: 1px;}
li.arrows a:hover{font: 12px verdana; color: #ff6700; text-decoration: underline; text-align: justify; list-style-image: url(images/arrow.gif); padding-bottom: 1px;}

