/* COLOR REFERENCE -----------------------------------
		background: #F4F4F4
		blue links: #40C7F3
		copy: #CACACA
---------------------------------------------- */

/* GENERAL LAYOUT BITS ------------------------------ */
html, body { height: 100%; margin: 0; padding: 0; }
body { 
	font-family: helvetica, arial, sans-serif; 
	color: #EFEFEF; 
	background: #222222; }
#shadowwrap { 
	width: 1146px; 
	background: url("../img/shadowbg.png") repeat-y; 
	margin: 0 auto 0 auto; }
#pagewrap { 
	width: 1130px; 
	margin: 0 auto 0 auto;
	background: url("../img/bg.jpg") #3A3A3A no-repeat; 
	min-height: 750px;  }
#navwrap { margin: 0 70px 0 70px; }
.colwrap { margin: 20px 70px 20px 70px; clear: both; }
.colwrap p { color: #CACACA; }

/* navigation --------------------------------------- */
#supernav { float: right; margin: 5px 0 0px 0; }
#supernav ul { padding: 0; margin: 5px 0 0 0; }
#supernav ul li { 
	display: inline; 
	margin: 0 0 0 22px; 
	font-size: 9px; 
	color: #FFF; 
	text-transform: uppercase;
	letter-spacing: .5px;
	text-shadow: 1px 1px 1px #000; }
#supernav .clientlogin a:link { color: #40C7F3; }
#supernav a:link { color: #FFF; }
#supernav a:hover { color: #FFF; }
#supernav a:visited { text-decoration: none; }
#nav { 
	margin: 0 0 10px 0; 
	clear: both; }
#nav img {
	margin: 5px 0 0 0;}
#nav ul { 
	width: 500px;
	display: inline;
	margin: 0 0px 0px 20px; 
	padding: 0; 
	vertical-align: 100%;
	 }
#nav ul li { 
	display: inline; 
	margin: 0 0 0 27px; 
	font-size: 14px; 
	color: #FFF; 
	text-transform: uppercase; 
	letter-spacing: 1px;
	text-shadow: 2px 2px 2px #000;
	 }
#nav a { display: inline-block; color: #FFF; text-decoration: none; padding: 7px; }
#nav ul li a:hover { 
	color: #FFF; 
	display: inline-block; 
	background-image: none; 
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(34, 34, 34);
	/* RGBa with 0.6 opacity */
	background: rgba(35, 35, 35, 0.8);
	zoom:1; /* required for the filters */
	/* For IE 5.5 - 7*/
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	text-shadow: 0 0 0 #000;}
.requestdemo {
	display: inline; 
	margin: 0; 
	padding: 0; 
	float: right; /*position: relative; left: 600px; top: -35px;*/ }
.requestdemo img { padding: 20px 0 0 0; margin: 0; }

*:first-child+html .requestdemo { 
display: inline; 
margin: -85px 0 0 0; 
padding: -85px 0 0 0; 
float: right; } /* for IE7 to play nice ---- */


/* headline -------------------------------------- */
#headline { position: relative; }
#headline  h1 { 
	color: #FFF; 
	font-size: 42px; 
	line-height: 40px;
	margin: 5px 0 10px 0; 
	text-shadow: 2px 2px 2px #000; }

#headline h1 span { color: #999; margin: 0; padding: 0; font-weight: normal; }
#headline h2 { 
		font-size: 15px; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		margin: 30px 0 20px 0; 
		letter-spacing: .3; 
		padding: 0; 
		color: #A1998B; 
		font-style: italic; 
		font-weight: normal;
		line-height: 20px; }

/* col1 ------------------------------------------ */
#col1 { width: 490px; min-height: 300px; float: left;}
#col1 h1 { 
	color: #FFF; 
	font-size: 42px; 
	line-height: 40px;
	margin: 5px 0 10px 0; 
	text-shadow: 2px 2px 2px #000; }
#col1 h1 span { color: #999; margin: 0; padding: 0; }
#col1 h2 { 
	font-size: 15px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin: 30px 0 20px 0; 
	letter-spacing: .3; 
	padding: 0; 
	color: #A1998B; 
	font-style: italic; 
	font-weight: normal;
	line-height: 20px; }

/* col2 ------------------------------------ */
#col2 { width: 450px; min-height: 300px; float: right; margin: 0 0 0 20px; }
.icons { height: 50px; margin: 10px 0 30px 0; }

