/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse;  }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

a {text-decoration: none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
:focus { outline: none;}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clear {clear: both;}


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


/* GENERAL */
body {
	margin:0px;
	padding:0px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

/* STRUCTURE */
#page-wrap {
	margin:0px auto;
	width:900px;
	position:relative;
}

#header {
	height:116px;
}
a.logo {
	background:url(../images/logo.jpg) no-repeat left top;
	cursor:pointer;
	display:block;
	float:left;
	width:205px; height:65px;
	margin:26px 24px 0px 0px;
}

.header-right {
	float:right;
	margin:26px 0px 0px 0px;
	width:200px;
}
a.live-chat {
	background:url(../images/chat-icon.gif) no-repeat left top;
	cursor:pointer;
	display:block;
	float:left;
	width:121px; height:41px;
	margin:26px 30px 0px 0px;
}
div.live-chat {
	display:block;
	float:left;
	width:121px; height:41px;
	margin:26px 30px 0px 0px;
}
div.toll-free {
	background:url(../images/tollfree-icon.gif) no-repeat left top;
	display:block;
	float:left;
	width:161px; height:41px;
	margin:26px 30px 0px 0px;
}
a.login {
	background:url(../images/btn-login.gif) no-repeat left top;
	cursor:pointer;
	display:block;
	float:right;
	width:101px; height:21px;
}
ul.top-nav {
	float:right;
	margin:10px 0px 0px 0px;
}
ul.top-nav li {
	display:inline;
	color:#ffce70;
	
}
ul.top-nav li a {
	color:#28808c;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 4px;
	margin:0px 4px 0px 0px;
}
ul.top-nav li a:hover {
color:#484848;
}
#big-nav {
	float:right;
	background:url(../images/navi-tile.gif) repeat-x left top;
	width:668px;
	height:34px;line-height:34px;
	margin:10px 0px 0px 0px;
	color:#aee817;
}
#big-nav a {
	float:left;
	color:#ffffff;
	line-height:34px;
	padding: 0px 20px 0px 5px;
	text-decoration:none;
}
#big-nav a:hover {color:#69bdeb;}
#big-nav span {
	float:left;
	color:#aee817;
	line-height:34px;
	padding:0px 14px 0px 0px;
}
#big-nav a.features {
	float:left;
	background:url(../images/leftedge-navi.gif) no-repeat top left;
	cursor:pointer; padding: 0px 12px 0px 21px;
}
#big-nav a.affiliates {
	float:left;
	background:url(../images/rightedge-affiliate.gif) no-repeat top right;
	cursor:pointer; padding: 0px 23px 0px 0px;
}
#big-nav a.trydemo {
	float:right;
	background:url(../images/btn-trydemo.gif) no-repeat top right;
	width:107px; height:34px; display:block; cursor:pointer; padding:0px; margin:0px;
}
#banner {
	width:900px;
	height:258px;
	margin-top:4px;
	/*border: solid 1px #666666;*/
}
#main-content {
	margin:20px 0px 0px 0px;
}
#news-column {
	float:left;
	width:226px;
}
#news-column h1 {
	margin:0px 0px 12px 0px;
}
#news-column .news-date {
	color:#afafaf;
	font-size:11px;
	margin:0px 0px 2px 0px;
}
#news-column .news-txt{
	color:#666666;
	font-size:11px;
	line-height: 16px;
	margin:0px 0px 12px 0px;
}
#news-column span.rnew { color:#ffffff; font-size:9px; background-color:#FF3300; padding:1px 2px;}
#news-column a {
	color:#ef7910;
	font-size:11px;
	line-height:16px;
}
#news-column a:hover {
	color:#52ac00;
}
#pricing-column {
	width:400px;
	float:left;
}
#pricing-column a.plan {
	margin: 16px 0px 0px 32px;
}
#why-column {
	width:264px;
	float:right;
}
#why-column h1 {
	text-align:center;
	margin: 26px 0px 0px 0px;
}
#why-column h1.compat {
	text-align:left;
	background:url(../images/dot-line01.jpg) repeat-x bottom left;
	height:20px;
	margin: 66px 0px 8px 0px;
}
#scroller {
	width:264px;
}

/* Demo Signup Form */
#demo-form {
	width:270px; 
	background:#e6fea8;
	border: solid 1px #a7db55;
	position:absolute;
	top:116px; right:0px;
	z-index:10;
	padding:14px 16px 20px 16px;
	color:#000000;
}
#demo-form form {
	
}
#demo-form .ipFld {
	background-color:#ffffff;
	border-top: 1px solid #696969;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #696969;
	font-size:11px;
	height:16px;
	padding:3px 4px 1px 4px;
	width:120px;
	margin-top:4px;
}
#demo-form p { margin:0px 0px 10px 0px; color:#666668; font-size:12px; line-height:14px;}
/*#demo-form .close-x {float:right; font-size:14px; font-weight:bold; color:#666666; cursor:pointer; margin:20px 0px 10px 0px; }*/
#demo-form .close-x {position:absolute; right:9px; bottom:10px; cursor:pointer; }



#footer {
	margin: 12px 0px 0px 0px;
	border-top: solid 3px #fff4bc;
}
ul.footer-nav {
	text-align:center;
	font-size:11px;
	margin: 16px 0px 0px 0px;
}
ul.footer-nav li {
	display:inline;
	color:#3f93ec;
	padding-right:6px;
}
ul.footer-nav li a {
	text-decoration:none;
	color:#666666;
	padding-right:6px;
}
ul.footer-nav li a:hover {
	color:#3f93ec;
}
#footer p {
	font-size:11px;
	color:#888888;
	margin-top:6px;
}