/********************************************************************
	Start: CSS Browser Reset
********************************************************************/
html, body {height:100%;}
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:100%;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;}
q:before,q:after{content:'';}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #666 dotted;}
/*****************************
	End: CSS Browser Reset  
*****************************/



/********************************************************************
	Start: Site-Specific Base Styles
********************************************************************/
body {font-size:10px;background: #585953;}
a{color:#336699;}
h1,h2,h3,h4,h5,h6 {color:#336699;line-height:1.1em;}
a:hover {text-decoration:underline;}
h1 {font-size:2.4em}
h2 {font-size:2.2em}
h3 {font-size:2.0em}
h4 {font-size:1.8em}
h5 {font-size:1.6em}
h6 {font-size:1.4em}
ul.bullets {
	margin-left:15px;
}
	ul.bullets li {
		list-style-image: url(../images/bullet.gif)
	}
	ul.indent.bullets {
		margin-left:25px;
	}
#Content p,
#Content ol,
#Content ul,
#Content dl,
#Content table {
	font-size:1.1em;
}
#Content p,
#Content ol,
#Content ul,
#Content dd,
#Content table,
#Content h1,
#Content h2,
#Content h3,
#Content h4,
#Content h5,
#Content h6,
#Content q {
	margin-bottom:10px;
}
#Content dt {
	font-weight:bold;
}
#Content li {
	margin-bottom:3px;
}
#Content .quotes q:before{content:url(../images/quotes_before.gif);vertical-align:15%;}
#Content .quotes q:after{content:url(../images/quotes_after.gif);vertical-align:-55%;}
#Content .quotes q {position:relative;padding-left:20px;display:block;text-indent:-20px;margin-bottom:3px;}
#Content .quotes p {padding-left:20px;font-weight:bold;}
#Content .quotes q span {display:none;}
* html #Content .quotes q  {text-indent:0;margin-bottom:10px;}
* html #Content .quotes q span {display:inline;}
* html #Content .quotes q span.quotesBefore {padding:8px;background:url(../images/quotes_before.gif) top left no-repeat;position:absolute;left:0;top:-8px;}
* html #Content .quotes q span.quotesAfter {background:url(../images/quotes_after.gif) right bottom no-repeat;padding:8px;line-height:10px;}
*+html #Content .quotes q  {text-indent:0;margin-bottom:10px;}
*+html #Content .quotes q span {display:inline;}
*+html #Content .quotes q span.quotesBefore {padding:8px;background:url(../images/quotes_before.gif) top left no-repeat;position:absolute;left:0;top:-8px;}
*+html #Content .quotes q span.quotesAfter {background:url(../images/quotes_after.gif) right bottom no-repeat;padding:8px;line-height:10px;}
/*****************************
	End: Site-Specific Base Styles
*****************************/

.siteWidth {
	width:899px !important;
	margin: auto;
	position:relative;
}

#Header {
	background: url('../images/body_bg.jpg') center top repeat-x white;
}
	#HeaderLogo {
		margin-left:0;
	}
	#HeaderNav {
		position:absolute;
		top:33px;
		left:405px;
		font-size:1.3em;
	}
	#HeaderNav a {
		color:black;
		margin:0 3px;
	}
	#HeaderNav a:hover {
		text-decoration:underline;
	}
	#HeaderNav a.current {
		font-weight:bold;
	}

#MastheadWrapper {
	position:relative;
	background: url(../images/masthead_bg.jpg) bottom center repeat-x white;
}
	#MastheadWarapper div {
		position:relative;
	}
	#Masthead h1 {
		height:281px;
		background: url(../images/home_masthead_bg.jpg) 48px bottom no-repeat transparent;
	}
	#Masthead h1 span {
		position:relative;
		top:43px;
		left:365px;
		font-size:40px;
		line-height:45px;
		letter-spacing:-.05em;
	}
	#Masthead p {
		font-size:20px;
		color:white;
	}
	#Masthead p.tagline {
		position:absolute;
		top:10px;
		left:365px;
		font-size:16px;
		color:#666;
		letter-spacing:-.025em;
	}
	#Masthead a.viewDemo {
		display:block;
		width:275px;
		height:275px;
		position:absolute;
		top:3px;
		left:50px;
	}
		#Masthead a.viewDemo span {
			position:absolute;
			top:166px;
			left:145px;
			font-size:12px;
			letter-spacing:.1em;
			color:white;
		}
	#Masthead a.viewDemo:hover,
	#Masthead a.viewDemo:hover span {
		font-weight:bold;
		letter-spacing:.015em;
		text-decoration:none;
	}
	#Masthead p#FreeEvaluation {
		height:38px;
		letter-spacing:.06em;
	}
	#Masthead p#FreeEvaluation a {
		position:absolute;
		left:476px;
		bottom:8px;
	}
	body.homePage #Masthead p#FreeEvaluation {
		height:auto;
	}
	#Masthead p a:hover {
		font-weight:bold;
		letter-spacing:0;
	}
	#Masthead p a {
		color:white;
		text-decoration:underline;
	}

