/* reset whitespace */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr { 

	margin:0;

	padding:0;

}



/* /////////////////////////////////

	LAYOUT

///////////////////////////////// */



body {

	font: normal 12px tahoma, arial, verdana, trebuchet, "sans serif";

	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: -500px;

}



#header {

	height: 74px;

	background: #fff url('bg-header.gif') repeat-x left top;

}



#nav {

	float: right;

	height: 45px;

	margin: 31px 0px 0px 0px;

}



#content {

	background: transparent url('bg-content.gif') repeat-x left top;

	padding-top: 9px;

	padding-bottom: 24px;

}



.one,

.two,

.three {

	width: 268px;

	float: left;

	padding: 0px 24px;

}



.mainCol {

	width: 701px;

	background: transparent url('bg-col.gif') no-repeat right top;

	padding-top: 1px;

	float: left;

}



.subCol {

	width: 209px;

	padding: 1px 25px 0px 25px;

	float: right;

}



#footer {

	clear: both;

	height: 50px;

	background: transparent url('bg-footer.gif') repeat-x left top;

	border-top: solid 1px #d7d6d5;

}



/* /////////////////////////////////

	TEXT + HTML

///////////////////////////////// */



h1 {

	font: normal 24px arial, tahoma;

	margin: 0px 0px 0px 0px;

	color: #fff;

	line-height: 26px;

	float: left;

	margin: 17px 0px 0px 0px;

	width: 590px;

}



h1 span {

	font-size: 24px;

	color: #ffefc3;

}



h1.big {

    font-size: 28px;

    margin: 20px 0 24px 0;

}



h2 {

	font: bold 20px arial, tahoma;

	margin: 24px 0px -2px 0px;

	color: #000;

}



h3 {

	font: normal 17px arial, tahoma;

	margin: 24px 0px 8px 0px;

	color: #000;

}



h3.big {

	margin-top: 16px;

	font-size: 20px;

}



h4 {

	font: bold 13px arial;

	margin: 12px 0px;

	color: #008ca5;

	font-style: italic;

}



p {

	margin: 12px 0px 12px 0px;

}



.highlight {

	padding: 2px 2px 2px 1px;

	background: #fdf0cd;

}



.noMarginTop {

	margin-top: -6px;

}



.extraMarginTop {

	margin-top: 24px;

}



.mainCol p.cropped {

	margin-right: 78px;

}



#content ul, #content ol {

	margin: 12px 0px 12px 0px;

}



#content ul {	

	list-style-type: none;

}



#content ol li {

	margin: 5px 0px 5px 30px;

	padding: 0;

}



#content ul li {

	background: transparent url('bullet.gif') no-repeat left 5px;

	margin: 5px 0px 5px 30px;

	padding-left: 17px;

	list-style-type: none;

}



blockquote {

	margin: 12px 50px 12px 12px;

	padding-left: 15px;

	border-left: solid 2px #e6e5e3;

	color: #777;

}



.single h2,

.single p,

.single ul,

.single ol,

.mainCol h2,

.mainCol h3,

.mainCol p,

.mainCol ul,

.mainCol ol {

	margin-left: 25px;

	margin-right: 25px;

}



.mainCol h3 {

    margin-left:0;

}





.single blockquote,

.mainCol blockquote {

	margin-left: 37px;

	margin-right: 50px;

}



/* /////////////////////////////////

	LINKS

///////////////////////////////// */



a img { border: none }



a,

a:visited {

	color: #008ca5;

	text-decoration: none;

	border-bottom: solid 1px #cce8ed;

}



a:hover {

	color: #f06d15;

	text-decoration: none;

	border-color: #faddaf;

}



/* /////////////////////////////////

	HEADER

///////////////////////////////// */



#header .center {

	height: 74px;

/*  background: transparent url('logo.gif') no-repeat 23px top;*/

}

#header #logo {

    margin-left:23px;

    float:left;

}



/* /////////////////////////////////

	NAV

///////////////////////////////// */



ul#nav {

	list-style-type: none;

	font: normal 12px tahoma;

	text-transform: uppercase;

	height: 43px;

	padding-right:1em;
}



ul#nav li {

	display: block;

	float: left;

	height: 43px;

}



ul#nav li span {

	display: block;

	padding: 0px 15px 0px 15px;

}



ul#nav li span a,

ul#nav li span a:visited {

	display: block;

	padding: 5px 0px 0px 0px;

}



/* current page highlight [via body id] */



body#home ul#nav li#navHome,

body#overview ul#nav li#navOverview,

body#how ul#nav li#navHow,

body#faq ul#nav li#navFAQ,

body#blog ul#nav li#navBlog,

body#research ul#nav li#navResearch  { 

	background: transparent url('nav-arrow.gif') no-repeat center bottom; 

}



