/*		Table Of Contents
=======================================================

- MAIN
- BLUE HEADER BLOCK
- CONTENT
- CONTENT BLOCKS
-- PAID SEARCH
-- NATURAL SEARCH
-- LANDING PAGE
- CUSTOMERS
- EBOOK
- FOOTER
- HEADER
- HOMEPAGE
- LANDING
- LIVE DEMO
- LOGIN
- NEWSLETTERS
- PRICING BLOCKS
- SIDEBAR
=======================================================
*/

body { font-family: "Segoe UI", Arial, Verdana, sans-serif; font-size: 80%; color: #656766 }
.blue { color: #006699 }
.red { color: #b30000 }
.green { color: #44941a }
.orange { color: #ffa200 }

.blueText {
	color: #069;
}
.light-blue {
	color: #3496C7;
}

.clear {
	clear: both;
}

img.pad {
	border: 1px solid #CCC;
	margin: 0 0 8px 0;
	padding: 4px;
}
a:hover img.pad {
	border-color: #999;
}

#headerLogo {
	float: left;
	height: 38px;
	margin: 23px 0 13px 15px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 232px;
}

#container {
	margin: 0 auto;
	padding: 0;
}

/* BLUE HEADER BLOCK
-------------------------------------------------------*/
#blue-header {
	background: url("images/content/homepage/promo-bkgnd.jpg") repeat-y top center #5FC2D8;
	color: #FFF;
	display: block;
	line-height: 1.2;
	margin: 15px 0 20px 0;
	position: relative;
        height: 404px;
}

#blue-header-nobottom { background: url(images/content/homepage/promo-bkgnd-nobottom.png) repeat-y top center #5FC2D8; color: #FFF; display: block; line-height: 1.2; margin: 15px 0 20px 0; position: relative; height: 347px; }


#blue-header-offer {
	background: url("images/content/offer/header.jpg");
	color: #FFF;
	display: block;
	line-height: 1.2;
	margin: 15px 0 20px 0;
	position: relative;
        height: 352px;
}

.subheading { font-family: "Trebuchet MS", "Segoe UI", Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; }
h1.home-heading { color: #069;font-family: "Trebuchet MS", "Segoe UI", Arial, Verdana, sans-serif; font-size: 26px; padding: 0; font-weight: bold; text-transform: uppercase; }
.home-light { color: #fff; font-size: 175%; margin: 35px 10px 40px 20px;  }
.home-content { width: 415px; padding: 30px 0 0 22px  }


#demoBlock h1, 
#eBook h1 {
	color: #FFF;
	font-size: 26px;
	margin: 0 0 2px 16px;
	padding: 0;
	text-transform: uppercase;
}
#blue-header h1.home-heading {
	color: #069;

}
#blue-header span.home-subheading {
	clear: both;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
        display: block;
}

#blue-header h2 {
	color: #FFF;
	font-size: 14px;
	margin: 0 0 10px 16px;
	text-transform: uppercase;
}

#blue-header div.content h3 {
	margin: 0 0 2px 20px;
}

#blue-header p.description {
	font-weight: bold;
	margin: 5px 10px 15px 18px;
	text-shadow: #069 1px 1px 1px;
}
#blue-header p a, 
#blue-header p.description a:visited {
	color: #C4EDF6;
	text-decoration: underline;
}
#blue-header p.description a:hover {
	color: #FFF;
}

div.keyText {
	float: left;
	margin: 10px 0;
	padding: 0;
}
div.keyText h3 {
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	text-align: right;
	text-shadow: #069 1px 1px 1px;
	text-transform: uppercase;
	width: 75px;
}
div.keyText p {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	width: 315px;
}

#blue-header form {
	margin: 20px 0;
}

#blue-header img.home-graphic {
	position: absolute;
	right: 22px;
	top: 88px;
}

#blue-header a#home-promo {
	background: url("images/onmedia-winner.png") no-repeat top right;
	display: block;
	height: 88px;
	outline: none;
	position: absolute;
	right: 0px;
	text-indent: -9999em;
	top: 0px;
	width: 150px;
}

