@charset "UTF-8";
/* General Rules */

body {
	background:#8b8b8b url(../images/body/bg.png) repeat-x left top;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#body {
	text-align:center;
	background:url(../images/body/bg_tl.jpg) no-repeat left top;
}

#site-wrap {
	height:800px;
	width:805px;
	text-align:left;
	margin:0 auto;
	padding:0 35px;
	background:url(../images/body/nav_lip.png) no-repeat right 46px;
}

img {
	border:none;
}

a {
	outline:none;	
}

p {
	margin:10px 0;	
}

.clearfix {
	clear:both;
}

.font-large {
	font-size:16px;
}

/* Header */

#header {
	height:104px;	
}

#header #topbar {
	float:right;
	height:46px;
	width:590px;
}

#topbar .links {
	float:right;
	margin:6px 15px 0 0;
	height:22px;
	line-height:22px;
	font-size:10px;
}

#topbar .links a, #footer .links a {
	height:22px;
	margin:0;
	float:right;
	text-indent: -5000px;
}

#topbar .links a.btn-contact {
	width:63px;
	background:url(../images/labels/contact_us.gif) no-repeat left top;
}

#topbar .links a.btn-news {
	width:26px;
	background:url(../images/labels/news.gif) no-repeat left top;
}

#topbar .links a.btn-support {
	width:47px;
	background:url(../images/labels/support.gif) no-repeat left top;
}


#topbar .links a:hover {
	background-position:left center;
}

#topbar .search {
	float:right;
	margin:8px 15px 0 0;
	height:22px;
}

#topbar .search input[type=text] {
	background-color:#000;
	border:1px solid #999999;
	width:150px;
	padding:3px 2px;
	color:#999999;
	font-size:9px;
}	

#topbar .separator, #footer .separator {
	color:#999999;
	margin:0 8px;
	float:right;
}

#header #masthead {
	float:right;
	height:25px;
	width:590px;
	background:url(../images/body/masthead.png) no-repeat 0 0;
}

#header a#logo {
	display:block;
	float:left;
	height:74px;
	width:145px;
	margin:30px 0 0 50px;
	background:url(../images/body/logo2.png) no-repeat left top;
	outline:none;
}

#header a#logo:hover {
	background-position:left bottom;
}


#header #topnav {
	float:right;
	height:25px;
	width:590px;
	margin-top:2px;
	background-color:#f78f1e;
}

#topnav ul {
	margin:0 0 0 5px;
	padding:0;
}

#topnav ul li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}

#topnav ul li a {
	background-position:right bottom;
	background-repeat:no-repeat;
	display:block;
	height:25px;
	text-indent: -5000px;
}

#topnav ul li a:hover, #topnav ul li a.current {
	background-position:right top;
}

#topnav ul li a.home {
	width:62px;
	background-image:url(../images/nav/home.png);
}

#topnav ul li a.thecontests {
	width:108px;
	background-image:url(../images/nav/thecontests.png);
}

#topnav ul li a.solutions {
	width:84px;
	background-image:url(../images/nav/solutions.png);
}

#topnav ul li a.results {
	width:73px;
	background-image:url(../images/nav/results.png);
}

#topnav ul li a.theplatform {
	width:108px;
	background-image:url(../images/nav/theplatform.png);
}

#topnav ul li a.aboutus {
	width:83px;
	background-image:url(../images/nav/aboutus.png);
}

#topnav ul li a.fctv {
	width:60px;
	background-image:url(../images/nav/fctv.png);
}

/* Content Layout */

#content-top {
	width:805px;	
}

#content-bottom {
	width:770px;
	margin-left:35px;
}

#content-bottom h1 {
	margin:0 0 5px 0;
	padding:0;
	color:#4d4d4d;
	font-size:20px;
	font-weight:normal;
	letter-spacing:0.5px;
}

#content-bottom p {
	font-size:14px;
	color:#f2f2f2;
	line-height:20px;
	margin:0;
	padding:0;
	letter-spacing:0.5px;
}

#content-bottom span.highlight {
	color:#4d4d4d;
}

#content-bottom a.banner {
	display:block;
	position:absolute;
	z-index:1;
	background-color:#262626;
	background-position: 92% center;
	background-repeat: no-repeat;
	height:30px;
	width:502px;
	margin-top:157px;
}