body#home ul#nav li#navHome span,

body#overview ul#nav li#navOverview span,

body#how ul#nav li#navHow span,

body#faq ul#nav li#navFAQ span,

body#blog ul#nav li#navBlog span,

body#research ul#nav li#navResearch span { 

	background: transparent url('nav-left.gif') no-repeat left top; 

	padding: 0px; 

}



body#home ul#nav li#navHome span a,

body#overview ul#nav li#navOverview span a,

body#how ul#nav li#navHow a,

body#faq ul#nav li#navFAQ span a,

body#blog ul#nav li#navBlog span a,

body#research ul#nav li#navResearch span a { 

	background: transparent url('nav-right.gif') no-repeat right top; 

	color: #000; 

	border: 0; 

	padding: 5px 15px 8px 15px;

}



/* /////////////////////////////////

	BANNER

///////////////////////////////// */



#banner {

	height: 307px;

	background: transparent url('bg-banner.png') no-repeat left top;

	position: relative;

}



#slideshow-container {

    float: right;

    margin: 20px 25px 0px 25px;

}



h1#bannerTitle {

	position:absolute;

	top: 26px;

	left: 23px;

	height: 56px;

	width: 450px;

	margin: 0px;

	padding-left: 3px;

	background: transparent url('h1-banner.png') no-repeat left top;

	text-indent: -5000px;

	font: normal 26px arial, tahoma;

}



h1#bannerTitle span {

	display: none;

}



p#bannerIntro {

	color: #dad4c9;

	line-height: 18px;

	margin: 0px;

	position: absolute;

	top: 114px;

	left: 26px;

	width: 450px;

}



p#bannerIntro span.heading {

	color: #86cbd3;

	font-size: 11px;

	text-transform: uppercase;

}



div#bannerAction {

	position: absolute;

	top: 253px;

	left: 24px;

	width: 450px;

	height: 39px;

}



a#signup1,

a#signup1:visited {

	display: block;

	float: left;

	width: 117px;

	height: 39px;

	background: transparent url('button-signup1.gif') no-repeat left top;

	overflow: hidden;

	border: 0;

	text-indent: -5000px;

}



a#signup1:hover {

	background-position: left -39px;

}



p#secondAction {

	float: left;

	margin-left: 20px;

	color: #fff

}



p#secondAction a,

p#secondAction a:visited {

	color: #fff;

	border-color: #f7af65;

	font-weight: bold;

}



p#secondAction a:hover {

	border-color: #fff;

}



/* /////////////////////////////////

	BAR

///////////////////////////////// */



#bar {

	height: 60px;

	background: transparent url('bg-bar.jpg') no-repeat left top;

	padding: 0px 25px 0px 25px;

}



#side {

	height: 60px;

	background: transparent url('sidepage.png') no-repeat left top;

	padding: 0px 120px 0px 25px;

}



a#signup2,

a#signup2:visited {

	display: block;

	float: right;

	width: 117px;

	height: 39px;

	background: transparent url('button-signup2.gif') no-repeat left top;

	overflow: hidden;

	border: 0;

	text-indent: -5000px;

	margin: 9px 0px 0px 0px;

}



a#signup2:hover {

	background-position: left -39px;

}



a#signup3,

a#signup3:visited {

	display: block;

	float: right;

	width: 117px;

	height: 39px;

	background: transparent url('button-signup3.gif') no-repeat left top;

	overflow: hidden;

	border: 0;

	text-indent: -5000px;

	margin: 9px 0px 0px 0px;

}



a#signup3:hover {

	background-position: left -39px;

}



/* /////////////////////////////////

	CONTENT

///////////////////////////////// */



.col2 {

	background: transparent url('divider-dotted.gif') repeat-x left top;

}



.divider {

	clear: both;

	height: 5px;

	line-height: 0px;

	font-size: 0px;

	text-indent: -500px;

	margin: 24px 0px;

}



.dotted {

	background: transparent url('divider-dotted.gif') repeat-x left top;

}



.solid {

	background: transparent url('divider-solid.gif') no-repeat left top;

}



.betweenFloat {

	margin: 0px;

}



span.newsDate {

	font-size: 9px;

	color: #fff;

	background: transparent url('date-left.gif') no-repeat left top;

	padding: 3px 3px 5px 6px;

}



span.newsTitle {

	font-weight: bold;

	background: transparent url('date-right.gif') no-repeat left top;

	padding: 0px 0px 5px 10px;

}



p.quote {

	font: normal 13px arial;

	font-style: italic;

	color: #008ca5;

	color: #777;

	line-height: 18px;

}



p.quote .name {

	color: #000;

	font: bold 11px tahoma, arial;

	font-style: normal;

	line-height: 22px;

	

}



ul#faqs {

	margin: 24px 25px 28px 5px;

}



