* {margin:0;padding:0;}

html, body { height: 100%; }

#page {
	min-height: 100%;
	height: auto !important; 
	height: 100%;
}

html { 
	min-width: 900px;
	-webkit-text-size-adjust:none;
}
body {
	color: #222;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
}
div { text-align: left; }
a { 
	text-decoration: none;
	outline: none; 
}
a:link,a:visited { color: #222; }
a:hover { text-decoration: underline; }

p, li { 
	font-size: 12px; 
	margin: 12px 0 4px 0; 
	line-height: 1.25;
}
ul { list-style-position: outside; }

h1, h2, h3 { 
	margin: 10px 0; 
	color: #184890;
	position: relative;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }

input { outline: none; }
img { border: 0; }

/* hide google conversion tracking iframe */
iframe { display: none; }

/* but show our popup mask iframe */
#mixpo_iframeMain { display: block !important; }



/* NON-WEB FONTS */
@font-face {
	font-family: 'Vera';
  	src: url('/fonts/Vera.eot');
  	src: local('Vera Regular'), local('Vera'), url('/fonts/Vera.otf') format('opentype');
}
@font-face {
	font-family: 'Vera';
 	font-weight: bold;
 	src: url('/fonts/Vera-Bold.eot');
  	src: local('Vera Regular'), local('Vera'), url('/fonts/Vera-Bold.otf') format('opentype');
}
h1, h2, h3, #signinText a, #navlist a, #footerNav li { 
	font-family: "Vera", Verdana, Arial, Helvetica, sans-serif; 
}
h1, h2, h3 { font-weight: lighter; }


/* BACKGROUND */
#page {
	width: 100%;
	margin: 0 auto -230px;
}


/* NON-FOOTER PAGE CONTENTS */
#container {
	width: 900px;
	margin: 0 auto 0px auto;
	padding-bottom: 230px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


/* AQUA BUTTON */
.aquaButton { font-size: 10px; }
.aquaTop, .aquaBtm {
	height: 4px;
	float: left;
}
.aquaTopL, .aquaTopR, .aquaBtmL, .aquaBtmR { 
	height: 4px;
	width: 4px;
	overflow: hidden;
}
.aquaTop, .aquaTopL, .aquaTopR, .aquaMid, .aquaBtm, .aquaBtmL, .aquaBtmR { background-color: #eee; /* #51d6c6; */ }
.aquaTopL, .aquaTopR, .aquaBtmL, .aquaBtmR { background: /* url(../img/aqua_corners.gif)*/ url(/img/gray_corner.jpg) no-repeat; }
.aquaTopL { float: left; background-position: 0px 0px; }
.aquaTopR { float: right; background-position: -4px 0px; }
.aquaMid {
	text-align: center;
	height: 14px;
	float: left;
}
.aquaMid a { 
	padding: 0 5px;
	display: inline;
	font-weight: bolder;
}
.aquaBtmL { float: left; background-position: 0px -4px; }
.aquaBtmR { float: right; background-position: -4px -4px; }


/* ARROW BOX */
.arrow { 
	float: right;
	font-size: 12px;
	font-weight: bolder;
	height: 26px;
	width: 130px;
}
.arrowText { 
	background-color: #FBB420;
	float: left; 
	height: 26px;
	width: 120px;
	text-align: center;
}
.arrowText a { 
	display: block;
	color: #222;
	margin: 5px 0; 
}
.arrowhead {
	height: 26px;
	width: 10px;
	float: right;
	background: url(/img/blue_arrows.png) no-repeat;
}


/* SIGNIN */
#signinWrapper { 
	height: 35px; 
	width: 900px;	
}
#signinDiv {
	float: right;
	margin: 10px 35px 0 0;
}
.signin, .signin a { color: #000; text-decoration: none; }
.signin a:hover { text-decoration: underline; }
#welcome { 
	font-size: 11px;
	float: right; 
	margin: 13px 7px 0 0;
}

/* HEADER AND CONTENTS */	
#header {
	width: 900px;
	margin-top: 5px;
	float: left;
	height: 70px;
}
#title {
	height: 46px;
	width: 137px;
	float: left;
	margin: 8px 0 0 25px;
} 
#title a {
	display: block;
	height: 46px;
	margin: 0;
}
#title img { border: 0; }