div.text-large {
	font-size:14px;
	line-height:24px;
}

div.text-normal {
	font-size:12px;
	letter-spacing:0.5px;
	line-height:20px;
}


/* Footer */

#footer {
	width:770px;
	background:#000 url(../images/body/footer_bg.png) no-repeat 0 0;
	height: 95px;
	margin-left:35px;
}

#footer .links {
	float:right;
	margin:15px 15px 0 0;
	height:22px;
	line-height:22px;
	font-size:10px;
}

#footer .separator {
	color:#fadfc3;	
}

#footer .links a.btn-contact {
	width:63px;
	background:url(../images/labels/contact_us.gif) no-repeat left center;
}

#footer .links a.btn-news {
	width:26px;
	background:url(../images/labels/news.gif) no-repeat left center;
}

#footer .links a.btn-support {
	width:47px;
	background:url(../images/labels/support.gif) no-repeat left center;
}


#footer .links a:hover {
	background-position:left bottom;
}

#footer .bottom {
	padding:70px 15px 0 15px;
	color:#666;
	height:25px;
	line-height:25px;
	font-size:11px;
}

#footer .bottom a {
	color:#666;
	text-decoration:none;
}

#footer .bottom a:hover {
	text-decoration:underline;
}

#footer .copyright {
	height:10px;
	width:294px;
	background:url(../images/labels/copyright.gif) no-repeat left bottom;
	float:right;
	margin-top:5px;
}

#footer a.privacy {
	display:block;
	height:5px;
	width:294px;
	background:url(../images/labels/privacy_policy.gif) no-repeat left top;
	margin-top:10px;
}

#footer a.privacy:hover {
	background-position:left bottom;
}	

/* Subnav */

#subnav-wrap {
	background-color:#e6e6e6;	
	padding:6px 0 6px 6px;
}

#subnav {
	background:#d9d9d9 url(../images/body/subnav_bg.png) repeat-y 0 0;
	width:209px;
}

#subnav .header {
	height:30px;
	line-height:30px;
	text-align:right;
	padding-right:20px;
	color:#fff;
	font-size:17px;
	background:#838383 url(../images/body/subnav_header_bg.png) repeat-y 0 0;
	letter-spacing:0.5px;
}

#subnav .header img {
	padding-top:7px;	
}

#subnav ul {
	margin:0;
	padding:8px 0;
}

#subnav ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#subnav ul li a {
	display:block;
	text-align:right;
	color:#666666;
	text-decoration:none;
	font-size:13px;
	letter-spacing:0.5px;
	padding:0 25px 0 0;
	height:30px;
	line-height:30px;
	background:url(../images/body/subnav_link_bg.png) no-repeat 95% center;
}

#subnav ul li a:hover, #subnav ul li a.current { 
	background:url(../images/body/subnav_link_bg_hover.png) no-repeat right center;
	font-weight:bold;
}

/* ===== Template Specific Styling ===== */

/* Template: Home */

#template-home #content-top > .inner {
	background:#e6e6e6 url(../images/home/content_top_bg.png) no-repeat right top;
	padding:6px 0 6px 6px;
}

#template-home #content-top .column-left {
	float:left;
	width:562px;
	height:258px;
	background:#3c3c3c url(../images/body/artcard_bg.gif) repeat-x 0 0;
}

#template-home #content-top .column-right {
	float:right;
	width:231px;
	margin-left:6px;
	height:258px;
}

#template-home #content-bottom > .inner {
	background:#cccccc url(../images/body/content_bottom_bg.png) repeat-x 0 0;
	padding:10px 6px 6px 6px;
}

#template-home #content-bottom .column-left {
	float:left;
	width:242px;	
	height:200px;
	padding-right:6px;
	border-right:2px solid #1a3662;
}

#template-home #content-bottom .column-right {
	float:right;
	width:502px;	
	margin-left:6px;
	height:200px;
	background-color:#999999;
}

#template-home #content-bottom .column-right a {
	color:#4D4D4D;
	text-decoration:none;
}


#template-home #content-bottom .column-right a:hover {
	text-decoration:underline;
}

#template-home #content-bottom .column-right > .inner {
	padding:19px;	
}

#template-home #content-bottom .column-right a.banner {
	background-image:url(../images/labels/what_does_that_mean_to_me.gif);
}

