/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li, legend, caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  text-shadow: #000000 0 0 0px;
}
strong{font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a{outline:none;}

body{
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background:#006084;
	line-height: 1.5;
}

/*-------------------
Main Text Formating
---------------------*/

h1{
	font-size:19px;
	color:#006082;
}

h2{
	font-size:15px;
	color:#006082;
}

p{
	font-size:12px;
	line-height:15px;
	color:#4d4d4d;
	margin:8px 0 8px 0;
}

em.eblast{color:#006082;}

table{
	font-size:12px;
	line-height:15px;
	color:#4d4d4d;
}

p a{
	color:#4d4d4d;
	background:#FFFFCC;
	border-bottom:1px dotted #ffcc00;
	text-decoration:none;
}
	p a:hover{
		color:#006082;
		border-bottom:1px solid #006082;
		text-decoration:none;
	}
	
	#footerBar p a{
	color:#fff;
	background:none;
	border-bottom:1px dotted #fff;
	text-decoration:none;
	}
		#footerBar p a:hover{
			color:#fff;
			background:none;
			border-bottom:1px solid #fff;
			text-decoration:none;
		}
	
table a{
	color:#4d4d4d;
	background:#FFFFCC;
	border-bottom:1px dotted #ffcc00;
	text-decoration:none;
}
	table a:hover{
		color:#006082;
		border-bottom:1px solid #006082;
		text-decoration:none;
	}
	
ul{
}

li{
	font-size:12px;
	line-height:15px;
	color:#4d4d4d;
	margin:0;
}

/*-------------------
Quick Classes
---------------------*/

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.imgBorder{background:#cecece; border:1px solid #909090; padding:5px;}

/*-------------------
Header
---------------------*/

#topBar{
	width:100%;
	height:95px;
	background:url(../images/topbarbg.jpg) repeat-x #fff;
	margin:0 auto;
}

	#topBarWrap{
		width:960px;
		height:95px;
		margin:0 auto;
		text-align:left;
		position:relative;
	}
	
		#logo{
			position:absolute;
			top:20px;
		}
		
		.asolutionby{
			position:absolute;
			top:10px;
			right:135px;
		}
		
		a.Quickspace{
			width:203px;
			height:38px;
			display:block;
			background:url(/images/quickspace.jpg) top left no-repeat;
			position:absolute;
			top:30px;
			right:0;
		}
		
		a.Quickspace:hover{background-position:bottom left;}
		
		a.Quickspace span{
			display:none;
		}
		a.Marketo2{
			width:126px;
			height:37px;
			display:block;
			background:url(/images/marketo2.jpg) top left no-repeat;
			position:absolute;
			top:31px;
			right:0px;
		}
		
		a.Marketo2:hover{background-position:bottom left;}
		
		a.Marketo2 span{
			display:none;
		}

#middleBar{
	width:100%;
	height:260px;
	background:url(../images/middlebg.jpg) repeat-x #006082;
	margin:0 auto;
}

	#middleBarWrap{
		width:960px;
		height:260px;
		margin:0 auto;
		background:url(../images/middleWrapBg.jpg) no-repeat;
		text-align:left;
		position:relative;
	}
	
#middleBarSmall{
	width:100%;
	height:80px;
	background:url(../images/middlebg.jpg) repeat-x #006082;
	margin:0 auto;
}

	#middleBarSmallWrap{
		width:960px;
		height:80px;
		margin:0 auto;
		background:url(../images/middleWrapBg.jpg) no-repeat;
		text-align:left;
		position:relative;
	}
		
		#rightImg{
			float:right;
		}
		
		#headerText{
			position:absolute;
			left:40px;
			top:55px;
		}
		
		#subheaderText{
			position:absolute;
			left:0px;
			top:28px;
		}
		
		body.currentbtn1 a.createAccount{
			width:252px;
			height:47px;
			background:url(../images/createAccount.jpg) top left no-repeat;
			display:block;
			position:absolute;
			bottom:35px;
			left:50px;
		}
		
		body.currentbtn1 a.createAccount:hover{background-position:bottom left;}
		
		a.createAccount{
			width:252px;
			height:47px;
			background:url(../images/createAccount.jpg) top left no-repeat;
			display:block;
			position:absolute;
			bottom:13px;
			right:0px;
		}
		
		a.createAccount:hover{background-position:bottom left;}
		a.createAccount span{display:none;}

#navBar{
	width:100%;
	height:40px;
	background:url(../images/navbg.jpg) repeat-x #006082;
	margin:0 auto;
}

#navBarWrap{
	width:960px;
	height:40px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

a.btn{
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:10px 21px 9px 21px;
	margin:0;
	float:left;
}

a.btn:hover{
	border-top:1px solid #72ff94;
	border-left:1px solid #72ff94;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background: url(../images/btnBg.jpg) repeat-x top left #2e923c;
	padding:9px 20px 8px 20px;
}

.homeBtn{
	padding-right:5px;
}

body.currentbtn1 a.btn1,
body.currentbtn2 a.btn2,
body.currentbtn3 a.btn3,
body.currentbtn4 a.btn4,
body.currentbtn5 a.btn5{
	border-top:1px solid #72ff94;
	border-left:1px solid #72ff94;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background: url(../images/btnBg.jpg) repeat-x top left #2e923c;
	padding:9px 20px 8px 20px;
}

body.currentbtn1 a.btn1:hover,
body.currentbtn2 a.btn2:hover,
body.currentbtn3 a.btn3:hover,
body.currentbtn4 a.btn4:hover,
body.currentbtn5 a.btn5:hover{
	background: url(../images/hoverbtn.jpg) repeat-x top left #39b54a;
}