#blue-header a.video-tour {
	bottom: 12px;
	position: absolute;
	right: 22px;
}
#blue-header a.video-tour img {
	border: 0;
}

#blue-header div.marketing-block {
	display: block;
	float: left;
	height: 100px;
	margin-top: 15px;
	position: relative;
	width: 374px;
}
#blue-header div.marketing-block a {
	height: 31px;
	left: 232px;
	outline: none;
	position: absolute;
	text-indent: -9999em;
	top: 56px;
	width: 116px;
}

#home-businesses {
	background: url("images/home-businesses.png") no-repeat top left;
	margin: 0 12px 0 26px;
}

#home-agencies {
	background: url("images/home-agencies.png") no-repeat top left;
}

#blueHeader a#videoTour, 
#demoBlock a#videoTour {
	background: url("images/home-videoBtn.jpg") no-repeat top center;
	bottom: 0;
	display: block;
	height: 213px;
	margin: 0 8px 0 0;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0;
	text-decoration: none;
	width: 334px;
}
a#videoTour span {
	margin-left: -9999em;
}

/* eBook */
#blueHeader a#ebook {
	display: block;
	height: 75px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 175px;
}
#blueHeader a#ebook span {
	margin-left: -9999em;
}

/* CONTENT
-------------------------------------------------------*/
div.bodyContent {
	border-left: 1px solid #CCC;
	color: #777;
	display: inline;
	float: left;
	margin: 15px 0 10px 0;
	padding: 0 0 0 25px;
	width: 747px;
}
div.no-sidebar {
	border: none;
	padding: 0 15px;
	width: 785px;
}
div.bodyContent h1 {
	font-family: "Trebuchet MS", "Segoe UI", Arial, Verdana, sans-serif; font-size: 26px; padding: 0; font-weight: bold; text-transform: uppercase;
}
div.bodyContent h1.single {
	margin: 0 0 15px 0;
}
div.bodyContent h2 {
	color: #999;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}
div.bodyContent h3 {
	color: #666;
	font-size: 14px;
	margin: 0 0 2px 0;
	padding: 0;
}

div.bodyContent img.productGraphic {
	float: right;
	margin: 0 0 2px 8px;
	padding: 0;
}

div.bodyContent a, 
div.bodyContent a:visited {
	color: #3BBBDE;
	text-decoration: underline;
}
div.bodyContent a:hover {
	color: #666;
	text-decoration: underline;
}

div.bodyContent ul {
	list-style: none;
	margin: 0 0 20px 8px;
	padding: 0;
}
div.bodyContent li {
	background: url("images/bulletSmall.gif") no-repeat 0 5px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}

div.bodyContent p {
	line-height: 1.5;
	margin: 0 0 20px 0;
	padding: 0;
}

div.bodyContent table {
	border-collapse: collapse;
	width: 100%;
}
div.bodyContent th {
	background: #E9E9E9;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: left;
}
div.bodyContent td {
	border: 1px solid #CCC;
	padding: 5px;
}

/* CONTENT BLOCK
-------------------------------------------------------*/
#contentBlocks {
	color: #666;
	margin: 0;
	padding: 0;
}

#contentBlocks h3, 
#contentBlocks div.productBlock h4 {
	font-size: 13px;
	margin: 0 0 3px 0;
	padding: 0;
}
#contentBlocks div.servicesBlock h4 {
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 0;
}

#contentBlocks img.screen {
	border: 1px solid;
	margin: 0 0 5px 0;
	padding: 0;
}

#contentBlocks ul {
	font-size: 12px;
	line-height: 1.2;
	margin: 0 0 0 1px;
	padding: 0;
}
#contentBlocks li {
	margin: 0;
	padding: 0 0 2px 10px;
}

#contentBlocks p {
	font-size: 13px;
	line-height: 1.2;
	margin: 0 0 20px 0;
	padding: 0;
}
div.bodyContent #contentBlocks p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 1.2;
}

a.blockBtn, 
a.blockBtn:visited {
	bottom: 10px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	outline: none;
	position: absolute;
	right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#contentBlocks div.productBlock a.blockBtn, 
#contentBlocks div.servicesBlock a.blockBtn {
	bottom: 8px;
	font-size: 12px;
	right: 10px;
}
a.blockBtn:hover {
	color: #666;
	text-decoration: none;
}