/* Home ------------------------------------ */
#clientbar { background: url("../img/client_bar_12.png") no-repeat; clear: both; height: 163px; text-indent:-9999px; }
.connect_icons { margin: 0 0 70px 0; }
.connect_icons ul { margin: 0; padding: 0; height: 33px; }
.connect_icons ul li { display: inline; margin: 0 6px 0 0; }
.services { clear: both; }
.services .col1 { width: 240px; float: left; }
.services .col2 { margin: 0 0 0 20px; width: 229px; float: right; }
.services h3 { 
	margin: 0; 
	padding: 0;
	font-size: 16px; 
	color: #40C7F3;  }
.services h4 { 
	margin: 4px 0 0 0; 
	padding: 0;
	font-size: 10px; 
	color: #FFF; 
	text-transform: uppercase; }
.services p { font-size: 12px; line-height: 18px; }
.services h3 a, 
.services h3 a:link, 
.services h3 a:visited { color: #40C7F3; text-decoration: none; }
*:first-child+html .services { 
 	margin: 0 0 15px 0; } /* for IE7 to play nice ---- */
#forrest { margin-bottom: 20px; }
#forrest * { /* Hacky :/ */
	display: inline-block;
	vertical-align: middle;
	}
#forrest p { 
	width: 225px;
	margin: 0px 5px;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	}
#latestnews { 
	margin: 0; 
	padding: 2px; 
	min-height:255px; 
	background-color: #232323; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(35, 35, 35);
		/* RGBa with 0.6 opacity */
		background: rgba(35, 35, 35, 0.6);
		zoom:1; /* required for the filters */
		/* For IE 5.5 - 7*/
		 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	 }
#latestnews .col1 { float: left; width: 270px; }
#latestnews .col1 h3 { font-size: 16px; text-transform: uppercase; margin: 0; }
#latestnews .col1 ul { margin: 0; padding: 0;}
#latestnews .col1 ul li { margin: 15px 5px 5px 0; font-size: 14px; color: #40D2FF; list-style: none; }
#latestnews .col1 ul li a { color: #40D2FF; }
#latestnews .col2 { float: right; width: 105px; margin: 5px 10px 0 0; }
#latestnews .col2 img { margin: 0 0 4px 0; }
#latestnews .col2 h3 { font-size: 12px; text-align: center; margin: 5px 3px 0 3px; }
#latestnews .col2 h4 { color: #efefef; font-size: 10px; font-weight: normal; text-align: center; }
#latestnews .col2 h4 a .pop { color: #efefef; font-size: 10px; text-align: center; margin: -10px 3px 0 3px;  }
#latestnews .col1 div.hr { height: 5px; background: url('../img/ui/hr_news.png') no-repeat scroll center; }
#latestnews .col1 div.hr hr { display:none; }

/* About --------------------------------- */
.about #col1 { width: 210px; }
.about #col1 h1 { font-size: 36px; margin: 15px 0 0 0; }
.about #col2 { 
	margin: 0px; 
	width: 730px; 
	background: #F4F4F4; 
	min-height: 800px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; }
.about #col2 .container { padding: 10px 30px 30px 30px; }
.about #col2 a { color: #1081C2;}
.about #col2 h3 { color: #8E969B; font-size: 22px; }
.about #col2 h4 { color: #2b2b2b; font-size: 13px; margin-bottom: 1px; }
.about #col2 dl { width: 515px; margin: 10px 0 0 0; padding: 0; }
.about #col2 dt { margin: 30px 0 0 0; font-size: 14px; font-weight: bold; color: #000; }
.about #col2 dt subtitle { margin: 0; padding: 0; font-size: 11px; color: #8E969B; }
.about #col2 dd { margin: 0; padding: 0; }
.about #col2 .careers p { margin-top: 1px; }
.about #col2 p { color: #222222; font-size: 13px; line-height: 20px; }
.about #col2 li { color: #222; }
.about #col2 .careers ul li { margin: 0px !important; }
.about #sidenav { 
	margin: 25px 0 10px 5px; 
	padding: 0; }
.about #sidenav li { 
	list-style: none; 
	line-height: 20px; 
	font-size: 14px; }
.about .building { position: absolute; /*left: 0px;*/ margin: 0 0 0 -72px; padding: 0; }

/* Blog ----------------------------------- */
.home .colwrap, .single .colwrap { padding: 10px 0 0 0; }
.home .colwrap h2, .single .colwrap h2 { padding: 0 40px 0 0; }
#inner, 
.home #inner, 
.home-page #inner, 
.blog #inner { 
	width: 980px; 
	background-color: #F3F3F3; 
	margin: 10 0 0 0; 
	padding: 0; }

#content { 
	background: none repeat scroll 0 0 #FFFFFF; 
	padding: 15px 20px 20px; 
	-moz-border-radius: 5px 0 0 5px; 
	-webkit-border-radius: 5px 0 0 5px; 
	border-radius: 5px 0 0 5px; }
#content a, #content a:link { color: #0079BE; }

#content .post p, 
#content .post ul li, 
#content .post ol, 
#content .post ol li { 
	color: #222222; 
	font-size: 13px !important; 
	}
	
#content .post ul li, #content .page ul li {
	list-style-type: disc !important; }

#content .post p {
    margin: 0;
    padding: 0 10px 10px 0;
}
#content .post-info { color: #222222; margin: 0 0 10px; }
#content .post-meta { color: #222222; }
#content .breadcrumb { color: #222222; }

#content .time { margin: 0; padding: 0; }
#content .categories { margin: 0; padding: 0 0 2px 0; }
#content .reply a, #content .reply a:visited { color: #ebebeb; }

