/* Global styles */ body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#5f5f60 url(../images/bg_slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222; font-size:12px;} * {margin: 0 auto; padding: 0;} /*<------<--------<-----| This assumes we're centering!!! */ a img {border: none;} a { color:#0446bc; text-decoration: underline; font-weight:bold} a:active{outline:none !important;} a:hover, a.current {text-decoration: none;} p { font-size:12px; padding:0 0 14px 0; line-height:16px;} ul, ol {padding:0;} li {} td, th, tr {font-size:11px;} strong { color:#332a86;} h1{color:#4D7730; font-size:20px; padding:0 0 10px 0;} h2{color:#4D7730; font-size:20px; padding:0 0 10px 0;} h3{color:#4D7730; font-size:20px; padding:0 0 10px 0;} h4{color:#4D7730; font-size:14px; padding:0 0 10px 0;} h4 a{color:#4D7730; font-size:14px; padding:0 0 10px 0;} h5{color:#4D7730; font-size:14px; padding:0 0 10px 0;} h6{color:#4D7730; font-size:14px; padding:0 0 10px 0;} /*****************Universal Classes*******************/ .bigtxt{color:#4D7730; font-size:20px;} .medtxt{color:#4D7730; font-size:14px;} .medtxt a{color:#4D7730; font-size:14px;} .right{float:right;} .left{float:left;} .full{position:relative; width:99%;} .split50{position:relative; width:50%;float:left;} .split30{position:relative; width:33%;float:left;} .formpadding td {padding: 0 0 10px 0;} .greyLine { border:1px solid #656262; border-width:0 0 1px 0; margin-bottom:10px; clear:both} .padd { padding:20px 20px 20px 8px;} .padd2 { padding:10px 20px 20px 8px;} .padd3 { padding:0 0px 0px 10px;} .padd4 { padding:0 20px 10px 8px;} .back{position:relative !important; z-index:0;} /*.red{background:#f00; border:2px solid #f00; display:none;}*/ .dontshow{ display:none} hr{ color:#636162; border:#fff; background-color:#636162; margin-bottom:10px; height:1px;} /*****************JQuery Styles*******************/ div.answer{display: none;} .answer{padding:0 0 0 20px; margin-bottom:5px;} div.question{ margin:0 0 10px 0; background: url(../images/arrow-orange-right.png) no-repeat; padding:0;} div.question h4{ margin:0; padding:2px 0 0 20px; font-size:14px; color:#e4701e;} div.question p{ margin:0; padding:0 0 0 20px; font-size:12px;} div.question:hover { margin:0 0 10px 0; background: url(../images/arrow-purple-right.png) no-repeat; padding:0; cursor:pointer} div.question h4:hover { margin:0; padding:2px 0 0 20px; font-size:14px; color:#332a86;} div.question.active{ margin:0 0 10px 0; background: url(../images/arrow-purple-down.png) no-repeat; padding:0;} div.question.active h4{ margin:0; padding:2px 0 0 20px; font-size:14px; color:#332a86;} /*****************Homepage IDs********************************************/ #HomeWrapper{position:relative; width:915px; margin-top:10px; margin:0 auto} #Top{ width:851px; margin:0 auto;} #Top3{ width:851px; margin:0 auto; position:absolute; top:2px; right:15px} #Top2{ width:851px; margin:0 auto; height:50px;} #Middle{ width:883px; padding:0 0 0 32px; margin-top:10px; overflow:hidden} #Below{ width:851px; margin:0 auto; overflow:hidden; padding:0;} #BodyTop{ background:url(../images/hp_sliceTopMain.png) no-repeat; height:11px; width:851px; float:left; overflow:hidden} #Flash{ background:url(../images/hp_flashbg.gif) no-repeat; width:851px; height:314px; float:left; margin:0; padding:0;overflow:hidden} #StarterSiteGal{ width:800px; height:475px; padding:0 0 0 29px;} /*****************Homepage Photos*********************/ #HPphotos {width: 851px; height: 150px; list-style: none; padding:0; margin:0; clear:both; display:block;} #HPphotos ul {margin:0; padding:0; list-style:none} #HPphotos li {float: left;} #HPphotos li a span {display: none; } #HPphotos li a {height: 150px; display: block; float: left; padding: 0;} #HPphotos li a.websites {width:172px; background: url(../images/hp_pic_websites.gif) no-repeat top;} #HPphotos li a.campaigns {width:168px; background: url(../images/hp_pic_campaigns.gif) no-repeat top;} #HPphotos li a.identity {width:169px; background: url(../images/hp_pic_identity.gif) no-repeat top;} #HPphotos li a.newsletters {width:169px; background: url(../images/hp_pic_newsletters.gif) no-repeat top;} #HPphotos li a.strategy {width:173px; background: url(../images/hp_pic_strategy.gif) no-repeat top;} #HPphotos li a:hover, #HPphotos li a.current {background-position: bottom; } #HPphotosBottom { background:url(../images/hp_sliceBelowPic.gif) no-repeat; height:7px; width:851px; margin-bottom:12px} /*************************************************************************/ /*****************Homepage Blog*******************************************/ #BlogTop{ background:url(../images/blog_top.gif) no-repeat; height:11px; overflow:hidden} #BlogMiddle{ background-color:#fff; width:831px; padding:0 10px 0 10px;} /* Hard-coded blog styles --------------------REMOVE ME!!!!!!!!!!!!!!!!!!!!!!!! .blogentry{ float:left; width:234px;} .blogentry img{ float:left; padding:3px 4px 0 2px} .blogcopy{ float:left; width:178px;} .blogcopy h3{ font-size:10px; color:#fe7e00; padding:0; margin:0} .blogcopy h4{ font-size:10px; color:#939598; text-transform:uppercase; padding:0; margin:0} .blogcopy p{ font-size:9px; color:#000; padding:0; margin:0} */ .fl {float: left; display: inline;} .news_slider {position: relative; width: 730px; margin: 0 auto; text-align: left; float:right;} .news_slider .messaging {display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;} .news_slider .prev, .news_slider .next {position: absolute; display: none;} .news_slider .next {right: 0;} .news_slider .container {position:relative; top:0; left:0; height:50px; overflow:hidden;} .news_slider .news_items {position: relative; width: 700px; top: 0; overflow: hidden;} .news_slider .view_all {display:none;padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center;} .news_slider .item {width: 234px; font-size:9px; color:#000; padding:0; margin:0; float:left;} .news_slider .item img{float:left; padding:0 4px 0 0} .news_slider .item .blogcopy{float:left; width:170px; margin:0; padding:0;} .news_slider h3{font-size:10px; color:#fe7e00; padding:0; margin:0; display:inline;} .news_slider h4 a{text-decoration:none; font-size:10px; color:#939598; text-transform:uppercase; padding:0; margin:0; display:inline;} .news_slider p{float:left; font-size:9px; color:#000; padding:0; margin:0;} .news_slider .item div {width: 234px; padding: 10px 0;} /*************************************************************************/ /*****************Subpage IDs*********************************************/ .SubWrapper{ width:915px; margin-top:10px; padding:0; overflow:hidden} #SubWrapper{ width:915px; margin-top:10px; padding:0; overflow:hidden} #SubMiddleWrapper{ width:883px; float:left; padding:0; margin:0} #SubBodyTop{ background:url(../images/hp_sliceTopMain.png) no-repeat; height:11px; width:851px; float:left; margin-left:32px; _margin-left:16px; overflow:hidden} #SubBodyMiddle{ background:url(../images/sub_bg_slice.gif) repeat-y; width:883px; float:left; overflow:hidden; min-height:400px;} #SubBodyMiddle ul{ margin:0; padding:0 0 10px 30px;} #SubBodyMiddle ol{ margin:0; padding:0 0 10px 30px;} #SubBodyMiddle li{ padding:0 0 5px 0; line-height:16px;} #SubCopyHolder{ width:420px; float:left} #SubSideBar {} #SubSideBarCopy { width:230px; height:28px; float:left} #SubSideBarCopy p{width:210px; float:left } #Arrow{ background:url(../images/arrow_orange.gif) no-repeat bottom; width:16px; height:28px; float:right; margin-top:75px;} /*****************Subpage Pics********************************/ #SubLgPic{width:460px; height:492px; float:left} #SubLgPic .default{ background:url(../images/lg_pic-default.png) no-repeat; width:460px; height:492px; } #SubLgPic .webcritique{ background:url(../images/lg_pic_webcritique.png) no-repeat; width:460px; height:492px; } #SubLgPic .mktgide{ background:url(../images/lg_pic_marketingguide.png) no-repeat; width:460px; height:492px; } #SubLgPic .kwebgide{ background:url(../images/lg_pic_killerwebsite.png) no-repeat; width:460px; height:492px; } #SubLgPic .freeres{ background:url(../images/lg_pic-freeresources.png) no-repeat; width:460px; height:492px; } #SubLgPic .lwh{ background:url(../images/lg_pic_lunchwithhaley.png) no-repeat; width:460px; height:492px; } #SubLgPic .howto{ background:url(../images/lg_pic_1_howto.png) no-repeat; width:460px; height:492px; } #SubLgPic .marketingideas{ background:url(../images/lg_pic_1_marketideas.png) no-repeat; width:460px; height:492px; } #SubLgPic .salesideas{ background:url(../images/lg_pic_1_sales.png) no-repeat; width:460px; height:492px; } #SubLgPic .recruitingideas{ background:url(../images/lg_pic_1_recideas.png) no-repeat; width:460px; height:492px; } #SubLgPic .services{ background:url(../images/lg_pic_2_services.png) no-repeat; width:460px; height:492px; } #SubLgPic .websites{ background:url(../images/lg_pic_2_websites.png) no-repeat; width:460px; height:492px; } #SubLgPic .webdesign{ background:url(../images/lg_pic_2_website-design.png) no-repeat; width:460px; height:492px; } #SubLgPic .app{ background:url(../images/lg_pic_2_websites-app.png) no-repeat; width:460px; height:492px; } #SubLgPic .seo{ background:url(../images/lg_pic_2_seo.png) no-repeat; width:460px; height:492px; } #SubLgPic .emailmarketing{ background:url(../images/email_mktg_guide.png) no-repeat; width:460px; height:492px; } #SubLgPic .blogs{ background:url(../images/lg_pic_2_blogs.png) no-repeat; width:460px; height:492px; } #SubLgPic .identity{ background:url(../images/lg_pic_2_identity.png) no-repeat; width:460px; height:492px; } #SubLgPic .logo{ background:url(../images/lg_pic_2_logo.png) no-repeat; width:460px; height:492px; } #SubLgPic .brochure{ background:url(../images/lg_pic_2_brochure.png) no-repeat; width:460px; height:492px; } #SubLgPic .print{ background:url(../images/lg_pic_2_print.png) no-repeat; width:460px; height:492px; } #SubLgPic .tradeshow{ background:url(../images/lg_pic_2_tradeshow.png) no-repeat; width:460px; height:492px; } #SubLgPic .othercollat{ background:url(../images/lg_pic_2_othercoll.png) no-repeat; width:460px; height:492px; } #SubLgPic .strategy{ background:url(../images/lg_pic_2_strategy.png) no-repeat; width:460px; height:492px; } #SubLgPic .marketingstrat{ background:url(../images/lg_pic_2_marketingplan.png) no-repeat; width:460px; height:492px; } #SubLgPic .odm{ background:url(../images/lg_pic_2_odm.png) no-repeat; width:460px; height:492px; } #SubLgPic .camp{ background:url(../images/lg_pic_2_camp.png) no-repeat; width:460px; height:492px; } #SubLgPic .haleymailplus{ background:url(../images/lg_pic_2_haleymailplus.png) no-repeat; width:460px; height:492px; } #SubLgPic .dooropeners{ background:url(../images/lg_pic_2_dooropen.png) no-repeat; width:460px; height:492px; } #SubLgPic .custom{ background:url(../images/lg_pic_2_customcamp.png) no-repeat; width:460px; height:492px; } #SubLgPic .newsletters{ background:url(../images/lg_pic_2_news.png) no-repeat; width:460px; height:492px; } #SubLgPic .haleymail{ background:url(../images/lg_pic_2_haleymail.png) no-repeat; width:460px; height:492px; } #SubLgPic .emailnews{ background:url(../images/lg_pic_2_emailnews.png) no-repeat; width:460px; height:492px; } #SubLgPic .printnews{ background:url(../images/lg_pic_2_printnews.png) no-repeat; width:460px; height:492px; } #SubLgPic .about{ background:url(../images/lg_pic_3_about.png) no-repeat; width:460px; height:492px; } #SubLgPic .philosophy{ background:url(../images/lg_pic_3_philosophy.png) no-repeat; width:460px; height:492px; } #SubLgPic .bamboo{ background:url(../images/lg_pic_3_bamboo.png) no-repeat; width:460px; height:492px; } #SubLgPic .nurturing{ background:url(../images/lg_pic_3_nurturing.png) no-repeat; width:460px; height:492px; } #SubLgPic .cost{ background:url(../images/lg_pic_3_cost.png) no-repeat; width:460px; height:492px; } #SubLgPic .innovations{ background:url(../images/lg_pic_3_innovations.png) no-repeat; width:460px; height:492px; } #SubLgPic .results{ background:url(../images/lg_pic_3_results.png) no-repeat; width:460px; height:492px; } #SubLgPic .case{ background:url(../images/lg_pic_3_case.png) no-repeat; width:460px; height:492px; } #SubLgPic .test{ background:url(../images/lg_pic_3_test.png) no-repeat; width:460px; height:492px; } #SubLgPic .partners{ background:url(../images/lg_pic_3_partners.png) no-repeat; width:460px; height:492px; } #SubLgPic .contact{ background:url(../images/lg_pic_4_contact.png) no-repeat; width:460px; height:492px; } #SubLgPic .joinourteam{ background:url(../images/lg_pic_4_join.png) no-repeat; width:460px; height:492px; } #SubLgPic .getinfo{ background:url(../images/lg_pic_4_info.png) no-repeat; width:460px; height:492px; } #SubPic{ float:right;} #SubPic .team{ background:url(../images/sub_pic_team.jpg) no-repeat; width:153px; height:132px;} /*************************************************************/ /*****************Subpage Lvl3 Pics***************************/ #Sublvl3PicHolder{ width:380px; padding:4px 24px 10px 50px; float:left} #Sublvl3pic{ width:380px; float:left; margin-bottom:10px} #Sublvl3pic .dooropeners{ background:url(../images/lvl3_pic_dooroopeners.jpg) no-repeat; width:380px; height:296px; float:left} #Sublvl3pic .one_up{width:380px; float:left} #Sublvl3pic .four_up{width:380px; float:left} #Sublvl3pic .four_up ul{list-style:none;} #Sublvl3pic .four_up ul li{position:relative; width:160px; height:145px; float:left; display:block; margin:5px;} #Sublvl3pic .four_up ul li img{display:block; clear:both; text-align:left; margin:0;} #Sublvl3pic .four_up ul li a{color:#e4701e; text-decoration:none;} #Sublvl3pic .four_up ul li a:hover{color:#332a86;} /*****************Subpage Lvl3 NAV ONE************************/ #Sublvl3Nav{ background-color:#e5e5e5; width:392px; height:20px; float:left;} #Sublvl3Nav ul{ list-style:none; background-color:#e5e5e5; padding:1px 0 0 2px; margin-bottom:10px;} #Sublvl3Nav li{ float:left; padding:2px 0 2px 0; font-size:10px} #Sublvl3Nav li a{ color:#000; text-decoration:none; padding:0 6px 0 10px} #Sublvl3Nav li a:hover{ color:#0446bc; background:url(../images/arrow-orange-bg-grey.gif) no-repeat;} #Sublvl3Nav li a.current{ color:#0446bc; background:url(../images/arrow-orange-bg-grey.gif) no-repeat;} /*****************Subpage Lvl3 NAV TWO*************************/ #Sublvl3Nav2{padding:0 0 0 10px;} #Sublvl3Nav2 ul{list-style:none; padding:0 0 10px 40px} #Sublvl3Nav2 li{padding:2px 0 8px 0; font-size:12px} #Sublvl3Nav2 li a{color:#000; text-decoration:none; padding:0 10px 0 14px; background:url(../images/arrow-orange-bg-white.gif) no-repeat;} #Sublvl3Nav2 li a:hover{color:#0446bc; background:url(../images/arrow-blue-bg-white.gif) no-repeat;} #Sublvl3Nav2 li a.current{color:#0446bc; background:url(../images/arrow-blue-bg-white.gif) no-repeat;} /*****************Subpage TestBox*************************/ #GreyBox{ width:385px; float:left; margin-top:6px} #GreyBoxTop{ background:url(../images/greyboxtop.gif) no-repeat; height:12px; width:385px; overflow:hidden} #GreyBoxMiddle{ background-color:#e5e5e5; padding:2px 15px; overflow:hidden} #GreyBoxMiddle p{ text-indent:28px; padding:6px 0 0 2px; font-size:11px; line-height:18px} #GreyBoxMiddle span{ float:right; font-size:10px; font-weight:bold; margin-top:8px;} #GreyBoxBottom{ background:url(../images/greyboxbot.gif) no-repeat; height:12px; width:385px; overflow:hidden; margin-bottom:10px;} #QuoteStart{ background:url(../images/quote-start.gif) no-repeat top left; float:left} /*****************Subpage Blog*************************/ #SubBlogCopy{ width:556px; float:left; padding:10px 34px 10px 50px;} #SubBlogCopy form{display:block; float:left; clear:both;} #SubBlogCopy .marketing{ width:580px; height:90px; background:url(../images/banner_howto-mark.gif) no-repeat; float:left; margin-bottom:10px; clear:both;} #SubBlogCopy .mkideas{ width:580px; height:90px; background:url(../images/banner_howto-mkideas.gif) no-repeat; float:left; margin-bottom:10px; clear:both;} #SubBlogCopy .sales{ width:580px; height:90px; background:url(../images/banner_howto-sales.gif) no-repeat; float:left; margin-bottom:10px; clear:both;} #SubBlogCopy .recruiting{ width:580px; height:90px; background:url(../images/banner_howto-recruiting.gif) no-repeat; float:left; margin-bottom:10px; clear:both;} #SubBlogCopy .askhaley{ width:580px; height:90px; background:url(../images/banner_howto-askhaley.gif) no-repeat; float:left; margin-bottom:10px; clear:both;} #SubBlogCopy .ideaclub{ width:580px; height:90px; background:url(../images/banner_howto-ideaclub.gif) no-repeat; float:left; margin-bottom:10px; clear:both;} #SubBlogCopy .insider{ width:580px; height:90px; background:url(../images/banner_howto-insider.gif) no-repeat; float:left; margin-bottom:10px; clear:both;} .breadcrumbs{margin:5px 0; display:block; font-size:12px; color:#332a86; font-weight:bold;} .breadcrumbs a{font-size:10px; color:#e4701e; text-decoration:none;} .breadcrumbs a:hover{text-decoration:underline;} .src_title, .src_synopsis_title, .src_synopsis_title a{font-weight:bold !important; font-size:16px !important; color:#e4701e; text-decoration:none;} .src_title a:hover, .src_synopsis_title a:hover{font-weight:bold; font-size:16px !important; color:#332a86; } .src_synopsis_heading{font-size:14px !important; font-weight:bold; visibility:hidden;} .src_synopsis{margin-bottom:10px;} .s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;line-height:18px;color:#000000;} .s2k_heading_2006 {font-weight:bold;font-size:16px;color:#4D7730;} .s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#e4701e;} .s2k_bold_2006 {font-weight:bold;color:#4D7730;} .s2k_byline_2006 {font-size:10px;font-style:italic;color:#000000;} .s2k_footer_2006 {font-size:10px;color:#000000;} .s2k_image_2006 {border:1px solid #4D7730;} #SubBlogCopySide{ float:left; width:225px; padding:28px 0 0 0;} #SubBlogCopySide h2{ font-size:16px; color:#666666; height:12px; padding:0 0 58px 0px} #SubBlogCopySide a h2{ font-size:16px; color:#666666; height:12px; padding:0 0 58px 0px; cursor:pointer; text-decoration:none;} #SubBlogCopySide h4{ font-size:12px; height:12px; padding:0 0 0 10px} #SubBlogCopySide a h4 { font-size:12px; font-weight:bold; color:#e4701e; background:url(../images/arrow-orange-bg-white.gif) no-repeat; height:12px; cursor:pointer; text-decoration:none;} #SubBlogCopySide a:hover h4 { font-size:12px; font-weight:bold; color:#332a86; background:url(../images/arrow-purple-bg-white.gif) no-repeat; height:12px; cursor:pointer; text-decoration:none;} #SubBlogCopySide a.current h4 { font-size:12px; font-weight:bold; color:#332a86; background:url(../images/arrow-purple-bg-white.gif) no-repeat; height:12px; cursor:pointer; text-decoration:none;} #SubBlogCopySide p{ padding:4px 0 14px 10px; font-size:11px;} /*****************Subpage Gallery*************************/ #SubGalleryCopy{width:815px; float:left; padding:10px 10px 10px 50px;} /*****************Portfolio*******************/ #SubGalleryCopy table a{color:#e4701e; text-decoration:none;} #SubGalleryCopy table a:hover{color:#302886; text-decoration:none;} #SubGalleryCopy table td a{} #SubBlogCopy table a{color:#e4701e} #ptf_search_results {color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;} #ptf_content_search_box {color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8px;} .ptf_one_sample{background:#fff; display:block; margin:10px; padding:10px; position:relative; text-align:center;} .ptf_one_sample a{color:#e4701e;} .ptf_one_sample img{text-align:center;} .ptf_sample_title{display:block; color:#4D7730; font-size:20px; margin:10px 0 0 0; font-weight:bold;} .ptf_sample_synopsis{display:block; text-align:left;} .ptf_sample_synopsis p{margin:5px 0 10px 0; line-height:16px;} .ptf_content_results{ width:600px; margin:0; padding:0; display:block} span.ptf_content_results ul{ padding:0; margin:0; display:block} .ptf_content_results ul li{ width:134px; float:left; padding:0; margin:10px 8px 2px 0; height:120px; list-style:none;} .ptf_content_results hr{ clear:both; background-color:#999999; display:block;} .ptf_content_results ul li a{ line-height:11px;} .ptf_search_results div{ margin:0 0 20px 0; text-align:left; display:block} #SubGalleryCopy table td{ padding:0 10px 0 10px;} #SubGalleryCopy table td h1{ padding:40px 0 10px 0;} #ourwork { font-size:14px;} .ptf_box{ font-size:14px; padding:0 0 10px 0;} .ptf_box a{ margin:0 0 10px 0;} .ptf_box input{ margin:6px 0 0 0;} #CONTENT_TYPE_ATT_SEL{ margin:6px 0 0 0;} /* ZOOM */ .zoom{display:block; background:url(../images/zoom.gif) no-repeat; height:13px; margin:2px 0; padding:0; cursor:pointer} .zoom p{ padding:0 0 0 16px; font-size:10px; cursor:pointer} .portfolio_company{color:#e4701e; display:block; margin-top:2px;} .portfolio_type{color:#939598; display:block; margin-top:0px;} #website_nav ul{ list-style:none; font-size:11px; margin:0 0 8px 12px; padding:0;} #campaign_nav ul{ list-style:none; font-size:11px; margin:0 0 8px 12px; padding:0;} #identity_nav ul{ list-style:none; font-size:11px; margin:0 0 8px 12px; padding:0;} #newsletter_nav ul{ list-style:none; font-size:11px; margin:0 0 8px 12px; padding:0;} #website_nav ul li{ padding:2px 0;} #campaign_nav ul li{ padding:2px 0;} #identity_nav ul li{ padding:2px 0;} #newsletter_nav ul li{ padding:2px 0;} #website_nav{ font-size:11px;} #campaign_nav{ font-size:11px;} #identity_nav{ font-size:11px;} #newsletter_nav{ font-size:11px;} #website_nav ul li input{ margin:0 2px 0 0; *margin:0;} #campaign_nav ul li input{ margin:0 2px 0 0; *margin:0;} #identity_nav ul li input{ margin:0 2px 0 0; *margin:0;} #newsletter_nav ul li input{ margin:0 2px 0 0; *margin:0;} span.portfolio_link{ display:block; text-align:center; margin-top:10px;} .portfolio_previous{} .portfolio_next{} /***************************************************************************/ span.attribution{display:block; font-weight:bold; color:#4D7730; text-align:right; margin-top:8px;} span.attr_company{color:#4D7730; font-size:12px; margin-bottom:4px; font-weight:bold; display:block; text-align:right} /******************Team Section******************************************/ #SubTeamPicAll{ width:649px; height:480px; padding:0 0 0 0; float:left} #SubTeamPicAll .team{ background:url(../images/bio-team.png) no-repeat; width:649px; height:480px;} #SubTeamPic{ width:618px; height:480px; padding:0 0 0 32px; float:left} #SubTeamPic .amy{ background:url(../images/bio-amy.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .brad{ background:url(../images/bio-brad.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .darlene{ background:url(../images/bio-darlene.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .david{ background:url(../images/bio-david.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .dennis{ background:url(../images/bio-dennis.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .jef{ background:url(../images/bio-jef.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .jennifer{ background:url(../images/bio-jennifer.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .keith{ background:url(../images/bio-keith.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .kelly{ background:url(../images/bio-kelly.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .lindsey{ background:url(../images/bio-lindsey.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .lisa{ background:url(../images/bio-lisa.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .matt{ background:url(../images/bio-matt.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .neil{ background:url(../images/bio-neil.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .paula{ background:url(../images/bio-paula.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .rick{ background:url(../images/bio-rick.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .tiffany{ background:url(../images/bio-tiffany.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .todd{ background:url(../images/bio-todd.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .todds{ background:url(../images/bio-todds.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .vicki{ background:url(../images/bio-vicki.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .diana{ background:url(../images/bio-diana.jpg) no-repeat; width:618px; height:480px;} #SubTeamPic .krista{ background:url(../images/bio-krista.jpg) no-repeat; width:618px; height:480px;} #BioCopyHolder{ height:452px;} #BioCopy{ padding:156px 20px 0 318px;} #SubTeamCopySide{ float:left; width:230px; padding:10px 0 0 0;} #SubTeamCopySide img{ margin:0 4px 4px 0; border:0} #SubTeamCopySide p img{ margin:0; border:0} #BioQuestionLink{ padding:0 0 0 38px;} #BioQuestionLink a{ color:#fff;} #BioQuestions{ padding:10px; width:780px;} #BioQuestions img{ float:left; margin-right:10px;} #BioQuestionsCopy{ float:left; width:390px;} /**************************************************************************/ /********************Bottom***********************************************/ #SubBottom{ background:url(../images/bottom_reflection.gif) no-repeat; width:851px; height:75px; margin-left:32px;} #Bottom{ background:url(../images/bottom_reflection.gif) no-repeat; width:851px; height:75px; margin:0 auto} #Footer{ width:851px; padding-top:10px; text-align:left; float:left} #Footer span{float:left; padding:8px 0 0 6px; float:left; list-style:none; color:#d3d3d3; font-size:9px; margin:0} #Footer ul { padding:8px 6px 0 0; text-align:left; float:right} #Footer li { padding:0 2px 0 0px; float:left; list-style:none; color:#d3d3d3; font-size:9px; margin:0} #Footer li a {color:#d3d3d3; font-size:9px; text-decoration:none; font-weight:normal} #Footer li a:hover { color:#d3d3d3; font-size:9px; text-decoration:underline; font-weight:normal} #Footer li a.current {color:#d3d3d3; font-size:9px; text-decoration:underline; font-weight:normal} /***********Min-Height Hack**************/ .prop{float:left;width:1px;} .min{height:300px;} .clear{display:block; clear:both;} /***********IMPORTS**************/ /***********Alsett Clearing Method*******/ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;}