/* MAIN PAGE NAV */
#navigation {
	float: left;
	height: 48px;
	margin-left: 15px;
} 
#navlist { float: left; }
#navlist li {
	list-style-type: none;
	display: inline;
	float: left;
	height: 48px;
	text-align: center;
	font-size: 11px;
	font-weight: bolder;
}
#navlist li a {
	color: #fff;
	height: 48px;
	display: block;
	background: url(../img/nav_bg_slices.jpg) repeat-x 0px 0px;
}

#navlist li a:hover { 
	color: #FBB420; 
	text-decoration: none;	
}

#thexspot { width: 110px; }
#thexspot a { padding-right: 8px; }
#mediacos { width: 140px; }
#local { width: 140px; }
#national { width: 150px; }
#howitworks { width: 120px; }
#howitworks a { padding-left: 8px; }
.one-line { padding-top: 14px; height: 35px !important; }
.two-lines { padding-top: 8px; height: 41px !important; }

#thexspot, #mediacos, #local, #national, #howitworks { 
	background: url(../img/nav_bg_slices.jpg) repeat-x 0px 0px; 
	overflow: hidden;
}



#leftend { 
	background: url(../img/nav_bg_ends.jpg) no-repeat 0px 0px;
	height: 48px;
	width: 12px;
}
#rightend { 
	background: url(../img/nav_bg_ends.jpg) no-repeat -12px 0px;
	height: 48px;
	width: 12px;
}
.spacer { 
	background: url(../img/nav_bg_slices.jpg) no-repeat 0px 98px;
	height: 48px;
	width: 1px;
}
.active a { background: url(../img/nav_bg_slices.jpg) repeat-x 0px -52px !important; }


/* BANNER, FEATURE BOX DISPLAY AND TAB */
#featureBox {
	width: 880px;
	float: left;
	height: 380px;
	margin: 0 10px 5px 10px;
	position: relative;
}
#fbBanner {
	padding: 0;
	text-align: center;
	float: left;
	height: 50px;
	width: 878px;
}
#fbBanner h1 { color: #184890; font-size: 26px; font-weight: lighter; }
#fbBg {
	position: absolute;
	top: 60px;
	left: 0px;
	height: 324px;
	width: 880px;
}
#bgRunner { 
	position: absolute;
	top: 170px;
	left: 0;
	height: 324px;
	width: 100%;
	background-color: #eee;
}
#bgRunnerShadow {
	width: 100%;
	height: 12px;
	position:absolute;
	top: 312px;
	background: #ffffff url(/img/bg_shadow.jpg) repeat-x;
}

/* MESSAGING ON LEFT SIDE OF FEATURE BOX */
#leftMessage { 
	height: 290px;
	margin: 25px 10px 0 65px; 
	float: left;
	width: 340px;
	z-index: 3; 
	position: relative;
}
#leftMessage h2 { color: #222; font-weight: lighter; }
#leftMessage img { 
	position: absolute;
	z-index: 5; 
	top: 245px; 
	right: 20px; 
}
#leftMessage p a { color: #1B4791 !important; }
#msgJump { 
	float: right;
	background-color: #184890;
	position: relative;
	margin: 10px 20px 0 0;
}
#t_l, #t_r, #b_l, #b_r { height: 8px; width: 8px; background: url(/img/jump_btn.jpg) no-repeat; position: absolute; overflow: hidden;}
#t_l { top: 0; left: 0; }
#t_r { background-position: -8px 0; right: 0; top: 0; }
#b_l { background-position: 0 -8px; left: 0; bottom: 0; }
#b_r { background-position: -8px -8px; right: 0; bottom: 0; }
#msgJump_cont { padding: 4px 12px 6px; float: left; }
#msgJump a { color: #fff; font-size: 12px; font-weight: bold; }