#sidebar p { color: #222222; }

#commentform input[type="password"], 
#commentform input[type="text"],
#commentform select, 
#commentform textarea, 
#commentform .s {
    width: 490px !important;
}
.searchform .s { 
	background: #fff !important; 
	width: 165px !important;
	margin: 5px 0 0 !important; }
.searchform .searchsubmit { 
	background: #2B2B2B !important; 
	margin: 6px 0 0 2px;
	border: none !important; 
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	font-style: normal !important;
	text-shadow: none !important; }
	
#comments .comment-list, 
#comments .comment-content p { color: #444444; }

#inner #content h2, 
#inner #content h2 a, 
#inner #content h2 a:visited  { 
	width: 650px;
	color: #0079BE; 
	font-size: 21px; 
	font-family: helvetica, arial, sans-serif; 
	font-style: normal; 
	font-weight: bold;
	line-height: 1.1em; }

.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
	width: 980px;
	}
	
#sidebar { 
	width: 240px; 
	padding: 0 20px;
	margin: 10px 0 0 0;
	}

#sidebar li, #sidebar-alt li { margin: 0px; padding: 0; }
#sidebar .widget_recent_entries li { padding: 3px 0 3px 0; line-height: 16px; }
.sidebar-content #content, .content-sidebar #content {
	    width: 660px;
	}
#sidebar .widget, #sidebar-alt .widget {
	background: none repeat scroll 0 0 #F3F3F3;
	margin: 0 0 17px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #929292;
	}

/*#sidebar #facebook { background: url('../img/btns/wordpress_media_icons/facebook_blog_static.jpg'); }*/
#sidebar h4, #sidebar-alt h4 { padding: 0 0 5px 0; }
#sidebar a, #sidebar a:link { font-size: 13px !important; color: #0079BE; }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5 { color: #3A3A3A; }
#sidebar h4 { font-size: 18px; font-weight: bold; }

#sidebar .widget_tag_cloud div div, #sidebar-alt .widget_tag_cloud div div { padding: 0px; }
 
/* Careers -------------------------------- */
#careers #col2 ul li { margin-bottom: 15px; }

/* Contact Us ----------------------------- */
#contact #col2 h3 { font-size: 16px; }
#contact #col2 ul { margin: 20px 0 0 0; padding: 0; }
#contact #col2 ul li { list-style-type: none; color: #000; line-height: 18px; font-size: 14px; }
#contact #col2 .follow_icons { margin: 0 0 0 5px; padding: 0; display: inline;}
#contact #col2 .follow_icons img { vertical-align: top !important; }
#contact #col2 .follow_icons ul { margin: -15px 0 0 0; padding: 0; }
#contact #col2 .follow_icons ul li { display: inline; margin: 0 !important; padding: 0; vertical-align: text-bottom; }
#contact #col2 .erdman { margin: 15px 35px 0 0; float: right; }

/* Customers ------------------------------ */
.customers #col1 { width: 210px; }
.customers #col1 h1 { font-size: 36px; margin: 15px 0 0 0; }
.customers #col2 { 
	margin: 0 0 40px 0; 
	width: 730px; 
	background: #F4F4F4; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; }
.customers #col2 .container { padding: 10px 30px 30px 30px; }
.customers #col2 h3 { color: #8E969B; font-size: 19px; line-height: 1.1em; }
.customers #col2 h4 { margin: 0 0 10px 0; color: #000; }
.customers #col2 p { color: #222222; font-size: 14px; line-height: 20px; }
.customers #col2 div.logos { margin: 15px 0 0 0; padding: 0; }
.customers #col2 .logos img { padding: 0 10px 10px 0; }
.customers #sidenav { 
	margin: 25px 0 10px 5px; 
	padding: 0; }
.customers #sidenav li { 
	list-style: none; 
	line-height: 20px; 
	font-size: 14px; }


