/* CSS Styles for XGraph */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	background-color:#E6E6E6;
}

p {
	color: #333333;
	font-size: 12px;
	margin-top: 14px;
}

.c-right-sub ul {
	list-style:outside;
	margin-top: 14px;
	width: 400px;
	margin-left: 13px;
}

.c-right-sub ul li {
	list-style-type:disc;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
}

#content-sub h2 {
	background-image:url(images/bg_lightgreyrc-ab.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #532C7F;
	margin-top: 14px;
	margin-bottom: -14px;
	padding-top: 2px;
	padding-bottom: 3px;
}

#content-sub h3 {
	background-image:url(images/bg_lightgreyrc-as.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #11529F;
	margin-top: 14px;
	margin-bottom: -14px;
	padding-top: 2px;
	padding-bottom: 3px;
}

#outer-wrap {
	background-image: url(images/bg-all.png);
	background-position: top center;
	background-repeat: repeat-y;
}

#wrapper {
	width: 960px;
	margin: 0px auto 10px auto;
	background-color: #FFFFFF;
}


#header {
	height: 68px;
	width: 960px;
	background-color:#FFFFFF;
}

.logo {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 75px;
}

ul.nav {
	float: left;
	margin-top: 28px;
	margin-left: 20px;
}

.nav li {
	color: #1E3B6E;
	font-weight: bold;
	font-size: 14px;
	float: left;
	margin-left: 30px;
}

.nav li, .nav li a {
	color: #1E3B6E;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.nav li a:hover {
	color: #32BBED;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.nav li.current a {
	color: #32BBED;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	background-image:url(images/triangle.png);
	background-repeat: no-repeat;
	background-position: 50% 30px;
	padding-bottom: 60px;
}

li#sub-menu {
	margin-left: 20px;
	margin-top: 1px;
}

li#sub-menu a {
	color: #32BBED;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	float: left;
	text-decoration: none;
}

li#sub-menu a:hover {
	text-decoration: underline;
}

/*li#sub-menu a:hover {
	color: #1E3B6E;
}*/

#main {
	height: 380px;
	width: 960px;
	background:url(images/bg-home.png);
	background-position: top left;
	background-repeat: none;
}

#main-sub {
	height: 70px;
	width: 960px;
	background:url(images/bg-home.png);
	background-position: top left;
	background-repeat: none;
	overflow: hidden;
}

#people {
	float: right;
	margin-right: 45px;
	margin-top: -68px;
	margin-bottom: 3px;
	position: relative;
	z-index: 200;
}

#callout {
	height: 172px;
	width: 960px;
	background-color: #F2F2F2;
	position: relative;
}

.title {
	position: relative;
	margin-left: 85px;
	margin-top: 25px;
	float: left;
}

.title2 {
	position: relative;
	margin-left: 85px;
	margin-top: 25px;
	float: left;
}

.title h1 {
	font-size: 28px;
	color: #532C7F;
	font-weight: normal;
	width: 850px;
}

.title2 h1 {
	font-size: 28px;
	color: #12519F;
	font-weight: normal;
	width: 850px;
}

.title h1 span, .title2 h1 span {
	font-weight: bold;
}

.learn {
	width: 120px;
	height: 24px;
	background-image:url(images/bt_learnmore.png);
	background-position: top left;
	background-repeat: none;
	position: absolute;
	bottom: 0px;
	right: 50px;
}

.learn:hover {
	width: 120px;
	height: 24px;
	background-image:url(images/bt_learnmore.png);
	background-position: 0px -24px;
	background-repeat: none;
}

.diagram {
	margin-left: -12px;
}

.ab-bar1 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_purple-ab.png);
	background-position: top left;
	background-repeat: none;
}

.ab-bar2 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_purple-ab.png);
	background-position: 0 -30px;
	background-repeat: none;
}

.ab-bar3 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_purple-ab.png);
	background-position: 0 -61px;
	background-repeat: none;
}

.ab-bar4 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_purple-ab.png);
	background-position: 0 -92px;
	background-repeat: none;
}

.as-bar1 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_blue-as.png);
	background-position: top left;
	background-repeat: none;
}

.as-bar2 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_blue-as.png);
	background-position: 0 -30px;
	background-repeat: none;
}

.as-bar3 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_blue-as.png);
	background-position: 0 -61px;
	background-repeat: none;
}