#contentBlocks div.productBlock, 
#contentBlocks div.servicesBlock {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
	width: 185px;
}

div.productBlock div.blockHeader, 
div.servicesBlock div.blockHeader {
	display: block;
	height: 41px;
	overflow: hidden;
	padding: 10px 10px 0;
	width: 165px;
}
#contentBlocks div.blockHeader h3 {
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
}
div.blockHeader span {
	clear: both;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#contentBlocks div.productBlock li {
	line-height: 1.3;
	margin: 0 0 2px 0;
}
#contentBlocks div.servicesBlock li {
	margin: 0 0 3px 0;
}

div.productBlock div.blockContent, 
div.servicesBlock div.blockContent {
	background: #F1F1F3;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 290px;
	padding: 10px 9px;
	width: 165px;
}
div.servicesBlock div.blockContent {
	height: 145px;
}

#contentBlocks div.blockContent p {
	font-size: 12px;
}

#contentBlocks a.blockHit {
	display: block;
	height: 52px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 185px;
}

div.productBlock div.blockFooter, 
div.servicesBlock div.blockFooter {
	background: url("images/products-blockBG.png") no-repeat bottom left;
	clear: both;
	display: block;
	height: 10px;
	width: 185px;
}
 
div.homeBlock h2, 
div.productBlock h2, 
div.servicesBlock h2 {
	display: none;
}

/* CONTENT BLOCK - PAID SEARCH
-------------------------------------------------------*/
#contentBlocks #homePPC {
	background: url("images/homePPC.png") no-repeat bottom left;
}

#contentBlocks #productPPC div.blockHeader, 
#contentBlocks #servicesRed div.blockHeader {
	background: url("images/products-redTop.png") no-repeat top left #D94D20;
}
#contentBlocks #productPPC div.blockHeader h3, 
#contentBlocks #servicesRed div.blockHeader h3 {
	color: #600;
}

#productPPC img.screen, 
#homePPC img.screen {
	border-color: #B38080;
}

#productPPC strong, 
#productPPC a.blockBtn, 
#servicesRed strong, 
#servicesRed a {
	color: #D94D20;
	text-decoration: none;
}
#productPPC a.blockBtn:hover, 
#servicesRed a:hover {
	color: #600;
	text-decoration: none;
}
#servicesRed li a, 
#servicesRed li a:hover {
	text-decoration: underline;
}

/* CONTENT BLOCK - NATURAL SEARCH
-------------------------------------------------------*/
#contentBlocks #homeSEO {
	background: url("images/homeSEO.png") no-repeat top left;
}

#contentBlocks #productSEO div.blockHeader, 
#contentBlocks #servicesGreen div.blockHeader {
	background: url("images/products-greenTop.png") no-repeat top left #ABC933;
}
#contentBlocks #productSEO div.blockHeader h3, 
#contentBlocks #servicesGreen div.blockHeader h3 {
	color: #360;
}

#productSEO img.screen, 
#homeSEO image.screen {
	border-color: #9AB381;
}

#productSEO strong, 
#productSEO a.blockBtn, 
#servicesGreen strong, 
#servicesGreen a {
	color: #ACC933;
	text-decoration: none;
}
#productSEO a.blockBtn:hover, 
#servicesGreen a:hover {
	color: #360;
	text-decoration: none;
}
#servicesGreen li a, 
#servicesGreen li a:hover {
	text-decoration: underline;
}

/* CONTENT BLOCK - LANDING PAGE
-------------------------------------------------------*/
#contentBlocks #homeLPO {
	background: url("images/homeLPO.png") no-repeat top left;
	margin: 0;
}

#contentBlocks #productLPO, 
#contentBlocks #servicesYellow {
	margin: 0;
}
#contentBlocks #productLPO div.blockHeader, 
#contentBlocks #servicesYellow div.blockHeader {
	background: url("images/products-yellowTop.png") no-repeat top left #EED02C;
}
#contentBlocks #productLPO div.blockHeader h3, 
#contentBlocks #servicesYellow div.blockHeader h3 {
	color: #960;
}

