body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img, legend { border:0; margin: 0; padding: 0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6{ 	font-size:100%; }
q:before,q:after{ content:''; }
a { outline: none; }
-moz-any-link:focus { outline: none; }
/* END RESET */


/* @group Login Box */

#login {
	background: #000;
	width: 470px;
	height: 40px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	float: right;
	position: absolute;
	right: 0px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

form#login-form {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

form#login-form a {
	border-right: 1px solid #FFC000;
	color: #FFC000;
	text-decoration: none;
	padding-right: 10px;
	margin-right: 5px;
}

form#login-form a:hover {
	text-decoration: underline;
}

form#login-form input.text {
	width: 100px;
	border: 2px solid #75a809;
	padding: 2px;
	color: #000;
}

form#login-form input {
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

/* @end */





#featured-container { position: relative; height: 370px; }
#featured-slides { width: 950px; height: 334px; padding: 4px; background: #f5f5f5; border: 1px solid #ccc; position: relative; } 
#featured-slides .slide { width: 950px; height: 334px; position: absolute; top: 5px; left: 5px; } 
#featured-slides .slide .slide-content { padding: 40px 540px 0 35px; } 
#featured-slides #heatmaps { background: url(../images/heatmaps.jpg) no-repeat 7px 7px; color: #fff; }
#featured-slides #heatmaps h1 { color: #fff; }
#featured-slides #usability { background: url(../images/usability.jpg) no-repeat 7px 7px;  }
#featured-slides #resources { background: url(../images/resources.jpg) no-repeat 7px 7px; }
#featured-slides .slide H1 {
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: -1px;
}
ul#featured-nav {
	display: block;
	width: 85px;
	height: 28px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/bg-featured-content-nav.png) no-repeat center bottom;
}
ul#featured-nav li { display: block; float: left; margin: 0 3px; }
ul#featured-nav li a { display: block; padding: 2px 5px; background: #bbbbbb; color: white; text-decoration: none; }
ul#featured-nav li a.activeSlide { background: #416cd3; color: white; text-decoration: none; }