.panelHead {
	margin: 20px 15px 0 15px; 
}
.panelHead h2 {
	font-size: 24px;
	margin: 8px 0 1px 0;
}
.panelText {
	font-size: 14px;
	margin: 0 15px;
}
.panelList {
	float: left;
	font-size: 14px;
	list-style: none outside url(../img/bullet.png);
	padding: 0 20px 0 30px;
}
.panelList li {
	margin: 10px 0;
}	
.panelText a,
.panelText p a,
.panelList a,
.panelList p a { color: #0e8fe7; }


/* HOW IT WORKS NAV ARROWS */
#howItWorksNav {
	position: absolute;
	top: 265px;
	left: 190px;
	width: 230px;
	z-index: 4;
}
#howItWorksNav .arrow {
	margin-bottom: 5px;
	width: 230px;
}
#howItWorksNav .arrowText {
	margin-bottom: 5px;
	width: 220px;
	background-color: #37393a; 
}
#howItWorksNav .arrowhead {
	background: #eeeeee url(../img/blue_arrows.png) no-repeat;
}
#howItWorksVideos { float: left; }
#howItWorksVideos a {
	display: block;
	margin: 0 40px;
	font-size: 10px;
}
.howItWorksSect p a { color: #1B4791 !important; }

/* PLAYER PANEL ON RIGHT SIDE OF FEATURE BOX */
#playerPanel {
	height: 340px;
	float: left;
	width: 447px; 
	background: url(../img/player_frame.png);
	position: relative;
}
.player, #player {
	width: 400px;
	height: 300px;
	position: absolute;
	top: 18px;
	left: 22px;
}

#player>div {
	border: red 1px dashed;
	height: 280px;
	width: 380px;
	padding: 9px;
}
#player p {
	margin: 110px 30px;
	font-size: 13px;
}
#player a { color: #1B4791 !important; }


/* THREE PART TEXT BOX */
#subBox {
	width: 880px;
	height: 180px;
	float: left;
	margin: 5px 0 10px 40px;
}
#supportBlog {
	width: 850px;
	height: 400px;
	float: left;
}
.boxHead { 
	margin: 17px 0 0 15px; 
	float: left; 
	width: 300px;	
}

/* XPOSITION BOX */
#xposHead h2, .boxHead h2 { margin: 10px 0 0px 0; width: 250px; float: left; font-weight: lighter; }
#xposHead a { color: #a54114; }
#xposHead a:hover { text-decoration: none; }
#xpositionHome, #xposition { 
	height: 180px;	
	width: 380px; 
	float: left;
}
#xpositionHome { margin: 20px 0 0 10px; background: url(../img/xposition_bg.jpg) no-repeat; }
#xposition span { font-size: 16px; }
#xposHead { margin: 17px 0 0 15px; }
#xposBox { 
	float: left; 
/*	height: 80px;  */
	width: 312px;
	margin: 5px 0 5px 25px;
	
}
#xpositionHome #xposBox { margin-top: 50px !important; }
#xposBox p { font-size: 9pt; margin: 5px 0 0 0; }
#xposBox span { font-size: 8pt; }

#quoted { margin-left: 20px; }


	
/* BELOW FEATURE BOX ON MAIN 5 PAGES */
#contentBelow {
	float: left;
	width: 880px;
	margin: 10px 0;
}

#leaderText { 
	width: 800px;
	margin: 0px auto 20px auto;
}

.whiteOnOrange, .whiteOnBlue {
	float: left;
	display: inline;
	color: #1B4791;
	font-size: 18px;
	text-align: left;
	font-weight: lighter;
}

.whiteOnBlue { 
	background-color: #1B4791;
	margin-top: 0px !important;
}
.whiteOnOrange a, .whiteOnBlue a { color: #fff; }

#columns { margin-bottom: 30px; }
#leftCol { 
	width: 380px;
	float: left;
	margin-left: 65px;
}
#rightCol h2, .boxhead h2 { color: #1B4791; }

/* XSPOT */
#xspotEssentials { 
	float: left;
	height: 250px; 
	margin-top: 13px;
}
#xspotEssentials ul { margin-left: 25px; }
#xspotEssentials li { margin: 8px 0; }
#xspotEssentials img { float: left; margin: 0px 6px 0 0; }
#xspotEssentials h2 { width: 200px; margin-top: 3px; }
#xspotEssentials .boxText { height: 180px; }