#productLPO img.screen, 
#homeLPO img.screen {
	border-color: #C6AA71;
}

#productLPO strong, 
#productLPO a.blockBtn, 
#servicesYellow strong, 
#servicesYellow a.blockBtn {
	color: #E8B52C;
	text-decoration: none;
}
#productLPO a.blockBtn:hover, 
#servicesYellow a.blockBtn:hover {
	color: #960;
	text-decoration: none;
}

/* CUSTOMERS
-------------------------------------------------------*/
div.customer img.logo {
	float: left;
	margin: 0 0 15px 0;
	max-width: 100px;
}

div.customer div.quote {
	background: url("images/quote-bottom.jpg") no-repeat bottom left;
	float: right;
	margin: 10px 0 15px 0;
	padding: 0 0 5px 0;
}

div.customer div.quote div.content {
	background: url("images/quote-top.jpg") no-repeat top left;
	min-height: 63px;
	padding: 12px 15px 0 25px;
	width: 443px;
}
div.customer div.quote div.content p {
	margin: 0 0 10px 0;
}

/* EBOOK
-------------------------------------------------------*/
#eBook {
	background: url("images/demoBG.png") no-repeat top center #49A8C7;
	color: #FFF;
	display: block;
	height: 286px;
	line-height: 1.2;
	margin: 15px 0 20px 0;
	padding: 14px 0 0 0;
	position: relative;
	width: 800px;
}

#eBook a#eBook-download, 
#eBook a#eBook-download:visited {
	background: url("images/ebookPages.png") no-repeat top left;
	display: block;
	height: 275px;
	outline: none;
	position: absolute;
	right: 18px;
	top: 10px;
	width: 293px;
}
#eBook a#eBook-download span {
	margin-left: -9999em;
}

#eBook p {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 15px 15px;
	padding: 0;
	text-shadow: #069 1px 1px 1px;
	width: 460px;
}

#eBook p a, 
#eBook p a:visited {
	color: #B9E9F4;
	text-decoration: underline;
}
#eBook p a:hover {
	color: #FFF;
}

/* FOOTER
-------------------------------------------------------*/
#footer {
	margin: 20px 0 10px 0;
	padding: 0;
}

#footerContent {
	background: url("images/footerBG.png") no-repeat top left;
	display: block;
	float: left;
	height: 50px;
	margin: 0 10px 0 0;
	padding: 15px 5px 15px 15px;
	width: 510px;
}
#footerContent a, 
#footerContent a:visited {
	color: #3BBBDE;
	text-decoration: none;
}
#footerContent a:hover {
	color: #666;
	text-decoration: none;
}
#footerContent p {
	font-size: 11px;
	line-height: 1.1;
	margin: 0;
	padding: 0;
}
#footerContent form {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
}
#footerContent form label {
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0;
}

#searchPartners {
	background: url("images/partnersBG.png") no-repeat top left;
	display: block;
	float: left;
	height: 80px;
	margin: 0;
	padding: 0;
	width: 260px;
}

#bottomInfo {
	color: #888;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0 15px;
}
#bottomInfo a, 
#bottomInfo a:visited {
	color: #888;
	text-decoration: none;
}
#bottomInfo a:hover {
	color: #666;
	text-decoration: none;
}

ul#footerNav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#footerNav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* HEADER
-------------------------------------------------------*/
#headerBtns {
	background: url("images/headerBtns-new.jpg") no-repeat 0 0;
	display: block;
	float: right;
	height: 35px;
	margin: 0 2px 0 0;
	position: relative;
	top: 20px;
	width: 103px;
}
*html #headerBtns {
	top: 23px;
}
#headerBtns a, 
#headerBtns a:visited {
	display: block;
	float: left;
	height: 35px;
	outline: none;
	width: 102px;
}
*html #headerBtns a {
	height: 34px !important;
}
#headerBtns a span {
	margin-left: -9999em;
}
#headerBtns a.loginBtn:hover {
	background: url("images/headerBtns-new.jpg") no-repeat 0px -35px;
	margin-left: -1px;
	width: 103px;
}