.package-wrapper { padding: 15px 15px 5px;  margin-bottom: 20px; }
.package-wrapper .package-name { text-align: center; width: 265px; float: left; }
.package-wrapper .package-name H1 { margin-bottom: 10px; }
.package-wrapper .package-details { text-align: center; width: 265px; float: right; border-left: 1px solid #ccc; padding-left: 25px; padding-top: 25px; }
.package-wrapper .package-details span.price { font-size: 60px; letter-spacing: -1px; }



.green-box { }
.blue-box { background: #e9f2ff; border: 1px solid #b7cdf0;  border-top: 5px solid #3972cd; }


#crumbs {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

ol { padding-left: 25px; list-style: decimal; }

/* ORDER FORMS */

ul.checks { list-style: none; padding-left: 0; }
ul.checks li {
	background: url(../images/icon-check-small.png) no-repeat 0px 3px;
	padding: 0 0 5px 25px;
}

.col-large ul { padding-left: 20px; list-style: square outside; }


/* PACKAGES */
li.package {
	width: 205px;
	background: #e9f2ff;
	border: 1px solid #b7cdf0;
	border-top: 5px solid #3972cd;
	height: 320px;
	text-align: center;
	padding: 10px 10px 5px;
	margin-right: 17px;
	position: relative;
}
li.package a.btn-orange-150 { position: absolute; bottom: 25px; left: 38px; }
li.package H1 { font-size: 30px; color: #3972cd; letter-spacing: -1px; margin-bottom: 12px; }
li.package p { margin-bottom: 12px; }
li.package H2 { margin-bottom: 3px; }
li.package span.package-tip { text-transform: uppercase; display: block; margin-bottom: 10px; font-size: 11px; }
li.package#feature {
	height: 330px;
	padding-top: 20px;
	margin-top: -16px;
	border-top: 8px solid #3972cd;
	border-bottom: 8px solid #3972cd;
	margin-left: -3px;
	margin-right: 13px;
	background: #e9f2ff url(../images/bg-featurepackage-blue.png) repeat-x bottom;
}
li.package#feature h1 { font-size: 38px; }

ul.packages-green li { background: #ebf6d5; border-color: #cadf9d; border-top: 5px solid #90be31; }
ul.packages-green li h1 { color: #90be31; }

ul.packages-green li.package#feature {
	height: 330px;
	padding-top: 20px;
	margin-top: -16px;
	border-top: 8px solid #90be31;
	border-bottom: 8px solid #90be31;
	margin-left: -3px;
	margin-right: 13px;
	background: #ebf6d5 url(../images/bg-featurepackage-green.png) repeat-x bottom;
}
ul.packages-green li.package#feature h1 { font-size: 38px; }


.packages-bottom-text { clear: both; padding-top: 10px; }
.packages-bottom-text p { margin-bottom: 7px; font-size: 11px; }

#checkboxes { margin-bottom: 20px; }
#checkboxes p { margin: 0 0 8px 25px; }

form.order-form label.hide { display: none; }
form.order-form label {
	display: block;
	float: left;
	width: 125px;
	padding-top: 5px;
}
form.order-form label.label-top { display: block; float: none; width: auto; }
form.order-form br { clear: left; }

form.order-form input[type="text"], form.order-form textarea, form.order-form select {
	width: 250px;
	margin-bottom: 10px;
	color: #333;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height: 20px;
	padding: 5px;
	background: #fff;
	border: 2px solid #c7d1df;
}
form.order-form input.textfield-small {
	width: 125px;
}
form.order-form select { height: auto; padding: 3px; }
form.order-form textarea { height: 80px; overflow: hidden; }
form.order-form fieldset { background: #e9f2ff; padding: 20px 25px; margin: 0 0 20px 0; border-top: 4px solid #3972cd; }
form.order-form h2 {
	color: #3972cd; 
}
form.order-form textarea:focus, form.order-form input:focus { border-color: #90be31; color: #333; }
form.order-form input[type="text"].inactive, form.order-form textarea.inactive { color:#999; }	 
form.order-form .active { color:#333; }	

form.order-form input.error, form.order-form select.error { border-color: red; color: #333; }
form.order-form #checkboxes input.error { padding: 15px; background: red; border: 5px solid red; }

form.order-form label.error { float: right; color: red; padding-left: 20px; background: url(../images/icon-error.png) no-repeat 0 5px; margin-top: -5px; }
form .col-half label.error { float: none; display: block; margin-top: -5px; }

form.order-form button {
	margin-top: 20px;
	height: 43px;
	width: 150px;
	padding: 0;
	display: block;
	background: url(../images/btn-orange-150px.png) no-repeat top;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border: none;
	cursor: pointer;
}
form.order-form button:hover { background-position: bottom; color: white; text-decoration: none; }



.box-lightblue { background: #e9f2ff; padding: 20px 25px 5px; margin: 0 0 20px 0; border-top: 4px solid #3972cd; }
.box-lightblue h2 { color: #3972cd; }





div.col-half select { width: 90%; }




.padded-border {
	background: white;
	border: 1px solid #c5c5c5;
	padding: 5px;
}
.package-order-details { margin-bottom: 20px; }


li.pos {
	padding-left: 30px;
	background: url(../images/icon-check.png) no-repeat 0px 3px;
}
li.neg {
	padding-left: 30px;
	background: url(../images/icon-x.png) no-repeat 0px 3px;
}


/* BUTTONS */

#feature-content-box p.btn-medium-green { position: absolute; bottom: 80px; right: 15px; }
#feature-content-box p.btn-large-orange { position: absolute; bottom: 10px; right: 15px; }
#feature-content-box H3 { border-bottom: none; padding: 0; }

p.btn-medium-green { margin-bottom: 5px; }
p.btn-medium-green a {
	height: 50px;
	width: 225px;
	padding: 10px 0 0 0;
	display: block;
	background: url(../images/btn-green-225px.png) no-repeat top;
	color: #222;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
}
p.btn-medium-green a span { font-size: 16px; font-weight: bold; color: white; display: block; }
p.btn-medium-green a:hover { background-position: bottom; }
p.btn-large-orange { margin-bottom: 5px; }
p.btn-large-orange a {
	height: 50px;
	width: 225px;
	padding: 10px 0 0 0;
	display: block;
	background: url(../images/btn-orange-225px.png) no-repeat top;
	color: #222;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
}
p.btn-large-orange a span { font-size: 16px; font-weight: bold; color: white; display: block; }
p.btn-large-orange a:hover { background-position: bottom; }

a.btn-orange-150 {
	height: 33px;
	width: 150px;
	padding: 10px 0 0 0;
	display: block;
	background: url(../images/btn-orange-150px.png) no-repeat top;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
a.btn-orange-150:hover { background-position: bottom; color: white; text-decoration: none; }



.col-large ul#case-studies { list-style: none; padding: 0; }
ul#case-studies li { margin-bottom: 25px; }
ul#case-studies li img { float: left; margin: 0 25px 15px 0; padding: 2px; background: white; border: 1px solid #dbdbdb; }

.col-large { width: 600px; padding-right: 50px; border-right: 1px solid #ddd; }
.col-small { width: 260px;  } 

#content-bottom {
	padding: 30px 0;
}
.shaded { background: url(../images/bg-shadow-content.png) no-repeat center top; }


#icon-row { margin: 20px 0; }
#icon-row H1 {
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	letter-spacing: -1px;
	color: #222;
}
#icon-row ul { margin: 0; }
#icon-row ul li {
	width: 162px;
	display: block;
	float: left;
	text-align: center;
	padding: 0 15px;
	font-size: 13px;
}
#icon-row ul li img { margin: 0 0 10px 0; }

/* LOGO */
#logo {
	background-image: url(../images/logo-normal-modes.png);
	text-indent: -9999px;
	display: block;
	height: 76px;
	width: 212px;
	position: absolute;
	left: 15px;
	top: 34px;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#lala {
	text-indent: -9999px;
	display: block;
	height: 76px;
	width: 212px;
	position: absolute;
	left: 253px;
	top: 34px;
	margin: 0;
	padding: 0;
	z-index: 500;
	visibility: visible;
}
#header h1 { margin: 0; padding: 0; }

h2#headline {
	background: url(../images/h-good-business.png) no-repeat center center;
	text-indent: -9999px;
	height: 100px;
	margin: 0;
}
body {
	margin: 0;
	padding: 0;
	background: white url(../images/bg-page-header.png) repeat-x top;
}
body,td,th {
	font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444444;
}
p, ul, ol, H1, H2, H3, table, form { margin: 0 0 20px 0; }
a img { border: none; }
a { color: #3972cd; text-decoration: none; }
a:hover { color: #8cc540; text-decoration: none; }

.small-link { text-transform: uppercase; font-size: 9px; }


form { padding: 0;  }
form td { padding: 4px 0; text-align: left; }
#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#header {
	height: 141px;
	position: relative;
}
#global-nav { position: absolute; top: 0; right: 0; background: #252525; padding: 8px 12px; font-size: 11px; }
#global-nav ul { margin: 0; }
#global-nav li { display: inline; padding: 1px 12px; border-left: 1px solid #555; }
#global-nav li:first-child { border-left: none; }
#global-nav li a { color: #c4e2ff; }
#global-nav li a:hover { color: #fff; }




#content {
	padding: 20px 0;
	overflow: auto;
}
#footer-wrapper {
	background: #303030 url(../images/bg-footer.png) repeat-x top;
	padding: 25px 0 15px;
}
#footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 11px;
	color: #ccc;
}
#footer a { color: #ccc; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer-left { width: 270px; float: left; }
#footer-right { width: 600px; float: right; }
#footer-right .footer-col {
	width: 165px;
	float: left;
	padding-left: 35px;
}
#footer H6 { font-weight: bold; font-size: 12px; margin-bottom: 5px; }
#footer ul.footer-links { margin: 0 0 15px 0; }
#footer ul.footer-links li { border-top: 1px solid #444; }
#footer ul.footer-links li:first-child { border-top: none; }
#footer ul.footer-links li a { padding: 2px 0; width: 100%; display: block; }
#footer #footer-logo { width: 119px; height: 44px; text-indent: -9999px; background: transparent url(../images/logo-footer.png) no-repeat; }


/* HEADERS */

H1 {
	font-size: 24px;
	font-style: normal;
	line-height: 24px;
	font-variant: normal;
	letter-spacing: -1px;
	color: #333;
	margin-bottom: 25px;
}
H2 {
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
}
H3 {
	font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
}


/* FORM STYLES */

form#contact label, form#newsletter	label
	{ display:block; text-align:left; margin-bottom: 3px;  }
form#contact textarea, form#contact input, form#newsletter input  {
	margin-bottom:10px;
}
form#contact textarea, form#contact input, form#newsletter input { 
	padding: 6px 4px 4px 30px;
	color: #333333;
	background: #fff;
	border: 2px solid #ddd;
	width: 220px;
	font-size: 12px;
}
form#contact input#input-name { background: #fff url(../images/icon-small-user.png) no-repeat 7px 7px; height: 20px; }
form#contact input#input-company { background: #fff url(../images/icon-small-cog.png) no-repeat 7px 7px; height: 20px; }
form#contact input#input-email { background: #fff url(../images/icon-small-email.png) no-repeat 7px 10px; height: 20px; }
form#contact input#input-website { background: #fff url(../images/icon-small-globe.png) no-repeat 7px 7px; height: 20px; }
form#contact textarea#input-comments { background: #fff url(../images/icon-small-chat.png) no-repeat 7px 7px; height: 80px; overflow: hidden; }
form#contact textarea.focused, form#contact input.focused, form#newsletter input.focused { border-color: #90be31; color: #444; }
form#contact .inactive, form#newsletter .inactive { color:#999; }	 
form#contact .active, form#newsletter .active { color:#444; }	 		
form#contact button, form#newsletter button {
	margin-left: 180px;
	cursor: pointer;
}

form#newsletter input#news-input-name { background: #fff url(../images/icon-small-user.png) no-repeat 7px 7px; height: 20px; }
form#newsletter input#news-input-email { background: #fff url(../images/icon-small-email.png) no-repeat 7px 10px; height: 20px; }

.col-large form#contact input[type="text"] { width: 300px; }
.col-large form#contact textarea   { width: 400px; }
.col-large form#contact button {
	margin-left: 350px;
	cursor: pointer;
}