/* DEMO REQUEST ------------------------------------- */
	#demoreq { background: url('../../static/img/request/bg-demo-orange-660.jpg') #F4F4F4 no-repeat; color: #222; font-family: helvetica, arial, sans-serif; min-height: 680px;}
	#demoreq_ok { background: url('../../static/img/request/bg-demo-thanks-660.jpg') #F4F4F4 no-repeat; color: #222; font-family: helvetica, arial, sans-serif; min-height: 580px; }
	#demoreq .col1, #demoreq_ok .col1  { padding: 95px 61px 0 61px; margin: 5px 0 0 0; }
	#demoreq .col1 h2, #demoreq_ok .col1 h2  { margin: 30px 0 20px 0; color: #000000; font-size: 23px; text-transform: uppercase; }
	#demoreq .col1 p.about, #demoreq_ok .col1 p.about { margin: 10px 0 10px 0; font-size: 12px; }  
	#demoreq .col1 h5,{ margin: 15px 0 0 0; font-size: 12px; font-weight: normal; line-height: 1.3em; width: 370px; }
	#demoreq_ok .col1 h5 { margin: 145px 0 0 0; font-size: 12px; font-weight: normal; line-height: 1.3em; width: 370px; }
	
	#demo p {
		width: 420px;
		margin: 5px 0 20px 40px;
		font-size: 14px;
		line-height: 140%; }
	/* ------------------------------ form base */
	form {
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
		overflow: hidden; }
	fieldset { border: 0px solid #fff; }
	/* ----------------------------------- rows */
	div.row {
		width: 223px;
		clear: both;
		padding: 0 0 10px 0;
		overflow: hidden; }
	.row.btns {
		margin: 15px 0 0 30px;
		overflow: visible;
		text-align: right; }
	.rowset {
		width: 380px;
		margin: 0 0 0 30px;
		overflow: hidden; } /* clear floats */
	.rowset .row {
		float: left;
		clear: none;
		width: 168px;
		margin: 0 19px 0 0; }
	.rowset label { width: 120px; }
	.rowset input[type="text"],
	.rowset select { width: 144px; }

	.row.alt { /* 235px */
		width: 245px;
		margin-top: 0;
		padding: 0;
		text-align: right; }
	.row.alt label {
		width: 200px;
		float: right;
		font-size: 12px;
		text-transform: none; }
	.row.alt input[type="checkbox"] {
		float: right !important;
		margin: 0 6px 0 0; }
	/* ------------------------ labels + inputs */
	label {
		margin: 3px 5px 0 0;
		color: #3f3f3f;
		font-size: 11px;
		font-weight: normal; }
	label.newsletter-check { margin: 5px 0 0 0; vertical-align: middle; }
	input[type="checkbox"],
	input[type="password"],
	input[type="text"],
	select,
	textarea {
		float: left;
		clear: none;
		margin: 0;
		color: #000;
		border: 1px solid #999;
		background: #fbfcfc url('../img/bg/input.gif') top left no-repeat; }
	input[type="password"], /* do this separately so that FF3WIN doesn't think the √box is 330px wide */
	input[type="text"],
	select,
	textarea { width: 200px; }
	input[type="checkbox"] { margin: 2px 3px 0 0; float: none !important; }
	input[type="radio"] {
		float: left;
		clear: none;
		margin: 0 4px 0 0; }
	input[type="image"] { margin: 15px 25px 0 0; float: right; background: url('../img/ui/send_request.gif') no-repeat; }
	/* ------------------------ required/errors */
	.required abbr {
		display: block;
		width: 18px;
		height: 18px;
		margin: 1em 0 0 0;
		cursor: help;
		float: right;
		text-transform: none;
		text-indent: -6666px !important;
		text-align: left;
		border-bottom: 0;
		background: url('../img/ui/required.gif') no-repeat; }
	.required.alt abbr { margin: 0; }
	.required abbr.ok { background: url('../img/ui/required_ok.gif') no-repeat !important; }
	.required abbr.oops {
		display: block;
		background: url('../img/ui/required_oops.gif') no-repeat !important; }
	div.validation-advice {
		color: red;
		font-size: 11px; }
	/* -------------------------- confirmations */
	#confirmed {
		width: 320px;
		min-height: 210px;
		margin: 20px 0 0 0;
		padding: 0; }
	#confirmed h2,
	#confirmed p,
	#confirmed dl {
		 }
	#confirmed dt {
		font-size: 11px; }
	#confirmed dd {
		font-size: 12px;
		font-weight: bold; }

/* Press Room ----------------------------- */
#pressroom #col1 p { font-size: 14px; font-family: Arial, "MS Trebuchet", sans-serif; font-weight: normal; }
#pressroom #col1 ul { margin: 5px 0 0 0; padding: 0; }
#pressroom #col1 ul li { margin: 0 10px 0 0; display:inline; font-size: 12px; }
#pressroom #col1 h3 { text-transform: uppercase; margin: 35px 0 15px 0; font-size: 18px; letter-spacing: 1.2px; }
#pressroom #col2 { background: #DFDFDF; }
#pressroom #col2 .container { padding: 0; position: relative; }
#pressroom #col2 dl { width: 450px; }
#pressroom .news { 
	position: absolute;
	height: 100%;
	/*float: left;*/
	width: 460px; 
	padding: 0px 10px 0px 30px; 
	/*min-height: 1900px;*/
	background: #F4F4F4; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; }