#headerBtns strong {
	clear: both;
	color: #999;
	float: right;
	font-size: 12px;
	height: 17px;
	margin: 0;
	position: relative;
}

/* HOMEPAGE
-------------------------------------------------------*/
#home-jumpstart {
	background: url("images/home-jumpstart.jpg") no-repeat top left;
	display: block;
	float: left;
	height: 212px;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 8px 15px 0;
	position: relative;
	width: 500px;
}
#home-jumpstart img {
	border: 1px solid #C1523A;
}

#home-video {
	background: url("images/home-video.jpg") no-repeat top left;
	display: block;
	float: left;
	height: 212px;
	padding: 8px 15px 0;
	position: relative;
	width: 230px;
}

#home-jumpstart span.subtitle, 
#home-video span.subtitle {
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
#home-jumpstart h3, 
#home-video h3 {
	color: #600;
	font-size: 16px;
	text-transform: uppercase;
}
#home-video h3 {
	color: #960;
}

#home-jumpstart div.content {
	color: #666;
	left: 15px;
	position: absolute;
	top: 65px;
	width: 500px;
}
#home-jumpstart div.content img {
	float: right;
	margin: 0 0 5px 15px;
}

#home-jumpstart a.more {
	bottom: 10px;
	color: #D94D20;
	font-weight: bold;
	position: absolute;
	right: 15px;
	text-decoration: none;
}
#home-jumpstart a.more:hover {
	color: #600;
}

#home-video a {
	display: block;
	height: 141px;
	left: 15px;
	position: absolute;
	text-indent: -9999em;
	top: 64px;
	width: 230px;
}

/* LANDING
-------------------------------------------------------*/
#blue-header img#offerScreen, 
#blue-header img#offerScreen:visited, 
#blue-header img#offerScreen:hover {
	bottom: 0;
	margin: 0 8px 0 0;
	padding: 0;
	position: absolute;
	right: 0;
}

#blue-header form.services-form {
	float: left;
	margin: 15px 0 5px 0;
}
#blue-header img.services-graphic {
	border: 1px solid #069;
	float: right;
	margin: 15px 25px 0 10px;
}

#mainLogo {
	background: url("images/offerLogo.png") no-repeat top left;
	display: block;
	float: left;
	height: 102px;
	margin: 0;
	outline: none;
	padding: 0;
	width: 275px;
}
#mainLogo span {
	margin-left: -9999em;
}

#tollNumber {
	background: url("images/offerNumber.png") no-repeat top left;
	float: right;
	display: block;
	height: 102px;
	margin: 0;
	padding: 0;
	width: 184px;
}

#blue-header p.services-text {
	margin: 0 22px 10px;
}
#blue-header p.services-text a, 
#blue-header p.services-text a:visited {
	color: #C4EDF6;
}
#blue-header p.services-text a:hover {
	color: #069;
}

#contentBlocks div.homeBlock, 
#contentBlocks div.landingBlock {
	display: block;
	float: left;
	height: 330px;
	margin: 0 10px 0 0;
	padding: 5px 15px;
	position: relative;
	width: 230px;
}
#contentBlocks div.offerBlock {
	height: 280px;
}

div.landingBlocks h2 {
	font-size: 14px;
	margin: 0;
}
div.landingBlocks p {
	color: #777;
	margin: 0 0 10px 0 !important;
}

#contentBlocks div.landingBlock span.subtitle {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}
#contentBlocks div.landingBlock h3 {
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
}
#contentBlocks div.landingBlock img.screen {
	left: 14px;
	position: absolute;
	top: 63px;
}
#contentBlocks div.landingBlock ul, 
#contentBlocks div.landingBlock p {
	font-size: 12px;
	position: absolute;
	top: 176px;
}
#contentBlocks div.landingBlock li {
	background: url("images/bulletSmall.gif") no-repeat scroll 0 5px;
	list-style: none;
	padding: 0 0 2px 10px;
}

#contentBlocks #landingRed {
	background: url("images/landing-red.jpg") no-repeat top left;
}
#contentBlocks #landingRed h3 {
	color: #600;
}