#xspotDisclaimer { 
	float: left;
	margin: 0 20px; 
	width: 360px;
	background-color: #edf0ef;
}
#xspotDisclaimer p { margin: 15px; font-size: 10px !important; }
#xspotDisclaimer p a { color: #1B4791 !important; }

/* SOLUTION PAGES */
#solutionText {
	width: 400px;
	float: left;
	margin-left: 50px;
}
#solutionText .columnText { margin: 20px; }
.columnText { float: left; width: 360px; }
.columnText h3 { margin: 15px 0 5px 0; }
.columnText .whiteOnOrange { width: 342px; }
.columnText p, .columnText li { float: left; margin: 5px 0; width: 360px; }
#rightCol {
	float: right;
	width: 400px;
}
.columnText, #howItWorksText { margin: 0 10px; }
.columnLeader { margin: 10px 0 0 !important; font-weight: bolder; }
.logoBoxWrapper { 
	width: 400px; 
	height: 180px;
	float: left;
}
#solutionContact {
	height: 150px;
	width: 350px;
	float: left;
}
.boxText {
	height: 80px;
	margin: 5px 15px;
	float: left;
}
.boxText p { float: left; }
.boxText p a { text-decoration: underline; }
.contact { width: 95px; }
#contactButton { clear: both; float: left; }

#learnMore { 
	float: left;
	height: 120px; 
}
#learnMore .boxText span { 
	float: left; 
	font-size: 12px; 
	margin: 12px 0 4px 0; 
	line-height: 1.25;
}
#learnMore .boxText a { text-decoration: underline; }
#learnMore .boxText img { margin: 10px 4px 0 10px; float: left; }


.dl { width: 80px; }
#dlText, #dlButton { float: left; } 
#dlButton { margin-left: 10px; }

#logoBox {
	width: 390px;
	height: 70px;
	margin-left: 10px;
	float: left;
}
#logoLeader { float: left; margin-left: 15px; width: 350px; }
#logo1, #logo2, #logo3 {
	width: 130px;
	height: 80px;
	float: left;
}


/* HOW IT WORKS */
#hiwGraphic { 
	position: relative; 
	float: left; 
	width: 400px;
	height: 371px;
	margin: 20px 0; 
	z-index: 0;
}
#hiwBg { position: absolute; top:0; left: 0; z-index: 2;}
.hiwEl { 
	border: 2px solid #828282;
	width: 165px; 
	height: 130px; 
	background-color: #828282; 
	position: absolute; 
	z-index: 2; 
}

#graphic1 { top: 14px; left: 18px; }
#graphic2 { top: 93px; left: 219px; }
#graphic3 { top: 230px; left: 42px; }
.hiwEl img { margin: 11px 11px 0 11px; }
.hiwEl h3 {
	font-size: 10px;
	color: #fff;
	text-align: center;
	margin-top: 1px;
	font-weight: bold;
}
#howItWorksText {
	float: right;
	width: 350px;
	margin: 10px 25px 15px 25px;
}
#howItWorksText p { float: left; }
#sect1 { display: block; }
#sect2, #sect3, #sect4 { display: none; }


/* ABOUT US */
#meetMgmt, #meetBoard, #meetAdvisory, #aboutContact { width: 250px; margin: 5px 0; }
#meetBoard .arrowText, #meetMgmt .arrowText, #meetAdvisory .arrowText, #aboutContact .arrowText { background-color: #FBB420; width: 240px; }
#meetBoard .arrowhead, #meetMgmt .arrowhead, #meetAdvisory .arrowhead, #aboutContact .arrowhead { background: #ffffff url(/img/blue_arrows.png) no-repeat 0px 0px; }

#pressReleases, #inTheNews, #mediaKit { float: left; width: 350px; }
#pressReleases img, #inTheNews img, #mediaKit img { float: left; margin: 0px 6px 0 0; }
#pressReleases h3, #inTheNews h3, #mediaKit h3 { float: left; width: 200px; margin-top: 7px; color: #1b4791; }
#pressReleases p, #inTheNews p, #mediaKit p { margin-bottom: 8px !important; }

