/* CSS Document */

@import url("reset.css");

body{font-family: Arial, Helvetica, sans-serif; color:#4f4f4f; background: #fff url(../images/bg_greybar.png) 0 0 repeat-x; text-align:center;}
sup{position:relative; font-size:70%; vertical-align:baseline; bottom:.40em; text-decoration: none;}
#wrap{position:relative; width:960px; margin:0 auto 0 auto; text-align: left;}
#header{position:relative; width:936px; height:55px; margin:0 auto 0 auto;}
#header img.mlLogo{position:absolute; top:10px; left:0;}
#header img.juiceConvoTag{position:absolute; top:27px; left:215px;}

p{font-size: .85em; padding: 0 0 .85em 0;}
p.instruction{font-size: 85%;}
p.errorMessage{color:#f00;}
a{color: #ffa11c; text-decoration: none;}
a:hover{color: #000; text-decoration: none;}

#subtopNav{position:absolute; right:0; top:23px; width: 600px; margin-right: -6px;}
#subtopNav a{display:block; background-position: 0 -2px; background-repeat: no-repeat; width:132px; height: 37px; text-indent: -9999em; float: left;}
#subtopNav a:hover{background-position: 0 -43px;}
#subtopNav a.subNav_model{background-image:url(../images/sub_our_model_btn.png); }
#subtopNav a.subNav_products{background-image:url(../images/sub_our_products_btn.png); }
#subtopNav a.subNav_contact{background-image:url(../images/sub_contact_us_btn.png); }
#subtopNav a.subNav_juice{display: inline; font-size: .8em; color: #fff; width: 180px; height: auto; padding:11px 8px 0 0; text-indent: 0; text-align: right; float: left;}
#subtopNav a.subNav_juice:hover{color: #000;}

#mainContentWrap{position:relative; background: url(../images/sub_contentbg.png) 0 0 no-repeat; width:960px; min-height: 300px; _height:300px; margin-top:24px;}
#mainContent {position: relative; padding:147px 57px 0 57px;}

html#zeitgeistPage #mainContentWrap, html#ccmPage #mainContentWrap{background: none;}
html#zeitgeistPage #mainContent, html#ccmPage #mainContent{padding:0 0 0 0; margin:-4px 0 0 0;}
#flashContent{position:relative; width:960px; margin:0 auto 0 auto;}
#clientLogoWrap{position: relative; background: url(../images/client_logos_bg.png) 0 -5px no-repeat; width:960px; margin:5px 0 0 -57px; padding-top:15px;}
#flashContentLogos{margin-left:100px;}
#zncDemoButton, #sm101DemoButton, #zncFollowButtons{width:178px; float:left; text-align: center;}
#zncDemoButton p, #sm101DemoButton p, #zncFollowButtons p{font-weight: bold; color:#999; margin:0; padding:0;}
#zncFollowButtons p{padding-bottom: 8px;}

#zncDemoButton{padding-left: 220px;}

#zncDemoButton a, #sm101DemoButton a{display:block; width: 178px; height: 54px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em;}
#zncFollowButtons a{display:block; width: 38px; height: 41px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em; float: left;}
#zncDemoButton a:hover, #sm101DemoButton a:hover, #zncFollowButtons a:hover{background-position: 0 -53px;}
#zncDemoButton a{background-image: url(../images/zncDemo_btn.png);}
#sm101DemoButton a{background-image: url(../images/zncPower_btn.png);}
#zncFollowButtons a.zncTwitterLink{background-image: url(../images/zncTwitter_btn.png); margin-left: 50px; _margin-left: 25px;}
#zncFollowButtons a.zncFacebookLink{background-image: url(../images/zncFacebook_btn.png);}

#ccmSeeProducts, #ccmContactUs{width: 215px; float: left;}
#ccmSeeProducts{margin-left:260px; _margin-left: 135px;}
#ccmSeeProducts a, #ccmContactUs a{display:block; width: 215px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em;}
#ccmSeeProducts a:hover, #ccmContactUs a:hover{background-position: 0 -38px;}
#ccmSeeProducts a{background-image: url(../images/ccmSeeProds_btn.png);}
#ccmContactUs a{background-image: url(../images/ccmContactUs_btn.png);}

#mainContent h2{margin-bottom:35px;}
#mainContent h3{font-size: 1.12em; font-weight: normal; line-height: 1.5; color: #999; margin:0 0 20px 0;}
#mainContent h3 img{float:right; padding-left:20px;}
html#aboutPage #mainContentWrap{background: url(../images/about_bg.jpg) 0 0 no-repeat; }
html#aboutPage #mainContent h2{background: url(../images/aboutpage_headline.png) 0 0 no-repeat; width:430px; height:60px; text-indent: -9999em;}
html#careersPage #mainContentWrap{background: url(../images/careers_bg.jpg) 0 0 no-repeat; }
html#careersPage #mainContent h2{background: url(../images/careerspage_headline.png) 0 0 no-repeat; width:505px; height:60px; text-indent: -9999em;}
html#careersPage p.meetUs a{display:block; background: url(../images/meetusonyoutube_btn.png) 0 0 no-repeat; width:175px; height: 50px; margin-bottom: 1em; text-indent: -9999em; float: right;}
html#careersPage p.meetUs a:hover{background-position: 0 -51px;}

html#contactPage #mainContentWrap{background: url(../images/contact3_bg.jpg) 0 2px no-repeat;}
html#contactPage #mainContent{background-color: transparent; width: 595px; padding:0 0 0 40px; min-height: 9.45em; float: left; zoom: 1;}
html#contactPage #mainContent h2{background: url(../images/contact_h2_bg.png) 0 0 no-repeat; width:587px; height:90px; margin:60px 0 40px 17px; text-indent: -9999em;}
html#contactPage #mainContent h3{background: url(../images/contactpage_subhead.gif) 0 0 no-repeat; width:523px; height:28px; margin:0 0 10px 20px; padding: 0; text-indent: -9999em;}
html#contactPage #contactHead p{font-size: 1.12em; font-weight: normal; color:#fff; width:800px;}
html#contactPage #contactHead p strong{color: #a6cc4a;}
html#contactPage #contactHead p em{font-style: normal; color: #a6cc4a;}

/* contact and request pages 
---------------------------------- */
html#contactPage #rightCol{width:275px; margin-top: 250px; border-left: 1px solid #ccc; padding-left: 15px; float: left;}
html#contactPage #rightCol h5, html#requestPage #rightCol h5{font-size: .8em; color: #a6cc4a; width: 155px; margin-right: 10px; text-align: right; float: left;}
html#requestPage #rightCol h5.znc{color: #38c9f2;}
html#requestPage #rightCol h5.model{color: #ffa11c;}
html#contactPage #rightCol p, html#requestPage #rightCol p{font-size: .8em; width: 110px; margin-bottom: 20px; float: left;}

html#requestPage #mainContentWrap{padding: 65px 0 0 0;}
html#requestPage #mainContent{background-color: transparent; width: 595px; padding:20px 0 0 40px; min-height: 9.45em; float: left; zoom: 1;}
html#requestPage h2.modelHead{background: url(../images/model_request_h2_bg.jpg) 0 0 no-repeat; width:647px; height:90px; margin:0 0 25px 60px; text-indent: -9999em;}
html#requestPage h2.zncHead{background: url(../images/znc_request_h2_bg.png) 0 0 no-repeat; width:647px; height:90px; margin:0 0 25px 60px; text-indent: -9999em;}
html#requestPage #rightCol{width:275px; margin-top: 40px; border-left: 1px solid #ccc; padding-left: 15px; float: left;}

html#requestPage fieldset label select{margin-bottom: 1.75em;}

html#privacyPage #mainContentWrap{background: url(../images/privacy_bg.jpg) 0 0 no-repeat;}
html#privacyPage #mainContent h2{background: url(../images/privacypage_headline.png) 0 0 no-repeat; width:505px; height:60px; text-indent: -9999em;}
html#privacyPage #mainContent strong{font-size: 112%; color: #999;}

html#logoutPage #mainContentWrap{background: url(../images/register_bg.jpg) 0 0 no-repeat; }
html#logoutPage #mainContent h2{background: url(../images/logoutpage_headline.png) 0 0 no-repeat; width:505px; height:60px; text-indent: -9999em;}
html#optoutPage #mainContentWrap{background: url(../images/contact_bg.jpg) 0 0 no-repeat; }
html#optoutPage #mainContent h2{background: url(../images/optoutpage_headline.png) 0 0 no-repeat; width:505px; height:60px; text-indent: -9999em;}

/* Zeitgeist Beta Page
-------------------------------------*/
html#zeitgeistBeta #mainContentWrap{background: url(../images/znc_blue_bg.jpg) 0 0 no-repeat; }
html#zeitgeistBeta #mainContent {position: relative; width: 364px; padding:105px 0 0 57px; min-height: 33em; _height: 33em;}
html#zeitgeistBeta #mainContent h2{background: url(../images/znc_beta_headlinebg.png) 0 0 no-repeat; width:469px; height:103px; text-indent: -9999em;}
html#zeitgeistBeta #mainContent a.zncApplyBtn{position: relative; margin-left: -9px;}
html#zeitgeistBeta #mainContent div#consoleImage{position: absolute; top: 170px; left: 440px;}

#careersLeft{position:relative; width:246px; margin-right:40px; margin-top: 2em; float:left;}
#careersRight{position:relative; width:560px; margin-top: 2em; float:left;}
#careersRight h3{margin-top:0;}

div.careeritemcontainer p.careerTitle{color:#38c9f2;}
div.careeritemcontainer{font-size: .85em;}
div.careeritemcontainer p{font-size: 100%;}
div.careeritemcontainer div ul{margin:10px 0 10px 1.7em; list-style-type: disc;}
div.careeritemcontainer div ul li{padding:0 0 6px 0;}

#contactLeft{position:relative; width:246px; margin-right:40px; float:left;}
#contactLeft h5{color:#ffa11c;}
#contactLeft em{color:#ffa11c; font-style: normal;}
#contactRight{position:relative; width:560px; float:left;}

fieldset{font-size:.85em;}
fieldset p{font-size:100%;}
fieldset p.disclaim{font-size:85%; width: 220px; margin:0 0 0 130px;}
fieldset label{display:block; margin:0 0 5px 20px; clear:both;}
fieldset label.mnameHide{display:none;}
fieldset label span{display:block; width:110px; float:left;}
fieldset label input{width: 210px;}
fieldset label select{width: 225px;}
fieldset label input.checkbox{width: auto; margin:0; padding:0;}
fieldset input.submit{margin:0 0 20px 130px;}

html#contactPage #mainContent fieldset, html#requestPage #mainContent fieldset{float: left;}
html#contactPage #mainContent fieldset.message, html#requestPage #mainContent fieldset.message{padding-top: 1.75em; margin-left: 30px;}
html#contactPage #mainContent fieldset.message label span, html#requestPage #mainContent fieldset.message label span{width: 80px;}
html#contactPage fieldset p, html#requestPage fieldset p{padding-left:20px;}
html#contactPage fieldset p a, html#requestPage fieldset p a{color:#fff;}
html#contactPage fieldset p a:hover, html#requestPage fieldset p a:hover{color:#000;}
html#contactPage #mainContent fieldset p.disclaim, html#requestPage #mainContent fieldset p.disclaim{padding-left:0; width: 230px; margin-left: 169px; _margin-left: 87px; float: left;}
html#contactPage #mainContent fieldset p.disclaim a, html#requestPage #mainContent fieldset p.disclaim a{color:#ffa11c;}
html#contactPage #mainContent fieldset p.disclaim a:hover, html#requestPage #mainContent fieldset p.disclaim a:hover{color:#000;}
html#contactPage #mainContent fieldset label span, html#requestPage #mainContent fieldset label span{display:block; width:150px; float:left;}
html#contactPage #mainContent fieldset label input, html#requestPage #mainContent fieldset label input{width: 380px;}
html#contactPage #mainContent fieldset label textarea, html#requestPage #mainContent fieldset label textarea{width: 383px;}
html#contactPage #mainContent fieldset input.submit, html#requestPage #mainContent fieldset input.submit{margin:0 0 10px 30px;}

html#optoutPage fieldset input.submit{margin:7px 0 20px 20px;}
html#optoutPage fieldset textarea{width: 220px; margin: 5px 0 0 20px;}

#officers {padding-left: 20px;}
#officers div p {float:left; padding:0 0 10px 0;}
#officers div p.text {padding:20px 0 0 6px;}
/*
div#multicolumn1 {
	color:#4f4f4f;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
div#multicolumn1 p{
	margin-bottom: 10px;
	}
*/

#footer{width:960px; margin:50px 0; text-align: center;}
#footer p{font-size:.75em; color:#4f4f4f;}
#footer p img{margin-bottom:-4px;}
#footer p a{color:#4f4f4f; margin:0 8px; text-decoration: none;}
#footer p a:hover{color:#000;}
#footer p a.twitterFooterLink{margin:0 4px 0 4px;}
#footer p a.facebookFooterLink{margin:0 2px 0 2px;}
#footer p a.youtubeFooterLink{margin:0 4px 0 2px;}
#footer p.footerLegal{font-size: .7em; color: #999; margin:2em auto 0 auto; width: 700px;}

#mainContentWrap #thankyouContent{padding:3em 13em; min-height: 23em;}
#mainContentWrap #thankyouContent p{font-size: 1.65em; color: #ffa11c;}
#mainContentWrap #thankyouContent p.redirectMessage{font-size: 1.2em; font-style: italic; color: #999; padding-right: 3em;}

.clear{clear:both; font-size:0px; line-height:0; margin:0;}