#contentBlocks #landingGreen {
	background: url("images/landing-green.jpg") no-repeat top left;
}
#contentBlocks #landingGreen h3 {
	color: #360;
}

#contentBlocks #landingYellow {
	background: url("images/landing-yellow.jpg") no-repeat top left;
	margin: 0;
}
#contentBlocks #landingYellow h3 {
	color: #960;
}

#trialBlock {
	background: url("images/trialBig.png") no-repeat top left;
	clear: left;
	display: block;
	height: 61px;
	margin: 5px 0 0 3px;
	padding: 0;
	width: 447px;
}
#trialBlock a, 
#trialBlock a:visited, 
#trialBlock a:hover {
	display: block;
	float: right;
	height: 40px;
	margin: 17px 4px 0 0;
	padding: 0;
	width: 122px;
}
#trialBlock a span {
	margin-left: -9999em;
}

#offerFooter {
	background: url("images/offerFooterBG.png") no-repeat top left;
	display: block;
	float: left;
	height: 60px;
	margin: 0 10px 0 0;
	padding: 15px 5px 15px 15px;
	width: 780px;
}
#offerFooter h3 {
	color: #3BBBDE;
	font-size: 13px;
	line-height: 1;
	margin: 0 0 3px 0;
	padding: 0;
	text-transform: uppercase;
}
#offerFooter div.partnersText {
	float: left;
	margin: 0;
	padding: 0;
	width: 335px;
        height: 60px
}
#offerFooter div.partnersText p {
	font-size: 11px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

#offerFooter img.divider {
	float: left;
	margin: 0 10px;
	padding: 0;
}

#offerPartners {
	background: url("images/offerPartners.png") no-repeat top left;
	display: block;
	float: left;
	height: 60px;
	margin: 0;
	padding: 0;
	width: 410px;
}

/* LIVE DEMO
-------------------------------------------------------*/
div.demoForm {
	margin: 0 0 0 20px;
}

div.demoForm label {
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 1px 10px 0 0;
	padding: 0;
	text-align: right;
	text-shadow: #069 1px 1px 1px;
	width: 100px;
}
div.demoForm h4 {
	clear: left;
	color: #B7DDE6;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-shadow: #069 1px 1px 1px;
	width: 100px;
}

div.demoForm input {
	background-color: #6CB8D1;
	border: 1px solid #43A5C4;
	border-collapse: collapse;
	color: #FFF;
	margin: 0 0 3px 0;
	padding: 2px 3px;
}
*html div.demoForm input {
	margin: 0;
}
div.demoForm input.name {
	width: 220px;
}
div.demoForm input.web {
	border-color: #3999BD;
	width: 280px;
}
div.demoForm input.job {
	border-color: #3695BB;
	width: 150px;
}
div.demoForm input.phone {
	border-color: #3392B8;
	width: 120px;
}

div.demoCheck {
	font-size: 12px;
	margin: 6px 0 0 135px;
	width: 280px;
}
div.demoCheck input {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}
div.demoCheck p {
	margin:  0 0 0 24px;
}

input#submitBtn {
	background: url("images/submitBtn.jpg") no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	height: 29px;
	margin: 15px 0 0 135px;
	outline: none;
	text-indent: -9999em;
	width: 104px;
}

/* NEWSLETTERS
-------------------------------------------------------*/
ul.newsletters {
	margin: 20px 0 0 0;
}

div.newsletter-content {
	border: 1px solid #CCC;
	padding: 1px;
}
div.newsletter-content p {
	margin: 0 0 10px 0;
	padding: 0 10px;
}

#newsletter-header {
	background: url("images/content/misc/newsletter-billboard.png") no-repeat -2px bottom #666;
	padding: 0 0 158px 0;
}
#newsletter-header h1, 
#newsletter-header h2 {
	color: #FFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}
#newsletter-header h2 {
	float: right;
}

#newsletter-body {
	background: #CCC;
	padding: 10px;
}

#newsletter-body div.newsletter-col-left {
	background: #FFF;
	border: 1px double #999;
	margin: 0 0 10px 0;
	padding: 1px;
	width: 510px;
}
#newsletter-body div.newsletter-col-left h3 {
	background: #E9E9E9;
	color: #930;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 5px;
}

