/* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ body { background:#fff; color:#555;} a { color:#000; border:none; outline:none;} a:hover { color:#666; border:none; outline:none;} a:active { border:none; outline:none; } /*missing css that we added ourselves */ .alignright{float:right;margin-left:10px;} .alignleft{float:left;margin-right:10px;} hr { color:#fffdea; border:none; border-top:1px dotted #372322; } .hr2 { color:#fffdea; border:none; } /* headings ---------------------- */ h1,h2,h3,h4,h5,h6 { color:#000; } h1.head { color:#006ea3; text-align:left;font-weight:bold;} h1.head a { color:#666; font-size:24px; } h1.head a:hover { color:#333; } .container_border { } p strong {color:#666; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; line-height:1.4em; margin:1.5em 0 0.9em;} /* Structure ---------------------- */ .wrapper { padding-right:50px;} #header { background:#000 url(1-default/headerbg.png) repeat left bottom; margin-left:6px; } #header-in { background:url(1-default/headerbg_in.png) no-repeat bottom; } #banner { background:#ccc url(1-default/banner_bg.png) repeat top; margin-right:20px;} .sidebar_in { /*border-left:1px solid #d8d8d8;*/ } #bottom { background:#1f1f1f; border-bottom:1px solid #383838; } #footer { background:#000; } /* header ---------------------- */ #header .blog-title a{ color:#fff; } #header .blog-title a:hover{color:#eee } #header .blog-description{ color:#9d9c9c; } #header .photo { float:left; border:2px solid #d5d5d5; margin-right:10px; } /* Banner ---------------------- */ .banner-in { } #banner h1 { color:#006ea3; } #banner p { color:#333; } #banner h3.subline { color:#999; text-shadow:#000 1px 1px 1px; } #banner p a { color:#000; text-decoration:underline; } #banner p a:hover { color:#333; text-decoration:underline; } a.previous{ background:url(1-default/b_previous.png) no-repeat; } a:hover.previous { background-position:0 -28px; } a.next{ background:url(1-default/b_next.png) no-repeat; } a:hover.next { background-position:0 -28px; } .button { background:url(1-default/button_l.png) no-repeat left top; } .button a { background:url(1-default/button_r.png) no-repeat right top; color:#fff; } .button a:hover { color:#ccc; background-position:right -33px; } .button:hover { background-position:0 -33px; } * html .button a:hover { background-position:right top; color:#ccc; } /*---------TOP NAVIGATION for PAGES--------- */ .sf-menu li a { border:none; color:#818382; padding-right:0em; } .sf-menu li a:hover {color:#000; } .sf-menu li ul li a { border-left:1px solid #ccc; border-top:1px solid #ccc; } .sf-menu li.current_page_item a, .sf-menu li.current_page_parent a{ background:url(1-default/nav_active.png) no-repeat center bottom; color:#000; } .sf-menu li.current_page_item a:hover { background:url(1-default/nav_active.png) no-repeat center bottom; color:#000; } .sf-menu li li { background:#fff; color:#000; } .sf-menu li li li { background:#fff; color:#000; } .sf-menu li ul li a, .sf-menu li ul li ul li a, .sf-menu li ul li ul li ul li a { color:#666 !important; background:#fff !important; } .sf-menu li ul li a:hover, .sf-menu li ul li ul li a:hover, .sf-menu li ul li ul li ul li a:hover { color:#000 !important; background:#ddd !important; } /*** arrows **/ .sf-sub-indicator { background:url('1-default/arrows-ffffff.png') no-repeat -10px -100px; } a > .sf-sub-indicator { background-position: 0 -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; } .sf-shadow ul.sf-shadow-off {background: transparent;} /*#breadcrumb section =================================== */ .breadcrumb {border-top:1px dotted #dfdfdf; background:#fff; color:#666; width: 580px; } .breadcrumb a { color:#0b94d6; } .breadcrumb a:hover { color:#000; } /* content ---------------------------- */ #content li { background:url(1-default/i_bullet.gif) no-repeat left 8px; } #content ol li { background:none; } #content .gallerylist li img { border:2px solid #ccc; } #content .img { border:2px solid #ccc; } #content h3 { color:#006ea3; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif;} #content h3.bnone { border-bottom:none; } .featured_work { border-bottom:5px solid #e3e3e3; } .featured_work img {border:1px solid #babab2; } #content .services p strong { color:#000; } #content p.more a { color:#333; } #content p.more a:hover { color:#000; } /* post ---------------------------- */ code { background:#ccc; } blockquote { background:url(1-default/quote.png) no-repeat; } blockquote p { color:#333; } blockquote cite { color:#666; } blockquote a { color:#333; } blockquote a:hover { color:#000; } .flickr h3 span{ color:#000 } .flickr h3 span b{ color:#FF1183 } .flickr img{ border:1px solid #969696; background:#F4F4F4; } .flickr img:hover{ border-color:#333 } #content .post_top { /*background:url(../images/i_post.png) no-repeat left 5px;*/ } #content .post_top h2 a { color:#666666; } #content .post_top h2 a:hover { color:#666666; } .commentcount { /*background:url(../images/i_comment.png) no-repeat left 3px;*/ } /*#content #headline-1 {background-color:#f0f6fa;}*/ #content .headline { background: url(../images/i_post_s.png) no-repeat 5px 14px; border-bottom:1px solid #3faadf;} #content .headline:hover { background:#f0f6fa url(../images/i_post_s.png) no-repeat 5px 14px; border-bottom:1px solid #3faadf; cursor:pointer; } #content .headline h3 { border:none; } #content .headline h3 a { color:#666666; } #content .headline h3 a:hover { color:#666666; } #content .headline .commentcount { float:right; } #content .headline .commentcount a { color:#666; } #content .headline .commentcount a:hover { color:#000; } #content .post_top a { color:#666; } #content .post_top a:hover { color:#333;} #content .posts { /*background: url(1-default/post_bottom.png) repeat-x bottom;*/ border-bottom:solid 3px #006ea3; margin-bottom:8px; padding-top:8px; padding-bottom:14px; } #content .posts h2.title a { color:#666; font-size: 20px;} #content .posts h2.title a:hover { color:#666; text-decoration:underline;} #content p.post_bottom {color:#555; } #content p.post_bottom a { color:#444; } #content p.post_bottom a:hover { color:#000; } /* Post Pagination */ .pagination .on { background:#ccc; border:solid 1px #0B94D6 !important; color:#fff;} .pagination a { background:#fff; border:solid 1px #0B94D6 !important;} .pagination a:hover { background:#ccc; border:solid 1px #0B94D6 !important;} /*#sidebar ----------------------- */ #sidebar .widget h3 { color:#006ea3; } .twitter { border-bottom:1px solid #ccc; } #sidebar-inner h3 { color:#006ea3; border-bottom:4px solid #006ea3; } .twitter_icon { background:url(../images/twitter.png) no-repeat left; } #twitter li { color:#444; } #sidebar-inner li { border-bottom:1px solid #006ea3; } #sidebar-inner li a { } #sidebar-inner li a:hover { } .testimonials p { color:#576d93; } .testimonials p.author { color:#111111; } .testimonials_hr { /*background:url(1-default/hr.jpg) repeat-x bottom;*/ border-bottom:solid 4px #006EA3; } #sidebar .testimonials { background: url(1-default/testimonials_center.png) repeat-y left top; } #sidebar .testimonials_top { background:url(1-default/testimonials_top.png) no-repeat top left; } #sidebar .testimonials_bottom { background:url(1-default/testimonials_bottom.png) no-repeat top left; } /* widget search bobx */ #searchform { background:#6ea1b9; } #searchform input { border:1px solid #0090d6; background:#fff; } #searchform #searchsubmit { background:#0080bf; font:12px Arial, Helvetica, sans-serif; color:#fff; border:none; } /*---------ARCHIVE PAGE --------- */ .arclist ul li{ color:silver; border-bottom:1px solid #f1f1ed; background:none } .arclist ul li ul{ border-bottom:0; } .arclist ul li ul li{ border-bottom:0;} .arclist .archives-time{ color: #666666; border-right: dashed 1px #ddd; } /*---------COMMENTS --------- */ #comments h3{ border-bottom:1px solid #ccc; } #comments .comment {background:none; } #comments p.authorcomment a { color:#666; } #comments p.authorcomment a:hover { color:#000; } #comments .comment .meta-left { color:#aaaaaa } #comments .comment .text-right { border:none; background:#e9e7e7 url(1-default/commentbg.png) no-repeat center left; } #comments .comment .authcomment{ background:#d5d5d5 url(1-default/commentbg_author.png) no-repeat center left; border:none; } #comments .comment .authcomment p { color:#333; } span.comm-reply{ color:#333; } span.comm-reply a { color:#333; } span.comm-reply a:hover{ color:#000; } #respond textarea, .commpadd input{ background:none; border:1px solid #c7c7c7; font:13px Arial, Helvetica, sans-serif; } input#submit{ color:#fff; background:#000; border:1px solid #000; } .avatar { border:2px solid #ddd; } /* bottom ---------------------------- */ #bottom .widget-spot h3 { color:#fff; } #bottom .postlist li a { color:#fff; } #bottom .postlist li a:hover { color:#ccc; } #bottom .postlist li:hover { background:#333; } #bottom a { color:#ccc; text-decoration:underline; } #bottom a:hover { color:#fff; } .field { border:1px solid #a9a9a9; background:#d2d2d2; color:#333; } .replace { background:#636363; border:none; color:#fff; } #bottom .subscribe { color:#ccc; } #bottom p { color:#999; } #footer p { color:#808080; } #footer .copyright , #footer .copyright a { color:#666; } #footer p a:hover { color:#fff; } #footer li { border-right:1px solid #ccc; } #footer li a { color:#999; } #footer li a:hover { color:#fff; } @CHARSET "ISO-8859-1"; /**************************************** CSS Reset ********************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } address,caption,cite,code,dfn,em, th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } em { font-style: italic; } .hr{width: 100%;border-top: 1px dotted #bbb; margin-bottom:5px; } /****************************************** Global Styles ***************************************/ body { padding-bottom: 30px; } a { color: #0b94d6; text-decoration: none; border:none !important; outline:none !important; } a:hover { text-decoration: underline; border:none !important; outline:none !important; } a:active { border:none !important; outline:none !important; } div, p, th, td, button, li { font-size: 12px; line-height: 1.4em; font-weight: normal; font-family: Verdana, Helvetica, Arial, sans-serif; } ul.bullet1 { list-style-type: disc; list-style-image: none; list-style-position: outside; margin:0.35em 0 1.35em 40px; } ul.bullet1 li { margin: 5px 0px; color: #333; } ul.bullet2 { list-style-type: decimal; margin:0.35em 0 1.35em 50px; } ul.bullet2 li { font-size: 14px; color: #666; padding-bottom: 10px; } ol.bullet1 { list-style-type: decimal; list-style-image: none; list-style-position: outside; margin:0.35em 0 1.35em 50px; color: #333; } ol.bullet1 li { margin: 0.4em 0; 0px; font-size: 21px; color: #999; font-weight: bold; font-family: "Times New Roman" !important; font-style: italic; } ol.bullet1 li p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color: #666; font-style: normal; margin: 0; } ol.bullet2 { list-style-type: decimal; margin:0.35em 0 1.35em 40px; } ol.bullet2 li { margin: 5px 0px; color: #333; } ol.normal { list-style-position: inside; list-style-type: decimal;} ul.stylized-check { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0.35em 0 1.35em 20px; } ul.stylized-check li { font-size: 14px; color: #666; padding-left: 30px; padding-bottom: 10px; background: url('/wp-content/themes/ProductFolio/images/icon-sprites.png') no-repeat 0 -300px; } h1.msg { background: url('/wp-content/themes/ProductFolio/images/header-sprites.png') no-repeat 0 0; text-indent: -10000px; display: block; margin: 0 0 25px; } h1.msg-register { width: 94px; height: 23px; } h1.msg-login { width: 231px; height: 23px; background-position: 0 -60px; } h1.msg-requestproject { width: 352px; height: 25px; background-position: 0 -120px; } h1.msg-partnerships { width: 141px; height: 23px; background-position: 0 -180px; } h1.msg-thankyou { width: 125px; height: 23px; background-position: 0 -240px; } h1.msg-services { width: 125px; height: 23px; background-position: 0 -360px; } h1.msg-platform { width: 125px; height: 23px; background-position: 0 -420px; } h1.msg-videogallery { width: 151px; height: 23px; background-position: 0 -480px; } h1.msg-passwordrescue{ width: 265px; height: 23px; background-position: 0 -300px; } h1.msg-videoproductionservices{ width: 315px; height: 23px;background-position: 0 -540px; } h1.msg-contactus { width: 135px; height: 23px; background-position: 0 -595px; } h1.msg-aboutourprograms { width: 241px; height: 23px; background-position: 0 -716px; } h1.msg-videographerswanted { width: 264px; height: 23px; background-position: 0 -776px; } h1.msg-joinus { width: 100px; height: 23px; background-position: 0 -835px; } h1.msg-aboutus {width: 119px; height: 28px; background-position: 0 -654px; } h1.msg-agent { width: 250px; height: 24px; background-position: 0 -895px; } h1.msg-agencyprog { width: 256px; height: 24px; background-position: 0 -955px; } h1.msg-howitworks { width: 270px; height: 24px; background-position: 0 -1015px; } h1.msg-videobusiness { width: 250px; height: 24px; background-position: 0 -1075px; } h1.msg-ourvideographers { width: 300px; height: 24px; background-position: 0 -1135px; } h1.msg-bbn3videoplatform { width: 244px; height: 24px; background-position: 0 -1195px; } h1.msg-whatyouget { width: 170px; height: 24px; background-position: 0 -1255px; } h1.msg-privacypolicy { width: 160px; height: 24px; background-position: 0 -1315px; } h1.msg-termsofuse { width: 260px; height: 24px; background-position: 0 -1375px; } h1.msg-login { width: 62px; height: 23px; background-position: 0 -1460px; } h1.msg-videographers { width: 166px; height: 23px; background-position: 0 -1520px; } h1.msg-termsandconditions { width: 260px; height: 23px; background-position: 0 -1580px; } h1.msg-adprprogram { width: 328px; height: 23px; background-position: 0 -1640px; } h1.msg-aboutourstyle { width: 260px; height: 23px; background-position: 0 -1700px; } h1.msg-welcome { width: 109px; height: 23px; background-position: 0 -1760px; } h1.msg-casestudies { width: 151px; height: 23px; background-position: 0 -1820px; } h1.msg-casestudy { width: 131px; height: 23px; background-position: 0 -1880px; } h1.msg-business { width: 150px; height: 23px; background-position: 0 -1940px; } h1 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 22px; margin: 0 0 1.2em; color: #444; } h2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 18px; margin: 0 0 1.2em; color: #444; } h3 { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; margin: 1.5em 0 0.9em; color: #006ea3; line-height: 1.4em; } h4 { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; margin: 0 0 1.2em; color: #444; } h4.nobottommargin { margin-bottom:0px; } p { margin: 0.35em 0 0.65em; color: #555; } p.bigfont { font-size: 16px; } .quote { font-family: 'Times New Roman', serif; font-size:14px; font-style:italic;color:#666;font-weight:bold;line-height:140%;} .quote-gold{margin-top:20px; line-height:19px; font-family:'Times New Roman', Times, serif; font-size:17px; font-style:italic; color:#a1884d;} .quote-gold.quote-from { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; font-style: normal; } .callout { font-size: 14px; margin: 60px 0 0; overflow: hidden; } .callout a { text-decoration: none; } .callout .arrow-button { display: inline-block; padding-top: 5px; background: transparent url(/wp-content/themes/ProductFolio/images/sprites.png) no-repeat 0 0px; width: 26px; height: 16px; vertical-align: baseline; text-decoration: none;} .callout .quote-gold { margin: 4em 0 0.5em; } .callout .quote-gold.quote-from { margin: 0; } .sidebar h1.msg { margin: 0 0 15px; } .errortext {color:red;font-weight:bold;} img.align-right { float: right; margin-left: 20px; margin-bottom: 15px; } .arrow-button { float: left; padding-top: 5px; background: transparent url(/wp-content/themes/ProductFolio/images/sprites.png) no-repeat 0 0px; width: 26px; height: 16px; position: relative; top: -3px; } /******************************************* Forms *****************************************/ .form-item { margin: 0; padding: 6px 0; border-top: 1px solid transparent; } .form-item > label { color: #777; width: 130px; display: block; float: left; margin-right: 20px; text-align: right; padding-top: 3px; } .form-item .description { margin: 3px 0 0 150px; font-size: 0.9em; color: #777; } .form-item .checkbox-description { font-size: 0.9em; color: #777; } .form-item button { margin: 10px 0 0 150px; } .form-item-error { border-top: 1px solid #ffb4b4; background-color: #ffe5e5; } .form-item-error > label { color: #b20000; } .form-item-error label.error { float: none; width: auto; margin: 0 0 0 150px; text-align: left; font-size: 0.9em; } .form-item-error label.error-empty { height: 0px; } .form-item select { font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 3px 2px; height: 25px; border: solid 1px #a5acb2; } .form-text, .form-password { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #666666; border: solid 1px #a5acb2; padding: 2px; height: 21px; width: 200px; } .form-item textarea { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #666666; border: 1px solid #a5acb2; padding: 2px; width: 300px; height: 100px; } .form-checkbox { margin-right: 8px; } form .error-box { border: 1px solid #ff7e7e; background-color: #ffe5e5; display: none; margin-bottom: 40px; } form .error-box.ok { display: block; } form .error-box .inside { margin: 20px; } form .error-box label.error { display: block; margin: 3px 0; } button { position: relative; cursor: pointer; overflow: visible; padding: 0; border: 0; } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } .roundbtn { cursor: pointer; position: relative; height: 30px; background: url('/wp-content/themes/ProductFolio/images/form-button.png') no-repeat 0 0; } a.roundbtn { display: inline-block; } a.roundbtn:hover { text-decoration: none; } button:hover .roundbtn, .roundbtn:hover { background-position: 0 -60px; } button:active .roundbtn, .roundbtn:active { background-position: 0 -120px; } .roundbtn > span { white-space: nowrap; display: block; position: relative; height: 18px; background: url('/wp-content/themes/ProductFolio/images/form-button.png') no-repeat 100% -30px; color: #fff; font-weight: bold; padding: 6px 20px; margin-left: 33px; } button:hover .roundbtn > span, .roundbtn:hover > span { background-position: 100% -90px; } button:active .roundbtn > span, .roundbtn:active > span { background-position: 100% -150px; } .roundbtn-org { background-position: 0 -180px; height: 32px; } button:hover .roundbtn-org, .roundbtn-org:hover { background-position: 0 -244px; } button:active .roundbtn-org, .roundbtn-org:active { background-position: 0 -308px; } .roundbtn-org > span { height: 20px; margin-left: 34px; background-position: 100% -212px; } button:hover .roundbtn-org > span, .roundbtn-org:hover > span { background-position: 100% -276px; } button:active .roundbtn-org > span, .roundbtn-org:active > span { background-position: 100% -340px; } .bg-sprite { background: url('/wp-content/themes/ProductFolio/images/sprites.png') no-repeat 0 -180px; } .bg-gradient { background: url('/wp-content/themes/ProductFolio/images/gradients.png') repeat-x 0 0; } /*************************************** Icons *********************************************/ .icon-text { display: inline-block; background: url('/wp-content/themes/ProductFolio/images/icon-sprites.png') no-repeat 0 0; } .icon-bullet { height: 23px; padding: 3px 0 0 28px; } .icon-bulletd { height: 23px; padding: 3px 0 0 28px; background-position: 0 -250px; } /* a.icon-text.icon-bullet { width: 150px; } */ .icon-l-folder { height: 30px; padding: 5px 0 0 39px; background-position: 0 -50px; } .icon-l-camera { height: 30px; padding: 5px 0 0 37px; background-position: 0 -100px; } .icon-l-tick { height: 30px; padding: 5px 0 0 33px; background-position: 3px -147px; } .icon-l-quote { height: 30px; padding: 5px 0 0 37px; background-position: 0 -200px; } .icon-l-videocamera { height: 30px; padding: 5px 0 0 37px; background-position: 0 -400px; } /************************************* Global Layouts **************************************/ #main-container { width: 984px; margin: 0 auto; } /* Left-floating sidebar: 230px | * */ .layout1 {} .layout1 > .sidebar { width: 230px; float: left; } .layout1 > .main-content { margin-left: 270px; } /* Right-floating sidebar: * | 260px */ .layout2 {} .layout2 > .sidebar { width: 290px; float: right; } .layout2 > .main-content { margin-right: 310px; } /* Right-floating sidebar: * | 160px */ .layout2b {} .layout2b > .sidebar { width: 250px; float: right; } .layout2b > .main-content { margin-right: 260px;} .layout2b .thumb {width: 82px; height: 47px; } /* Right-floating sidebar: * | 104px */ .layout2c {} .layout2c > .sidebar { width: 50px; float: left; } .layout2c > .main-content { margin-left: 100px; } /* Right-floating sidebar (thin padding): * | 300px */ .layout2d {} .layout2d > .sidebar { width: 300px; float: right; } .layout2d > .main-content { margin-right: 310px; } .layout2d > .main-content .content p.quote { font-style: normal; } /* Left-floating sidebar (thin padding) : 300px | * */ .layout2e {} .layout2e > .sidebar { width:300px; float: left; } .layout2e > .main-content { margin-left: 310px; } /* Right-floating sidebar with border: * | 330px */ .layout3 {} .layout3 > .sidebar { width: 330px; float: right; padding-left: 30px; border-left: 1px solid #ddd; } .layout3 > .main-content { margin-right: 400px; } /* Left-floating sidebar with border: 330px | * */ .layout4 {} .layout4 > .sidebar { width: 380px; float: left; padding-left: 30px; border-right: 1px solid #ddd; } .layout4 > .main-content { margin-left: 450px; } /* equal cols */ .layout-2col { width: 100%; position: relative;} .layout-2col > .leftcol { width: 319px; float: left; padding: 0 ;margin-right: 20px;} .layout-2col > .rightcol { width: 319px; float: left; padding: 0 } /* Breadcrumbs */ .breadcrumbs { margin: 0 0 20px; color: #777; font-size: 11px; } .breadcrumbs a { color: #777; } .breadcrumbs span { color: #008fd4; } /* Sidebar Menu */ .sidebar > ul.menu {} .sidebar > ul.menu > li { display: block; border-top: 1px dotted #bbb; } .sidebar > ul.menu > li > a, .sidebar > ul.menu > li > span { display: block; padding: 5px 10px; font-size: 1.2em; margin: 3px 0; } .sidebar > ul.menu > li > a:hover { color: #a1884d; } .sidebar > ul.menu > li > span { background-color: #e5edfa; } /**************************************** home_intro_box **********************************/ .home_intro_box { margin-right: 9px; float: left; background:#FFFFFF none repeat scroll 0 0; width:322px; font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color: #707070; } .home_intro_box .titlebox { height:95px; } .home_intro_box .contentbox {} .home_intro_box .content { padding: 5px 0px 5px 15px; overflow: hidden; width:300px; position:relative; height: 300px; } .home_intro_box .content ul.bullet1 { position: absolute; left: 20px; top: 150px; } .home_intro_box .content ul.bullet1 li { font-size:11px; font-weight: bold; color: #a1884d;} .home_intro_box .bottombox { height:22px; } .home_intro_box .text { margin-top:18px; font-size:12px; } .home_intro_box .boldtext { margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 120%; } .home_intro_box .list_title { color:#a1884d; font-style:italic; font-family:Baskerville, 'Times New Roman', Times, serif; font-size:16px; margin-top: 25px } .home_intro_box .box_button { text-align: center; position:absolute; bottom: 10px; width: 286px; } .home_intro_box .box_button .roundbtn { margin-left: auto; marign-right: auto;} /******************************************** Stat Box ***********************************************/ .statbox { width: 300px; float: right; margin: 0 0 10px 20px; } .statbox .tr { height: 6px; padding-right: 10px; background: url(/wp-content/themes/ProductFolio/images/statbox-sprite.png) no-repeat 100% -6px; overflow: hidden; } .statbox .tl { height: 6px; background: url(/wp-content/themes/ProductFolio/images/statbox-sprite.png) no-repeat 0 0; overflow: hidden; } .statbox .mbg { background: #e6edfa url(/wp-content/themes/ProductFolio/images/gradients.png) 0 -223px repeat-x; overflow: hidden; } .statbox .ml { background: url(/wp-content/themes/ProductFolio/images/statbox-sprite.png) no-repeat 0 -24px; overflow: hidden; } .statbox .mr { background: url(/wp-content/themes/ProductFolio/images/statbox-sprite.png) no-repeat 100% -24px; overflow: hidden; } .statbox .br { height: 6px; padding-right: 10px; background: url(/wp-content/themes/ProductFolio/images/statbox-sprite.png) no-repeat 100% -18px; overflow: hidden; } .statbox .bl { height: 6px; background: url(/wp-content/themes/ProductFolio/images/statbox-sprite.png) no-repeat 0 -12px; overflow: hidden; } .statbox p { margin-left: 85px !important; color: #003663; } .statbox p.stat { margin: 18px 20px 0.4em; font-size: 1.2em; font-style: italic; } .statbox p.stat-from { margin: 0 20px 12px; font-size: 0.9em; } .statbox .statbox-icon { width: 45px; height: 47px; float: left; background: url('images/marketplace/icon-sprites.png') no-repeat 0 -450px; margin: 18px 0 15px 25px; } #statbox-programs { width: 330px; } #statbox-adprfirms { width: 380px; } #statbox-howtheywork { width: 260px; } #statbox-businesses { width: 340px; margin-top: 10px; margin-bottom: 20px; } /*************************************** whitebox ******************************************/ .whitebox { margin-bottom: 10px; } .whitebox .lefttopcorner { background: transparent url(/wp-content/themes/ProductFolio/images/footer-edge.png) 0px -10px no-repeat; height:10px; } .whitebox .righttopcorner { background: transparent url(/wp-content/themes/ProductFolio/images/footer-edge.png) right top no-repeat; height:10px; } .whitebox .leftbottomcorner { background: transparent url(/wp-content/themes/ProductFolio/images/footer-edge.png) 0px -20px no-repeat; height:17px; } .whitebox .rightbottomcorner { background: transparent url(/wp-content/themes/ProductFolio/images/footer-edge.png) right -37px no-repeat; height:16px; } .whitebox .leftborder { background: transparent url(/wp-content/themes/ProductFolio/images/footer-sideborder.png) 0 0 repeat-y; } .whitebox .rightborder { background: transparent url(/wp-content/themes/ProductFolio/images/footer-sideborder.png) right 0 repeat-y; margin-left: 5px; padding-right: 5px; } .whitebox .content { padding: 5px 15px 5px 10px; overflow: hidden; } /**************************************** green-header box *****************************************/ .green-header-box { margin-right: 9px; } .green-header-box .titlebox { background: url(/wp-content/themes/ProductFolio/images/greenbox.png) no-repeat 0 0; } .green-header-box .contentbox { background: url(/wp-content/themes/ProductFolio/images/greenbox.png) repeat-y -333px 0; } .green-header-box .bottombox { background: url(/wp-content/themes/ProductFolio/images/greenbox.png) no-repeat scroll 0 -94px; } .green-header-box .content { background: url(/wp-content/themes/ProductFolio/images/homepage-greebox-image.jpg) no-repeat 100% 100%; } /**************************************** orange-header box *************************************/ .orange-header-box { margin-right: 0; } .orange-header-box .titlebox { background: url(/wp-content/themes/ProductFolio/images/orangebox.png) no-repeat 0 0; } .orange-header-box .contentbox { background: url(/wp-content/themes/ProductFolio/images/orangebox.png) repeat-y -333px 0; } .orange-header-box .bottombox { background: url(/wp-content/themes/ProductFolio/images/orangebox.png) no-repeat scroll 0 -94px; } .orange-header-box .content { background: url(/wp-content/themes/ProductFolio/images/homepage-orangebox-image.jpg) no-repeat 100% 100%; } /**************************************** red-header box *****************************************/ .red-header-box { margin-right: 9px; } .red-header-box .titlebox { background: url(/wp-content/themes/ProductFolio/images/redbox.png) no-repeat 0 0; } .red-header-box .contentbox { background: url(/wp-content/themes/ProductFolio/images/redbox.png) repeat-y -333px 0; } .red-header-box .bottombox { background: url(/wp-content/themes/ProductFolio/images/redbox.png) no-repeat scroll 0 -94px; } .red-header-box .content { background: url(/wp-content/themes/ProductFolio/images/homepage-redbox-image.jpg) no-repeat 100% 100%; } /***************** style 2 ( FOR PERVIEW ) ***********************************************/ #testhome { display: none; clear: both; } .style2 .green-header-box .content { background: none; } .style2 .red-header-box .content { background: none; } .style2 .orange-header-box .content { background: none; } .style2 .home_intro_box .content { height: 270px; } .style2 #testhome { display: block }; /*****************************************blue-header box ****************************************/ .big-blue-header-box { margin-right: 9px; } .big-blue-header-box .titlebox { background: url(/wp-content/themes/ProductFolio/images/bluebox-big.png) no-repeat 0 0; } .big-blue-header-box .contentbox { background: url(/wp-content/themes/ProductFolio/images/bluebox-big.png) repeat-y -333px 0; } .big-blue-header-box .bottombox { background: url(/wp-content/themes/ProductFolio/images/bluebox-big.png) no-repeat scroll 0 -94px; } /*****************************************4 steps orange box **************************************/ .four-steps-orange-box { position:relative; width: 645px; display:block; margin-bottom:20px;} .four-steps-orange-box .titlebox { background: url(/wp-content/themes/ProductFolio/images/four-steps-orange-box.png) no-repeat 0 0; height: 47px; } .four-steps-orange-box .contentbox { height:105px; background: url(/wp-content/themes/ProductFolio/images/four-steps-orange-box.png) repeat-y -674px 0; width:645;} .four-steps-orange-box .content1 { position: absolute; top: 55px; left: 15px; width: 140px;} .four-steps-orange-box .content2 { position: absolute; top: 55px; left: 175px; width: 140px;} .four-steps-orange-box .content3 { position: absolute; top: 55px; left: 335px; width: 140px;} .four-steps-orange-box .content4 { position: absolute; top: 55px; left: 495px; width: 140px;} .four-steps-orange-box p { color: #707070; font-size: 11px; } .four-steps-orange-box .bottombox { background: url(/wp-content/themes/ProductFolio/images/four-steps-orange-box.png) no-repeat scroll 0 -47px; height: 4px;} /***************************************** small blue-header box ****************************************/ .blue-header-box { width: 199px; float: left; margin: 0 17px 20px 0; } .blue-header-box .titlebox { background: url(/wp-content/themes/ProductFolio/images/bluebox.png) no-repeat 0 0; height:50px; width: 199px; } .blue-header-box .title { font-weight: bold; color: #ffffff; font-size: 14px; padding-top: 17px; padding-left: 12px; } .blue-header-box .contentbox { height: 120px; width:196px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; margin-left: 1px; } .blue-header-box .content { padding: 0 15px; line-height: normal; height: 105px; } .blue-header-box .content p { color: #707070; font-size: 11px; } .blue-header-box .content ul { margin: 10px 0 10px 10px; } .blue-header-box .content li { color: #707070; font-size: 11px; } .blue-header-box .content .blueboxbullet { color: #707070; font-size: 11px; list-style-type: disc; padding-left: 10px; } .blue-header-box .content .blueboxbullet li { margin: 0.3em 0; } .blue-header-box .bottombox { background: url(/wp-content/themes/ProductFolio/images/bluebox.png) no-repeat 0 -51px; height:4px; width:199px; } .box-thin-padding .content { padding: 0 10px 0 5px; } .top-box > .leftborder > .rightborder > .content { padding: 20px 0 15px 15px; } .top-box .main-content { margin-right: 30px; } .padded-box .main-content { margin: 25px; } .image-box { margin-bottom: 10px; } .stylized-box {} .stylized-box h2 { color: #666; padding-bottom: 0.4em; margin: 0.4em 0 0.8em; border-bottom: 1px solid #e3e3e3; } .stylized-box .content { padding:0 10px } .image-box-674 { position: relative; width: 674px; height: 197px; background: url(/wp-content/themes/ProductFolio/images/image-box-674.png) no-repeat 0 0; margin-bottom: 10px;} .image-box-674 .image-box-inside { overflow:hidden; width: 674px; height: 197px;} #widebox-howitworks.image-box-674 .image-box-inside { background: url(/wp-content/themes/ProductFolio/images/image-box-674-howitworks.png) no-repeat 100% 0;} #widebox-aboutus.image-box-674 .image-box-inside { background: url(/wp-content/themes/ProductFolio/images/image-box-674-aboutus.jpg) no-repeat 100% 0;} #widebox-marketplace.image-box-674 .image-box-inside { background: url(/wp-content/themes/ProductFolio/images/register-image1.png) no-repeat 98% 30px;} .image-box-674 .content { position:relative; float:left; width: 400px; height: 197px; overflow: hidden; padding: 10px 0 10px 15px; } .image-box-674 .content p { font-style: normal; font-size:12px; font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: normal; color: #666; } .image-box-674 .content a.icon-text { position: absolute; bottom: 40px; right: 15px; } #widebox-aboutus p { width: 400px; } /***************************************** Orange Background Box ************************************/ .orange-box { width: 300px; height: 197px; background: url('/wp-content/themes/ProductFolio/images/orng-box-bg.png') no-repeat 0 0; overflow: hidden; } .orange-box > .inside { margin: 15px 21px 22px 15px; text-align: center; } .orange-box h2 { border-bottom: 1px solid #fff; padding-bottom: 0.5em; margin-bottom: 0.4em; font-size: 20px; text-align: left; color: #fff; } .orange-box p { font-weight: bold; text-align: left; color: #fff; } .orange-box ul { margin: 0.35em 0 1.00em 40px; } .orange-box ul li { text-align: left; color: #fff; } .orange-box .roundbtn { margin: 0 auto; } .orange-box.orange-box-noshadow { width: 294px; height: 190px; background-position: 0 -197px; } .orange-box-neighbor > .leftborder > .rightborder { height: 169px; } .two-column-botbox.stylized-box p.quote {width: 430px; } .two-column-botbox.stylized-box img {float:right; position: relative; bottom: 25px;} .two-column-botbox.stylized-box a.icon-text {position:relative; left: 280px; bottom: 10px;} /***************************************** Green Background Box ****************************************/ .green-box { width: 300px; height: 197px; background: url('/wp-content/themes/ProductFolio/images/green-box-bg.png') no-repeat 0 0; overflow: hidden; } .green-box > .inside { margin: 15px 21px 22px 15px; text-align: center; } .green-box h2 { border-bottom: 1px solid #fff; padding-bottom: 0.5em; margin-bottom: 0.6em; font-size: 20px; text-align: left; color: #fff; } .green-box p { font-weight: bold; text-align: left; color: #fff; } .green-box ul li { text-align: left; color: #fff; margin: 3px 0; } .green-box .roundbtn { margin: 0 auto; } .green-green-box-noshadow { width: 294px; height: 190px; background-position: 0 -197px; } /*************************************** Services-Video Production Green, Orange, and Red Boxes ********************/ .colorbox-container { width: 100%; height: auto; clear: right; margin-bottom: 20px; overflow: hidden; } .colorbox { width: 316px; float: left; margin-left: 20px; } .colorbox:first-child { margin-left: 0; } .colorbox .colorbox-header { overflow: hidden; height: 62px; background: url('/wp-content/themes/ProductFolio/images/box-elements.png') no-repeat; } .colorbox .colorbox-header h3 { margin: 20px 10px 0 10px; color: #fff; } .colorbox .colorbox-content { padding: 0px 15px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; overflow: hidden; position: relative; } .colorbox .colorbox-content ul.bullet1 { margin-left: 15px; margin-bottom: 10px; } .colorbox .colorbox-content ul.bullet1 li { color: #666; } .colorbox .colorbox-content ol.bullet2 { margin-left: 20px; margin-bottom: 10px; } .colorbox .colorbox-content ol.bullet2 li { color: #666; } .colorbox .colorbox-content p { color: #666; } .colorbox .bottom-border { height: 9px; background: url('/wp-content/themes/ProductFolio/images/box-elements.png') no-repeat 0 -62px; overflow: hidden; } .colorbox-green .colorbox-header { background-position: 0 0px; } .colorbox-orange .colorbox-header { background-position: -316px 0px; } .colorbox-blue .colorbox-header { background-position: -632px 0px; } /******************************************** Page Header ********************************************/ #main-header { margin-bottom: 10px; position: relative; } #main-header #header-logo { margin-top: 30px; } #main-header #header-request { position: absolute; right: 0; bottom: 45px; height: 23px; width: 315px; background-position: 0 -34px; } #main-header #header-request a { float: right; display: block; margin-right: 6px; padding: 3px 0 0 28px; height: 23px; background-position: 0 0; } #main-header #terms-signout-link { position: absolute; bottom: 12px; right: 6px; } ul#header-menu { margin: 0; padding: 0; height: 37px; display: block; } ul#header-menu > li { display: block; float: left; position: relative;margin:0px;padding:0px;} ul#header-menu > li > a { display: block; width: 100%; height: 37px; background: transparent url('/wp-content/themes/ProductFolio/images/header-menu-business.png') no-repeat; } ul#header-menu > li#header-menu-services > a { width: 195px; background-position: 0 0; } ul#header-menu > li#header-menu-partnerships > a { width: 196px; background-position: -195px 0; } ul#header-menu > li#header-menu-platform > a { width: 196px; background-position: -391px 0; } ul#header-menu > li#header-menu-gallery > a { width: 196px; background-position: -587px 0; } ul#header-menu > li#header-menu-order > a { width: 201px; background-position: -783px 0; } ul#header-menu > li#header-menu-services > a:hover, ul#header-menu > li#header-menu-services.active > a { background-position: 0 -37px; } ul#header-menu > li#header-menu-partnerships > a:hover, ul#header-menu > li#header-menu-partnerships.active > a { background-position: -195px -37px; } ul#header-menu > li#header-menu-platform > a:hover, ul#header-menu > li#header-menu-platform.active > a { background-position: -391px -37px; } ul#header-menu > li#header-menu-gallery > a:hover, ul#header-menu > li#header-menu-gallery.active > a { background-position: -587px -37px; } ul#header-menu > li#header-menu-order > a:hover, ul#header-menu > li#header-menu-order.active > a { background-position: -783px -37px; } ul#header-menu > li#header-menu-dashboard > a { width: 262px; background-position: 0 -74px; } ul#header-menu > li#header-menu-messages > a { width: 248px; background-position: -262px -74px; } ul#header-menu > li#header-menu-account > a { width: 240px; background-position: -510px -74px; } ul#header-menu > li#header-menu-signout > a { width: 234px; background-position: -750px -74px; } ul#header-menu > li#header-menu-dashboard > a:hover { width: 262px; background-position: 0 -111px; } ul#header-menu > li#header-menu-messages > a:hover { width: 248px; background-position: -262px -111px; } ul#header-menu > li#header-menu-account > a:hover { width: 240px; background-position: -510px -111px; } ul#header-menu > li#header-menu-signout > a:hover { width: 234px; background-position: -750px -111px; } ul#header-menu > li#header-menu-dashboard.active > a { width: 262px; background-position: 0 -148px; } ul#header-menu > li#header-menu-messages.a1tive > a { width: 248px; background-position: -262px -148px; } ul#header-menu > li#header-menu-account.active > a { width: 240px; background-position: -510px -148px; } ul#header-menu > li#header-menu-signout.active > a { width: 234px; background-position: -750px -148px; } /*************************************** Page Header SubNav *********************************************/ ul#header-menu li ul.subnav { list-style: none; background: #fff; margin: 0 8px 0 2px; padding: 0 0 3px; display: block; overflow: hidden; } ul#header-menu li ul.subnav li { padding: 0; border-top: 1px dotted #bbb; padding: 3px 0 0; margin: 3px 0; } ul#header-menu li ul.subnav li:first-child { border-top: 1px solid #fff; padding:0px } ul#header-menu li ul.subnav li a { background: none; display: block; padding: 5px 60px 5px 10px; white-space: nowrap; } ul#header-menu li ul.subnav li a:hover { background-color: #f0f6fa; color: #333; } .subnavlist { position: absolute; left: 0; top: 30px; margin:0; padding: 0; z-index: 1000; display: none; width: 204px;} .listleftborder { background: transparent url(/wp-content/themes/ProductFolio/images/subnav-edges2.png) 0 0 repeat-y; } .listrightborder { background: transparent url(/wp-content/themes/ProductFolio/images/subnav-edges2.png) right 0 repeat-y; margin-left: 10px; padding-right: 10px; } .listleftbottomcorner { background: transparent url(/wp-content/themes/ProductFolio/images/subnav-edges1.png) 0px -10px no-repeat; height: 10px; margin-right: 18px; } .listrightbottomcorner { background: transparent url(/wp-content/themes/ProductFolio/images/subnav-edges1.png) right -20px no-repeat; height: 15px; } .listlefttopcorner { background: transparent url(/wp-content/themes/ProductFolio/images/subnav-edges1.png) 0px 0px no-repeat; height: 5px; margin-right: 15px; } .listrighttopcorner { background: transparent url(/wp-content/themes/ProductFolio/images/subnav-edges1.png) right -5px no-repeat; height: 5px; } /**************************************** Login box ********************************************************/ #header-user-controls { float: right; color: #008FD4; margin-right: 6px; } #header-user-controls #user-controls-links { margin-top: 8px; } #login_box { display: none; position: absolute; right: 0; margin: 8px 6px 0 0; text-align: right; width: 400px; } #login_box .form-text { width: 140px; height: 15px; padding: 2px; margin: 0 5px 0 0; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #login_box .form-text:focus { border-color: #096796; } #login_box #login_username { } #login_box #login_btn { display: inline-block; vertical-align: top; width: 34px; height: 21px; background: url('/wp-content/themes/ProductFolio/images/header-login-btn.png') no-repeat 0 0; padding: 0; margin: 0; border: 0; cursor: pointer; } #login_box #login_btn:hover { background-position: -34px 0; } #login_box #login_btn:active { background-position: -68px 0; } #login_box div { margin-top: 2px; text-align: right; font-size: 0.9em; } /***************************************** Page Footer ********************************************************/ #page-footer { clear: both; } #footer-box { overflow: hidden; } /*************************************** footer-box item *****************************************************/ #page-footer #footer-box { margin-bottom: 10px; } #page-footer .footer-item:first-child { margin-left: 7px; } #page-footer .footer-item { float: left; width : 236px; height : 130px; color: #666; -moz-border-radius: 9px; -webkit-border-radius: 9px; text-decoration: none; } #page-footer .footer-item:hover { background: url('/wp-content/themes/ProductFolio/images/gradients.png') repeat-x 0 0; } #page-footer .footer-item .inside { padding: 15px; } #page-footer .footer-item h3 { border-bottom: 1px dotted #bbb; margin: 0 0 0.5em; font-size: 12px; } #page-footer .footer-item h3 a { color: #444; } #page-footer .footer-item p { font-size: 11px; } #footer-links { height: 33px; margin: 5px; background: url('/wp-content/themes/ProductFolio/images/sprites.png') no-repeat 0 -140px; } #footer-links .inside { height: 33px; background: url('/wp-content/themes/ProductFolio/images/sprites.png') no-repeat 100% -78px; } #footer-links p { color: #999; margin: 0; padding-top: 10px; text-align: center; font-size: 0.9em; } #footer-links p a { margin: 0 3px; } #footer-links li:last-child { background: none; } /**************************************** Page Specific Content ******************************************/ .homeplayer {overflow:hidden;margin-bottom:0px;padding-top:2px} .homeplayer:hover {background-color: #e5edfa;cursor: pointer;} .homeplayer .sidebar .movie {padding-right:160px;padding-top:36px;} .homeplayer .title {font-size:10px;font-weight:bold;color:#008fd4;padding-top:7px;} .homeplayer .sector {font-size:10px;color:#008fd4;} .homeplayer-spacer {border-bottom: solid 1px #ecebe8;margin-bottom:3px;padding-top:5px;} /*************************************** Register page ****************************************************/ #register_form {} #register_form #edit-company { width: 310px; } #login_box div { margin-top: 2px; text-align: right; font-size: 0.9em; } #register_login {} #register_login .form-item label { width: 100px; } #register_login .form-item .form-text, #register_login .form-item .form-password { width: 170px; } #register_login .form-item button { margin-left: 120px; } #register_login .description { margin-left: 120px; } .page-register .top-box .main-content { margin-left: 20px; } .page-register .stylized-box p.quote {width: 430px; } .page-register .stylized-box img {float:right; bottom: 25px;} .page-register .stylized-box a.icon-text {} .page-register .layout2d .orange-box .roundbtn {text-align: center; position: relative; bottom: 10px; } /************************************** partnership-howitworks page *****************************************************/ #partnerships-howitworks .whitebox { height: 197px; } #partnerships-howitworks .col-wrapper { margin-top: -45px; } #partnerships-howitworks .content { height: 168px; } #partnerships-howitworks .col { width: 49%; float: left; position: relative; } #partnerships-howitworks .divider { height: 140px; border-right: 1px solid #e3e3e3; width: 1px; float: right; margin-top: 30px; } #partnerships-howitworks .col img { float: right; margin-right: 10px; } #partnerships-howitworks .col p { position: absolute; top: 35px; font-weight: bold; color: #666; } #partnerships-howitworks .col .download { position: absolute; bottom: 5px; } /************************************** partnership-businesses page *****************************************************/ #partnerships-business .blue-header-box .titlebox { background: url(/wp-content/themes/ProductFolio/images/wide_blue_box.png) no-repeat 0 0; height:50px; width: 316px;} #partnerships-business .wide-blue-box { margin-right: 12px; width: 316px;} #partnerships-business .wide-blue-box .content { position: relative; margin-left: 0px; width: 300px; padding-top: 5px; height: 150px; color: #666;} #partnerships-business .wide-blue-box .title { margin-top: 0px; color: #fff; } #partnerships-business .blue-header-box .contentbox { width: 314px; margin-left: 0px; height: 150px;} #partnerships-business .blue-header-box .bottombox { background: transparent url(/wp-content/themes/ProductFolio/images/wide_blue_box.png) no-repeat scroll 0 -51px; width: 316px; } #partnerships-business .wide-blue-box .text2 { position: absolute; bottom: 50px; font-weight: bold;} #partnerships-business .wide-blue-box .text3 { position: absolute; bottom: 10px; } #partnerships-business .colorbox .colorbox-content .box-links { position: absolute; bottom: 3px; } #partnerships-business .colorbox .colorbox-content { height: 150px; } /*************************************** Request page *********************************************************/ #request_form #request-requirements { float:left ;} #request_form #request-requirements .form-item label { display: block; float: none; width: 340px; text-align: left; margin: 0 0 0 120px; padding-bottom: 5px; } #request_form #request-requirements .form-item textarea { margin-left: 120px } #request_form #request-requirements { margin-left: 0px } #edit-require { margin-left: 120px; } #request-email-communications { color: #777; overflow: visible; } #request_form #request-email-communications .form-item { width: 500px; } #video-messages { float: right; margin-right: 30px; } #request_form .form-item { padding-bottom: 0px; width: 470px; } #request_form .form-item button { margin-left: 120px; background-color: #FFF; } #request_form .form-item label { width: 100px; } #request_form label.error { margin-left: 130px; width: auto; } #request_form .main-content { margin-left: 0px; padding-left: 25px; } /***************************************Platform Ourstyle *******************************************/ #ourstyle .main-content .icon-text { display: block; } /******************************************* gallery page ******************************************/ .gallery-info { margin-right: 400px; height:270px;color:#686868;} .gallery-info div { margin-bottom: 10px;} .gallery-info p { margin-bottom: 10px; font-style:italic;width: 290px;} .gallery-info a { text-decoration: underline; font-size: 11px;} .gallery { width:678px;} .gallery .testimony {text-align:center; margin-top:20px;} .gallery-info .sidebar { width:380px;} .gallery-info .company {font-size:13px;margin-bottom:2px;} .gallery-info .sector {font-size:11px;} .gallery-info .title {font-size:11px;width:280px;} .gallery-items { color: #b6b7b9; margin-left: 260px; } .gallery-items .item { float: left; font-size:11px; width: 160px; height: 130px; text-align: center; margin: 0px 12px 10px 0px; vertical-align: middle; padding: 20px 0px 14px 0px;} .gallery-items .item:hover { background-color: #e5edfa; } .gallery-items .cprofile { font-size: 11px; margin-top: 3px; color: #b6b7b9;} .gallery-items a { font-size: 11px;} .gallery-items img { width: 142px; height: 84px; border: solid 1px #ccc;} .gold-italic{ margin-top: 20px; line-height: 17px; font-weight: bold; font-family: Baskerville, 'Times New Roman', Times, serif; font-size: 16px; font-style: italic; color: #ad9763; } #gallery-callout { background-color: #e5edfa; border: 1px solid #d2e1fa; padding: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #gallery-callout p { margin: 0; font-weight: bold; color: #0074ac; } /************************************** case studies *****************************************************/ .case-studies img { margin-right: 70px; margin-top: 20px; } .case-studies .info {margin-right:30px;background-color:#e5edfa;} .case-studies .column {float:left;margin-right:8px;width:30%;} .case-studies .dotted {border-left:dotted 1px #444;padding-left:12px;} .case-studies .column p{font-size:11px;} .case-studies div{float:left;} .case-studies-vitals label { font-style: normal; font-weight:bold; color: #a78f58; width: 100px; display: block; float: left; margin-right: 20px; text-align: left; padding-top: 3px; } .case-studies-vitals p {font-size: 11px; font-style: normal;} .case-studies-vitals .nofloat label {font-size: 11px; font-style: normal;float:none;margin-bottom:12px;} .style-hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: #e5edfa; color:#FFFFFF; display:none; font-size:12px; height:40px; padding: 8px 0px 0px 6px; position:absolute; text-align:center; text-transform:uppercase; width:141px; z-index:29; display:none; margin-top:148px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; } .csa:hover span{display:block;color:#65b8e5;text-align:left;font-weight:bold;font-family: "Times New Roman" !important; } .csa label {color: #afb3b7;font-weight:bold;font-family: "Times New Roman" !important; font-style: italic;} /******************************************** home page **************************************************/ .gold-list{ margin-top:20px; color:#bdab82; } .gold-list li { padding: 2px 0px 2px 0px; font-weight: bold; border-top: solid 1px #bdab82; font-size: 10px; font-size:12px;} /*************************************** services > vidoe production *************************************/ ul.bigfont { width: 220px; margin-bottom: 15px; } ul.bigfont li.dotborder { border-top: dotted; border-width: 1px; } ul.bigfont li { font-size: 12px; } #service-videoproduction .orange-box ul.bullet1 { margin-bottom: 20px; } #service-videoproduction .orange-box ul.bullet1 li { font-size: 13px; font-weight: bold; margin-top: 7px; } #service-videoproduction .orange-box { float: right; margin: 0 0 30px 20px; } /***************************************** Dashboard Page **********************************/ #dashboard-controls { margin: 15px 0; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; } #dashboard-controls .control-button { margin: 6px 0; padding: 3px 8px; background-color: #e9e9e9; display: inline-block; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; font-weight: bold; } #dashboard-controls .control-button.active { color: #fff; background: url('/wp-content/themes/ProductFolio/images/gradients.png') repeat-x 0 -182px; border: 1px solid #008fd4; } #dashboard-controls #completed-projects-btn { margin-left: 6px; } .project-list { display: none; margin-bottom: 20px; } .project-list.active { display: block; } .dashboard-project-block { margin: 20px 0; } .dashboard-project-block .video-thumb { float: left; } .dashboard-project-block .inside { margin-left: 140px; } .dashboard-project-block h3 { margin: 0 0 0.4em; font-size: 14px; } .dashboard-project-block .update-notice { color: rgb(255, 51, 0); } .dashboard-project-block p { margin: 0.2em 0 0.3em; color: #555; font-size: 11px; } .dashboard-contacts h3 { font-size: 12px; margin: 0.4em 0 0.2em; } .dashboard-contacts p { margin: 0.3em 0 0.4em; line-height: 1.6em; } .dashboard-contacts em { font-style: normal; color: #666; } #dashboard-new-client-btn { margin-left: 8px; } /*************************************** partnership program ***************************************/ #partnershipprograms .big-blue-header-box .content { height: 180px; } #partnershipprograms .big-blue-header-box ul li { font-size: 11px; } #partnershipprograms .big-blue-header-box ul.bullet1 { margin: 20px; } #partnershipprograms .big-blue-header-box .title { margin-top: 0px; padding: 20px 0px 0px 20px; color: #fff; } #partnershipprograms .big-blue-header-box .roundbtn { margin-left:70px; } .partnership-mini-box { margin-top: 20px; } .partnership-mini-box .title { padding-top: 14px; } .partnership-mini-box .longtitle { padding-top: 2px; } .partnership-mini-box .contentbox { height: 220px; } .partnership-mini-box .content { height: 220px; position: relative; } #partnershipprograms .partnership-mini-box .contentbox { height: 225px; } .partnership-mini-box a.icon-bullet { position: absolute; bottom: 10px; } .partnership-mini-box-b .contentbox { height: 130px; } .partnership-mini-box-b .content { height: 130px; } /************************************** user/terms page ****************************************/ #termsForm .form-item { padding: 6px; } #termsForm textarea { width: 99%; height: 120px; } #termsForm label { margin-left: 0; } /************************************* Contact Us Page **************************************/ .map-hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/wp-content/themes/ProductFolio/images/map-hover.png) repeat-x scroll left top; color:#FFFFFF; display:none; font-size:10px; height:185px; padding-top:90px; position:absolute; text-align:center; text-transform:uppercase; width:270px; z-index:29; display:none; } #gmap:hover span{display:block;} #address-box { padding: 30px; background: #e5edfa; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; margin-bottom: 30px; } #address-box .map { float: right; } #address-box p { margin-top: 0; } #contact-us {width:100%;} #contact-us h4{border-bottom:dotted 1px #bbb;padding-bottom:6px;margin-bottom:6px;} #contact-us p a{margin-top:6px;display:block;} #contact-us p {height:58px;} #contact-us .main-content { width: 230px; } /************************************* VJ Registration Form **************************************/ #vjregister_form {} #vjregister_form .form-item label { width: 150px; } #vjregister_form .form-item button, #vjregister_form .description, #vjregister_form label.error { margin-left: 170px; } #vjregister_form label.error { width: auto; } /*************************************** Support Form ******************************************/ .support-form-box .main-content { margin: 30px 300px 0 20px; } /****************************** What You Get Light Blue Box ******************************/ .easy-as-1-2-3 { padding: 20px 0 20px 33px; background: #e5edfa; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 30px; overflow:hidden; } .easy-as-1-2-3 .request-easy123-quote { float: left; width: 145px; text-align: top; margin-right: 76px; } .easy-as-1-2-3 .request-easy123-quote.last-child { margin-right: 0px; } .easy-as-1-2-3 .request-easy123-quote h5 { margin-top: 5px; margin-bottom: 5px; } .easy-as-1-2-3 .request-easy123-quote p { color: #888; line-height: 130%; font-size: 0.9em; margin-bottom: 0; } /************************************** Login Page **********************************************/ #login-page .top-box .content { margin-left: 30px; } #login-page .top-box .sidebar { padding: 30px 0; } #login-page .top-box .main-content { text-align: center; } #login-page #oops-img { margin-bottom: 30px; } #login-page #login-welcome { position: relative; } #login-page #login-welcome .inside { position: absolute; width: 227px; height: 70px; top: 90px; left: 103px; text-align: left; } #login-page #login-welcome .inside p { color: #fff; margin: 0 0 0.8em; } #login-page #login-welcome .inside p a { color: #fff; text-decoration: underline; } #login-page #login-welcome .inside p a:hover { text-decoration: none; } /** * Legacy CSS (from old B2B site) */ h3.form_subheading { border-bottom: 1px solid #000; margin: 12px 0 15px; padding-bottom: 8px; } .b2b-compat .form-checkbox { margin-right: 0; } .b2b-compat label { font-family: Helvetica, Arial, sans-serif; } .form-group-header{ margin: 0px 0px 10px 20px; font-weight:bold; font-size:17px; } .form-group > .form-item { width: 570px; } .form-group > .form-item > .form-fields { margin: 17px 0 30px; } .form-fields .form-field-group { margin: 12px 0 23px; } .form-group .group-error-box { position: relative; float: right; width: 310px; top: 10px; right: 10px; display: none; color: #790000; overflow: hidden; } .form-group .group-error-box label { font-weight: bold; display: block; text-align: left; color: #6e0110; margin: 5px 22px 5px 0; padding: 0; width: 250px; cursor: pointer; } .form-group .group-error-box .inside { margin-left: 17px; background-color: #fff1f2; border: 1px solid #ff9aa1; padding: 10px 15px 10px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .form-group .group-error-box .ui-icon { background-image: url(/wp-content/themes/ProductFolio/images/ui-icons_cd0a0a_256x240.png); float: right; margin-top: 5px; } .form-group .group-error-box .tick { position: absolute; left: 0; top: 50%; margin-top: -18px; width: 18px; height: 35px; background: url('images/group-error-tick.png') no-repeat 0 -1px; } .form-group .group-error-box label.ok { display: none !important; } .form-group .form-group-description { margin-bottom: 25px; font-size: 12px; } .form-group-toggle .form-group-description, .form-group-special .form-group-description { margin-bottom: 12px; font-size: 12px; } .form-group-toggle .form-group-toggle-hidden { display: none; } .form-group-toggle-enabled .form-group-toggle-hidden { display: block !important; } label.option{ margin-bottom:5px; padding:0px; text-align:left; font-weight:normal; overflow:hidden; width:160px; float: left; } .form-required{ color:#ff3300; } /******************************* Round Corner *****************************/ .roundcorner label{ padding: 0 20px 0 0; } .roundcorner label.error{ padding-left: 5px !important; } .roundcorner .form-submit2{ margin-left:100px; padding:2px; } .roundcorner .form-checkbox{ padding-right: 3px; } /*.roundcorner p{ margin: 5px 0px; }*/ .roundcorner{ /*position: relative;*/ } .titleOutterBox,.titleInnerBox,.contentOutterBox,.contentInnerBox{ background-repeat: repeat-y; } .titleInnerBox{ padding: 0px; margin: 0px; padding: 5px 15px 10px; } .titleInnerBox h2{ margin: 0px; font-size: 19px; font-family:Helvetica,Arial,sans-serif; font-size:19px; font-weight:bold; line-height: 20px; padding-left:5px;; } .contentInnerBox{ margin: 0px; overflow:hidden; padding: 10px 20px 5px 10px; } .bottomOutterBox, .bottomInnerBox,.topInner,.topOutter{ background-repeat: no-repeat; } .topOutter{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/tr.gif); background-position: top right; height: 11px; } .topInner{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/tl.gif); background-position: top left; height: 11px; } .bottomInnerBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/bl.gif); background-position: top left; width: 11px; } .bottomOutterBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/br.gif); background-position: top right; height: 15px; width: 100%; } .titleInnerBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/til.gif); background-position: top left; } .titleOutterBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/tir.gif); background-position: top right; } .contentOutterBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/cr.gif); background-position: top right; overflow: hidden; } .contentInnerBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/blue/cl.gif); background-position: top left; } /** white **/ .white-title, .white{ } .white-title .titleInnerBox h2, .white .titleInnerBox h2{ padding-top: 5px; color: #008fd4; font-size: 30px; } .white-title .topOutter, .white .topOutter{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/tr.gif); } .white-title .topInner, .white .topInner{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/tl.gif); } .white-title .bottomInnerBox, .white .bottomInnerBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/bl.gif); } .white-title .bottomOutterBox, .white .bottomOutterBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/br.gif); } .white-title .titleInnerBox, .white .titleInnerBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/til.gif); } .white-title .titleOutterBox, .white .titleOutterBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/tir.gif); } .white-title .contentOutterBox, .white .contentOutterBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/cr.gif); } .white-title .contentInnerBox, .white .contentInnerBox{ background-image:url(/wp-content/themes/ProductFolio/images/roundcorner/white/cl.gif); } /***************jquery ui customizations**********************/ .ui-dialog-title { font-size: 1.4em; line-height: 1.4em; } .ui-tabs.static-tabs .ui-tabs-panel { background: #ebebeb url(/wp-content/themes/ProductFolio/images/rightbox-bg.jpg) 0 0 repeat-x; padding: 4px 0 0 0; } .ui-tabs-hide { display: none; } .ui-tabs-panel { padding: 4px; } /*UI tabs*/ #btabs { overflow: hidden; background: #008fd4 url('images/btabs-vjod.png') no-repeat 100% 0; height: 37px; } #btabs #tabs { background-color: #fff; margin-bottom: 7px; padding: 0; border: 0 none !important; } #btabs .ui-tabs { border: none; } #btabs .ui-tabs-nav { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; overflow: hidden; position: relative; bottom: 0px; background:#ffffff; } #btabs .ui-tabs-nav ul { /*resets*/display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; } #btabs .ui-tabs-nav li { /*resets*/display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; border-right: none; position: relative; height:30px; /* margin-right:5px;*/ } #btabs .ui-tabs-nav li a { /*resets*/display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; font-weight: bold; text-decoration: none; padding: 5px 9px 5px 9px; color: #ffffff; font-size:16px; cursor:pointer; background: #0c7ab3; } #btabs .ui-tabs-nav li a:hover { color: #212121; } #btabs .ui-tabs-nav li.ui-state-disabled a:hover { color: #ffffff; } #btabs .ui-tabs-nav { border-bottom-color: #ffffff; position: relative; top: 0px; height:30px; /*background:yellow;*/ } #btabs li.ui-tabs-selected{ border-bottom-color: #ffffff; position: relative; top: 0px; height:30px; } #btabs li.ui-tabs-selected li { } #btabs li.ui-tabs-selected a { background-color: #008fd4; color: #ffffff; position: relative; } #btabs li.ui-tabs-selected a:hover{ /*background: #ff3300;*/ } #btabs .ui-tabs-panel { /*clear:left;*/ /*background: #ebebeb url(/wp-content/themes/ProductFolio/images/rightbox-bg.jpg) 0 0 repeat-x;*/ background:#ffffff; border:none; color: #222222; padding: 0px 4px 0px 4px; margin:0px; } #btabs .ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; } .btabs-panel { padding: 0 !important; border: 0 !important; } .btabs-panel .btabs-contentInnerBox { background: none !important; border-left: 1px solid #b3b3b3; } .btabs-panel .btabs-bottomInnerBox { height: 11px; background-position: -6px top; } /****************************** Start Proposals Module ******************************/ #content-uploader { display: none; border: 1px solid #ccc; background-color: #eaeaea; padding: 15px; margin-top: 20px; } #content-uploader-description { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-weight: bold; color: #333; } #content-uploader-more { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; } #proposalForm textarea { width: 99%; } #proposalForm input.form-text { width: 99%; } #messageForm .form-item { width: auto; } }