#pressroom .news ul { margin: 0; padding: 0; }
#pressroom .news ul li { margin: 0 0 10px 0; pading: 0; list-style-type: none; }
#pressroom .news ul .title { font-size: 14px; font-weight: bold; color: #1081C2; }
#pressroom .news subtitle { margin: 0; padding: 0; font-size: 11px; color: #8E969B; font-weight: bold; }
#pressroom .coverage { /*float: right;*/ width: 190px; padding: 20px 20px 30px 10px; margin-left: 500px; }
#pressroom .coverage h3 { font-size: 16px; text-transform: uppercase; letter-spacing: .6px; }
#pressroom .coverage ul { margin: 0; padding: 0; font-size: 13px; line-height: 125%; font-weight: normal; }
#pressroom .coverage ul li { margin: 0 0 7px 0; list-style-type: none; font-size: 12px; width: 200px; line-height:14px; }
#pressroom .coverage a { text-transform: uppercase; font-size: 12px; }
#pressroom #col2 a, #pressroom #col2 a:link, #pressroom #col2 a:visited { color: #1081C2; }

	
/* Features ------------------------------- */
#features h1 { margin: 18px 0 0 0; font-size: 36px; }
#features #col1 { min-height: 290px; }
#features #col12 { min-height: 290px; }
.webapps #col1, .webapps #col2 { min-height: 220px; }
.features #col1 { min-height: 220px; }
.features #col2 { min-height: 220px; }
.features #col1 p { margin: 0 0 45px 0; }
.feature_list { width: 950px; margin: 40px 0 0 0; clear:both; }
.feature_list .col1 { float: left; width: 450px; }
.feature_list .col2 { float: right; width: 445px; }
.feature_list h3 { margin: 0 0 0 80px; padding: 0; font-size: 16px; letter-spacing: .7px; }
.feature_list p { margin: 0 0 25px 80px; padding: 0; font-size: 13px; }
* html .feature_list p { /* IE 3px jog hack*/
height: 1%;
}
.feature_list .floatbox { float: left; width: 60px; }

#platform_nav h3 { margin: 0 0 10px 0; font-size: 11px; color: #A1998B; text-transform: uppercase; }
#platform_nav .feature_list { margin: 10px 0 0 0; width: 450px; padding: 0 0 25px 0; }
#platform_nav .feature_list .col1 { width: 200px; }
#platform_nav .feature_list .col2 { width: 225px; }
#platform_nav .feature_list h3 { margin: 7px 0 0 36px; font-size: 12px; text-transform: none; }
#platform_nav .feature_list .floatbox { margin: 0 0 2px 0; width: 28px; }
#platform_nav .feature_list a.on { color: #fff; }
.join_linkedin { 
	padding: 10px 20px 10px 20px; 
	display:block; 
	background: #222222; 
	color: #EAEAEA; 
	font-size: 12px; 
	font-weight: normal; 
	letter-spacing: .6px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; }

/* Tabs for Features ----------------------- */
.tab-content { 
	width: 990px; 
	background: #FFF; 
	min-height: 600px; 
	-moz-border-radius: 0 5px 5px 5px; 
	-webkit-border-radius: 0 5px 5px 5px; 
	border-radius: 0 5px 5px 5px; }
#contests .tab-content, #shopandshare .tab-content { min-height: 660px; }
.tab-content p, .tab-content li { color: #222222; font-size: 13px; margin: 0 0 10px 0; }
.tab-content h3 { margin: 0; padding: 0; color: #0079BE; font-size: 16px; }
.tab-content h4 { margin: 5px 0 0 0; padding: 0; font-size: 14px; font-weight: normal; }
.tab-content li { margin: 0 0 7px 0; line-height: 1.3em; }
.tab-content ul { margin: 0; padding: 10px 0 10px 15px; }
.tab { display: block; }
.tab-buttons { padding: 0; position: relative; top: -22px; }
.tab-buttons .button { 
	margin: 0 5px 0 0; 
	padding: 8px 15px 6px 15px; 
	display: inline; 
	cursor: pointer;
	background: #b4b4b4; 
	font-size: 11px; 
	text-transform: uppercase; 
	color: #000; 
	-moz-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0; }
.tab-buttons .enabled { background: #efefef; color: #000; }
.tab-title { margin: 0 0 0 30px; padding: 10px; color: #222222; font-size: 20px; }
.tab-content .content { color: #222222; padding: 10px; margin: 10px 30px 0 30px; }
.tab-content .content a { color: #0079BE; }
.tab-content .content_left { width: 405px; }
.tab-content .image { float: right; }


/* Management Team ------------------------ */
#management dl { width: 650px !important; }

.about #management ul div.title {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin: 30px 0 0;
}
.about #management .title subtitle {
    color: #8E969B;
    font-size: 11px;
    margin: 0;
    padding: 0; } 
#management li p { width: 490px !important; }
#management ul { margin: 0; padding: 0; }
#management ul li { margin: 0 0 10px 0; padding: 0; list-style-type: none; }
#management li[title="jason"] { background: url('/static/img/about/mgt_jason.jpg') 522px 0 no-repeat; }
#management li[title="aaron"] { background: url('/static/img/about/mgt_aaron.jpg') 522px 0 no-repeat; }
#management li[title="david"] { background: url('/static/img/about/mgt_david.jpg') 522px 0 no-repeat; }
#management li[title="eric"] { background: url('/static/img/about/mgt_eric.jpg') 522px 0 no-repeat; }

/* Resources ------------------------------ */
#resources #col1 { width: 210px; }
#resources #col1 h1 { font-size: 36px; margin: 15px 0 0 0; }
#resources .building { position: absolute; /*left: 0px;*/ margin: 0 0 0 -72px; padding: 0; }
#resources #col1 p { font-size: 14px; font-family: Arial, "MS Trebuchet", sans-serif; font-weight: normal; }
#resources #col1 ul { margin: 5px 0 0 0; padding: 0; }
#resources #col1 ul li { margin: 0 10px 0 0; display: inline; font-size: 12px; }
#resources #col1 h3 { text-transform: uppercase; margin: 35px 0 15px 0; font-size: 18px; letter-spacing: 1.2px; }
#resources #col1 .script { border: 2px solid #000; }
#resources #col2 { 
	margin: 0px; 
	width: 730px; 
	background: #F4F4F4; 
	min-height: 800px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background: #DFDFDF; }
#resources #col2 .container { padding: 0; }
#resources #col2 dl { width: 390px; margin: 10px 0 0 0; padding: 0; }
#resources .news dt { margin: 30px 0 0 0; font-size: 14px; font-weight: bold; color: #000; }
#resources #col2 dt subtitle { margin: 0; padding: 0; font-size: 11px; color: #8E969B; }
#resources #col2 dd { margin: 0; }
#resources #col2 h3 { color: #8E969B; font-size: 22px; }
#resources #col2 p { color: #222222; font-size: 13px; line-height: 20px; }
#resources #col2 li { color: #222; }
#resources .news { 
	float: left; 
	width: 420px; 
	padding: 10px 10px 30px 30px; 
	min-height: 870px; 
	background: #F4F4F4; 
	-moz-border-radius: 5px 0 0 5px; 
	-webkit-border-radius: 5px 0 0 5px; 
	border-radius: 5px 0 0 5px; }
#resources .coverage { 
	float: right; 
	width: 230px; 
	padding: 20px 20px 30px 10px; }
#resources #col2 .coverage h3 { 
	font-size: 16px; 
	text-transform: uppercase; 
	letter-spacing: .6px; }
#resources .coverage dt { font-size: 13px; line-height: 125%; font-weight: normal; }
#resources #col2 .coverage ul { margin: 0 0 10px 0; padding: 0; }
#resources #col2 .coverage ul li { 
	margin: 0 0 6px 0; 
	font-size: 12px; 
	line-height: 125%; 
	text-transform: none; 
	list-style-image: url('/static/img/ui/apdf.gif'); }
