/* Start of CMSMS style sheet 'Original' */
/* /////////////////////////////////
	Springboard HP CSS
	by Benek Lisefski
	http://www.benekdesign.com
///////////////////////////////// */

/* reset whitespace */
* { 
	margin:0;
	padding:0;
	
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

body {
	font: normal 11px verdana, tahoma, arial;
	color: #000;
	background: #fff;
	line-height: 18px;
}

.center {
	width: 960px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

.hidden {
	display: none;
}

.mainCol {
	width: 720px;
	margin: 0;
	background: #f2f5f6 url('../i/bg-maincol.gif') repeat-y left top;
	padding: 0;
	margin: 20px 0 0 0;
	border-top: solid 1px #d8e0e0;
	position: relative;
}

.sideCol {
	width: 240px;
	margin: 0;
	padding-top: 9px;
	margin: 20px 0 0 0;
}

div.text {
	padding: 1px 32px 36px 240px;
	background: transparent url('../i/bg-maincol-bot.gif') no-repeat left bottom;
	position: relative;
	overflow: hidden;
	height: 1%;
}

/* /////////////////////////////////
	BASIC TEXT
///////////////////////////////// */

h1 {
	font: bold 38px arial, tahoma, verdana;
	color: #fff;
	margin: 0;
	letter-spacing: -1px;
	position: absolute;
	top: 140px;
	left: 0;
}

h2 {
	font: bold 30px arial, tahoma, verdana;
	color: #006fb8;
	margin: 22px 0 18px 0;
	letter-spacing: -1px;
}


h3 {
	font: bold 19px arial, tahoma, verdana;
	color: #006fb8;
	margin: 22px 0 18px 0;
	letter-spacing: -1px;
}

h3 a:link,
h3 a:visited {
	color: #006fb8;
}

h4 {
	font: bold 13px arial, tahoma, verdana;
	color: #006fb8;
	margin: 0;
	padding: 9px 20px 8px;
	background: #deeff8;
}

h5 {
	font: bold 16px arial, tahoma, verdana;
	color: #005191;
	margin: 20px 0 8px 0;
}

h6 {
	font: 14px arial, tahoma, verdana;
	margin: 18px 0 -8px 0;
	color: #b2d234;
}

p, ul, ol {
	margin: 18px 0px 18px 0px;
}

ul {
	list-style-type: none;
}

blockquote {
	color: #666;
	border-left: solid 1px #cccccc;
	padding-left: 12px;
}


/* /////////////////////////////////
	DEFAULT LINKS
///////////////////////////////// */

a img { border: none }

a:link,
a:visited {
	color: #0188ba;
	text-decoration: none;
}

a:hover {
	color: #005192;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a.more:link,
a.more:visited {
	padding: 3px 0 3px 24px;
	background: transparent url('../i/bullet-red.gif') no-repeat 0 0;
	color: #f15a22;
}

a.more:hover {
	color: #b00404;
}


/* /////////////////////////////////
	HEADER
///////////////////////////////// */

#header {
	
}

.home {
	height: 331px;
	background: #005291 url('../i/bg-header-home.gif') repeat-x left top;
}

.col1 {
    float: left;
    width: 234px;
    height: 331px;
}
.col2 {
    float: left;
    width: 408px;
    height: 331px; 
}
.col3 {
    float: right;
    width: 318px;
    height: 331px;

}


.inside {
	height: 221px;
	background: #005291 url('../i/bg-header.gif') repeat-x left top;
}

.home .center {
	height: 331px;
	background: transparent url('../i/header-home.jpg') no-repeat left top;
	position: relative;
}

.inside .center {
	position: relative;
}

#logo {
	display: block;
	position: absolute;
	top: 0px;
	left: -29px;
	width: 259px;
	height: 118px;
	overflow: hidden;
	background: transparent url('../i/logo.gif') no-repeat left top;
	text-indent: -5000px;
}

img#lives {
	display: block;
	width: 224px;
	height: 44px;
	overflow: hidden;
	position: absolute;
	top: 35px;
	right: 0px;

}

#getStarted:link,
#getStarted:visited {
	display: block;
	width: 119px;
	height: 20px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/get-started.gif') no-repeat left top;
	position: absolute;
	top: 238px;
	left: 0px;
}

#getStarted:hover{
	background-position: left -20px;
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */

#navBar {
	height: 44px;
	background: #b2d234 url('../i/bg-nav.gif') repeat-x left top;
	overflow: hidden;
}

ul#nav {
	width: 960px;
	height: 39px;
	padding-top: 5px;
	margin: 0 auto;
	list-style-type: none;
}

ul#nav li {
	display: block;
	float: left;
	height: 39px;
	margin-right: 1px;
}

ul#nav li a:link,
ul#nav li a:visited {
	display: block;
	float: left;
	height: 12px;
	padding: 11px 12px 12px;
	color: #fff;
	font: normal 14px arial;
	overflow: hidden;
	text-indent: -5000px;
}

ul#nav li #navHome:link, ul#nav li #navHome:visited {
	width: 34px;
	background-image: url('../i/nav-home.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
ul#nav li #navSolutions:link, ul#nav li #navSolutions:visited {
	width: 180px;
	background-image: url('../i/nav-solutions.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
ul#nav li #navExecutive:link, ul#nav li #navExecutive:visited {
	width: 106px;
	background-image: url('../i/nav-executive.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
ul#nav li #navResults:link, ul#nav li #navResults:visited {
	width: 96px;
	background-image: url('../i/nav-results.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
ul#nav li #navResearch:link, ul#nav li #navResearch:visited {
	width: 87px;
	background-image: url('../i/nav-research.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
ul#nav li #navMedia:link, ul#nav li #navMedia:visited {
	width: 38px;
	background-image: url('../i/nav-media.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
ul#nav li #navAbout:link, ul#nav li #navAbout:visited {
	width: 145px;
	background-image: url('../i/nav-about.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}
ul#nav li #navContact:link, ul#nav li #navContact:visited {
	width: 71px;
	background-image: url('../i/nav-contact.gif');
	background-repeat: no-repeat;
	background-position: 12px 11px;
}

ul#nav li a:hover {
	background-color: #9bc424;
}

ul#nav li.current {
	background: transparent url('../i/nav-current.gif') no-repeat center bottom;
}

ul#nav li.current a:link,
ul#nav li.current a:visited {
	background: #9bc424;
}

/* /////////////////////////////////
	SUB NAV
///////////////////////////////// */

.text .subNav {
	width: 209px;
	float: left;
	position: relative;
	left: -239px;
	margin: 29px -240px 0px 0;
	z-index: 10;
	background: #f3f5f6;
}

.text .subNav li {
	border-bottom: solid 1px #e4e7e7;
	line-height: 14px;
	padding-left: 0;
	background: none;
	margin-bottom: 0;
}

.subNav li.heading {
	font: normal 10px arial, tahoma, verdana;
	text-transform: uppercase;
	color: #006fb8;
	margin: 0;
	padding: 8px 20px 7px;
	background: #deeff8;
	border: 0;
}

.subNav a:link,
.subNav a:visited {
	display: block;
	padding: 8px 20px;
	color: #006fb8;
	font-weight: bold;
	line-height: 14px;
}

.subNav a:hover {
	color: #719508;
}

.subNav li a.current:link,
.subNav li a.current:visited,
.subNav li a.current:hover {
	background: #93c01f;
	color: #fff;
}

.subNav li ul.sub {
	width: 209px;
	float: none;
	position: relative;
	left: 0;
	margin: 0;
	background: #e8f1c2;
	padding: 10px 0 8px;
}

.subNav li ul.sub li,
.subNav li.current ul.sub li {
	border: none;
	margin: 0 0 4px 0;
}

.subNav li ul.sub li a:link,
.subNav li ul.sub li a:visited {
	display: inline;
	border: none;
	background: transparent;
	font-weight: normal;
	color: #719508;
}

.subNav li ul.sub li a:hover,
.subNav li ul.sub li a.current:link,
.subNav li ul.sub li a.current:visited,
.subNav li ul.sub li a.current:hover {
	color: #000;
}

#guy {
	position: absolute;
	left: 1px;
	bottom: 3px;
	z-index: 5;
	margin: 0;
}

/* /////////////////////////////////
	CONTENT 
///////////////////////////////// */

#content {
	overflow: hidden;
	height: 1%;
	background: transparent url('../i/bg-content.gif') repeat-y left top;
}

#content .center {
	overflow: hidden;
	height: 1%;
}

.callAction:link .heading,
.callAction:visited .heading {
	display: none;
}