#Content {
	background: url('../images/content_bg.jpg') center top repeat-x #ccccb9;
	min-height:250px;
	padding:8px 0 ;
}

#Footer {
	border-top:30px solid #7f7f74;
	position:relative;
}
#Footer .siteWidth {
	position:relative;
}
#Footer,
#Footer p,
#Footer p a {
	color:#CFCFC2;
}
#Footer p {
	padding:20px 0;
	position:absolute;
}
#Footer p.nav {
	left:475px;
}

#Content .news h2 {
	margin:2px 0;
	font-size:15px;
	font-weight:bold;
}
#Content .news a.title {
	font-weight:bold;
	text-decoration:underline;
}


/********************************************************************
	Start: Column Styles
********************************************************************/
.columns {
	padding:0;
}
.columns,
.columns .column {
	position:relative;
}
	.columns .section {
		margin-bottom:10px;
	}
	.columns.single .column {
		width: 100%;
	}
	.columns.even .column {
		width: 47.3%;
	}
	* html .columns.even .column {
		width: 47%; /* IE6 Sucks */
	}
	#Wrapper .columns.three .column {
		width: 32%;
		float:left;
	}
	#Wrapper .columns.four .column {
		width: 24.9%;
		float:left;
	}
	* html #Wrapper .columns.four .column {
		width: 24.25% !important; /* IE6 Sucks */
	}
	.columns.uneven .column.side {
		width: 300px;
		position:relative;
	}
	.columns.uneven .column.main {
		width: 600px;
	}
	.columns .column.left {
		float:left;
	}
	.columns .column.right {
		float:right;
	}
/*****************************
	End: Column Styles
*****************************/





.aLeft {
	text-align:left !important;
}
.aCenter {
	text-align:center !important;
}
.aRight {
	text-align:right !important;
}

.columns:after,
.clear:after {
    content: ".";
    display: block !important;
    clear: both !important;
    visibility: hidden !important;
    line-height: 0 !important;
    height: 0 !important;
}
/* IE Fix */
*+html .columns:after,
*+html .clear {
    height: 1% !important;
}
* html .columns:after,
* html .clear {
    height: 1% !important;
}



/********************************************************************
	Start: Wufoo Form Styles
********************************************************************/
.wufooIframe {width:100%;border:0;height:650px;}
/*****************************
	End: Wufoo Form Styles
*****************************/

/*Signup*/
	
	.signup_table {
	border: solid 5px #bbb;
	font-size: 12px;
	margin-bottom: 40px;
	}

	.signup_table h2 {
	font-weight: bold;
	}

	.signup_table th {
	border-bottom: solid 1px #bbb;
	}

	.signup_table th, .signup_table td {
	padding: 7px;
	}

	.signup_table .pro, .signup_table .medium, .signup_table .mini {
	margin: 3px;
	}

	.signup_table .pro {
	color: #316d09;
	}

	.signup_table .medium {
	color: #7ca734;
	}

	.signup_table .mini {
	color: #9fc21e;
	}

	.signup_table .right {
	border-left: solid 1px #bbb;
	font-weight: bold;
	}

	.signup_table .row .last {
	border-bottom: solid 1px #bbb;
	}

	.signup_table tr.odd {
	background: #f3f3f3;
	}



	.signup_table .price {
	font-size: 20px
	}

	.signup_table sup {
	font-weight: normal;
	font-size: 13px;
	}

	.signup_table .left {
	width: 28%;
	}
	
	.subtitle_left {
		text-align: right;
	}
	
	a.signup_button2 {
		background: url(../images/button_signup.gif) left top;
		height:37px;
		width: 126px;
		float: left;
		margin: 4px 0px 4px 2px;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		text-align: center;
		line-height: 38px;
	}
	
	.signup_button2:hover {
		background: url(../images/button_signup.gif) left bottom;
		height:37px;
		width: 126px;
		float: left;
		color: #fff;
	}

.free_30_days {
	padding: 22px 0px 0px 125px;
	background: url(../images/free30days.png) no-repeat left center;
	height: 90px;
	color: #e98924;
	font-size: 18px;
	margin-bottom: 20px;
}

.free_30_days span {
	font-weight: bold;
}

.browsers {
	text-align: center;
	margin-top: 78px;
	font-size: 10px;
	color: #505050;
}