body{ text-align:center; behavior: url(csshover.htc);} img{ display:block; } img.color, img.cross{ float:left; margin-top:2px; margin-right:9px; } a{ color:#1a73da; text-decoration:none; } .secTitle{ font-weight:bold; color:#515151; font-size:11px; font-family:Arial,Verdana; } .careerTitle{ font-weight:bold; color:#000000; } #container{ margin:20px auto; width:800px; font-size:12px; font-family:Arial,Verdana; color:#333; text-align:left; height:100%; background:url('http://www.mansueto.com/images/container_bg.gif') repeat-y;} #container div#content{ float:left; width:763px; position:relative; margin-left:18px; *margin-left:18px; _margin-left:9px; } #container div#content div#logoSec{ float:left; } #container div#content div#homeSec{ float:right;margin-top:10px;margin-right:7px; } #container div#content img#mainImg{ border:8px solid #333;border-width:8px 0px 0px 0px; margin-top:3px; clear:both; } /* Menu bar tweeks for homepage */ #container div#content div#menubar_home{ margin-top:3px; } #container div#content div#menubar_home img.arrow{ position:absolute; top:62px;} #container div#content div#menubar_home img.arrow#home{ left:49px; } /* Menu bar arrow placement for each section */ #container div#content div#menubar{ z-index:0; position:absolute; } #container div#content div#menubar img.arrow{ position:absolute; top:19px;} #container div#content div#menubar img.arrow#brands{ left:50px; } #container div#content div#menubar img.arrow#adv{ left:165px; } #container div#content div#menubar img.arrow#serv{ left:280px; } #container div#content div#menubar img.arrow#career{ left:505px; } #container div#content div#menubar img.arrow#events{ left:605px; } #container div#content div#menubar img.arrow#press{ left:396px; } #container div#content div#menubar img.arrow#contact{ left:707px; } /* Gray Top Area of Home Page */ #container div#content div#topHalf{ background:url('http://www.mansueto.com/images/graystripes.gif') no-repeat; height:312px; padding:12px 15px 15px 5px; clear:both; } #container div#content div#topHalf img{ margin-left:3px; margin-bottom:1px; } #container div#content div#topHalf p{ font-size:11px; margin-top:5px;padding-left:80px; } /*#container div#content div#topHalf p.photocredit { font-size:8.5px;color:#999;padding-left:340px;margin-top:0px;}*/ /* Text formatting */ #container div#content div.mainText{ padding:40px 15px 15px 25px; width:520px; } #container div#content div.homeText{ padding:3px 275px 15px 15px; } #container div#content div.homeText p{ margin-top:10px; } /* Brands Gray Box */ #container div#content div#grayBox{ padding:60px 25px 15px 0px; width:174px; float:right; } #container div#content div#grayBox div{ background:url('http://www.mansueto.com/images/grayBoxBg.gif'); padding:5px 10px 10px 10px; } #container div#content div#grayBox div.web{ padding-left:7px; } #container div#content div#grayBox div p{ font-size:11px; margin-top:3px; } #container div#content div#grayBox div img{ border:2px solid #FFFFFF; } /* Brands Subsection */ #container div#content div#subSec{ padding:10px 25px 0px 25px; clear:both; } #container div#content div#subSec div.subSec_container{ float:left; width:344px; padding:10px 0px 10px 0px; position:relative; } #container div#content div#subSec div.subSec_container div{ background:url('http://www.mansueto.com/images/subboxbg.gif') no-repeat; height:133px; padding:5px 10px 5px 10px; } #container div#content div#subSec div.subSec_container div p{ font-size:11px; position:absolute; bottom:25px; right:11px; } #container div#content div#subSec div.subSec_container#right{ padding:10px 2px 10px 23px; } /* News box*/ #container div#content div#newsBox{ position:absolute; background-color:#dbe7f1; width:235px; height:500px; right:10px; border:1px solid #b3d0ea; border-width:0px 1px 0px 1px; padding:12px 8px 20px 8px;} #container div#content div#newsBox .date{ font-size:10px;font-weight:bold; color:#333; } #container div#content div#newsBox p{ margin:12px 0px 0px 0px; font-size:11px; line-height:14px; } #container div#content div#newsBox p.readmore{ text-align:right; margin-top:25px; } #container div#content div#newsBox img.color{ display:inline; margin-top:2px; margin-right:5px; } #container div#content div#newsBoxBottom{ position:absolute; right:10px; top:577px; } #container div#content div#newsBox div#checkOut{ margin-top:60px;*margin-top:57px;_margin-top:57px; } #container div#content div#newsBox div#checkOut div{ float:left; margin:10px 5px 0px 7px; _margin:10px 5px 0px 5px; text-align:center; } #container div#content div#newsBox div#checkOut div img{ border:3px solid #FFFFFF; display:inline; } #container div#content div#newsBox div#checkOut div a{ font-size:11px; } #container div#content div#newsBox div#checkOut div p{ margin:3px 0px 0px 0px; } /* Explore box */ #container div#content div#explore { padding:35px 15px 0px 15px; *padding:20px 15px 0px 15px; _padding:20px 15px 0px 15px; } #container div#content div#explore div#blurbBoxes { border:5px solid #8ab02c; border-width:5px 0px 0px 0px; margin-top:5px; background:url('http://www.mansueto.com/images/explore_bg.gif'); height:150px; } #container div#content div#explore div#blurbBoxes div{ float:left; width:23%; height:125px; font-size:11px; border:1px solid #8ab02c;border-width:0px 1px 0px 0px; padding:0px 5px 0px 8px; margin-top:10px; } #container div#content div#explore div#blurbBoxes div img{ margin-bottom:5px; } #container div#content div#explore div#blurbBoxes div p{ margin-top:5px; } /* Media Kit blocks */ #container div#content div#mediaSec{ padding:50px 25px 20px 25px; } #container div#content div#mediaSec.online{ padding:30px 25px 20px 25px; height:225px; } #container div#content div#mediaSec div{ background:url('http://www.mansueto.com/images/mediaBg.gif') no-repeat; width:710px; height:245px; padding:15px 35px 15px 35px; margin-top:7px; } #container div#content div#mediaSec div#sec{ background:url('http://www.mansueto.com/images/mediaBg2.gif') no-repeat; height:210px; } #container div#content div#mediaSec div a{ font-weight:bold; font-size:11px; } #container div#content div#mediaSec div img{ float:left; margin-right:10px; } #container div#content div#mediaSec div p{ margin:7px 58px 0px 0px; line-height:17px; clear:both; } #container div#content div#mediaSec div p.fc{ margin-top:48px; clear:none; } #container div#content div#mediaSec div p.fccom{ padding-top:7px; clear:none; } #container div#content div#mediaSec div p.biz{ padding-top:5px; clear:none; } #container div#content div#mediaSec div p.tech{ padding-top:7px; clear:none; } #container div#content div#mediaSec div p.inc{ margin-top:8px; clear:none; } #container div#content div#mediaSec div p.inccom{ margin-top:7px; *margin-top:20px; _margin-top:20px; clear:none; } #container div#content div#mediaSec div p.divider{ margin:15px 0px 40px 110px; } /* SERVICES */ #container div#content div#serveSec{ padding:50px 25px 20px 25px; } #container div#content div#serveSec p{ margin:15px 0px 0px 0px; line-height:17px; clear:both; } #container div#content div#serveSec div{ float:left; margin:10px; text-align:center; } #container div#content div#serveSec div#examples{ margin-left:120px; _margin-left:55px; } #container div#content div#serveSec ul#services{ border:0px; margin-top:15px; text-align:left; height:75px; margin-left:35px; padding-bottom:30px; *padding-bottom:40px; _padding-bottom:40px;} #container div#content div#serveSec ul#services li{ list-style-type:none; float:none; font-weight:normal; font-size:12px; margin-top:7px; } #container div#content div#serveSec ul#services li img{ margin-right:10px;} /* CAREERS */ #container div#content div#careerSec{ padding:50px 25px 20px 25px; } #container div#content div#careerSec p{ margin:8px 0px 0px 0px; line-height:17px; clear:both; } #container div#content div#careerSec div{ margin-top:20px; } #container div#content div#careerSec div#openPos{ margin-top:35px; } #container div#content div#careerSec div#openPos table#jobTable{ width:100%; border:1px solid #CDCDCD; margin-top:10px; } #container div#content div#careerSec div#openPos table#jobTable td.header{ color:#84ab25; font-weight:bold; } #container div#content div#careerSec div#openPos table#jobTable td#col1{ width:240px; } #container div#content div#careerSec div#openPos table#jobTable td#col2, #container div#content div#careerSec div#openPos table#jobTable td#col3{ width:107px; } #container div#content div#careerSec div#openPos table#jobTable td#col4{ width:100px; } #container div#content div#careerSec div#openPos table#jobTable td ul{ border:0px; height:100%; text-align:left; padding:0px; margin:7px 0px 15px 0px; } #container div#content div#careerSec div#openPos table#jobTable td ul li { list-style-type:square; float:none; font-family: Arial,sans-serif; font-size:12px; font-weight:normal; margin-bottom:3px; margin-left:15px; } #container div#content div#careerSec div#openPos table#jobTable a{ font-weight:bold; } #container div#content div#careerSec div#openPos table#jobTable tr.stripe{ background-color:#ebebeb; } #container div#content div#careerSec div#openPos table#jobTable td{ padding:6px; } #container div#content div#careerSec div#openPos table#jobTable tr#job1, #container div#content div#careerSec div#openPos table#jobTable tr#job2, #container div#content div#careerSec div#openPos table#jobTable tr#job3, #container div#content div#careerSec div#openPos table#jobTable tr#job4, #container div#content div#careerSec div#openPos table#jobTable tr#job5, #container div#content div#careerSec div#openPos table#jobTable tr#job6, #container div#content div#careerSec div#openPos table#jobTable tr#job7, #container div#content div#careerSec div#openPos table#jobTable tr#job8, #container div#content div#careerSec div#openPos table#jobTable tr#job9, #container div#content div#careerSec div#openPos table#jobTable tr#job10{ display:none; } /* EVENTS */ #container div#content div#eventsSec{ padding:50px 25px 20px 25px; } #container div#content div#eventsSec p{ margin:10px 0px 0px 0px; line-height:17px; clear:both; } #container div#content div#eventsSec div.entry p a{ font-weight:bold; } #container div#content div#eventsSec div{ padding:10px 0px 0px 0px; } #container div#content div#eventsSec div.entry{ padding-top:0px; } #container div#content div#eventsSec div.entry div{ padding-left:20px; border:1px solid #CCCCCC;border-width:0px 0px 1px 0px;padding-bottom:15px; } #container div#content div#eventsSec div.entry div p a{ font-weight:normal; } /* PRESS */ #container div#content div#pressSec{ padding:50px 25px 20px 25px; } #container div#content div#pressSec div.entry{ border:1px solid #CCCCCC; border-width:0px 0px 1px 0px; padding-bottom:10px;margin-bottom:0px; } #container div#content div#pressSec div.entry .date{ font-size:10px; color:#6e6e6e; } #container div#content div#pressSec div.entry#last{ border:0px; } #container div#content div#pressSec div.entry p a{ font-weight:bold; } #container div#content div#pressSec p#pageNav{ text-align:center;font-size:11px;margin-top:40px;font-weight:bold;color:#999999; } #container div#content div#pressSec table tr td div p{ margin:8px 0px 0px 0px; line-height:17px; clear:both;} #container div#content div#pressSec div#art_date{ margin-top:10px; margin-bottom:15px; } #container div#content div#pressSec div.entry#art{ border:0px; padding-bottom:0px; } #container div#content div#pressSec div.entry#art p{ margin:12px 0px 0px 0px; line-height:18px; } #container div#content div#pressSec div.entry#art p.h1{ font-size:14px; font-weight:bold; margin-bottom:15px; clear:both; color:#85ab24; } #container div#content div#pressSec div#art_date img.cross{ margin-top:0px; } #container div#content div#pressSec ul{ border:0px; margin:15px 0px 20px 45px; text-align:left; height:100%; list-style-type:disc; width:95%; } #container div#content div#pressSec ul li{ float:none; font-weight:normal; font-size:12px; margin-top:7px; } #container div#content div#pressSec div.entry p.first{ margin-top:20px; } #container div#content div#pressSec div.entry p.bottom{ padding-top:25px; font-size:11px; color:#6e6e6e; } #container div#content div#pressSec div.entry p.lead{ font-style:italic; } #container div#content div#pressSec .byline{ font-size:11px; } /* CONTACT */ #container div#content div#contactSec{ padding:50px 25px 20px 25px; } #container div#content div#contactSec div.title{ width:115px; font-size:11px; margin-left:44px; } #container div#content div#contactSec div{ float:left; } #container div#content div#contactSec p{ padding:5px 0px 7px 42px; clear:both; } #container div#content div#contactSec div#dept{ margin-top:40px; margin-bottom:25px; padding-left:0px; clear:both; } #container div#content div#contactSec div#dept p{ margin:0px 0px 0px 2px; clear:both; } #container div#content div#contactSec div#dept p.dept{ font-weight:bold; color:#84ab25; } #container div#content div#contactSec div#dept p.divide{ margin:15px 0px -10px 3px; } #container div#content div#contactSec div#dept div.title{ width:190px; } /* MANSUET0 */ #container div#content div#MansuetoSec{ padding:50px 25px 20px 25px; } #container div#content div#MansuetoSec div#graffiti{ float:right;margin:20px 0px 10px 15px; } #container div#content div#MansuetoSec div#graffiti img{ margin-bottom:2px; } #container div#content div#MansuetoSec div#graffiti a.graffitiCaption{ font-size:10px; } #container div#content div#MansuetoSec p{ clear:none;margin-top:10px; } #container div#content div#MansuetoSec p.first{ margin-top:20px; } /* Footer */ #container div#footer{ clear:both; background:url('http://www.mansueto.com/images/container_bottom.gif') no-repeat; height:62px; font-size:9px; text-align:center; } #container div#footer p{ margin:5px 0px 5px 25px; } #container div#footer p{ margin:5px 0px 5px 0px; #}