.callAction:link .text,
.callAction:visited .text {
	display: block;
	margin: 75px 30px 0px 100px;
	color: #000;
}

.callAction:link .go,
.callAction:visited .go {
	color: #f15a22;
	margin: 10px 0 0 0;
	padding: 2px 0 2px 24px;
	background: transparent url('../i/bullet-red.gif') no-repeat left center;
	display: block;
	visibility: hidden;
}

.callAction:hover .go {
	visibility: visible;
}

.callAction:hover .text {
	color: #0188ba;
}

#call1:link,
#call1:visited {
	display: block;
	float: left;
	width: 310px;
	height: 221px;
	background: #fff url('../i/call1.jpg') no-repeat left top;
	margin: 20px 15px 20px 0;
}

#call2:link,
#call2:visited {
	display: block;
	float: left;
	width: 310px;
	height: 221px;
	background: #fff url('../i/call2.jpg') no-repeat left top;
	margin: 20px 15px 20px 0;
}

#call2:link .text,
#call2:visited .text,
#call2:hover .text {
	margin-top: 53px;
}

#call3:link,
#call3:visited {
	display: block;
	float: left;
	width: 310px;
	height: 221px;
	background: #fff url('../i/call3.jpg') no-repeat left top;
	margin: 20px 0 20px 0;
}

.homeBox {
	float: left;
	width: 310px;
	height: 221px;
	margin: 0;
}

.margin15 {
	margin-right: 15px;
}

#rss {
	float: right;
}

ul.lines {
	margin: 6px 0 0 0;
}

ul.lines li {
	border-top: solid 1px #e9ecec;
	line-height: 14px;
	padding: 7px 20px;
}

ul.lines li.media {
	padding-left: 41px;
	background: transparent url('../i/icon-media.gif') no-repeat 20px 4px;
}

ul.lines li.more {
	padding-left: 44px;
	background: transparent url('../i/bullet-red.gif') no-repeat 20px 5px;
}

li.more a:link,
li.more a:visited {
	color: #f15a22;
}

li.more a:hover {
	color: #b00404;
}

#call4 {
	float: left;
	width: 270px;
	height: 148px;
	padding: 84px 20px 0 20px;
	background: #fff url('../i/call4.jpg') no-repeat left top;
	margin: 0 15px 0 0;
}

#call4 h3 {
	display: none;
}

#call4 p {
	margin: 0 100px 10px 0;
	line-height: 15px;
}

#call4 strong {
	color: #fff;
}

#buttonChallenge:link,
#buttonChallenge:visited {
	display: block;
	width: 147px;
	height: 24px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-challenge.gif') no-repeat left top;
	margin: 14px 0;
}

#buttonChallenge:hover{
	background-position: left -24px;
}

.text ul li {
	padding-left: 18px;
	background: transparent url('../i/bullet-blue.gif') no-repeat left 3px;
	margin-bottom: 5px;
}

.feature {
	background: #005594;
	padding: 0 20px 20px;
	margin: 32px 0;
	color: #fff;
	overflow: hidden;
	height: 1%;
}

.feature h3 {
	background: #0061a7;
	color: #fff;
	margin: 0 -20px;
	padding: 13px 20px 11px;
}

.feature a.more:link,
.feature a.more:visited {
	background-image: url('../i/bullet-red2.gif');
}

.feature a.more:hover {
	color: #fff;
}

.feature .thumb {
	float: right;
	border: solid 4px #fff;
	margin: 10px 0 10px 20px;
}

.tags {
	margin: 12px 20px;
	line-height: 20px;
}

.scroller {
	width: 354px;
	margin: 20px 0 0 0;
	float: left;
}

.scroller img {
	float: left;
	border: solid 4px #fff;
	margin: 0 10px 0 0;
}

#scrollLeft:link,
#scrollLeft:visited {
	display: block;
	float: left;
	width: 36px;
	height: 45px;
	overflow: hidden;
	text-indent: -5000px;
	margin: 50px 16px 0 -20px;
	background: transparent url('../i/scroll-left.gif') no-repeat left top;
	display: inline;
}

#scrollRight:link,
#scrollRight:visited {
	display: block;
	float: right;
	width: 36px;
	height: 45px;
	overflow: hidden;
	text-indent: -5000px;
	margin: 50px -20px 0 0;
	background: transparent url('../i/scroll-right.gif') no-repeat left top;
	display: inline;
}