.as-bar4 {
	width: 386px;
	height: 30px;
	background-image: url(images/bar_blue-as.png);
	background-position: 0 -93px;
	background-repeat: none;
}

/*#bubbles {
	background-image: url(images/bg-bubble.png);
	text-align:center;
	height: 318px;
}*/

#bubbles-1 {
	background-image: url(images/bg-bubble-1.png);
	text-align:center;
	height: 318px;
}

#bubbles-2 {
	background-image: url(images/bg-bubble-2.png);
	text-align:center;
	height: 318px;
}

#bubbles-3 {
	background-image: url(images/bg-bubble-1.png);
	text-align:center;
	height: 70px;
}

#bubbles-4 {
	background-image: url(images/bg-bubble-2.png);
	text-align:center;
	height: 70px;
}

#loopedSlider {
	float: left;
	width: 960px;
	height: 380px;
	margin-top: -314px;
}

/* Required for Homepage slider */
.container { width:960px; height:380px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; width:960px; display:none; padding:0; margin:0; }


/* Optional styles for Homepage slider */
ul.pagination { list-style-type:none; margin-left: 88px; margin-top: -120px; padding:0; width:132px; }
ul.pagination li { float:left; margin:0px 4px 0px 0px; }	
ul.pagination a { display:block; width:10px; padding-top:10px; height:0; overflow:hidden; background-image:url(images/pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -10px;}

#main-btns {
	float: left;
	height: 44px;
	overflow: hidden;
	margin-left: 84px;
	margin-top: -52px;
	position: relative;
	z-index: 200;
}

.hbt-buyer {
	width: 179px;
	height: 52px;
	background-image:url(images/bt_buyer.png);
	background-position: top left;
	background-repeat: none;
	margin-top: -44px;
}

.hbt-buyer:hover {
	width: 179px;
	height: 52px;
	background-image:url(images/bt_buyer.png);
	background-position: 0px -52px;
	background-repeat: none;
}

.hbt-seller {
	width: 181px;
	height: 52px;
	background-image: url(images/bt_seller.png);
	background-position: top left;
	background-repeat: none;
}

.hbt-seller:hover {
	width: 181px;
	height: 52px;
	background-image: url(images/bt_seller.png);
	background-position: 0px -52px;
	background-repeat: none;
}

#content {
	background-color:#F2F2F2;
	padding-top: 10px;
	width: 960px;
	height: 100%;
	margin-bottom: 0px;
}

#content-sub {
	background-color:#FFFFFF;
	padding-top: 10px;
	width: 960px;
	height: 100%;
	margin-bottom: 0px;
}

#content-sub p a {
	color: #9D9FA2;
	text-decoration: underline;
}

.c-left {
	width: 386px;
	float: left;
	margin-left: 84px;
}

.c-left-home {
	width: 478px;
	float: left;
	margin-left: 84px;
}

.c-left-home h1 {
	color: #1E3B6E;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

.c-left-home h2 {
	color: #11529F;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

.c-left-home a {
	color: #333333;
	text-decoration: underline;
}

.c-left-home a:hover {
	color: #333333;
	text-decoration: underline;
}

.c-left-home a.bold {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.c-left-home a.bold:hover {
	color: #333333;
	text-decoration: underline;
}

.c-right {
	width: 386px;
	float: left;
	margin-left: 60px;
	margin-top: 44px;
}

.c-right-home {
	width: 294px;
	float: left;
	margin-left: 60px;
	margin-top: 44px;
}

.c-right-sub {
	width: 386px;
	float: left;
	margin-left: 60px;
}

.dots {
	color: #C6C8CA;
}

#team-left {
	float:left;
	width: 326px;
	height: 188px;
}

#team-left h1 {
	color: #1E3B6E;
	font-size: 18px;
	font-weight: bold;
	line-height: 188px;
	margin-left: 90px;
}

#team-intro {
	width: 960px;
	background-color: #F2F2F2;
	padding: 40px 0 20px 0;
	margin-bottom: 20px;
}

#team-intro-left {
  float: left;
	width: 430px;
	margin: 0 10px 0 40px;
	position: relative;
	z-index: 100;
}

#team-intro-right {
  float: left;
	width: 430px;
	margin: 0 40px 0 10px;
	position: relative;
	z-index: 100;
}

#team-right {
	float:right;
	width: 634px;
	height: 280px;
	background-color: #F2F2F2;
	margin-top: -26px;
	position: relative;
	z-index: 100;
}