#newsletter-right {
	float: right;
}

#newsletter-right div.newsletter-col-right {
	background: #FFF;
	border: 1px double #999;
	margin: 0 0 10px 0;
	padding: 1px;
	width: 195px;
}
#newsletter-right div.newsletter-col-right h3 {
	color: #930;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 5px 10px 0 10px;
}

/* PRICING BLOCKS
-------------------------------------------------------*/
#contentBlocks div.pricingBlock {
	color: #777;
	display: block;
	float: left;
	height: 230px;
	margin: 0 20px 0 0;
	padding: 10px;
	position: relative;
	width: 165px;
}

div.pricingBlock h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 1px 0;
	text-transform: uppercase;
}
#contentBlocks div.pricingBlock h3 {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 0 2px;
	padding: 0;
}
div.pricingBlock h4 {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
}
div.pricingBlock h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
}

div.pricingBlock div.pricingText {
	left: 22px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 102px;
	width: 141px;
}
#contentBlocks div.pricingText p {
	font-size: 11px;
}

#contentBlocks div.pricingBlock ul {
	font-size: 11px;
	margin: 0 0 0 5px;
	padding: 0;
}

a.pricingBtn, 
a.pricingBtn:visited, 
a.pricingBtn:hover {
	bottom: 12px;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	width: 160px;
}
a.pricingBtn span {
	margin-left: -9999em;
}

#contentBlocks #pricingPro {
	background: url("images/pricingPro.png") no-repeat top left;
}
#contentBlocks #pricingPro h2 {
	color: #069;
}
#pricingPro h4 {
	color: #3793BA;
}

#contentBlocks #pricingAddons {
	background: url("images/pricingAddons.png") no-repeat top left;
}
#contentBlocks #pricingAddons h2 {
	color: #960;
}
#pricingAddons h4 {
	color: #E3B821;
}

#contentBlocks #pricingServices {
	background: url("images/pricingServices.png") no-repeat top left;
	margin: 0;
}
#contentBlocks #pricingServices h2 {
	color: #600;
}
#pricingServices h4 {
	color: #D84A1F;
}

div.bodyContent p.finePrint {
	color: #888;
	font-size: 11px;
	margin: 20px 0 0 0;
	padding: 0;
}

/* SIDEBAR
-------------------------------------------------------*/
#sidebar {
	border-right: 1px solid #CCC;
	display: inline;
	margin: 15px -1px 0 10px;
	padding-right: 15px;
	width: 152px;
}
#sidebar p {
	text-align: left;
}
#sidebar ul {
	margin: 0 0 10px 0;
}

#sidebar a,
#sidebar a:visited, 
div.grey-side a:hover {
	color: #666;
}
#sidebar li a:hover, 
div.grey-side a, 
div.grey-side a:visited {
	color: #3BBBDE;
}

/* EBOOK */
a#ebook-side, 
a#ebook-side:visited {
	background: url("images/ebookBtn.png") no-repeat top left;
	display: block;
	height: 40px;
	margin: 0 0 10px 0;
	outline: none;
	width: 152px;
}
a#ebook-side span {
	margin-left: -9999em;
}

/* NEWSLETTER */
#newsletter-side {
	background: url("images/newsletterBG.jpg") no-repeat 0 0;
	display: block;
	height: 146px;
	margin: 0 0 10px 0;
	position: relative;
	width: 152px;
}

#newsletter-side input.newsletter-email {
	border: 0;
	color: #999;
	height: 20px;
	left: 13px;
	padding: 0 2px;
	position: absolute;
	top: 39px;
	width: 122px;
}

#newsletter-side a {
	text-indent: -9999em;
}
#newsletter-side button.newsletter-signup, 
#newsletter-side a.newsletter-current {
	background: url("images/newsletterBG.jpg") no-repeat;
	display: block;
	height: 27px;
	left: 10px;
	outline: none;
	position: absolute;
	width: 132px;
}
#newsletter-side button.newsletter-signup {
	background-position: -10px -69px;
	border: 0;
	cursor: pointer;
	top: 69px;
}
#newsletter-side button.newsletter-signup:hover {
	background-position: -162px -69px;
}
#newsletter-side button.newsletter-signup span {
	margin-left: -9999em;
}
#newsletter-side a.newsletter-current {
	background-position: -10px -107px;
	top: 107px;
}
#newsletter-side a.newsletter-current:hover {
	background-position: -162px -107px;
}