#charts .header {
	color:#808080;
	text-align:center;
	height:25px;
	line-height:12px;
	padding:8px 5px 2px 160px;
	background:url(../images/home/charts_header_bg.gif) no-repeat 0 13px;
}

#charts ul {
	margin:0;
	padding:0;
}

#charts ul > li {
	margin:0;
	padding:2px;
	list-style:none;
	width:227px;
	height:39px;
	background:url(../images/home/charts_item_bg.png) repeat-x 0 0;
	margin-bottom:2px;
	overflow:hidden;
}

#charts a {
	color:#f78f1e;
	text-decoration:none;
}

#charts a:hover {
	text-decoration:underline;
}

#charts ul > li .picture {
	float:left;
	width:39px;
}

#charts ul > li .data {
	float:left;
	width:186px;
}

#charts ul > li .data table {
	margin-top:6px;
}

#charts ul > li .data table td, #charts ul > li .data table th {
	color:#666666;
	font-size:10px;
	padding-left:5%;
	width:45%;
}

#charts.loading {
	background:url(../images/home/loader.gif) no-repeat center center;	
}

#minislider .placeholder {
	width:242px;
	height:200px;
	background-color:#000;
}

#minislider a.leftnav {
	height:30px;
	width:20px;
	background:url(../images/icons/mininav.gif) no-repeat left top;
	position:absolute;
	z-index:100;	
	margin-top:157px;
	display:block;
}

#minislider a.leftnav:hover {
	background-position:left bottom;
}

#minislider a.rightnav {
	height:30px;
	width:20px;
	background:url(../images/icons/mininav.gif) no-repeat right top;
	position:absolute;
	z-index:100;	
	margin:157px 0 0 222px;
	display:block;
}

#minislider a.rightnav:hover {
	background-position:right bottom;
}

#modalslider {
	float:left;	
}

#modalslider .placeholder {
	width:484px;
	height:400px;
	background-color:#000;
}

#modalslider a.leftnav {
	height:30px;
	width:20px;
	background:url(../images/icons/mininav.gif) no-repeat left top;
	position:absolute;
	z-index:100;	
	margin-top:357px;
	display:block;
}

#modalslider a.leftnav:hover {
	background-position:left bottom;
}

#modalslider a.rightnav {
	height:30px;
	width:20px;
	background:url(../images/icons/mininav.gif) no-repeat right top;
	position:absolute;
	z-index:100;	
	margin:357px 0 0 464px;
	display:block;
}

#modalslider a.rightnav:hover {
	background-position:right bottom;
}

#artslider .placeholder {
	width:562px;
	height:258px;
}

#artslider a.leftnav {
	height:62px;
	width:30px;
	background:#3C3C3C url(../images/icons/slidernav2.gif) no-repeat left top;
	position:absolute;
	z-index:100;	
	margin-top:196px;
	border-right:2px solid #999999;
	display:block;
}

#artslider a.leftnav:hover {
	background-position:left bottom;
}

#artslider a.rightnav {
	height:62px;
	width:30px;
	background:#3C3C3C url(../images/icons/slidernav2.gif) no-repeat right top;
	position:absolute;
	z-index:100;	
	margin:196px 0 0 530px;
	border-left:2px solid #999999;
	display:block;
}

#artslider a.rightnav:hover {
	background-position:right bottom;
}

/* Template: Main */
#template-main #content-top {
	background:url(../images/body/page_content_bg.png) repeat-y left top;
}

#template-main #content-top > .inner {
	background:url(../images/body/page_content_bg_art.png) no-repeat 35px 1000px;
}

#template-main #content-top .column-left {
	float:left;
	width:215px;
}

#template-main #content-top .column-right {
	float:right;
	width:525px;
	padding:25px 40px 25px 25px;
	color:#515151;
}

#template-main #content-top .column-right h1, #template-main #content-top .column-right h2, #template-main #content-top .column-right h3 {
	margin:0 0 6px 0;
	font-weight:bold;
	font-size:20px;
	letter-spacing:0.5px;
	color:#515151;
}

#template-main #content-top .column-right h2 {
	font-size:18px;	
}

#template-main #content-top .column-right h3 {
	font-size:16px;	
}

#template-main #content-top .column-right a {
	color:#f78f1e;
	text-decoration:none;
}