#team-right p {
	width: 515px;
	text-align:justify;
	margin-left: auto;
	margin-right: auto;
}

ul.members {
	float:right;
	width: 580px;
	margin-right: 54px;
	font-size: 12px;
}

.members-left {
	float:left;
	width: 326px;
}

.members-left h1 {
	color: #1E3B6E;
	font-size: 18px;
	font-weight: bold;
	line-height: 150px;
	margin-left: 90px;
}

ul.members li {
	margin-left: 22px;
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
	margin-top: 10px;
}

ul.members li a {
	color: #999999;
	text-decoration: none;
}

ul.members li p {
	color: #333333;
	background-color: #F2F2F2;
	width: 480px;
	padding: 20px;
}

.employee, .investor {
	color: #333333;
	margin-left: 60px;
}

.employee_active, .investor_active  {
	color: #00AEEC;
	margin-left: 60px;
}

.openclose {
	height: 11px;
	width: 13px;
	background-image: url(images/plusminus.png);
	background-position: 0px 1px;
	background-repeat: no-repeat;
}

.openclose_active {
	height: 11px;
	width: 13px;
	background-image: url(images/plusminus.png);
	background-position: 0px -10px;
	background-repeat: no-repeat;
}

#terms {
	padding-bottom: 25px;
	margin-top: 25px;
	width: 810px;
	margin-left: 90px;
}

#terms h1 {
	font-size: 24px;
	color: #12519F;
	font-weight: normal;
	margin-bottom: 20px;
}

#terms h2 {
	font-size: 12px;
	font-weight: bold;
	color: #75439A;
}

#terms p {
	font-size: 12px;
	color: #333333;
}

#terms p.gray {
	font-size: 12px;
	color: #B3B3B3;
}

#terms p a {
	color: #00AEEC;
	text-decoration: underline;
}

.opt-out {
	height: 40px;
}

.opt-out span {
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #333333;
	margin: 10px 0px 0px 0px;
}

.optout {
  float: left;
	margin: 10px 10px 10px 238px;
}

.submit {
	float: left;
	margin: 10px 250px 20px 300px;
  padding-right: 100px
}

#contact-title {
	float: left;
	margin: -30px 0px 0px 92px;
}

#contact-title p {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

#content-contact {
	background-color:#F2F2F2;
	width: 960px;
	height: 100%;
	margin-bottom: 0px;
	
}

.contact-main {
	float: left;
	margin-top: -10px;
	width: 960px;
	height: 196px;
}

.contact-info {
	float: left;
	font-size: 12px;
	line-height: 21px;
	color: #333333;
	margin-left: 78px;
}

.ny {
	float: left;
	margin-top: 35px;
}

.ny span {
	color: #75439A;
}

.city-bar {
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}

.ca {
	float: left;
	margin-top: 35px;
}

.ca span {
	color: #00AEEC;
}

.maps {
	padding-top: 40px;
	background-color:#FFFFFF;
	width: 960px;
	height: 370px;
	clear: both;
}

.ny-map {
	float:left;
	margin-left: 25px;
} 

.ca-map {
	float:left;
	margin-left: -30px;
}

.contact-form {
	float: left;
	background-color: #D9D9D9;
	padding: 6px 0px 0px 16px;
	width: 360px;
	height: 196px;
	margin-left: 76px;
	position: relative;
}

.contact-form label {
	font-size: 10px;
	color: #595959;
}

.contact-form .row {
	margin-bottom: 2px;
}

.contact-form .bt-send {
	position: absolute;
	bottom: 0px;
	right: 15px;
}

#footer {
	width: 960px;
	height: 40px;
	background-color: #9D9FA2;
	margin-top: -15px;
}

#footer p {
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	color: #FFFFFF;
}

#footer p a {
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#footer p a:hover {
	text-align: center;
	font-size: 10px;
	color: #32BBED;
	text-decoration: underline;
}

.footer-logo-iab {
  float:right;
  margin-top: -36px;
  margin-right: 130px;
}

.footer-logo-nai {
  float:right;
  margin-top: -33px;
  margin-right: 20px;
  opacity: 0.7;
}

.centered_box {
	background-color: #D9D9D9;
	padding: 20px;
	width: 360px;
	margin: 10px auto 30px auto;
}

#terms h2.news_heading {
  color: #1E3B6E;
	font-weight: bold;
	font-size: 14px;
}