/* TRIAL */
#trial-side, 
#consultation-side, 
#demo-side {
	background: url("images/side-trialBG.png") no-repeat 0 0;
	color: #999;
	display: block;
	font-size: 12px;
	height: 100px;
	line-height: 1.2;
	margin: 0 0 10px 0;
	padding: 46px 18px 0 18px;
	position: relative;
	width: 116px;
}
#trial-side a, 
#consultation-side a, 
#demo-side a {
	background: url("images/side-trialBG.png") no-repeat -10px -110px;
	display: block;
	height: 27px;
	left: 10px;
	outline: none;
	position: absolute;
	text-indent: -9999em;
	top: 110px;
	width: 132px;
}
#trial-side a:hover {
	background-position: -162px -110px;
}

/* LIVE DEMO */
#demo-side {
	background: url("images/demo-bucket.jpg") no-repeat 0 0;
	height: 140px;
	padding: 56px 18px 0 18px;
}
#demo-side a {
	background: url("images/demo-bucket.jpg") no-repeat -10px -160px;
	top: 160px;
}
#demo-side a:hover {
	background-position: -162px -160px;
}

/* CONSULTATION */
#consultation-side {
	background: url("images/consultation-bucket.jpg") no-repeat 0 0;
	height: 110px;
	padding: 56px 18px 0 18px;
}
#consultation-side a {
	background: url("images/consultation-bucket.jpg") no-repeat -10px -130px;
	top: 130px;
}
#consultation-side a:hover {
	background-position: -162px -130px;
}

/* GREY BLOCK */
div.grey-side {
	background: #FDFDFD url("images/side-greyBG.png") no-repeat bottom center;
	color: #777;
	display: block;
	font-size: 12px;
	margin: 0 0 10px 0;
	min-height: 122px;
	padding: 5px 0;
	position: relative;
	width: 152px;
}
div.grey-side div.grey-top {
	background: url("images/side-greyTop.png") no-repeat top center;
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 152px;
}
div.grey-side div.grey-content {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 7px 10px;
	width: 130px;
}

div.grey-side h3 {
	color: #666;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 8px 0;
}
div.grey-side h3.twitter-logo {
	background: url("images/side-twitterLogo.jpg") no-repeat top left;
	display: block;
	height: 24px;
	width: 96px;
}
div.grey-side h3 span {
	margin-left: -9999em;
}

div.grey-side li {
	list-style: none;
}
div.twitter li {
	border-bottom: 1px solid #E9E9E9;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
div.twitter ul {
	margin: 0 0 10px 0;
}

div.grey-side p {
	margin: 0 0 8px 0;
}

/* LOGOS */
div.logos-side  {
	margin: 0 0 8px 0;
}
div.logos-side a {
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 0;
	text-indent: -9999em;
	width: 35px;
}
div.logos-side a.facebook-btn {
	background: url("images/side-facebook.jpg") no-repeat top left;
}
div.logos-side a.linkedin-btn {
	background: url("images/side-linkedin.jpg") no-repeat top left;
}
div.logos-side a.flickr-btn {
	background: url("images/side-flickr.jpg") no-repeat top left;
}
div.logos-side a.twitter-btn {
	background: url("images/side-twitter.jpg") no-repeat top left;
}


.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}

#registration-model ul { list-style: none; margin: 0; padding: 0; }
#registration-model ul li { float: left; margin-bottom: 10px; width: 480px;}
#registration-model ul li label { width: 100px; text-align: right; float: left; margin-right: 15px; display: inline-block; vertical-align: middle; }
#registration-model ul li input { width: 270px; float: left; padding: 3px 2px; display: inline-block; vertical-align: middle; margin: 0;}
#registration-model ul li input.submit { margin-left: 115px; width: auto; }

#registration-model p {margin:10px 0;}
#registration-model label {font-weight:bold;}