a.signup,
a.login{
	color:#fff;
	float:right;
	font-size:14px;
	text-decoration:none;
	border-top:1px solid #72ff94;
	border-left:1px solid #72ff94;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background: url(../images/btnBg.jpg) repeat-x top left #2e923c;
	padding:9px 20px 8px 20px;
}

a.signup:hover,
a.login:hover{
	background: url(../images/hoverbtn.jpg) repeat-x top left #39b54a;
}

#contentBar{
	width:100%;
	background:url(../images/contentbg.jpg) repeat-x top #fff;
	margin:0 auto;
}

#contentBar2{
	width:100%;
	background:url(../images/contentbottombg.jpg) repeat-x bottom;
	margin:0 auto;
}

#contentBarWrap{
	width:960px;
	min-height:250px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding:20px 0;
}

#contentLeft{
	width:630px;
	float:left;
}
#contentRight{
	width:300px;
	float:right;
	padding-left:30px;
}

#pricing li{
	margin:7px 0 3px 20px;
	font-size:12px;
	color:#006082;
}

#pricing li span{
	color:#4d4d4d;
}

#pricing li strong{
	font-weight:normal;
}

#pricing li:hover{
	background:#FFFFCC;
}

#threeBar, #threeLeft, #threeRight{
	width:960px;
	height:250px;
}

#threeBar{background:url(../images/threeBg.jpg) repeat-x;}
#threeLeft{background:url(../images/threeleft.jpg) top left no-repeat;}
#threeRight{background:url(../images/threeright.jpg) top right no-repeat;}

.threebox{
	float:left;
	background:url(../images/threeSplit.jpg) no-repeat top right;
	padding:15px;
	height:250px;
}

.threeboxlast{
	float:left;
	background:none;
	padding:15px;
	height:250px;
}

.threebox p, .threeboxlast p{
	width:290px;
}

.threeTitles{
	margin:25px 0 0 0;
}

ul.checked{
	list-style:none;
}
ul.checked li{
	background:url(../images/check.png) top left no-repeat;
	padding:6px 0 6px 32px;
}


#footerBar{
	width:100%;
	height:60px;
	background:url(../images/footerbg.jpg) repeat-x #006082;
	margin:0 auto;
}

#footerBarWrap{
	width:960px;
	height:60px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding:10px 0 0 0;
}

.footerLeft{
	width:46%;
	float:left;
	color:#fff;
	font-size:11px;
}

.footerRight{
	width:46%;
	float:right;
	color:#fff;
	font-size:11px;
}

/* POST */

.post{
	clear:left;
	margin:15px 0;
}

.post img{
	float:left;
	margin-right:10px;
}


/* Sub Nav */

ul.subNav{
	width:250px;
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}

ul.subNav li{
	width:250px;
}

ul.subNav li a{
	width:230px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #F3F3F3;
	border-left:1px solid #F3F3F3;
	text-align:center;
	padding:8px 10px;
	display:block;
	text-decoration:none;
	background:#D9D9D9;
	color:#4d4d4d;
}

ul.subNav li a:hover{
	border-top:1px solid #72ff94;
	border-left:1px solid #72ff94;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background: url(../images/btnBg.jpg) repeat-x top left #2e923c;
	color:#fff;
}

ul.subNav li a.current{
	border-top:1px solid #72ff94;
	border-left:1px solid #72ff94;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background: url(../images/btnBg.jpg) repeat-x top left #2e923c;
	color:#fff;
}

/* Templates */

a.openTemplate{
	border:1px solid #909090;
	text-align:center;
	display:block;
	width:151px;
	background:#e6e6e6;
	text-decoration:none;
	float:left;
	margin:10px;
	padding:5px;
}

a.openTemplate:hover{
	border:1px solid #666666;
}

a.openTemplate p{
	text-decoration:none;
	padding:0;
	margin:0;
}

/* Form */

.contactFormText{
	width:300px;
	font-size:13px;
	color:#333333;
	border:1px solid #b8b8b8;
	background:url(../images/formBg.png) top left no-repeat #fff;
	padding:5px 5px;
}

.contactFormTextArea{
	width:300px;
	min-width:300px;
	max-width:300px;
	height:200px;
	min-height:200px;
	max-height:200px;
	font-size:13px;
	color:#333333;
	border:1px solid #b8b8b8;
	background:url(../images/formBg.png) top left no-repeat #fff;
	padding:5px 5px;
}

.contactFormTextVar{
	width:180px;
	padding:8px 5px 7px 5px;
	margin:0px 0 0 10px;
	text-align:center;
	font-size:16px;
}

#VarImg{
	float:left;
}

.contactFormSubmit{
	width:125px;
	font-size:13px;
	color:#333333;
	border:1px solid #b8b8b8;
	background:url(../images/formBg.png) top left #fff;
	padding:5px 5px;
	text-align:center;
	margin-left:290px;
	cursor:pointer;
	outline:none;
	outline-width:0;
	outline-color:#fff;
}

.contactFormSelect{
	width:310px;
	padding:5px 5px;
	font-size:13px;
	color:#333333;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

#ThankYou{
	padding:15px 30px;
	background:#FFFFCC;
	border:1px solid #FFFF66;
	width:355px;
}

.warning{
	padding:15px;
	background:#FFFFE6;
	border:3px solid #FFFFCC;
}

/* Legal */

.bigtick{
	list-style-image:url(../images/tick.gif);
	padding:5px 0 3px 40px;
	font-size:12px;
}

.bigcross{
	list-style-image:url(../images/cross.gif);
	padding:5px 0 3px 40px;
	font-size:12px;
}

.bigcross li,
.bigtick li{
	padding:2px 0 2px 0;
}

ol li{
	margin:7px 0 3px 40px;
	font-size:12px;
}