#aboutUsTopL { margin-top: 0; }

#mediaKit .sidebarText { width: 250px; }

.whiteOnBlue { 
	display: block !important; 
	padding: 6px 9px !important;
	float: none !important;
}
.sidebarText, .seeMore { 
	float: left;
	margin: 5px 15px; 
	font-size: 11px;
}
.sidebarText { margin-bottom: 20px; }

.sidebarText a, .seeMore a { font-weight: bolder; }

#awards { margin: 20px; float: left; }
#awards .whiteOnOrange { width: 342px; }

/* TEAM BIOS */
#mgmtBios {
	width: 880px;
	float: left;
}
.teamMember {
	width: 800px;
	border: 1px solid #999;
	margin: 10px 40px 20px;
	padding: 16px 0;
	float: left;
}
.memberPic { 
	height: 132px;
	width: 160px;
	float: left;
	margin: 0 16px;
}
.boardPic {
	height: 60px;
	width: 80px;
	margin: 0 16px;
	float: left;
}
.memberText, .boardText { margin-right: 16px; float: left; }
.memberText { width: 590px; }
.boardText { width: 672px; }
.memberText h3, .boardText h3 { display: inline; }
.memberTitle { font-weight: lighter; }

#meetJump { width: 250px; margin: 5px 20px 5px; }
#meetJump .arrowText { width: 240px; }

/* BIG TEXT BLOCK ON PRESS, LEGAL, ETC PAGES */
#textNav {
	width: 180px;
	margin: 50px 20px 0 10px;
	float: left;
}
#textBlkHead {
	float: left;
	height: 50px;
	width: 610px;
	display: block;
}
#textBlock {
	float: left;
	font-size: 14px;
	margin: 10px 40px;
	width: 810px;
	list-style: none outside;
}
#textBlock a { color: #184890; }
#textBlock th { text-align: left; }
#textBlock h3 { margin-top: 20px; }
.withLNav { width: 610px !important; margin: 10px 20px !important; }

/* SIGNIN PAGE */
#signinForm { text-align: left; }
#signinInputs { margin: 0 auto;	}
#signinButtonSrc {
	height: 29px;
	width: 77px;
} 
#problemDiv {
	text-align: left;
	font-size: 14px;
}
#signinProblemEmail { margin: 0 0 5px 260px; }
#signinProblemRadio { margin: 5px 0 0 210px; }
#signinProblemButton { margin: 0 0 0 400px;	}


/* LEGAL, PRESS */ 
#textNav .arrow { width: 180px; margin-top: 10px; }
.legal .arrowText, .press .arrowText { width: 170px; background-color: #FBB420; }
.legal .arrowhead, .press .arrowhead { background: #ffffff url(/img/blue_arrows.png) no-repeat;  }	
.lglActive .arrowText, .prsActive .arrowText { background-color: #37393a;  }
.lglActive .arrowhead, .prsActive .arrowhead { background-position: 0px -26px !important; }
.lglActive a, .prsActive a { color: #fff; }

/* FOOTER NAVIGATION */
#footerWrapper {
	clear: both;
	width: 100%;
	height: 230px;
	z-index: 1;
}
#footerDiv {
	margin: 0 auto;
	width: 1022px;
	height: 230px;
	background: #fff url(../img/footer_wide.gif) no-repeat; 
	text-align: center;
}
#footerNav {
	width: 620px;
	height: 25px;
	float: left;
	margin: 150px 200px 0 200px;
}
#footerNav li {
	display: inline;
	padding: 0px 2px;
	color: #37393A;
}
#footerNav li a {
	height: 25px;
	font-size: 12px;
	color: #37393A;
	font-weight: bolder;
}
#footerNav img {
	margin-bottom: -2px;
}
#copyright {
	color: #37393A;
	height: 15px;
	margin: 15px 260px 0 260px;
	width: 500px;
	text-align: center;
	float: left;
}
#copyright p { 
	font-size: 7pt;
	margin: 0 auto; 
	display: block;
}