button.green-submit { background: #90be31; border: 3px solid #d8e6bd; color: white; font-weight: bold; font-size: 13px; padding: 5px 10px; }

.form-button {
	color: #ffffff;
	font-weight: bold;
	border: 2px solid #87a9dc;
	background: #25569f;
	padding: 3px 5px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}



/* LEFT NAV */
.sub-nav {
	padding: 0;
	list-style: none;
	text-align: left;
	margin: 0 0 20px 0;
	width: 260px;
}
.sub-nav li { margin-bottom: 4px; }
.sub-nav li a {
	display: block;
	background: #e9f2ff;
	text-decoration: none;
	padding: 7px 10px;
	margin: 0;
	width: 240px;
	color: #3972cd;
	border-top: 1px solid #b6cdf0;
}
.sub-nav li a:hover {
	text-decoration: none;
	color: #fff;
	background: #94c039;
	border-color: #7aa02d;
	font-weight: normal;
}


.sub-nav ul { margin: 0; padding: 10px 0; }
.sub-nav ul li a { font-size: 11px; background: none; border-top: none; margin-bottom: 3px; padding: 1px 0 0 9px; margin-left: 10px; border-left: 1px solid #b6cdf0; }
.sub-nav ul li a:hover { color: #8cc540; background: none; font-weight: normal; }


.col-half { width: 46%; }
.col-third { width: 30%; }

.left { float: left; }
.right { float: right; }
img.left { margin: 0 20px 5px 0; }
img.right { margin: 0 0 5px 20px; }
img.left { margin: 0 25px 10px 0; }
img.right { margin: 0 0 10px 25px; }

.clearfix { clear: both; }