#resources li a em { 
	color: #565656; 
	font-size: 11px; 
	font-style: normal; 
	padding-right: 0px; 
	display: inline; }
#resources #col2 .coverage dl { font-size: 12px; width: 200px; }
#resources #col2 a, #resources #col2 a:link, #resources #col2 a:visited { color: #1081C2; }
#resources #sidenav { 
	margin: 25px 0 10px 5px; 
	padding: 0; }
#resources #sidenav li { 
	list-style: none; 
	line-height: 20px; 
	font-size: 14px; }
	
#resources #col2 li a[href$=".mp4"],
#resources #col2 li a[href$=".mov"],
#resources #col2 li a[href$=".wmv"],
#resources #col2 li a[href$=".pdf"] { }
#resources #col2 li a[href$=".mp4"],
#resources #col2 li a[href$=".mov"],
#resources #col2 li a[href$=".wmv"] { background: transparent url('/static/img/ui/video.png') no-repeat 0% 50%; }
/* #resources #col2 li a[href$=".pdf"] { background: transparent url('/static/img/ui/pdf.png') no-repeat 0% 50%; } */


/* Shoutlet U ----------------------------- */
.shoutletu #main_container {
width: 980px; 
background-color: #FFF;
margin: 0px;  
padding: 0px; 
min-height: 1000px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
}

.shoutletu #col1 { float:right; width: 240px; color: #222; padding: 20px 15px 0 10px; margin: 0;}
.shoutletu .building { position: absolute; /*left: 0px;*/ margin: 0 0 0 -72px; padding: 0; }
.shoutletu #col1 p { font-size: 12px; color: #222; line-height: 18px; margin-top: 0; }
.shoutletu #col1 ul { margin: 5px 0 0 0; padding: 0; }
.shoutletu #col1 ul li { margin: 0 10px 8px 15px; font-size: 12px; line-height: 16px; }
.shoutletu #col1 h3 { margin: 15px 0 5px 0; font-size: 16px; letter-spacing: .9px; color: #8E969B; }
.shoutletu #col1 h4 { color: #0079BE; font-size: 12px; line-height: 17px; padding: 0; margin: 0 0 8px 0; }
.shoutletu #col1 .script { border: 2px solid #000; }
.shoutletu #col1 a { text-decoration: underline; color: #0079BE;}
.shoutletu #col1 hr { border: 1px #ddd solid; margin: 5px 0; padding: 0px; }

.shoutletu #col2 { 
	float: left;
	margin: 0px; 
	width: 710px; 
	background: #F4F4F4; 
	min-height: 1000px; 
	-moz-border-radius: 5px 0 0 5px; 
	-webkit-border-radius: 5px 0 0 5px; 
	border-radius: 5px 0 0 5px; 
	background: #DFDFDF; }