#content ul#faqs li {

	margin-left:0;

}



img.screenshot {

	border: solid 5px #e6e5e3;

	float: left;

	margin: 21px 0px 24px 25px;

	padding: 0px;

	display: inline;

	line-height: 0px;

	clear: left;

}



div.feature {

	width: 530px;

	float: left;

}



.homebox {

	background: #f0efed url('homebox-top.gif') no-repeat left top;

	width: 316px;

	float: left;

	margin: 6px 0 6px 0;

}



.margin6 {

	margin-right: 6px;

}



.homebox .content {

	background: transparent url('homebox-bottom.gif') no-repeat left bottom;

	padding: 0 24px 16px 24px;

}



.homebox p {

	margin: 0 0 0 0;

}



#boxCorp, #boxPub, #boxEnt {

	width: 268px;

	height: 296px;

	float: left;

	margin: 24px 0;

	padding: 0 24px 0 24px;

	position: relative;

	overflow: hidden;

}



#boxCorp p, 

#boxPub p, 

#boxEnt p {

	font-size: 16px;

	color: #ffefc3;

	line-height: 24px;

	margin: 0;

}





#boxCorp {

	margin-right: 6px;

	background: #564d40 url('box-corp.jpg') no-repeat left top;

}



#boxPub {

	margin-right: 6px;

	background: #564d40 url('box-pub.jpg') no-repeat left top;

}



#boxEnt {

	background: #564d40 url('box-ent.jpg') no-repeat left top;

}



a.learnMore,

a.learnMore:visited {

	display: block;

	width: 114px;

	height: 32px;

	background: transparent url('button-learnmore.gif') no-repeat left top;

	overflow: hidden;

	border: 0;

	text-indent: -5000px;

	margin: 0;

	position: absolute;

	top: 240px;

	left: 24px;

}



a.learnMore:hover {

	background-position: left -32px;

}

/* /////////////////////////////////

	FORMS

///////////////////////////////// */



.single form,

.mainCol form {

	padding: 0px 25px;

	margin: 12px 0px;

}



fieldset {

	border: 0;

}



fieldset.left {

	width: 295px;

}



fieldset.borderLeft {

	padding-left: 25px;

	background: transparent url('divider-dotted.gif') repeat-y left top;

}



label { 

	display: block;

	font-size: 10px;

	text-transform: uppercase;

	margin-top: 10px;

	padding-left: 4px;

}



.input {

	border-top: solid 1px #d3d2cf;

	border-left: solid 1px #d3d2cf;

	border-right: solid 1px #e1e0dd;

	border-bottom: solid 1px #e1e0dd;

	background: #fff url('bg-input.gif') no-repeat left top;

	padding: 4px;

	width: 262px;

}

.selectInput {

        border-top: solid 1px #d3d2cf;

        border-left: solid 1px #d3d2cf;

        border-right: solid 1px #e1e0dd;

        border-bottom: solid 1px #e1e0dd;

        background: #fff url('bg-input.gif') no-repeat left top;

        padding: 4px;

        width: 208px;

}

.input:focus {

	border: solid 1px #f59830;

}



form#contactForm textarea.input {

	height: 130px;

}



.button {

	margin-top: 12px;

	margin-bottom: 6px;

}



/* /////////////////////////////////

	SIDE NAV

///////////////////////////////// */



#content ul.sideNav {

	margin: 0;

}



#content ul.sideNav li {

	padding: 0;

	margin: 0 0 6px 0;

	background-image: none;

}



#content ul.sideNav li.current a,

#content ul.sideNav li.current a:visited {

	background: #fdf0cd;

	padding: 2px 5px;

	border: 0;

	color: #000;

	position: relative;

	left: -5px;

}



/* /////////////////////////////////

	FOOTER

///////////////////////////////// */



#footer p {

	margin: 0px 25px;

	padding: 14px 0px 0px 25px;

	font-size: 11px;

	color: #706d6b;

	float: right;

	display: inline;

}



a#benek,

a#benek:visited {

	border-bottom: 0;

	padding: 4px 0px 4px 14px;

	margin-left: 14px;

	border-left: solid 1px #dcdcdc;

}



/* /////////////////////////////////

	SUB NAV

///////////////////////////////// */



ul#subnav {

	list-style-type: none;

	font: normal 11px tahoma;

	text-transform: uppercase;

	float: left;

	padding: 12px 0px 0px 25px;

}



ul#subnav li {

	display: block;

	float: left;

	padding: 4px 14px 4px 14px;

	overflow: hidden;

	border-left: solid 1px #dcdcdc;

}



ul#subnav li a,

ul#subnav li a:visited {

	display: block;

}



ul#subnav li a:hover {



}



ul#subnav li#subnavAbout {

	padding-left: 0px;

	border: 0;

}