#template-main #content-top .column-right a:hover {
	text-decoration:underline;
}

#template-main #content-bottom > .inner {
	background:#cccccc url(../images/body/content_bottom_bg.png) repeat-x 0 0;
	padding:10px 6px 6px 6px;
}

#template-main #content-bottom .column-left {
	float:left;
	width:242px;	
	padding-right:6px;
	border-right:2px solid #1a3662;
}

#template-main #content-bottom .column-right {
	float:right;
	width:502px;	
	margin-left:6px;
	height:200px;
	background-color:#999999;
	color:#F2F2F2;
}

#template-main #content-bottom .column-right > .inner {
	padding:19px;	
}

#template-main #content-bottom .column-right a.banner {
	background-image:url(../images/labels/see_what_others_are_saying.gif);
}

#template-main #content-bottom .inner {
	font-size:15px;
	line-height:26px;
}


/* General Lists */

.general-lists .row {
	font-size:12px;
	letter-spacing:0.5px;
	line-height:20px;
	margin-bottom:25px;
}

.general-lists span.highlight {
	color:#4d4d4d;
}

.general-lists .row h3{
	margin:5px 0;
}

/* Image Aligning */
img.profilepic {
	float:left;
	margin:4px 15px 8px 0;
}

/* Contest List / Case Study List */

.contest-list .thumb, .cases-list .thumb {
	float:left;
	height:52px;
	line-height:52px;
}

.contest-list .titlelink, .cases-list .titlelink {
	float:left;
	height:47px;
	line-height:22px;
	margin-top:5px;
	width:470px;
}

.contest-list .subheading, .cases-list .subheading {
	margin-left:15px;
}

.contest-list .titlelink a, .cases-list .titlelink a {
	font-size:16px;
	margin-left:15px;
}

.contest-list a.thumb, .cases-list a.thumb {
	display:block;
	width:50px;
	height:50px;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	border:2px solid #666;
}


/* Contest View / Case Study View */

#contestView, #studyView {
	padding:10px;	
}

#contestView .modal_header, #studyView .modal_header {
	height:97px;
	padding-left:484px;
	background:url(../images/home/modal_header_bg.png) no-repeat 134px center;
	margin-bottom:4px;
}

#contestView .modal_header .label, #studyView .modal_header .label {
	font-size:18px;
	color:#4D4D4D;
	margin:0 0 5px 10px;
	padding-top:10px;
}
#contestView .modal_header .title , #studyView .modal_header .title {
	font-size:18px;
	color:#fff;
	margin:0 0 5px 10px;
	width:85%;
}

#contestView .description, #studyView .description {
	float:left;	
	color:#fff;
	font-size:13px;
	letter-spacing:0.5px;
	line-height:20px;
	width:270px;
	margin-left:4px;
	padding:10px;
	background-color:#939393;
	min-height:380px;
}

#contestView .description a , #studyView .description a {
	color:#4D4D4D;
	text-decoration:none;
}

#contestView .description a:hover , #studyView .description a:hover {
	text-decoration:underline;
}

/* Modal General */

.videoClick {
	background:url(../images/home/video_click2.jpg) no-repeat left top;
}

.videoClick:hover {
	background-position:left bottom;
}

.jqmWindowVideo {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -340px;
    width: 640px;
	height:360px;
	background-color: #000;
    color: #333;
	border:20px solid #000;
}

.jqmWindowContent {
    display: none;
    position: fixed;
    top: 80px;
    left: 50%;
    /*margin-left: -403px;*/
	margin-left: -388px;
    width: 805px;
	background-color: #a9a9a9;
    color: #4D4D4D;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindowContent .modalBtns {
	height:7px;margin:10px 0 5px 490px;
}

.jqmWindowContent a.modalNext, .jqmWindowContent a.modalPrev {
	display:block;
	float:left;
	height:7px;
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:20px;
}

.jqmWindowContent a.modalNext:hover, .jqmWindowContent a.modalPrev:hover {
	background-position:left bottom;
}

.jqmWindowContent a.modalNext {
	background-image:url(../images/labels/btn_next.gif);
	width:52px;
}

.jqmWindowContent a.modalPrev {
	background-image:url(../images/labels/btn_previous.gif);
	width:89px;
}

.jqmWindowContent a.closemodal {
	float:right;	
}