.shoutletu #col2 .container { padding: 0 20px 20px 20px; }
.shoutletu #col2 h1 { font-size: 28px; margin: 15px 0 0 0px; color: #222; padding: 0; }
.shoutletu #col2 h3 { color: #DDD; font-size: 22px; }
.shoutletu #col2 p { color: #222222; font-size: 13px; line-height: 20px; }
.shoutletu #col2 li { color: #222; }
.shoutletu li a em { 
	color: #565656; 
	font-size: 11px; 
	font-style: normal; 
	padding-right: 0px; 
	display: inline; }
.shoutletu #col2 a, #shoutlet_u #col2 a:link, 
.shoutletu #col2 a:visited { color: #1081C2; }
.shoutletu #col2 li a[href$=".mp4"],
.shoutletu #col2 li a[href$=".mov"],
.shoutletu #col2 li a[href$=".wmv"],
.shoutletu #col2 li a[href$=".pdf"] { }
.shoutletu #col2 li a[href$=".mp4"],
.shoutletu #col2 li a[href$=".mov"],
.shoutletu #col2 li a[href$=".wmv"] { background: transparent url('/static/img/ui/video.png') no-repeat 0% 50%; }
/* #resources #col2 li a[href$=".pdf"] { background: transparent url('/static/img/ui/pdf.png') no-repeat 0% 50%; } */

/* shoutletu - refaced */

.webinar-box {
    float:left;
    display:block;
    margin:10px;
    padding:30px 20px;
    width:160px;
    height:300px;
}
.webinar-box.highlighted {
    position:relative;
    background-color:white;
    border-radius:8px;
}
.webinar-box.highlighted img.new {
    position:absolute;
    top:0px;
    left:0px;
	width: auto;
}
.webinar-box img {
    display:block;
    margin:0px auto;
	width: 105px;
}
.webinar-box p {
    padding:0px;
}
/* stupid override */
.shoutletu #col2 .webinar-box p {
    font-size:12px;
    line-height:18px;
}
.webinar-box a {
    font-size: 13px;
    line-height: 20px;
    text-decoration:underline;
}
.webinar-box h2 {
    color:#0077ca;
    font-size:13px;
}

.webinar-archive {
    width:190px; 
    float:left;
	clear: none;
    margin-left:15px;
    padding:10px 10px 10px 0px;
    border-bottom:1px solid #ccc;
}
.webinar-archive a {
    font-size:13px;
    font-weight:bold;
}


/* Speaking ------------------------------- */
#speaking #col2 .container { 
	min-height: 750px; 
	background: url('/static/img/about/speaking_main.jpg') 280px 65px no-repeat; }
#speaking #col2 p { width: 350px;  }

/* Story ---------------------------------- */
#story #col2 p { width: 580px; }
#story #col2 .container { min-height: 750px; background: url('/static/img/about/story_crayons.png') 0 275px no-repeat; }

/* links ---------------------------------- */
a, a:link { text-decoration: none; color: #40C7F3; outline: none; }
a:active { outline: none; }
a:visited { color: #40C7F3; outline: none; }

/* reset --------------------------------- */
img { border: none;}
.clear { clear: both; }
.fr { float:right; }

/* Side nav ------------------------------ */
#sidenav { width: 210px; }

/* H1, H2, H3, H4, H5, H6, P ------------- */
h3 { letter-spacing: .6px; }
p { line-height: 20px; font-size: 14px; letter-spacing: .1px; }
li { font-size: 14px; }
#col2 li { line-height: 20px; font-size: 13px; letter-spacing: .1px; }
.col2 img { margin: 10px 0; }

/* Site Map ------------------------------ */
#maplist {
	margin-left: 40px;
	margin-top: 50px;
	list-style-type: none;
	width: 600px; }
	
#maplist li { /* first level */
	float: left;
	width: 175px;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	display: block;
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 10px; }
	
#maplist li a { color: #3f3f3f; }
#maplist li a:hover { color: #e4701d; }
#maplist li ul { /* secondary */
	margin-left: 10px;
	background: url('../img/ui/mapline.gif') repeat-y; }

#maplist li li {
	list-style-type: none;
	float: none;
	width: auto;
	padding-left: 12px;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	background: url('../img/ui/mapline_li.gif') no-repeat 0 0;
	margin-left: 0;
	margin-bottom: 0; }
#maplist li li:last-child { background: #FFF url('../img/ui/mapline_lilast.gif') no-repeat 0 0; }

#maplist li li li { /* tertiary */
	width: auto;
	font-size: 12px; }
	
#maplist ul li { list-style-type: none; }

#maplist li div a[href$=".pdf"] {
	width: 300px;
	margin: -35px 0 0 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;}
	
#sitemap #maplist { margin: 30px 0 0 0; }
#sitemap .col2 {
	width: 595px;
	margin-right: 0; }

