/*@import url('jquery.multi-ddm.css');*/ /** { margin:0; padding:0 } html, body { color: #f5f5f5; margin-bottom:20px; font-size:90%; font-family:arial; line-height:135%;}*/ html { -webkit-font-smoothing: antialiased;} body { background: #f5f5f5; font-size: 80%;} p { margin-bottom:20px; } a { color:#000; } a:hover { color:#FFF } #outer { width:100%; background:#f5f5f5; border-top: #5a5d5f solid 6px;} #twitter a { color:#679362; } #twitter > li { padding:15px; background-color:#f5f5f5; border-radius: 10px; behavior: url('/PIE.htc'); } #twitter > li p:not(.info) { font-weight:bold; } #twitter > li p.info { color:#666666; } #container { width:935px; margin:0 auto } .slideshow { background: #fff;} .error { color:red; margin:10px 0; } #recaptcha_widget { margin-bottom:6px; } /* HEADER - LOGO AND SEARCH */ #header { height:119px; } #header .logo { float:left; margin-top:-12px; } #header .logo img { border:0 } #header .social { float: right; clear: right; margin: 12px 0 2px 0; display:none; } #header .social a { margin-left: 3px;} #header .contact-details { float:right; text-align:right; color:#5D5D5D; font-size:140%; margin-top:43px; } #header .contact-details a { text-decoration:none; color:#5D5D5D; } #header .contact-details a:hover { color:#000; } #header .contact-details .prefix { color:#569836; } #header .form { width:100%; height:33px; margin-top: -6px;} #header .form a { float:right; width:323px; height:33px; background:url(../../images/public/quickquote.gif) right top no-repeat; } #header .form span { display:none; } /* MAIN HORIZONTAL NAVIGATION */ /* ul#navigation { height:34px; text-transform:uppercase; width: 915px; font-size:110%; background: url('../../images/public/nav-bg.gif') repeat-x top; list-style-type:none; margin:0; padding:0 10px;} ul#navigation li { float:left; height:34px; line-height:34px; margin:0; padding:0 } ul#navigation li.left { float:left; width:10px; height:34px; } ul#navigation li a { display:block; padding:0 29px; color:#FFF; text-decoration:none; } ul#navigation li a:hover, ul#navigation li a.active { background: #000; /*background:url(../../images/public/navigation-background-on.jpg) repeat-x top *//*} ul#navigation li.right { float:right; width:10px; height:34px; }*/ #inner .home { background: #679362; border-bottom: #36373c solid 5px; border-left: #36373c solid 1px; border-right: #36373c solid 1px;} #inner .video { float:left; width:516px; height:290px; background:#9DB899; } #inner .home .content { background:#679362 url('../../images/public/inner-background.jpg') top repeat-x; float:left; width:417px; height:290px; overflow:hidden; line-height:133%; color:#FFF; font-size:105%; text-shadow: -1px -1px 1px #52744e; } #inner .content a { color: #fff; font-weight: bold; text-decoration: none;} #inner .content a:hover { color: #3c563a; text-shadow: 1px 1px 1px #97b793;} #inner .home .content .padding { padding:20px; } #inner .home .content .padding p { margin-bottom:12px; } #inner .content h1 { color:#FFF; font-size:155%; line-height:125%; font-weight:normal; margin-bottom:15px; } #inner.simple { margin-bottom: 20px;} #inner.simple .content { padding: 20px; width: 893px!important; text-shadow: -1px -1px 1px #52744E;} #inner.presenters .col1 .video { width: 294px; height: 312px; float: left;} #inner.presenters .col1 .info { width: 381px; height: 272px; float: left; padding: 20px; color:#FFF; text-shadow: -1px -1px 1px #52744e;} #inner .sub { background-color:#FFF } #inner .sub .video { position:relative; float:left; width:715px; height:290px; background:#FFF; } #inner .sub .flashcontent { position:absolute; background:#FFF; } #inner .sub .presenters { float:left; width:715px; background:#679362; } #inner .sub .presenters .padding { padding:20px; } #inner .sub .presenters .thumbnails { float:left; width:365px } #inner .sub .presenters .thumbnails .thumbnail { float:left; width:82px; margin-bottom:10px } #inner .sub .presenters .thumbnails .separator { float:left; width:10px; } #inner .sub .presenters .video-div { float:left; width:293px; margin-left:15px; color:#FFF } #inner .sub .presenters .video-div .info { margin-top:20px } #inner .sub .content { float:left; width:220px; background-color:#FFF /*background:#FFF url(../../images/public/subpage-content-background.jpg) repeat-x top*/ } #inner .sub .content ul { margin-top:15px; list-style-type:none } #inner .sub .content ul li { height:29px; line-height:29px; border-bottom:1px solid #999 } #inner .sub .content ul li a { display:block; padding-left:15px; color:#000; text-decoration:none } #inner .sub .content ul li a:hover, #inner .sub .content ul li a.active { background-color: #699564;} #tab-content { height: 290px;} #tab-content .video { position: relative;} #homepage-panels { background: url('../../images/public/tab-nav-bg.png') repeat-x top left;} #homepage-panels .panel { float:left; margin-right: 1px; text-transform: uppercase; text-align: center; font-size: 15px; font-weight: bold;} #homepage-panels .panel.last { margin-right: 0;} #homepage-panels .panel a { color: #4e4d4d; text-decoration: none; background: url('../../images/public/tabs-lt.png') no-repeat top left; display: block; width:205px; height: 34px; padding-top: 9px; padding-left:28px; } #homepage-panels .panel a:hover { background-position: 0 -43px;} #homepage-panels .panel a.active { color: #fff; background: url('../../images/public/tabs-lt.png') no-repeat bottom left;} #homepage-panels .panel a img.play { width:28px; display:block; float:left; margin-right:5px } #homepage-panels .panel a span.text { float:left; line-height:28px; } #dynamic { margin: 20px 0; background: #689262; border-radius: 6px; padding: 15px 0; border: #36373C solid 1px; width: 933px; behavior: url('/PIE.htc'); position: relative;} #dynamic.create, #dynamic.presenters, #dynamic.home { margin: 20px 0; background: #e7e7e7; border-radius: 6px; padding: 10px 12px 15px 12px; border: #ddd solid 1px; width: 909px;} #dynamic.presenters { padding: 30px 0 30px 30px; width: 903px;} #dynamic.presenters .thumbnail { float: left; margin-right: 20px; padding: 5px; background: #fff;} #dynamic .col1 { width: 467px; float: left;} #dynamic .col2 { width: 427px; float: left; padding: 0 20px 0 15px;} #dynamic.home .col1 { width: 432px; margin: 0 20px 0 15px; overflow: hidden; position: relative;} #dynamic.home .col { float:left; width:293px !important; margin:0 5px; overflow:hidden; position:relative; } #dynamic.home .col1 h2 { color: #666; text-shadow: 1px 1px 1px #fff; padding: 0 0 0 10px; margin-bottom: 5px;} #dynamic.home .col1 .featured-prev { width: 28px; height: 28px; position: absolute; bottom: 0; left: 0; z-index: 100;} #dynamic.home .col1 .featured-next { width: 28px; height: 28px; position: absolute; bottom: 0; right: 0;z-index: 100;} #dynamic.home .col .featured-prev { width: 28px; height: 28px; position: absolute; bottom: 0; left: 0; z-index: 100;} #dynamic.home .col .featured-next { width: 28px; height: 28px; position: absolute; bottom: 0; right: 0;z-index: 100;} .rollover-image { } .rollover-image img { cursor:pointer; } .rollover-image img.default { } .rollover-image img.mouseover { display:none; } #dynamic .featured_carousel { min-height:221px; } #dynamic .featured_carousel .vid { float: left; background: url('../../images/public/vid-293-bg.gif') no-repeat top left; position: relative; overflow: hidden; width:293px !important; height:220px !important; } #dynamic .featured_carousel .vid a { display: block; margin: 6px 10px 0 12px;} #dynamic .featured_carousel .vid img { width:100%; height: 151px !important; } #dynamic .featured_carousel .vid p { margin: 0 32px; padding-top:20px; font-weight: bold; text-align: center; /*position:absolute; */bottom:0; } #dynamic .featured_carousel .vid p a { color: #888; text-decoration: none; text-shadow: 1px 1px 1px #fff; display: inline; margin:0 auto; } #dynamic .featured_carousel .vid p a:hover { color: #666;} #dynamic .featured_carousel .vid .play { position: absolute; top: 55px; left: 114px;} #dynamic .featured_carousel .vid .play img { width:40px !important; height:40px !important;} #dynamic .create_studio { min-height:221px; } #dynamic .create_studio .vid { float: left; background: url('../../images/public/vid-293-bg.gif') no-repeat top left; position: relative; overflow: hidden; width:293px !important; height:220px !important; } #dynamic .create_studio .vid a { display: block; margin: 6px 10px 0 12px;} #dynamic .create_studio .vid img { width:100%; height: 151px !important; } #dynamic .create_studio .vid p { margin: 17px 32px 0 32px; font-weight: bold; text-align: center; position:absolute; bottom:0;} #dynamic .create_studio .vid p * { margin: 0 auto; } #dynamic .create_studio .vid p a { color: #888; text-decoration: none; text-shadow: 1px 1px 1px #fff; display: inline; margin:0 auto;} #dynamic .create_studio .vid p a:hover { color: #666;} #dynamic .create_studio .vid .play { position: absolute; top: 55px; left: 114px;} #dynamic.home .col2 h2 { color: #666; text-shadow: 1px 1px 1px #fff; padding: 0 0 8px 0; margin-bottom: 15px; border-bottom: #ccc dotted 1px;} #dynamic.home .col h2 { color: #666; text-shadow: 1px 1px 1px #fff; padding: 0 0 8px 0; margin-bottom: 15px; border-bottom: #ccc dotted 1px; font-size:18px; } #dynamic.home .col h2 a { color: #666; text-decoration:none; } #dynamic .col2 h3 { margin-bottom: 15px;} #dynamic .col2 h3 a { color: #666; text-shadow: 1px 1px 1px #fff; text-decoration: none;} #dynamic .col2 h3 a:hover { color: #222;} #dynamic .col2 .excerpt { color: #666; text-shadow: 1px 1px 1px #fff;} #dynamic .col2 .excerpt .more { margin-bottom: 0; float: right;} #dynamic .col2 .excerpt .more a { color: #999; text-shadow: 1px 1px 1px #fff; text-decoration: none; font-weight: bold;} #dynamic .col2 .excerpt .more a:hover { color: #666;} #clients { margin: 20px 0; background: #fff; border-radius: 6px; padding: 20px; border: #ddd solid 1px; width: 893px; overflow: hidden; behavior: url('/PIE.htc'); position: relative;} #clients .carousel-prev, #clients .carousel-logos { float: left;} #clients .carousel-next { float: right;} #clients .carousel-logos-prev, #clients .carousel-logos-next { padding-top: 18px;} #clients ul li { padding: 0 14px;} #clients .logo { float: left; padding: 0px;} #we_offer { background: #222 url('../../images/public/we-offer-bg.gif') repeat-y 233px 0; border: #111 solid 1px; border-radius: 6px; margin-bottom: 20px; behavior: url('/PIE.htc'); position: relative;} #we_offer .col { width: 233px; float: left;} #we_offer .col.col4 { width: 234px;} #we_offer .col h3 { border-bottom: #444 solid 1px; padding: 8px 15px; margin: 0;} #we_offer .col h3 a { background: url('../../images/public/arrow-right.png') no-repeat right center; display: block; margin-top: 3px; color: #fff; text-shadow: 1px 1px 1px #333; text-decoration: none;} #we_offer .col h3 a:hover { color: #bbb;} #we_offer .col .content { padding: 15px;} #we_offer .col .content ul { list-style-position: inside; margin-bottom: 0;} #we_offer .col .content ul li { margin-bottom: 3px; list-style: none; background: url('../../images/public/bullet-db.gif') no-repeat 0px 6px; padding-left: 15px; color: #fff;} #we_offer .col .content ul li a { color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #444; display: block;} #we_offer .col .content ul li a:hover { color: #bbb;} #featured-blogs-videos { background: #fff; border: #ddd solid 1px; border-radius: 6px; margin-bottom: 20px; behavior: url('/PIE.htc'); position: relative; } #featured-blogs-videos .col { width: 33.33%; float: left;} #featured-blogs-videos .col .content { padding: 15px;} #featured-blogs-videos .col h3 { border-bottom: #ddd solid 1px; padding: 8px 15px; margin: 0;} #featured-blogs-videos .col .content a { color:#000; text-decoration:none; } #featured-blogs-videos .col .content a:hover { color:#000; text-decoration:underline; } /* CENTER MAIN CONTENT AREA */ #inner.interior { background: url('../../images/public/main-bottom.png') no-repeat bottom left; padding-bottom: 10px;} #inner.interior .content { background: #689262 url('../../images/public/inner-background.jpg') top repeat-x; border-left: #36373c solid 1px; border-right: #36373c solid 1px; width: 933px;} #inner.interior .content .col1 { width: 715px; float: left;} #inner.interior .content .col2 { float: right; width: 217px;} #inner.interior .content .col1 img { float: left;} #inner.interior ul#sub_navigation { float: right; margin-bottom: 0; width: 217px; padding: 10px 0;} #inner.interior ul#sub_navigation li { } #inner.interior ul#sub_navigation li a { color: #fff; text-decoration: none; display: block; text-shadow: -1px -1px 1px #52744e; padding: 5px 10px;} #inner.interior ul#sub_navigation li a.active, #inner.interior ul#sub_navigation li a:hover { background: #5a7e54; border-top: #52744e solid 1px; border-bottom: #7aa274 solid 1px; padding: 4px 10px;} #dynamic.interior { padding: 20px; color: #fff; text-shadow: -1px -1px 1px #52744E; width: 893px;} #dynamic.interior h1 { color: #fff; text-shadow: -1px -1px 1px #52744E;} #dynamic.interior table { margin: 0;} #dynamic.interior table tr td:first-child { width:50%; padding-right: 10px; border-right: rgb(255,255,255) 1px dotted; } #dynamic.interior table tr td:nth-child(2) { padding-left: 10px; } #dynamic.interior a { color: #fff; text-decoration: none; border-bottom: #fff dotted 1px; font-weight: bold;} #dynamic.interior a:hover { color: #ddd; border-bottom: #fff solid 1px;} /* CREATE STUDIO CONTENT */ #inner.create .content { height: 265px;} #inner.create .content .studio { position: relative; width: 470px; height: 265px; overflow: hidden;} #inner.create .content .studio .opts { position: absolute; bottom: 0; left: 0; width: 450px; padding: 10px;} #inner.create .content .studio .opts span { margin-right: 10px; color: #fff; font-weight: bold;} #inner.create .content .studio .opts a { background: url('../../images/public/trans.png') repeat top left; margin-right: 10px; text-shadow: none; padding: 2px 4px; border: #000 solid 1px;} #inner.create .content .studio .opts a.active { border: #666 solid 1px; padding: 2px 4px;} #inner.create .content .studio .opts a:hover { color: #ccc; border: #666 solid 1px; padding: 2px 4px;} #inner.create .content .col1 { width: 470px;} #inner.create .content .col2 { width: 422px; padding: 20px; line-height:133%; color:#FFF; font-size:105%; text-shadow: -1px -1px 1px #52744e;} #inner.studio.create .content { height: 290px; overflow:hidden; } #inner.studio.create .content .studio { position: relative; width: 516px; height: 290px; overflow: hidden;} #inner.studio.create .content .col1 { width: 516px;} #inner.studio.create .content .col2 { width: 377px; padding: 8px 20px; line-height:133%; color:#FFF; font-size:105%; text-shadow: -1px -1px 1px #52744e; overflow:auto; height:290px; } #dynamic.create { padding: 20px 10px 5px; width: 913px;} #dynamic.create ul.studios { margin: 0;} #dynamic.create ul.studios li { float: left; background: url('../../images/public/video-bg-dk.gif') no-repeat top left; padding: 9px 10px 10px 10px; position: relative; margin: 5px 13px;} #dynamic.create ul.studios a img { width: 181px; height: 101px;} #dynamic.create ul.studios li p.title { font-weight: bold; margin: 10px 0 0 0; text-align: center;} #dynamic.create ul.studios li p.title a { color: #888; text-decoration: none; text-shadow: 1px 1px 1px #fff;} #dynamic.create ul.studios li p.title a:hover { color: #666;} #dynamic2.create { padding: 0 10px 5px; width: 913px; position:relative;} #dynamic2.create ul.studios { margin: 0;} #dynamic2.create ul.studios li { float: left; background: url('../../images/public/video-bg-dk-104x.gif') no-repeat top left; padding: 5px; position: relative; margin: 2px;} #dynamic2.create ul.studios a img { width: 94px; height: 53px;} #dynamic2.create ul.studios li p.title { font-weight: bold; margin: 5px 0 0 0; text-align:center;} #dynamic2.create ul.studios li p.title a { color: #888; text-decoration: none; text-shadow: 1px 1px 1px #fff;} #dynamic2.create ul.studios li p.title a:hover { color: #666;} #dynamic2.create .studios-carousel-container { margin:0 auto; width:870px; } #dynamic2.create .studios-carousel li.studio { float: left; background: url('../../images/public/video-bg-lt-125px.gif') no-repeat top left; position: relative; overflow: hidden; width:125px !important; height:95px !important; margin:0 8px; } #dynamic2.create .studios-carousel li.studio a { display: block; margin: 6px;} #dynamic2.create .studios-carousel li.studio img { width:113px !important; height: 63px !important; } #dynamic2.create .studios-carousel li.studio p { font-weight: bold; text-align: center; bottom:0; } #dynamic2.create .studios-carousel li.studio p a { color: #888; text-decoration: none; text-shadow: 1px 1px 1px #fff; display: inline; margin:0 auto; } #dynamic2.create .studios-carousel li.studio p a:hover { color: #666;} #dynamic2.create .studios-carousel li.studio .play { position: absolute; top: 55px; left: 114px;} #dynamic2.create .studios-carousel li.studio .play img { width:40px !important; height:40px !important;} #dynamic2.create .studio-prev { width: 28px; height: 28px; position: absolute; top:34px; left: 0; z-index: 100;} #dynamic2.create .studio-next { width: 28px; height: 28px; position: absolute; top:34px; right: 0;z-index: 100;} #inner.interior .left ul.studios { margin: 0;} #inner.interior .left ul.studios li { float: left; background: url('../../images/public/video-bg-dk.gif') no-repeat top left; padding: 9px 10px 10px 10px; position: relative; margin: 0 13px 13px;} #inner.interior .left ul.studios a img { width: 181px; height: 101px;} #inner.interior .left ul.studios li p.title { font-weight: bold; margin: 10px 0 0 0;} #inner.interior .left ul.studios li p.title a { color: #888; text-decoration: none; text-shadow: 1px 1px 1px #fff;} #inner.interior .left ul.studios li p.title a:hover { color: #666;} #inner.studio .col2 ul.studios { margin: 0;} #inner.studio .col2 ul.studios li { float: left; background: url('../../images/public/video-bg-dk-110x.gif') no-repeat top left; padding: 2px; position: relative; margin: 0 5px;} #inner.studio .col2 ul.studios li#studio-video { margin-bottom:15px; } #inner.studio .col2 ul.studios a img { width: 106px; height: 62px;} #inner.studio .col2 ul.studios li p.title { font-weight: bold; margin: 2px 0 0 0; text-align:center; } #inner.studio .col2 ul.studios li p.title a { text-decoration: none;} #inner.studio .col2 ul.studios li p.title a:hover { color: #FFF;} /* BLOG */ #inner.blog { margin-bottom: 20px;} #inner.blog .content { background: #679362 url('../../images/public/inner-background.jpg') top repeat-x;} #inner.blog .left a { color: #666;} #inner.blog .left a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.blog .left { background: #fff; float:left; width: 620px; padding: 20px; color: #666;} #inner.blog .left h1 { color: #666; font-size: 28px;} #inner.blog .left #posts { margin-top: 30px;} #inner.blog .left .post { margin-bottom: 40px;} #inner.blog .left .post .title { margin-bottom: 15px;} #inner.blog .left .post .title img { float: left;} #inner.blog .left .post .title p { float: right; margin: 0 0 0 20px; width: 535px;} #inner.blog .left .post .title p.headline, #inner.blog .left .post .title h1.headline { font-size: 20px; padding: 10px 0 5px 0; border-bottom: #bbb dotted 1px; margin-bottom: 5px;} #inner.blog .left .post .title p.headline a { color: #666;} #inner.blog .left .post .title p.headline a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.blog .left .post .title p span { float: right; display: inline-block; margin-left: 10px; padding-left: 10px;} #inner.blog .left .post .title p span a { color: #666;} #inner.blog .left .post .title p span a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.blog .left .post p.more a { color: #666;} #inner.blog .left .post p.more a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.blog .right { float:right; color:#FFF; font-size:95%; width:232px; padding: 20px; border-left:1px solid #52744e; text-shadow: -1px -1px 1px #52744E;} #inner.blog .right .panel { margin-bottom: 30px;} #inner.blog .right .panel h2 { font-weight: normal; margin-bottom: 5px;} #inner.blog.single .left .post .post-inner { float: left; width: 500px;} #inner.blog.single .left .post .post-inner .title p, #inner.blog.single .left .post .post-inner .title h1.headline { width: 415px; height:63px; } #inner.blog.single .left .post .post-inner .title h1.headline { float:left; margin-left:20px;} #inner.blog.single .left .post .post-inner .title p.info { float: right;} #inner.blog.single .left .post .share { float: left; width: 100px; margin-left: 20px; text-align: center;} #inner.blog.single h3 { margin-bottom: 0;} #inner.blog .left .comments form { padding:15px; border:1px solid #CCC } #inner.blog .left .comments form label { float:left; width:100px; } #inner.blog .left .comments form .input { padding:2px; width:80%; border:1px solid #BBB; margin-bottom:6px } #inner.blog .left .comments form textarea { font-family:arial; padding:2px; font-size:100%; border:1px solid #BBB; width:80%; margin-bottom:6px } #inner.blog .left .comments .comment { padding:15px; background-color:#F2F7F2; margin-bottom:20px; border-top:1px solid #CCC } #inner.blog .left .comments .comment .name { font-weight:bold; margin-bottom:3px } #inner.blog .left .comments .comment .name .date { font-size:80%; color:#888; font-weight:normal } /* STUDIO */ #inner.studio { margin-bottom: 20px;} #inner.studio .content { background: #679362 url('../../images/public/inner-background.jpg') top repeat-x;} #inner.studio .left a { color: #666;} #inner.studio .left a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.studio .left { background: #fff; float:left; width: 620px; padding: 20px; color: #666;} #inner.studio .left h1 { color: #666; font-size: 28px;} #inner.studio .left #posts { margin-top: 30px;} #inner.studio .left .post { margin-bottom: 40px;} #inner.studio .left .post .title { margin-bottom: 15px;} #inner.studio .left .post .title img { float: left;} #inner.studio .left .post .title p { float: right; margin: 0 0 0 20px; width: 535px;} #inner.studio .left .post .title p.headline { font-size: 20px; padding: 10px 0 5px 0; border-bottom: #bbb dotted 1px; margin-bottom: 5px;} #inner.studio .left .post .title p.headline a { color: #666;} #inner.studio .left .post .title p.headline a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.studio .left .post .title p span { float: right; display: inline-block; margin-left: 10px; padding-left: 10px;} #inner.studio .left .post .title p span a { color: #666;} #inner.studio .left .post .title p span a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.studio .left .post p.more a { color: #666;} #inner.studio .left .post p.more a:hover { color: #333; text-shadow: 1px 1px 1px #fff;} #inner.studio .right { float:right; color:#FFF; font-size:95%; width:232px; padding: 20px; border-left:1px solid #52744e; text-shadow: -1px -1px 1px #52744E;} #inner.studio .right .panel { margin-bottom: 30px;} #inner.studio .right .panel h2 { font-weight: normal; margin-bottom: 5px;} #inner.studio.single .left .post .post-inner { float: left; width: 500px;} #inner.studio.single .left .post .post-inner .title p { width: 415px;} #inner.studio.single .left .post .post-inner .title p.info { float: right;} #inner.studio.single .left .post .share { float: left; width: 100px; margin-left: 20px; text-align: center;} #inner.studio.single h3 { margin-bottom: 0;} /* SUBPAGE CONTENT */ #dynamic.team { padding: 20px 20px 0; width: 893px;} #dynamic h1 { margin-bottom:15px; font-size:150% } #dynamic .team { position:relative; float:left; width: 390px } #dynamic .team .bubble {display:none; position:absolute; color:#000; padding-top:9px; height:71px; padding-left:22px; width:246px; background:url(../../images/public/meet-the-team-bubble.gif) no-repeat } #dynamic .team .bubble .close { position:absolute; right:5px; top:5px } #dynamic .team .thumbnail { float:left; margin-right:18px; margin-bottom:18px } #dynamic .team-text { float:left; width:450px } #subpage-content .create-studio { width:100%; } #subpage-content .create-studio .studio { list-style-type:none; margin-left:4px; padding-top:2px; } #subpage-content .create-studio .studio li { float:left; margin:5px; width:175px; } #subpage-content .create-studio .studio li a { display:block; color:#FFF; font-size:110%; padding:5px; background-color:#344931; text-decoration:none } #subpage-content .create-studio .studio li a img { border:2px solid #D0DBCF; display:block; margin:3px auto; } #subpage-content .create-studio .studio li a:hover, #subpage-content .create-studio .studio li a.active { background-color:#A2B59F; color:#000 } #bottom { width:100%; padding-bottom:25px; } #bottom .left { float:left; width:8px; margin-top:-8px; height:8px; } #bottom .right { float:right; width:8px; margin-top:-8px; height:8px; } #footer { width: 100%; color:#666; font-size:85%; padding-top:10px; height:46px; } #footer p { float: left;} #footer a { color:#999;} #footer a:hover { color:#999; text-decoration: none;} #footer .social { float: right;} #footer .social a { margin-left:4px; float:right; } #seo-block { text-align:center; } /* Sitemap */ #sitemap ul { margin-left: 30px; list-style: disc; list-style-position: inside; color: #fff; margin-bottom: 0;} #sitemap ul.level-1 { margin-left: 0;} #sitemap ul li { padding: 3px 0;} /* Contact form */ #contactform { background:#3D414A; font-size:95% } #contactform h1 { margin:0px; color:#FFF; font-size:140%; font-weight:normal; padding:20px; } #contactformframe { width:965px; margin:0px auto 0px auto; text-align:left; color:#ADB2B8; padding:15px 0px; } #contactform .large { width:95%; } #contactform td { color:#ADB2B8; padding:2px } .contactdivider { background:url(../../images/public/bg.contactdivider.gif) 50% 0% no-repeat; } #contactform h2 { background:url(../../images/public/contactform.gif) no-repeat; width:237px; height:29px; margin-left:21px; } #contactform h2 span { display:none; } #contactform th { color:#FFF; text-transform:uppercase; text-align:left; } #contactform input img { margin:1px 0px 0px 5px } #contactname { background:url(../../images/public/alert.gif) top right no-repeat #FFF; } .contactcheck { margin:2px; } #error.error { font-weight:bold; color:#ff9600; } #success.success { font-weight:bold; color:#fff; } #contact-us-form { } #contact-us-form .contact-us-email { display:none; } #contact-us-form .form-group { display:block; overflow:hidden; margin-bottom:5px; } #contact-us-form .form-group label { float:left; width:150px; font-weight:bold; } #contact-us-form .form-group input[type="text"], #contact-us-form .form-group input[type="email"] { width:250px; padding:5px; } #contact-us-form .form-group textarea { width:255px; padding:5px; font-family: arial; font-size:100%; } .clr { clear:both } /* MailChimp Form Embed Code - Classic - 08/17/2011 */ #mc_embed_signup:not(.nopad) { padding:5px 10px; } #mc_embed_signup form {display:block; position:relative; text-align:left; } #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; color:#ffffff;} #mc_embed_signup h3 {color:#ffffff;} #mc_embed_signup h4 {color:#ffffff; font-size:100%; text-shadow:-1px -1px 1px #52744E;} #mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;} #mc_embed_signup input[type=checkbox] {-webkit-appearance:checkbox;} #mc_embed_signup input[type=radio] {-webkit-appearance:radio;} #mc_embed_signup input:focus {border-color:#333;} /*#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;}*/ .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-weight: bold; height: 32px; line-height: 32px; margin: 5px 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #inner .col2 .button { margin-bottom:5px; } .button:hover {background-color:#777;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; /*min-height:50px;*/} #mc_embed_signup .mc-submit-button {clear:both; margin-top:-8px;} #mc_embed_signup.horizontal .mc-submit-button {clear:none; float:left;} #mc_embed_signup.horizontal .mc-field-group { float:left; width:30%; clear:none; margin-right:10px; } #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;} * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */} #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;} #mc_embed_signup .mc-field-group input:not(.button) {display:block; width:100%; padding:2px; text-indent:0%;} #mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us {padding:5px 0;} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input {display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {width:30px;} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label {display:none;} #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;} #mc_embed_signup .asterisk {color:#c60; font-size:200%;} #mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;} #mc_embed_signup .clear {clear:both;} #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;} #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;} #mc_embed_signup .mc-field-group.input-group label {display:inline;} #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both; display:none;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} #mc-embedded-subscribe {clear:both; width:auto; display:block; } #mc_embed_signup #num-subscribers {font-size:1.1em;} #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;} /* #ddmenu, .single-ddm, #multi-ddm { height:34px; text-transform:uppercase; width: 915px; font-size:110%; background: url('../../images/public/nav-bg.gif') repeat-x top; list-style-type:none; margin:0; padding:0 10px; } #ddmenu li, .single-ddm li, #multi-ddm li { float:left; /*height:34px;*//* line-height:34px; margin:0; padding:0 } #multi-ddm li.separator { float:left; width:1px; /*background:url(../../images/public/navigation-separator.jpg) no-repeat*//* } #ddmenu li a, .single-ddm li a, #multi-ddm li a { display:block; color:#FFF; text-decoration:none; padding:0 17px; } #ddmenu li a.active, .single-ddm li a.active, #multi-ddm li a.active { /*background:url(../../images/public/navigation-background-on.jpg) repeat-x;*//* } #ddmenu li a.ddmenu-hover, .single-ddm li .ddmenu-hover, #multi-ddm li .parent-hover { background:url(../../images/public/navigation-background-on.jpg) repeat-x;} #ddmenu li ul { display:none; list-style-type:none; position:absolute; z-index:99; margin:-1px 0 0 0; padding:0; } #ddmenu li ul li a { display:block; border:1px solid #FFF; width:100%; text-decoration:none; } #ddmenu li ul li a:hover, .single-ddm li ul a.ddchildhover, #multi-ddm li ul .child-hover1 { color:#405684; background-color:#E7E7E8 } .single-ddm li ul, #multi-ddm li ul { display:none; list-style-type:none; position:absolute; margin:-1px 0 0 0; z-index:90; padding:0; z-index:300; } .single-ddm li ul a, #multi-ddm li ul a { display:block; padding-left:17px; font-size:90%; height:33px; line-height:33px; width:191px; color:#FFF; text-decoration:none; background-color:#707070; } #multi-ddm li ul li ul { margin:-50px 0 0 235px; position:absolute;} */ #studios-outer { height: 84px; background: url(images/bar-bg.jpg) repeat-x; } .table { display: table; /* Allow the centering to work */ margin: 0 auto; } ul#horizontal-list { list-style: none; padding-top: 20px; } ul#horizontal-list li { display: inline; }