#scrollLeft:hover,
#scrollRight:hover {
	background-position: left -45px;
}

ul.media {
	
}

ul.media li {
	padding: 0;
	background: none;
	margin-bottom: 26px;
}

ul.media .tagged {
	display: block;
	margin: -16px 0 0 0;
}

ul.media p {
	margin: 12px 0;
}

/* /////////////////////////////////
	FORMS
///////////////////////////////// */

fieldset {
 	border: 0;
}

input:focus,
select:focus,
textarea:focus {
	outline: 0;
}

label {
	display: block;
	width: 55px;
	text-align: right;
	margin: 2px 10px 0 0;
	float: left;
}

.input {
	border: solid 1px #dce0e0;
	background: #fff url('../i/bg-input.gif') no-repeat left top;
	padding: 4px 4px;
	font: normal 11px verdana, tahoma, arial;
	color: #005192;
}

#subscribe .input {
	width: 242px;
}

#buttonSubscribe:link,
#buttonSubscribe:visited {
	display: block;
	width: 101px;
	height: 24px;
	overflow: hidden;
	text-indent: -5000px;
	background: #b60101 url('../i/button-subscribe.gif') no-repeat 0 0;
	margin: 8px 0 0 0
}

#buttonSubscribe:hover{
	background-position: 0 -24px;
}

#intouch {
	margin: 0 0 24px 0;
}

#intouch .input {
	width: 190px;
}

#intouch textarea {
	height: 100px;
}

#buttonSend:link,
#buttonSend:visited {
	display: block;
	width: 74px;
	height: 24px;
	overflow: hidden;
	text-indent: -5000px;
	background: #b60101 url('../i/button-send.gif') no-repeat 0 0;
	margin: 0
}

#buttonSend:hover{
	background-position: 0 -24px;
}

#apple {
	float: right;
	margin: 20px -30px 0 0;
}

/* /////////////////////////////////
	FOOTER
///////////////////////////////// */


#footer {
	clear: both;
	color: #005191;
	padding-top: 1px;
	background: #deeff8;
	border-top: solid 5px #d3ecf8;
	overflow: hidden;
	height: 1%;
	padding-bottom: 24px;
	margin-top: 24px;
} 

.foot1 {
	width: 270px;
	float: left;
}

.foot2 {
	width: 340px;
	float: left;
	padding-right: 40px;
}

.foot3 {
	width: 310px;
	float: left;
	padding-top: 20px;
}

.pic {
	display: block;
	float: left;
}

.tweet {
	float: right;
	background: #fff;
	padding: 12px 24px 12px 14px;
	width: 216px;
	line-height: 16px;
}

#footer p {
	margin: 0;
}

.footList {
	margin: 0;
}

#copyright {
	height: 38px;
	background: #005292 url('../i/bg-copyright.gif') repeat-x left top;
	color: #fff;
}

#copyright p {
	width: 960px;
	margin: 0 auto;
	line-height: 38px;
}

#copyright a {
	color: #fff;
}

#copyright a:hover {
	color: #72d6fc;
}

/* /////////////////////////////////
	CALCULATOR
///////////////////////////////// */

#calc {
	width: 600px;float: left;
	background: #e8f2c2 url('../i/bg-calc.gif') repeat-x left 60px;
	/*position: relative; DEBUG */

}

#calc h2 {
	background: #93c01f;
	font-size: 28px;
	margin: 0;
	padding: 16px 20px 15px;
	color: #fff;

}

#calc form {
float: right;width: 576px;
	margin: 12px 12px 0px 12px;
}

#calc .white {
	background: #fff;
	padding: 1px 20px 0px 20px;
	height: 300px;width: 325px;
	float: right;
}

#calc .flash-container {
	float: left;width: 211px;height: 301px;background-color: #fff;
}
#calc .flash-container object {
	border:0px;
	padding:0px;
	margin:0px;
	background-color: #fff;
}

#calc .flash {
	width: 209px;
	height: 288px;
	padding-top: 13px;
}

#calc .bottom {
	padding: 1px 8px 0 8px;
	height: 62px;
	clear: both;float: right;
}

#buttonContinue:link,
#buttonContinue:visited {
	display: block;
	width: 96px;
	height: 24px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-continue.gif') no-repeat 0 0;
	margin: 12px 0 0 0
}

#buttonContinue:hover{
	background-position: 0 -24px;
}

#girl {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* End of 'Original' */