/* link icons -------------------------- */
	a[rel="external"] {
		padding-right: 11px;
		background: transparent url('../img/ui/aoutside2.gif') 100% 1px no-repeat; }
	.colwrap a[href^="mailto:"],
	#footer a[href^="mailto:"] {
		padding-right: 10px;
		background: transparent url('../img/ui/aemail.gif') 100% 50% no-repeat; }
/*	a[href$=".pdf"] {
		padding-right: 15px;
		/*background: transparent url('/static/img/ui/apdf.gif') 100% 2px no-repeat;*/
	/*	background: transparent url('/static/img/ui/mini_pdf_icon.jpg') 100% 0px no-repeat; } */
	.col1 a[href$=".pdf"] {
		padding: 15px 0 10px 40px;
		background: transparent url('/static/img/ui/apdf.jpg') 0 150% no-repeat; }
	a[href^="tel:"] {
		padding-right: 13px;
		color: #3f3f3f;
		font-variant: small-caps;
		background: transparent url('../img/ui/atel.gif') 100% 1px no-repeat; }
	
/* _sidenav ------------------------------ */
#sidenav a { 
	padding: 3px 6px 3px 6px; 
	display: block; 
	color: #40C7F3;
	text-transform: capitalize; 
	text-shadow: 1px 1px 1px #000; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; }
#sidenav a:hover { 
	color: #DDD; 
	display: block; 
	background-image: none; 
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(34, 34, 34);
		/* RGBa with 0.6 opacity */
		background: rgba(35, 35, 35, 0.8);
		zoom:1; /* required for the filters */
		/* For IE 5.5 - 7*/
		 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	text-shadow: 0 0 0 #000; }
#sidenav li.on a { 
	color: #FFF; 
	background: #222; 
	display: block; 
	background-image: none; 
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(35, 35, 35);
		/* RGBa with 0.6 opacity */
		background: rgba(35, 35, 35, 0.8);
		zoom:1; /* required for the filters */
		/* For IE 5.5 - 7*/
		 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	} /* you are here */
#a_besocial { /* Be social image */
	display: block;
	margin: 20px 0 30px 10px; }

/* 404 Page ------------------------------ */
.oops #col1 { width: 240px; padding: 0 20px 240px 40px; }
.oops #col1 p { width: 180px; margin-top: 15px; margin-left: 0; }
.oops .col2 { width: 530px; margin-right: 20px; padding-left: 15px; }
.oops #maplist { margin: 20px 0 0 0; }
.oops #maplist li { width: 120px; }
.oops #maplist li li { width: 90px; }
.oops #maplist li li li { width: 190px; }

/* Terms/Privacy ------------------------- */
#privacy textarea,
#terms textarea, 
#customer_privacy_policy textarea {
	width: 588px;
	margin: 10px; }

/* footer -------------------------------- */
#footer { clear: both; margin: 50px 70px 0 70px; min-height: 50px; }
#footer ul { margin: 0; padding: 0; display: inline; }
#footer ul li { 
	margin: 0 0 0 25px; 
	display: inline; 
	color: #FFF; 
	font-size: 9px; 
	letter-spacing: .5px; 
	text-transform: uppercase; 
	text-shadow: 1px 1px 1px #000; }
#footer p { color: #FFF; font-size: 10px; display: inline; text-shadow: 1px 1px 1px #000; } 
#footer h5 { 
	margin: 0 0 0 60px; 
	display:inline; 
	font-size: 9px; 
	color: #95918D; 
	text-transform: uppercase; 
	letter-spacing: .5px; 
	text-shadow: 1px 1px 1px #000; }
#footer a, #footer a:link, #footer a:hover, #footer a:visited { color: #FFF; }
#footer img { vertical-align: middle; }
#footer .copyright { color: #95918D; margin: 0 0 0 5px;}
.follow_icons { margin: 0 0 0 5px; padding: 0; display: inline;}
.follow_icons img { vertical-align: top !important; }
.follow_icons ul { margin: 0; padding: 0; }
.follow_icons ul li { display: inline; margin: 0 1px 0 0 !important; padding: 0; vertical-align: text-bottom; }

/* Jake additions 4-26-11 */

#forrester #nav { padding-top: 30px; }
#forrester .colwrap { margin-bottom: 40px; }
#forrester #col1 { width: 610px; }
#forrester #col2 { width: 350px; }
#forrester #col2 img { margin: 120px 0px 0px 30px; }
#forrester h1 { width: 525px; margin-bottom: 20px; }
#forrester p { padding: 20px 0px; width: 550px; }

#contactus {
		padding: 0;
		margin: -20px 0 0 0;
		text-align: right;
		color:#cacaca;
		float:right;
	}
#contactus h6 { font-size: 16px; margin-bottom:0; font-family:arial, sans-serif;}
#contactus { z-index: 9000; }
#contactus span {  font-family: verdana, sans-serif; }
#contactus a { padding:0px; }
#contactus a:link { text-decoration:none;}
#contactus a:hover { text-decoration:underline;}
#contactus p { margin:0; padding:0; font-size:13px; }

/*--- Facebok Button fix ---*/

#facebookcontests .fb_iframe_widget iframe { vertical-align: 0 !important; }

