/* Theme Name: Skygate2012 Theme URI: http://www.dcrsystems.com Description: The skygate2012 theme for WordPress is stylish, customizable, simple, and readable - make it yours with a custom menu, header image, and background. Version: 3.0 Author: sanjay modi Author URI: Tags: skygate2012, simple, clean, basic */ /*@import "style/css/reset.css"; @import "style/css/typography.css";*/ /* ID's for your reference: this is automatically generated from functions.php under [ setpagename(); ] function #home #about #clients #mobile #web #seo #threedee #marketing #contact you may avoid creating extra major containers within content part create different style titles with ease, for example: #home .headline{} / #about .headline{} */ html { background: url(images/bg2.png) 0 0 repeat #a1a29f; color: #222; overflow:scroll; } /* ---------------------------------------- */ /* FONT REPLACEMENT NEW */ /* ---------------------------------------- */ @font-face { font-family: 'OpenSansLight'; src: url('OpenSans-Light-webfont.eot'); src: url('fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('fonts/open-sans/OpenSans-Regular-webfont.eot'); src: url('fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('fonts/open-sans/OpenSans-Italic-webfont.eot'); src: url('fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('fonts/open-sans/OpenSans-Bold-webfont.eot'); src: url('fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSans100'; src: url('fonts/museo-sans/museosans-100-webfont.eot'); src: url('fonts/museo-sans/museosans-100-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo-sans/museosans-100-webfont.woff') format('woff'), url('fonts/museo-sans/museosans-100-webfont.ttf') format('truetype'), url('fonts/museo-sans/museosans-100-webfont.svg#museo_sans100') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSans300'; src: url('fonts/museo-sans/museosans-300-webfont.eot'); src: url('fonts/museo-sans/museosans-300-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo-sans/museosans-300-webfont.woff') format('woff'), url('fonts/museo-sans/museosans-300-webfont.ttf') format('truetype'), url('fonts/museo-sans/museosans-300-webfont.svg#museo_sans300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSans500'; src: url('fonts/museo-sans/museosans-500-webfont.eot'); src: url('fonts/museo-sans/museosans-500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo-sans/museosans-500-webfont.woff') format('woff'), url('fonts/museo-sans/museosans-500-webfont.ttf') format('truetype'), url('fonts/museo-sans/museosans-500-webfont.svg#museo_sans500') format('svg'); font-weight: normal; font-style: normal; } /* ---------------------------------------- */ /* BODY */ /* ---------------------------------------- */ body { opacity:0; /*background: url(images/bg2.gif) 0 0 repeat #a1a29f;*/ font-size: 1.0em; font-family: "OpenSansRegular", Tahoma, Geneva, sans-serif; } h1, h2, h3, h4, h5{ font-weight: normal; text-transform: uppercase; line-height: 1.1; } h1{ font-family: "MuseoSans300", Arial, Tahoma; font-size: 4.6em; } h2 { font-family: "MuseoSans300", Arial, Tahoma; font-size: 2.7em; } h3, h4{ font-family: "OpenSansRegular", Arial, Tahoma; font-size: 1.3em !important; margin: 0 0 .6em !important; } /* h5 - false h1 */ /* a{ color: #0564aa; text-decoration: none; } */ p{ font-size: .8em; line-height: 1.75; margin: 0 0 1.2em !important; } strong, b{ font-weight: normal !important; font-family: "OpenSansBold", Arial, Tahoma; } h1 strong{ font-family: "MuseoSans500", Arial, Tahoma; } .wrapper{ height: auto; margin: 0pt auto; overflow: hidden; display: none; } /* ---------------------------------------- */ /* HEADER */ /* ---------------------------------------- */ #header { margin: 0 auto; width: 759px; } #header .logo-flash { height: 80px; width:759px; overflow: hidden; display:block; margin: 0 auto 0; } .video-js { background-color: transparent !important ; } #header .video { width:759px; /*background: #222;*/ overflow: hidden; display: block; margin: 0 auto; height: 252px; } /* ---------------------------------------- */ /* NAV */ /* ---------------------------------------- */ #nav { display:block!important; background: url(images/nav.png) 0 0 no-repeat; height: 53px; margin: 7px auto 2px; position: relative; width: 775px; } #nav ul { left: 28px; position: relative; top: 12px; } #nav li { float: left; position: relative; font-size: 0; } /** added 06.10.13 */ #nav li.not-active{ display:none !important;} #nav a { display: block; height: 22px; _float: left; text-indent: -9999px; } #nav li.page-item-5 a { background: url(images/nav-menu.png) 0 0 no-repeat; width:66px; } #nav li.page-item-5:hover a, #nav li.page-item-5.current_page_item a { background-position: 0 -22px; } #nav li.page-item-7 a { background: url(images/nav-menu.png) -67px 0 no-repeat; width: 75px; } #nav li.page-item-7:hover a, #nav li.page-item-7.current_page_item a { background-position: -66px -22px; } #nav li.page-item-9 a { background: url(images/nav-menu.png) -141px 0 no-repeat; width: 84px; } #nav li.page-item-9:hover a, #nav li.page-item-9.current_page_item a { background-position: -141px -22px; } #nav li.page-item-11 a { background: url(images/nav-menu.png) -329px 0 no-repeat; width:79px; } #nav li.page-item-11:hover a, #nav li.page-item-11.current_page_item a { background-position: -329px -22px; } #nav li.page-item-13 a { background: url(images/nav-menu.png) -225px 0 no-repeat; width: 104px; } #nav li.page-item-13:hover a, #nav li.page-item-13.current_page_item a { background-position: -225px -22px; } #nav li.page-item-15 a { background: url(images/nav-menu.png) 0 0 no-repeat; width: 43px; } #nav li.page-item-17 a { background: url(images/nav-menu.png) -408px 0 no-repeat; width: 116px; } #nav li.page-item-17:hover a, #nav li.page-item-17.current_page_item a { background-position: -408px -22px; } #nav li.page-item-19 a { background: url(images/nav-menu.png) -524px 0 no-repeat; width:102px; } #nav li.page-item-19:hover a, #nav li.page-item-19.current_page_item a { background-position: -524px -22px; } #nav li.page-item-21 a { background: url(images/nav-menu.png) -626px 0 no-repeat; width: 92px; } #nav li.page-item-21:hover a, #nav li.page-item-21.current_page_item a { background-position: -626px -22px; } #about #nav li:nth-of-type(2) a { background-position: 0.1 -22px; } a.more-link{ color: #0564aa; text-decoration: none; display:block; } a.more-link:hover{ text-decoration:underline; } .addshare{ padding:10px 0; } .addshare .addtoany_list a{ padding:0; } /* ---------------------------------------- */ /* CLIENT LOGOS VERSION 2 /* ---------------------------------------- */ .clientlist{ padding: 0; overflow: auto; } .clientlist li{ list-style: none; padding: 0; margin: 0; float: left; clear: both; *width:100% !important } .clientlist a{ text-decoration: none; font-size: 1.0em; text-align: center; float: left; display: block; width: 211px; height: 119px; overflow: hidden; margin: 10px 6px 15px; padding: 0 3px 15px; border-bottom: 1px solid #B9B9B9; position: relative; } .clientlist a:hover img{ position: relative; top: -119px; } /* ---------------------------------------- */ /* HOME MAST */ /* ---------------------------------------- */ .list { width: 189px; float: left; } #home #mast { background: url(images/mast_home.jpg) 0 0 no-repeat; height: 233px; margin: 0 auto 10px; position: relative; width: 759px; clear: both; } #mast .form { float: left; height: 195px; position: relative; width: 160px; padding: 10px 0 10px 20px; } #mast .form h2 { background: url(images/mast_form_skygate.png) 0 0 no-repeat; height: 34px; text-indent: -9999px; width: 148px; } #mast .form ul { margin-top: 9px; margin-left: 3px; } #mast .form li { margin-bottom: 5px; } #mast .form li input, #mast .form li textarea { border: 0; background-color: transparent; color: #fff; font: normal 0.75em Arial; padding: 2px 4px 0; } #mast .form li *{ vertical-align: top; } #mast .form li input { height: 21px; width: 140px; background: url(images/mast_input.png) no-repeat left top; } #mast .form li textarea { margin-top: 1px; height: 75px; max-height: 75px; width: 140px; max-width: 140px; overflow: auto; background: url(images/mast_input.png) no-repeat left top; padding: 2px 4px 4px; } #mast .form img.home-captcha{ background: #141414; padding: 1px; margin-top: 1px; } #mast .form input.home-captcha{ width: 50px; } #mast div.form input.submit { background: url(images/text_submit.png) 0 0 no-repeat; border: 0; cursor: pointer; margin-top: 4px; margin-right: 8px; display: block; height: 10px; width: 91px; float: right; position: relative; } #mast div.form input.submit:active{ top: 1px; } #mast div.logos { background: url(images/mast_divider.gif) 0 0 no-repeat; /*float: left;*/ height: 228px; overflow: hidden; padding: 5px 0 0 1px; position: relative; width: 756px; } #mast div.logos div.image { display: inline; height: 111px; float: left; margin: 0 1px 1px 0; position: relative; width: 188px; } #mast .form .wpcf7-validation-errors{ display: none !important; } #mast .form .span.wpcf7-not-valid-tip{ left: 0 !important; top: 0 !important; } /* ---------------------------------------- */ /* INNER PAGES MAST */ /* ---------------------------------------- */ #mast.inner { height: 97px; margin: 0 auto 10px; width: 759px; } /* ---------------------------------------- */ /* CONTENT */ /* ---------------------------------------- */ #content { margin: 0 auto 6px; position: relative; width: 775px; clear: both; } #content #contentTop { background: url(images/content_top.png) 0 0 no-repeat; height: 16px; width: 775px; overflow:hidden; font-size:0; } #contact #contentTop { background: url(images/contact_content_top.png) 0 0 no-repeat; } #contact #contentMid { background: url(images/contact_content_mid.png) 0 0 repeat-y !important; width: 775px; } #contact #contentBottom { background: url(images/contact_content_bottom.png) 0 0 no-repeat !important; } #content #contentMid { background: url(images/content_mid.png) 0 0 repeat-y; width: 775px; } #content #contentBg { background: #fff url(images/content.gif) 0 0 repeat-x; margin: 0 9px; padding: 20px 30px 22px 30px; position: relative; width: 697px; } #content #contentBottom { background: url(images/content_bottom.png) 0 0 no-repeat; height: 16px; width: 775px; } #content #globeBg { bottom: -38px; left: -134px; position: absolute; z-index: 1000; } /* ---------------------------------------- */ /* MAIN */ /* ---------------------------------------- */ #content #main h1 { padding-bottom: 12px; font-size: 3.0em; } #content #main .cat h1 { padding-bottom: 12px; width:450px; float:left; } #content #main .cat .posted-on{ float:left; background: url(images/postedon-bg1.png) 0 0 no-repeat; margin-right: 11px; margin-bottom:10px; width: 100px; height:51px; padding:5px 0 0; position:relative; left:-30px; } .posted-on p.date{ background: url(images/postedon-month-verti.png) right center no-repeat; display:inline; float:left; font:bold 28px "Times New Roman", Times, serif !important; color:#FFF !important; padding:2px 10px 2px 15px !important; border:none !important; } .posted-on p{ font:bold 10px Tahoma, Geneva, sans-serif !important; padding:0 5px 0 10px; display:inline; float:left; text-align:center !important; color:#FFF !important; text-transform:uppercase; line-height:1.2em; } .posted-on p span.month{ display:block; font:bold 14px Tahoma, Geneva, sans-serif !important; } h1.blog-title{ display:block; width:420px !important; margin-left:-20px !important; font:35px 'MuseoSans500', Geneva, sans-serif !important; } div.hori-line{ display:block; background: url(images/post-hori-line.png) left top repeat-x; height:1px; margin-bottom:17px; } #content #main .wp-caption{ position:relative !important;} #content #main .cat .wp-caption p.wp-caption-text{ background: url(images/trans-white-bg.png) left top repeat; /*height:10px;*/ position:absolute; bottom:8px; padding:10px !important; margin:0 5px !important; color:#FFF; font-size:12px; text-align:left !important; font-style:italic !important; } #content #main h2 { /*font: bold 0.9em Tahoma;*/ font:24px 'MuseoSans100', Geneva, sans-serif !important; margin-bottom:15px; } #content #main p { margin-bottom: 17px; } #content #main .contact-pic { padding-bottom: 1px; text-align: justify; } #content #main .wp-caption{ background:#f3f3f3; border:1px solid #ddd; text-align:center; padding:5px; } #content #main .wp-caption p.wp-caption-text{ padding-bottom:0 !important; text-align: center; } #content #main ul.disc { } #content #main li { color: #404040; font: normal 0.7em Tahoma; } #content #main hr{ border:1px dotted #404040; } /* ---------------------------------------- */ /* 404.php */ /* ---------------------------------------- */ #content .not-found{ background: url(images/not-found-bg.png) center center no-repeat; width:717px; min-height:223px; height:auto !important; height:223px; padding-top:140px; text-align:center; } #content .not-found h1, #content .not-found h2{ /* font:bold 22px "MuseoSans300", Geneva, sans-serif !important; */ } /* ---------------------------------------- */ /* HOME / ABOUT MAIN */ /* ---------------------------------------- */ /* #home #main, #about #main { border-bottom: 39px solid #222; float: left; min-height: 496px; position: relative; width: 526px; } /* ---------------------------------------- */ /* HOME / ABOUT - SIDE */ /* ---------------------------------------- */ /* #home #side, #about #side { float: right; min-height: 532px; position: relative; width: 172px; } #home #side #testimonial, #about #side #testimonial { margin: 0px auto 10px; min-height: 68px; padding: 0 10px 8px; position: relative; width: 150px; } #home #side #testimonial p, #about #side #testimonial p { font: normal 11px Tahoma; color: #404040; text-align: justify; } #home #side #testimonial blockquote, #about #side #testimonial blockquote { font: normal 12px Tahoma; color: #404040; background: url(images/blockquote-open.png) left top no-repeat; padding-top: 22px; text-indent: 40px; } #home #side #testimonial blockquote span, #about #side #testimonial blockquote span { background: url(images/blockquote-close.png) right bottom no-repeat; display:block; padding-bottom:30px; } #home #side #testimonial p.writer, #about #side #testimonial p.writer { font-weight: bold; padding: 10px 0 0; text-align: right; } #home #side .webDesign, #about #side .webDesign { display: block; margin-bottom: 16px; width: 172px; } #home #side .box, #about #side .box { display: block; margin-bottom: 12px; position: relative; width: 172px; } #home #side .box.last, #about #side .box.last { margin-bottom: 0; } #home #side .box h2, #about #side .box h2 { color: #404040; height: 38px; position: relative; text-indent: -9999px; width: 172px; } #home #side .box h2.emarketing, #about #side .box h2.emarketing { background: url(images/e-marketing.gif) 0 0 no-repeat; } #home #side .box h2.inspiration, #about #side .box h2.inspiration { background: url(images/inspiration.gif) 0 0 no-repeat; } #home #side .box .content, #about #side .box .content { border: 1px solid #222; min-height: 68px; padding: 8px 10px; width: 150px; } #home #side .box .content p, #about #side .box .content p { color: #404040; font: normal 0.7em Tahoma; padding-bottom: 5px; text-align: justify; } #home #side .box .content p.writer, #about #side .box .content p.writer { font-weight: bold; padding-bottom: 0; text-align: right; } */ /* ------ ABOUT | CORE TEAM------ */ #about .headline{ background: url(images/02-about-headline.png) no-repeat center top; height: 120px; width: 690px; } #coreteam { margin: 40px 0 80px; width: 697px; /* background: #ddd; */ } #coreteam h2{ display: block; height: 100px; background: url(images/crew/02-heading-coreteam.png) no-repeat center; margin: 0 auto 50px !important; overflow: hidden; text-indent: -999em; } #coreteam .crew{ position: relative; margin: 0 0 40px; padding: 0 0 1 0px; border-bottom: 1px solid #ddd; } #coreteam .about strong, #coreteam .about b { display: block; margin-bottom: 20px; font-size: 1.3em; line-height: 1.5; } #coreteam .photo{ width: 250px; height: 335px; background: #222; position: relative; margin: 0 0 50px; } #coreteam .photo img{ opacity: .5; } #coreteam .crew:hover .photo img{ opacity: 1; } #coreteam .name{ position: absolute; bottom: 0; height: 60px; background: #222; color: #fff; padding: 15px 20px 0; width: 210px; } #coreteam .name h4{ font-family: 'MuseoSans500'; font-size: 1.3em !important; line-height: 1.0; margin: 0 !important; text-transform: none !important; } #coreteam .name small{ font-size: .9em; color: #888; } .crew .photo:after{ content: ''; position: absolute; bottom: -40px; width: 15px; height: 40px; background: url(images/callout-01.png) no-repeat center top; } #coreteam .crew:nth-child(even){ /* background: #aaa; */ } #coreteam .crew:nth-child(even) .photo{ float: left; margin-left: -16px; left: -30px; } #coreteam .crew:nth-child(even) .photo:after{ left: 0; } #coreteam .crew:nth-child(odd){ /* background: #aaa; */ } #coreteam .crew:nth-child(odd) .photo{ float: right; margin-right: -16px; right: -30px; } #coreteam .crew:nth-child(odd) .name{ text-align: right; } #coreteam .crew:nth-child(odd) .photo:after{ right: 0; background-position: center bottom; } /* ------------------------------------------------ */ #home #main, #about #main { width: 520px; float: left; overflow: visible; padding-bottom: 10px; position: relative; } #home #main{ padding-bottom: 150px; } #home #side, #about #side{ float: right; min-height: 532px; position: relative; width: 172px; } #testimonial{ position: relative; float: left; clear: both; text-indent: 32px; background: #bbb; font: normal 12px Tahoma; color: #404040; /*background: url(images/blockquote-open.png) left top no-repeat;*/ background: url(images/blockquote-open1.png) 10px 5px no-repeat; padding-top: 12px; margin-bottom: 30px; border: 1px solid #d6d6d6 /*#222*/; padding: 8px 10px; } #testimonial p{ font-size: 11px; } #testimonial h3{ margin-top: 8px; margin-bottom:10px; width: 100%; text-align: right !important; font-size: 11px; color:#339999; } #testimonial .blockquote{ font: normal 12px Tahoma; color: #404040; /*background: url(images/blockquote-close.png) right bottom no-repeat;*/ padding: 25px 0 5px; margin: 0 6px; text-indent:0; /*text-indent: 40px;*/ } .sgmclock{ padding: 0; } #home .sgmclock{ display: none; } #about #side .box h2 { /*background: url(images/blog-post.gif) 0 0 no-repeat;*/ background: url(images/blog_post1.jpg) 0 0 no-repeat; } #about #side .box h3{ margin-bottom:5px; } /* * added on May 5, 2013 */ #home #side .box1, #about #side .box1 { display: block; margin-bottom: 12px; position: relative; width: 172px; } #home #side .box1.last, #about #side .box1.last { margin-bottom: 0; } #home #side .box1 h2, #about #side .box1 h2 { color: #404040; height: 38px; position: relative; text-indent: -9999px; width: 172px; } #home #side .emarketing .box1 h2, #about #side .emarketing h2 { background: url(images/e-marketing.gif) 0 0 no-repeat; } #home #side .box1 h2.inspiration, #about #side .box1 h2.inspiration { background: url(images/inspiration.gif) 0 0 no-repeat; } #home #side .box1 .content, #about #side .box1 .content { border: 1px solid #989898; min-height: 68px; padding: 8px 10px; width: 150px; } #home #side .box1 .content p, #about #side .box1 .content p { color: #404040; font: normal 0.7em Tahoma; padding-bottom: 5px; text-align: justify; position: relative; } #home #side .box1 .content p.writer, #about #side .box1 .content p.writer { font-weight: bold; padding-bottom: 0; text-align: right; } #about #side .box1 h2 { background: url(images/blog_post1.jpg) 0 0 no-repeat; } /** end **/ a.node { color: #404040 !important; font: bold 11px Tahoma; text-decoration:none; } a.node:hover { text-decoration:underline; } #about #side .box li{ margin-left:20px; } #about #side .box li ul li { margin:0; color: #404040; font: bold 11px Tahoma; text-decoration:none; } #about #side .box li ul li a{ color: #404040; font: bold 11px Tahoma; text-decoration:none; } #about #side .box li ul li a:hover{ text-decoration:underline; } .box h2.blogpost { background: url(images/blog-post.gif) 0 0 no-repeat; } .recent-post{ font-size: 14px; } .recent-post a:link { /*font-family: Arial;*/ } #about #side .recent-post .box li{ list-style:none; padding:0; margin:0 !important; margin-left:0 !important; display:block; } #about #side .recent-post .box li ul li a{ color: #404040; font: 11px Tahoma; text-decoration:none; text-align:justify; } #about #side .recent-post .box li ul li a:hover{ text-decoration:underline; } .recent-post li{ list-style:none; padding:0; margin:0; display:block; } .recent-post li ul li{ text-align:justify; } .recent-post li ul li a{ color: #404040; font: normal 0.7em Tahoma; text-decoration:none; text-align:justify; } .recent-post li ul li a:hover{ text-decoration:underline; } div.facebook{ margin-bottom:14px; text-align:center; clear: both; } #home #side .webDesign, #about #side .webDesign { display: block; margin-bottom: 16px; width: 172px; } #home #side .box, #about #side .box { display: block; margin-bottom: 12px; position: relative; width: 172px; } #home #side .box.last, #about #side .box.last { margin-bottom: 0; } #home #side .box h2, #about #side .box h2 { color: #404040; height: 47px/*38px*/; position: relative; text-indent: -9999px; width: 172px; } #home #side .emarketing .box h2, #about #side .emarketing h2 { background: url(images/e-marketing.gif) 0 0 no-repeat; } #home #side .box h2.inspiration, #about #side .box h2.inspiration { background: url(images/inspiration.gif) 0 0 no-repeat; } #home #side .box .content, #about #side .box .content { border: 1px solid #d6d6d6 /*#222*/; min-height: 68px; padding: 8px 10px; width: 150px; } #home #side .box .content p, #about #side .box .content p { color: #404040; font: normal 0.7em Tahoma; padding-bottom: 5px; text-align: justify; position: relative; } #home #side .box .content p.writer, #about #side .box .content p.writer { font-weight: bold; padding-bottom: 0; text-align: right; } /* add sanjaymodi */ .ui-icon-triangle-1-s, .ui-icon-triangle-1-e { display: none !important; } .cat-menu { border: none !important; height: auto !important; background: none !important; } .cat-menu a { color: #339999 !important; } /* sanjaymodi */ /* ----------------------------------------------- */ /* SERVICES / WEB DESIGN / SEO / CMS- MAIN */ /* ----------------------------------------------- */ /*#services #main*/, /* #web #main, */ #seo #main { border-bottom: 39px solid #222; float: left; min-height: 325px; overflow: hidden; position: relative; width: 448px; } #services #main h1, #web #main h1, #seo #main h1 { /*padding-top: 16px !important;*/ } #bucket { padding-top: 16px !important; } #services #main ul.disc, #web #main ul.disc, #seo #main ul.disc { float: left; list-style: disc; margin: 0 20px 20px; position: relative; } #services #main p, #web #main p, #seo #main p { /* clear: both; margin-bottom:10px; */ } #seo #main table td{ color: #404040; font: 0.7em Tahoma; } #services #main table td{ color: #404040; font: 0.7em Tahoma; } #services #main table td li{ font: 11px Tahoma; list-style: disc inside none; padding:0; margin:0 0 5px; } table.cmstable{ border-width: 0px; border-spacing: 0px; border-style: none; border-color: gray; border-collapse: separate; margin-bottom: 14px; } table.cmstable th { font-size: 12px; padding: 0 0 8px; font-weight: bold; } table.cmstable td { border-width: 1px; padding: 5px; border-style: solid; border-color: gray; } table.cmstable .cmsform{ margin: 10px; } table.cmstable span.wpcf7-list-item { display:block; margin-left:0 !important; } table.cmstable span.textarea-comments textarea { height: 100px; width: 250px; } table.cmstable span.wpcf7-radio span.wpcf7-list-item { float:left; width:138px; }table.cmstable span.wpcf7-radio input { float:left; } table.cmstable span.wpcf7-radio span.wpcf7-list-item-label { float:left; padding-left:10px; } table.cmstable span.radio-cms { clear:left; float:left; } table.cmstable span.new-biz-devt { float: left; clear: left; } table.cmstable .cmscomment { width: 412px; } table.cmstable .cmsform b { margin-bottom: 10px; float: left; width: 100%; } table.cmstable .cmsform h3 { margin-bottom: 10px; } table.cmstable p { font-size: 1.0em !important; margin: 0 !important; padding: 0 !important; } .biz-devt, .web-makeover { float:left; width:200px; margin-bottom: 20px; } .comments { float:left; } .cmsform input.btn-quote { background: url(images/btn_get-quote.png) 0 0 no-repeat; border: 0; cursor: pointer; height: 47px; width: 151px; outline:0; float:right; text-indent:-9999px; margin: 10px 0 0; } .cmsform input.btn-quote:hover { background-position: 0 -47px; } /* ---------------------------------------------- */ /* SERVICES / WEB DESIGN / SEO / CMS - SIDE */ /* ---------------------------------------------- */ #side li.current_page_item a, #side li.current_page_parent a, #side li.current_page_ancestor a{ font-weight:bold; text-decoration: underline !important; } #services #side, #web #side, #seo #side { float: right; min-height: 200px; position: relative; width: 244px; } #services #side h2, #web #side h2, #seo #side h2 { font-size: 1em; font-family: "MuseoSans300"; padding-bottom: 15px; } #services #side .content, #web #side .content, #seo #side .content { background: #ddd url(images/side_services.gif) 0 0 no-repeat; min-height: 225px; padding: 30px 10px 30px 20px; width: 214px; } #services #side ul, #web #side ul, #seo #side ul { font: normal .7em Tahoma; margin-left: 10px; } #services #side li, #web #side li, #seo #side li { margin-bottom: 7px; } #services #side a, #web #side a, #seo #side a { color: #404040; text-decoration: none; } /*#services #side a:visited, #web #side a:visited, #seo #side a:visited { color: #000; text-decoration: none; }*/ #current{ color:#000000; } #services #side a:hover, #web #side a:hover, #seo #side a:hover { color: #000; } /* ---------------------------------------- */ /* CLIENTS MAIN */ /* ---------------------------------------- */ #main.clients-temp { border-bottom: none!important; min-height: 325px; overflow: hidden; padding-bottom: 25px; position: relative; width: 716px!important; } #main .clients .box { border-bottom: 1px solid #b9b9b9; float: left; height: 150px; margin: 13px 13px; position: relative; text-align: center; width: 212px; } #main.clients .box2 { border-bottom:none; float: left; height: 150px; margin: 13px 13px; position: relative; text-align: center; width: 212px; } .clients .shareinpost{ display:none; } /* ---------------------------------------- */ /* CASE STUDIES MAIN */ /* ---------------------------------------- */ #case #main { padding-bottom:0; /* 25px */ position: relative; width: 716px; } #case #main td { height: 113px; position: relative; text-align: center; vertical-align: middle; width: 360px; } /* ---------------------------------------- */ /* INTERACTIVE MAIN */ /* ---------------------------------------- */ #interactive #main { border-bottom: 39px solid #222; min-height: 325px; overflow: hidden; padding-bottom: 25px; position: relative; width: 716px; } #interactive #main.mark { border-bottom: 39px solid #222; min-height: auto; overflow: visible; padding-bottom: 0; /*25px;*/ position: relative; width: 716px; } #interactive #main.mark.bnone{ border:none; } #interactive #main .box { border-bottom: 1px solid #b9b9b9; float: left; /* height: 235px;*/ margin: 0 1px; position: relative; text-align: center; width: 212px; } #interactive #main .box img { padding: 50px 0; } /* ---------------------------------------- */ /* CONTACT MAIN */ /* ---------------------------------------- */ #contact #main { border-bottom: 39px solid #222; overflow: hidden; position: relative; width: 716px; } #contact #main h1 { background: url(images/website_contact_form.gif) 0 0 no-repeat; display: block; height: 11px; text-indent: -9999px; width: 189px; display:none !important;/***20140122***/ } #contact #main form { float: left; position: relative; width: 455px; } #contact #main form li { margin-bottom: 20px; } #contact #main form li *{ vertical-align: top; } #contact #main form li input.text { background: transparent; border: 0; color: #404040; font: normal 1em Tahoma; padding: 5px; height: 17px; width: 207px; } #contact #main li.name, #contact #main li.email, #contact #main li.phone{ background: url(images/contact_input.png) no-repeat left top; height: 27px; width: 212px; float: left; position: relative; } #contact #main li.captcha { height: 27px; width: 217px; float: left; position: relative; } #contact img.contact-captcha{ background: #fff; padding: 0px 2px 0; height: 27px; } #contact input.contact-captcha{ height: 17px; border: 0; padding: 5px; width: 94px; background: url(images/contact_captcha.png) no-repeat left top; } #contact #main form li.email { margin-left: 17px; } #contact #main form li.message { background: url(images/contact_message.png) no-repeat left top; clear: both; height: 126px; width: 450px; } #contact #main form li.message textarea { background: transparent; border: 0; color: #404040; font: normal 1em Tahoma; height: 116px; max-height: 116px; padding: 5px; width: 432px; max-width: 432px; } #contact #main form li.send { text-align: right; } #contact #main form li.send input { background: url(images/btn_send_message.png) 0 0 no-repeat; border: 0; cursor: pointer; height: 47px; margin-right: 5px; width: 151px; } #contact #main form li.send input:hover { outline:0 none; } #contact #main form li.send input:active { background-position: 0 -94px; border: 0; outline: 0 none; } input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; } /* ---------------------------------------- */ /* CONTACT SIDE */ /* ---------------------------------------- */ #contact #side { float: right; margin-top: -20px; position: relative; width: 244px; } #contact #side h2 { background: url(images/contact_skygate_media.gif) 0 0 no-repeat; display: block; height: 10px; padding-bottom: 15px; text-indent: -9999px; width: 239px; } #contact #side .content { background: url(images/side_contact.gif) 0 0 no-repeat; height: 130px; padding-top: 15px; text-align: center; width: 244px; } #contact #side .content h3 { color: #404040; font-size: 0.7em; font-weight: bold; padding: 5px 0 13px; } #contact #side .content p { color: #404040; font: normal 0.7em Tahoma; padding-bottom: 13px; text-align: center; } #contact #side .content h3.email { padding-top: 15px; } .confirmmodal { background: url(images/confirmbg.png) 0 0 no-repeat; height:291px; width:537px; display:none; margin-left:36px; } .confirmmodal-rfp { background: url(images/confirmbg.png) 0 0 no-repeat; height:291px; width:537px; display:none; margin-left:36px; } .simplemodal-close { background: url(images/closemodal.png) 0 0 no-repeat; height:23px; width:223px; cursor: pointer; position:absolute; top:190px; left:179px; display: none; } .simplemodal-close:hover{ background: url(images/closemodal.png) 0 -28px no-repeat; } #simplemodal-overlay {background-color:#000; cursor:wait;} /* ---------------------------------------- */ /* FOOTER 1 */ /* ---------------------------------------- */ #footer1 { background: #222 url(images/footer.gif) 0 0 repeat-x; border-bottom: 5px solid #2e2e2e; min-height: 168px; margin: 0 auto; clear: both; } #footer1 .top { height: 39px; margin: 0 auto; width: 100%; } /*#footer1 .top ul { height: 39px; left: 64px; position: relative; top: 13px; z-index: 20; }*/ /*#footer1 .top li { border-left: 1px solid #8c8c8c; float: left; font: normal 0.7em Tahoma; line-height: 0.7em; position: relative; } */ #footer1 .top ul { height: 39px; position: relative; text-align: center; top: 6px; width: 100%; z-index: 20; left:-9px; } #footer1 .top li { border-left: 1px solid hsl(0, 0%, 55%); display: inline; font: 0.7em/0.7em Tahoma; position: relative; } #footer1 .top li.current_page_item a, #footer1 .top li.current_page_parent a, #footer1 .top li.current_page_ancestor a{ color: #dedede; } #footer1 .top li:first-child { border-left: 0; } #footer1 .top a { color: #8c8c8c; display: inline; height: auto; margin: 0 16px; text-decoration: none; } #footer1 .top a:hover { color: #fff; } #footer1 .bottom { margin: 0 auto; min-height: 101px; padding: 21px 0 10px; position: relative; width: 838px; } .footerleftimg { background: url("images/footerimg01.png") repeat scroll 0 0 transparent; height: 46px; /*left: -221px;*/ left: -250px; position: absolute; top: 34px; width: 313px; } .footerrightimg { background: url("images/footerimg02.png") repeat scroll 0 0 transparent; height: 46px; position: absolute; /*right: -221px;*/ right: -250px; top: 34px; width: 327px; } #footer1 .bottom .link { color: #8c8c8c; float: left; display: block; margin-right: 45px; position: relative; width: auto; } #footer1 .bottom .link:first-child { /*margin-left: 120px;*/ margin-left: 100px; } * html #footer1 .bottom .link.first { margin-left: 60px; } #footer1 .bottom .link h2 { font: bold 0.7em Tahoma; padding-bottom: 10px; } #footer1 .bottom .link ul { margin-left: 15px; } #footer1 .bottom .link li { font: normal 0.7em Tahoma; list-style: disc outside; } #footer1 .bottom .link a { color: #8c8c8c; text-decoration: none; } #footer1 .bottom .link a:hover { color: #fff; } /* ---------------------------------------- */ /* FOOTER 2 */ /* ---------------------------------------- */ #footer2 { margin: 0 auto; text-align: center; width: 759px; margin-bottom:20px; } #footer2 p, #footer2 li { color: #ffffff; font: 0.71em Tahoma; font-weight:normal; line-height: normal; text-shadow: #000000 0px 0px 3px; } #footer2 p, #footer2 li { FILTER: Shadow(Color=#000000, Direction=3, St rength=2); } #footer2 .copyright { padding-bottom: 23px; } #footer2 .copyright a { color: #ffffff; text-decoration: none; } #footer2 .cities { margin: 15px auto; overflow: hidden; text-align: justify; width: 640px; color: #ffffff; } #footer2 .cities p { padding-bottom: 10px; color: #ffffff; line-height: normal; } #footer2 .cities table { margin: 0 auto 20px; } #footer2 .cities td { border-left: 1px solid #fff; position: relative; padding: 0 10px; vertical-align: top; } #footer2 .cities td:first-child, #footer2 .cities td.first { border-left: none; padding-left: 0; } a.dept:link {text-decoration: none; color: #000000;} a.dept:visited {text-decoration: none; color:#898a87;} a.dept:active {text-decoration: none;} a.dept:hover {text-decoration: underline; color:#00a9f8;} a:link {text-decoration: none; color:#0564aa;} a:visited {text-decoration: none; color:#0564aa;} a:active {text-decoration: none;} a:hover {text-decoration: underline; color:#444444;} #flashcontent{ width:212px; height:113px; } /* ---------------------------------------- */ /* LOGOS */ /* ---------------------------------------- */ .newyork { background:url(images/logo_newyork_mast.png) no-repeat top left; width:188px; height:119px; position:relative; display:block; text-indent:-9999px; } .newyork2 { background:url(images/logo_new_york.png) no-repeat top left; width:209px; height:119px; position:relative; display:block; text-indent:-9999px; } .newyork2:hover{ background-position:0 -119px; } .hartford { background:url(images/logo_hartford_advocate1.png) no-repeat top left; width:209px; height:113px; position:relative; display:block; text-indent:-9999px; } .rs { background:url(images/logo_rs1.png) no-repeat top left; width:211px; height:113px; position:relative; display:block; text-indent:-9999px; } .asc { background:url(images/logo_asc.png) no-repeat top left; width:188px; height:111px; position:relative; display:block; text-indent:-9999px; } .asc2 { background:url(images/logo_asc2.png) no-repeat top left; width:188px; height:111px; position:relative; display:block; text-indent:-9999px; overflow:hidden; } .asc2:hover{ background-position: 0 -111px; } .chicago { background:url(images/logo_chicago_tribune_mast.png) no-repeat top left; width:188px; height:111px; position:relative; display:block; text-indent:-9999px; } .chicago2 { background:url(images/logo_chicago_tribune1.png) no-repeat top left; width:212px; height:113px; position:relative; display:block; text-indent:-9999px; } .crown{ background:url(images/logo_crown.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .crown:hover{ background-position:0 -119px; } .gaucho { background:url(images/logo_gaucho_mast.png) no-repeat top left; width:154px; height:111px; position:relative; display:block; text-indent:-9999px; } .ehstwo { background:url(images/logo_ehs_mast.png) no-repeat top left; width:154px; height:111px; position:relative; display:block; text-indent:-9999px; } .weekly { background:url(images/logo_weekly_com.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .weekly:hover{ background-position:0 -119px; } .advocate { background:url(images/logo_hartford_advocate1.png) no-repeat top left; width:209px; height:113px; position:relative; display:block; text-indent:-9999px; } .advocate:hover{ background-position:0 -113px; } .advocatetwo { background:url(images/logo_hartford_advocate1.png) no-repeat top left; width:209px; height:113px; position:relative; display:block; text-indent:-9999px; } .rs2 { background:url(images/logo_rs1.png) no-repeat top left; width:211px; height:113px; position:relative; display:block; text-indent:-9999px; } .rs2:hover{ background-position:0 -113px; } .salon { background:url(images/salon.png) no-repeat top left; width:188px; height:111px; position:relative; display:block; text-indent:-9999px; } .salon2{ background:url(images/salon2.png) no-repeat top left; width:188px; height:111px; position:relative; display:block; text-indent:-9999px; } .salon2:hover{ background-position:0 -111px; } .pinto { background:url(images/logo_pinto.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .pinto:hover{ background-position:0 -119px; } .pinto2 { background:url(images/logo_pinto2.png) no-repeat top left; width:188px; height:119px; position:relative; display:block; text-indent:-9999px; } .simcap { background:url(images/logo_simcap.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .simcap:hover{ background-position:0 -119px; } .simcap2 { background:url(images/logo_simcap2.png) no-repeat top left; width:188px; height:119px; position:relative; display:block; text-indent:-9999px; } .aviad { background:url(images/logo_aviad.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .aviad:hover{ background-position:0 -119px; } .aviadtwo { background:url(images/logo_aviad_mast.png) no-repeat top left; width:188px; height:111px; position:relative; display:block; text-indent:-9999px; } .oliverpiano{ background:url(images/logo_oliverpiano.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .oliverpiano:hover{ background-position:0 -119px; } .wilksir { background:url(images/logo_wilks.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .wilksir:hover{ background-position:0 -119px; } .oliverpiano { background:url(images/logo_oliverpiano.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .ehs{ background:url(images/ehs.png) no-repeat top left; width:188px; height:111px; position:relative; display:block; text-indent:-9999px; } .ehs:hover{ background-position:0 -111px; } .connecticut{ background:url(images/logo_connecticut_design_center_r.png) no-repeat top left; width:209px; height:113px; position:relative; display:block; text-indent:-9999px; } .connecticut:hover{ background-position:0 -113px; } .village { background:url(images/logo_village_critter_outfitter.png) no-repeat top left; width:211px; height:113px; position:relative; display:block; text-indent:-9999px; } .village:hover { background:url(images/logo_village_critter_outfitter_r.png) no-repeat top left; width:211px; height:113px; position:relative; display:block; text-indent:-9999px; } .wilks { background:url(images/logo_wilks_enterprise_inc.png) no-repeat top left; width:212px; height:113px; position:relative; display:block; text-indent:-9999px; } .wilks:hover { background:url(images/logo_wilks_enterprise_inc_r.png) no-repeat top left; width:212px; height:113px; position:relative; display:block; text-indent:-9999px; } .artifact { background:url(images/logo_artifact.png) no-repeat top left; width:209px; height:113px; position:relative; display:block; text-indent:-9999px; } .artifact:hover { background:url(images/logo_artifact_r.png) no-repeat top left; width:209px; height:113px; position:relative; display:block; text-indent:-9999px; } .hp{ background:url(images/logo_hp.png) no-repeat top left; width:211px; height:119px; position:relative; display:block; text-indent:-9999px; } .hp:hover{ background-position:0 -119px; } .belly { background:url(images/logo_bellydance.png) no-repeat top left; width:211px; height:113px; position:relative; display:block; text-indent:-9999px; } .belly:hover { background:url(images/logo_bellydance_r.png) no-repeat top left; width:211px; height:113px; position:relative; display:block; text-indent:-9999px; } .alignright { float:right; margin-left:15px; display: block; } .alignleft { float:left; margin-right:15px; display: block; } .aligncenter { text-align:center; } .wp-caption .alignright, .wp-caption .alignleft{ margin: 0 0 0 0 !important; } /* ---------------------------------------- */ /* CONTACT FORM */ /* ---------------------------------------- */ div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-response-output{ border: 2px solid #888888 !important; font-family: arial; font-size: 11px; } .wpcf7-not-valid-tip{ border-color: #444 !important; width: auto !important; white-space: nowrap !important; } div.wpcf7-mail-sent-ok{ display:none !important; } /* ---------------------------------------- */ /* WP-dTree */ /* ---------------------------------------- */ .post-archive{ padding-bottom:5px; } .post-archive a:hover{ text-decoration: none; } /*.post-archive ul{ display: none; }*/ .post-archive .content li{ list-style:none; display:block; background: url(images/tree-sub.gif) no-repeat left top; } .post-archive h3{ padding-left: 20px; padding-bottom: 4px; margin-bottom: 0 !important; cursor: pointer; background: url(images/tree-plus.gif) no-repeat left center; border: medium none; } .post-archive h3:hover{ color: #555 !important; } .post-archive h3.on{ background: url(images/tree-minus.gif) no-repeat left center; color: #555 !important; } .post-archive li{ font-size: 11px; padding-bottom: 4px; padding-left: 20px; margin: 0 0 0 0 !important; } .post-archive .content li li{ } a.a2a_menu_powered_by, a.a2a_menu_powered_by:visited { display: none !important; } .colorspherevid{ padding: 0 0 7px 8px; background: url(images/shad_small_vid.png) no-repeat left bottom; margin: 10px 0; overflow: hidden; display: none; position: relative; clear: both; } #home .colorspherevid{ display: block; } .colorspherevid a{ display: block; height: 122px; left: 0; position: absolute; top: 0; width: 172px; z-index: 300; clear: both; } #about .colorspherevid{ margin-bottom: 0; } .sgm-404{ display: block; height: 260px; width: 522px; margin: 80px auto; background: url(images/sgm-404.png) no-repeat center; } /*---------------------------*/ /* GLOBALS */ /*---------------------------*/ .clear{ clear: both; } .absolute{ position: absolute; } /*---------------------------*/ /* 3D PAGE ADD-ON */ /*---------------------------*/ .threedee h1{ } .threedee h2{ } .threedee h3{ } .threedee h4{ } .threedee h5{ } .threedee p{ } .threedeeslide{ width: 900px; height: 500px; position: relative; left: -95px; padding-bottom: 20px; background: url(images/3d/3dslide_shad.png) no-repeat center bottom; margin: 0 0 20px; } .threedee .forbesad { width:210px; top:43px; left: 515px; position:absolute; cursor: pointer; } .threedee .forbesad a, .threedee .forbesad a:hover{ color: #5F5F5F !important; font-family: "myriad-pro",sans-serif !important; font-style: italic !important; font-weight: 900 !important; line-height: 0.1em !important; text-transform: uppercase; font-size: 0.9em !important; } .threedee .blackscreen{ width: 900px; height: 500px; background: #000; } .threedeeslide li{ list-style: none; width: 900px; height: 500px; } img.e_wheel{ position: absolute; right: -276px; margin-top: -5px; } a.get3dstarted{ height: 103px; width: 357px; background-image: url(images/3d/btn-getstarted.png); clear: both; float: right; position: relative; right: -110px; margin-bottom: -20px; } /*---------------------------*/ /* WEB DESIGN PAGE - NEW */ /*---------------------------*/ /* Web Design Page */ .webdesign p{ } .webdesign h1, .webdesign h2, .webdesign h3{ } .wd_intro{ display: none; } .wd_main .wd_intro{ display: block; } .webdesign h1{ } .webdesign h2{ } .webdesign h3{ } .webdesign .tcontent{ width: 480px; float: left; } .webdesign .tcontent h1{ } .webdesign .tcontent h2{ } .webdesign .tcontent h3{ /* margin: 25px 0 0 !important; */ } .webdesign .tabs{ float: right; width: 154px; padding-left: 27px; background: url(images/border-wdtabs.png) no-repeat left 45px; height: 763px; margin-bottom: 100px; } .wd_slide{ width: 1050px; height: 584px; position: relative; left: -165px; padding-bottom: 20px; background: url(images/3d/3dslide_shad.png) no-repeat center bottom; margin: 20px 0 20px; } .wd_slide img{ height: 100%; } .wd_slide ul{ padding: 0; margin: 0; width: 1050px; height: 584px; background: #000; } .wd_slide li{ overflow: hidden; list-style: none; width: 1050px; height: 584px; text-align: center; } .webdesign .tabs{ padding-top: 3px; position: relative; margin-bottom: 100px; } .webdesign p{ clear: none !important; } .webdesign .tabs ul{ position: relative; z-index: 310; } .webdesign .tabs li{ border-bottom: 1px solid #818181; margin: -1px 0; position: relative; z-index: 320; } .webdesign .tabs li.young, .webdesign .tabs li.active{ border-color: transparent } .webdesign .tabs a{ background: url(images/webdesign/wd_icons.png) no-repeat; outline: 0; display: block; height: 115px; width: 148px; color: #222; font-weight: bold; text-transform: uppercase; font-size: 11px; text-align: right; position: relative; z-index: 360; overflow: hidden; font-size: 0; color: transparent; } .webdesign .tabs a#t01{ background-position: 0 3px; } .webdesign .tabs a#t02{ background-position: 0 -95px; } .webdesign .tabs a#t03{ background-position: 0 -203px; } .webdesign .tabs a#t04{ background-position: 0 -296px; } .webdesign .tabs a#t05{ background-position: 0 -391px; } .webdesign .tabs a#t06{ background-position: 0 -494px; } .webdesign .tabs a#t07{ background-position: 0 -589px; } /* Mobile Page */ #mobile .headline{ background: url(images/05-mob-headline.png) no-repeat center top; height: 120px; width: 690px; } .mobile p{ } .mobile h1, .mobile h2, .mobile h3{ } .wd_intro{ display: none; } .wd_main .wd_intro{ display: block; } .wd_main .wd_intro h1{ display: block; width: 680px; height: 180px; font-size: 0; text-indent: -999em; overflow: hidden; background: url(images/04-wd-headline.png) no-repeat; margin: 0 auto; } .mobile h1{ } .mobile h2{ } .mobile h3{ } .mobile .tcontent{ width: 500px; /*padding-bottom:120px;*/ float: left; } .mobile .tcontent h1{ } .mobile .tcontent h2{ } .mobile .tcontent h3{ } .mobile .tabs{ float: right; width: 154px; padding-left: 27px; background: url(images/border-wdtabs.png) no-repeat left 45px; height: 530px; margin-bottom: 100px; } .mobile .tabs{ padding-top: 3px; position: relative; } .mobile p{ clear: none !important; } .mobile .tabs ul{ position: relative; z-index: 310; } .mobile .tabs li{ /* border-top: 1px solid #818181; */ border-bottom: 1px solid #818181; margin: -1px 0; position: relative; z-index: 320; } .mobile .tabs li.young, .mobile .tabs li.active{ border-color: transparent } .mobile .tabs a{ background-repeat:no-repeat; background-image:url(images/webdesign/wd_icons-mobile.png); outline: 0; display: block; height: 115px; width: 148px; color: #222; font-weight: bold; text-transform: uppercase; font-size: 11px; text-align: right; position: relative; z-index: 360; overflow: hidden; font-size: 0; color: transparent; } .mobile .tabs a#t01{ background-position: 0 6px; } .mobile .tabs a#t02{ background-position: 0 -93px; } .mobile .tabs a#t03{ background-position: 0 -193px; } .mobile .tabs a#t04{ background-position: 0 -293px; } .mobile .tabs a#t05{ background-position: 0 -392px; } .mobile .tabs a#t06{ background-position: 0 -490px; } .mobile .tabs a#t07{ background-position: 0 -585px; } .shadowbox{ position: absolute; top: 0; right: -7px; height: 112px; width: 160px; background: url(images/webdesign/wd-activetab.png) no-repeat; z-index: 290; display: none; } /*Marketing*/ #marketing .headline{ background: url(images/07-mktg-headline.png) no-repeat center top; height: 200px; width: 690px; margin: 0 auto -13px !important; } .marketing p{ } .marketing h1, .marketing h2, .marketing h3{ } .wd_intro{ display: none; } .wd_main .wd_intro{ display: block; } .marketing h1{ } .marketing h2{; } .marketing h3{ } .marketing .tcontent{ width: 450px; /*padding-bottom:120px;*/ float: left; overflow: hidden; } .marketing .tabs{ float: right; width: 154px; padding-left: 27px; background: url(images/border-wdtabs.png) no-repeat left 45px; padding-top: 3px; position: relative; overflow:visible; height: 533px; margin-bottom: 100px; } .marketing p{ } .marketing .tabs ul{ position: relative; z-index: 310; } .marketing .tabs li{ /* border-top: 1px solid #818181; */ border-bottom: 1px solid #818181; margin: -1px 0; position: relative; z-index: 320; } .marketing .tabs li.young, .marketing .tabs li.active{ border-color: transparent } .marketing .tabs a{ background: url(images/webdesign/wd_icons-marketing.png) no-repeat; outline: 0; display: block; height: 115px; width: 148px; color: #222; font-weight: bold; text-transform: uppercase; font-size: 11px; text-align: right; position: relative; z-index: 360; overflow: hidden; font-size: 0; color: transparent; } .marketing .tabs a#t01{ background-position: 0 7px; } .marketing .tabs a#t02{ background-position: 0 -93px; } .marketing .tabs a#t03{ background-position: 0 -193px; } .marketing .tabs a#t04{ background-position: 0 -293px; } .marketing .tabs a#t05{ background-position: 0 -392px; } .marketing .tabs a#t06{ background-position: 0 -490px; } .marketing .tabs a#t07{ background-position: 0 -585px; } /*About*/ #about #main.about-sky{ border:none; width:auto; } #about .posttag{ float: left; margin-right: 20px; width: 527px; } #about .sgm_pipeline{ margin: 0 0 20px; } #about #main .posttag h1{ margin: 0 0 8px; padding: 0 !important; width:399px; height:34px; background:url(images/howwestart.png) no-repeat; text-indent:-99999px } #about #main .posttag h3{ font-size:19px; text-transform:uppercase; } #about #main .posttag h2{ text-transform: uppercase; font-size: 22px !important; margin: 0 0 6px 0; } #about #main .posttag p{ font-family: 'OpenSansRegular'; font-size:12px; line-height: 24px; } #about #main .entrypost{ position:relative; padding:48px 0 0 0; width:655px } #about #main .entrypost h1{ font-size:18px; background:#000000; width:535px; color:#acacac; font-weight:normal; font-family:"MuseoSans300",sans-serif !important; padding:5px 5px 5px 16px; position:relative; z-index:200 } #about #main .entrypost h1{ z-index:200; position:relative; } #about #content #main .bottomtext p, #about #main .entrypost p{ z-index:200; position:relative; font-family: 'OpenSansRegular'; color:#6c6b6b; font-size:13px; line-height: 23px; margin:0 0 0 15px } #about #main .entrypost img{ position:absolute; right:-52px; top:-17px; } .imgdrag{ width:174px; float:left; } #about .sgm-pipeline{ margin-bottom: 40px; overflow: auto; } #about .sgm-pipeline .swf{ margin: 50px 0 0; } #about .role-list p{ margin-bottom: 30px !important; } #about .ps{ margin: 30px 0 50px; padding: 140px 40px 0; background: url(images/02-leverage-us.png) no-repeat center top; text-align: center; position: relative; } #about .ps p{ font-size: 1.0em; line-height: 1.6; margin: 0 0 40px !important; } #about .ps a.coffeecup{ height: 58px; width: 50px; background-image: url(images/icon-coffeecup.png); margin: 30px auto 20px; } #about .lnk-careers{ color: #ddd; background: #000; padding: 10px 24px; text-transform: uppercase; width: 300px; font-size: 1.5em; display: block; margin: 0 auto; position: relative; text-decoration: none; } #about .lnk-careers:hover{ color: #fff; } #about .lnk-careers:after{ content: ' '; height: 10px; width: 19px; display: block; position: absolute; left: 50%; top: -10px; margin-left: -10px; background: url(images/callout-02.png) no-repeat center top; } .dragrelative{ width:170px; margin-left:41%; height:934px; position:relative; overflow:hidden } .drag{ width:931px; margin:0 161px 0 auto; top:0 !important; left: -541px; } .imgdrag{ margin-left:-771px; width:1862px; } .imgdragcon{ width:150px; float:left; overflow:hidden; padding-bottom:10px; } #about .lowerpart{ clear:both; padding-top: 52px; } #about #content .lowerpart h2{ } /*Content*/ .bgcontent{ background:url(images/bgcontact.jpg) no-repeat; height:1101px; position:absolute; top:0; width:100%; left:7px; z-index:100; } #contact #main{ position:relative; z-index:200; border:none !important; height: 1060px; top:-7px } #contact #main form{ width:360px; position:relative; z-index:2001; background:url(images/bgtransparent.png) repeat; padding-top:16px; padding-bottom:10px; } #contact #main form input[type=text], #contact #main form input[type=email]{ background: #C1C1C1; width:268px; padding:5px 0; border:none; } #contact #main form p{ float:right; margin-bottom:7px; padding:0; *clear:none } #contact #main form p span{ display:block; float:right; margin-right:20px; *display:inline } #contact #main form label{ display:block; float:left; color:#f4f4f4; width:56px; text-align:right; font-size:13px; margin-right:14px; padding-top: 3px; font-family: 'OpenSansRegular'; } #contact #main form textarea{ width:268px; height:300px; float:left; background: #C1C1C1; border:none } #contact #main form br{ display:none; } #contact #main form .wpcf7-submit{ width:117px; height:38px; /*background:url(images/sendbtn.png) no-repeat;*/ background:url(images/btn_quickcontact.png) no-repeat; border:none; cursor:pointer } div.wpcf7 img.ajax-loader { display: none; } #contact #side{ left:372px; top:120px; position:absolute; margin-top:20px; } #contact #main p{ clear:both } #contact #side .content{ background:none; width:318px; } #contact #side .content li{ color:#bababa; font-family: 'OpenSansRegular'; font-size:12px; border-bottom:#bababa solid 1px; padding:20px 0 20px 0; text-align:left; background:url(images/circle.png) no-repeat 0 26px; margin-left:27px; padding-left:23px; } #contact #side .content li.last{ border:none; } .pximg{ position:absolute; right:0; top:10px; } #contact .bgcontent{ height:1101px } #contact .wpcf7-file{ height: 30px; right:10px; opacity: 0; filter: alpha(opacity = 0); float:right; right: -19px; top: 2px; z-index: 2000; position:absolute } /*#contact #main .attached{ width:121px; height:38px; background:url(images/btnattach.png) no-repeat; display:block; float:right; text-indent:-99999px; clear:none !important; margin-top:10px; margin-right:10px; position:relative; right:113px; }*/ #contact #main form .fake-upload{ width:145px !important; float:left !important; margin-right:5px; margin-top:5px; } .submit-contact{ /*float:right !important;*/ clear:none !important; margin-top:10px; position:relative; z-index:200; margin-left: 23px; } .continue-to-rfp{ /*float:right !important;*/ clear:none !important; margin-top:10px; position:relative; z-index:200; margin-left: 8px; } .showups{ clear: both; position: absolute; color: #FFFFFF; top: 596px; left: 50px; font-family:"myriad-pro",sans-serif !important; font-weight:bold; font-size:14px; text-transform: uppercase; text-align: right; width:250px; } .removeups { position: absolute; top:594px; left: 310px; background: url(images/X.png) no-repeat 0 0; height: 27px; width: 30px; display: none; cursor: pointer; } .paperclip { position:absolute; background: url(images/clip.png); top:541px; left:75px; height:56px; width:35px; display: none; } #contact #contentBg { *position:static; /*nicky edit*/ height:1050px; padding-top:0; background: #000; } #contact div.wpcf7-validation-errors { border: medium none !important; color: red; /*left: 14%; position: absolute; bottom: -10px;*/ width: 252px; text-align:center; float:left; margin: 0 0 0 65px !important; } #contact #clocks { width: 800px; position: absolute; top: 741px; left:25px; } #contact .clock_local { width: 275px; height: 275px; display: inline; padding-right: 64px; } #contact .clock_sgm { width: 275px; height: 275px; display:inline; z-index:2000 } .contact_talkwithus { left: -1px; } .contact_email { color: #ddd !important; font-family: "OpenSansBold"; font-size: 24px; text-transform: uppercase; } .contact_phone { color: #ccc !important; font-family: "OpenSansRegular"; font-size: 20px; font-weight: bold; text-transform: uppercase; } .MultiFile-list{ clear:both; position:relative; left:20px; float:right; width:100%; margin-top:53px; *width:60%; *left:28px; } .MultiFile-list span{ text-indent:0; color: #FFFFFF; font-family: "myriad-pro",sans-serif !important; font-size: 14px; font-weight: bold; float:left; width:58px } .MultiFile-label{ float:left; clear:both; margin:10px 0 0 0; display:block; } .MultiFile-remove{ background: url("images/X.png") no-repeat scroll 0 0 transparent; cursor: pointer; display:block; text-indent:-99999px; float:left; height: 27px; width: 30px; margin-right:5px } #contact .multi { cursor:pointer; position: absolute; top: 10px; } .proposal div.wpcf7-mail-sent-ok{ display:block!important; font-size:14px; color:#333; border:2px solid #72c900; } /*.fileupload{ position:relative; top:-56px; width:100%; }*/ #contact span.wpcf7-not-valid-tip{ top:0; } .holdform { margin-top: 15px; /*position:relative; top:31px;*/ } /*Home*/ .maincontent h1{ font-size:31px; text-transform:uppercase; color:#222; line-height:25px; } .maincontent h1 a{ color:#5D5D5D } .maincontent h1 a:hover{ text-decoration:none } .maincontent h1 big{ font-size:24px !important; } .maincontent h1 span{ font-size:14px; text-transform:uppercase; position:relative; top:-3px } .maincontent h5{ color:#4d4d4d; margin-bottom:20px; } .maincontent h3{ margin-bottom:15px; } .maincontent .rotatesubject{ float: left; margin-left: -182px; margin-top:96px; width: 437px; } .maincontent .righttext{ width:375px; float:right; margin-bottom:30px; } .maincontent p{ clear:both; } .maincontent p{ /* color:#545454; font-family: 'OpenSansRegular'; font-size:13px; line-height:24px; margin-bottom:20px; text-align:justify; display:block; font-size:12px; */ } .psent{ display: block; float: left; position: relative; margin-right: 16px; margin-top: 6px; } .omicycle{ background: url(images/roucycle.png) no-repeat 0px 0px; position:relative; clear:both; margin-bottom:40px; z-index: 200; height:632px; width:717px; margin-top: 414px; min-height:600px; } .omicycle .link01{position:absolute; text-indent:-99999px;} .omicycle .link02{position:absolute;text-indent:-99999px;} #content .introtext #globeBg{ bottom: -13px; position: absolute; right: -76px; z-index: 1; left:auto } .omicycle .captivate{background:url(images/cycle.png) no-repeat -28px -424px ; height: 161px; right: 129px; text-indent: -99999px; top: 71px; width: 152px; z-index:2100; } .captivate-text { height: 92px; left: 285px; position: absolute; top: 10px; width: 154px; background: url(images/cycle.png) no-repeat -19px -803px; opacity: 0; z-index:2100; } .inspire-text { height: 92px; left: 473px; position: absolute; top: 228px; width: 149px; background: url(images/cycle.png) no-repeat 0px -889px; opacity: 0; z-index:2100; } .engage-text { height: 85px; left: 272px; position: absolute; top: 423px; width: 154px; background: url(images/cycle.png) no-repeat -13px -982px; opacity: 0; z-index:2100; } .outrank-text { height: 106px; left: 85px; position: absolute; top: 229px; width: 149px; background: url(images/cycle.png) no-repeat -19px -1060px; opacity: 0; z-index:2100; } .omicycle .inspire{ background:url(images/cycle.png) no-repeat -24px -634px ; height: 162px; right: 135px; top: 341px; width: 152px; text-indent:-99999px; position: absolute; z-index:2100; } .omicycle .outrank{ background:url(images/cycle.png) no-repeat scroll -37px -220px transparent; height: 171px; width: 144px; left: 135px; top: 62px; text-indent:-99999px; position:absolute; z-index:2100; } .omicycle .engage{ background:url(images/cycle.png) no-repeat scroll -36px -26px transparent; height: 162px; left: 130px; text-indent: -99999px; top: 338px; width: 151px; position: absolute; z-index:2100; } .elements-link{ z-index:200; position: absolute; top: 0; width: 713px; } .elements-link li{ opacity:0; position:cursor; } .disnone { display:none; } .elements-link li .righthalf{ width:385px; height:572px; /*584px;*/ } .elements-link li .lefthalf { width:385px; height:550px; } .elements-link li .captivate-pop { background:url(images/cycle.png) -210px -24px no-repeat; left: 119px; top: -72px; } .elements-link li .inspire-pop { background:url(images/cycle.png) -210px -589px no-repeat; right: -358px; top: -342px; } .elements-link li .engage-pop { background:url(images/cycle.png) -597px -24px no-repeat; right: 130px; top: -329px; } .elements-link li .outrank-pop { background:url(images/cycle.png) -597px -590px no-repeat; right: 129px; top: -53px; } .elements-link li{ position:absolute; } .elements-link li div{ display:none; position: absolute; z-index:2000; } .title2012{ height:140px; width:709px; margin: 0 0 30px 0; background:url(images/01-home-headline.png) no-repeat; display:block; } .title2012hover { /* width:717px; height:140px; top:8px; left:21px; background:url(images/mouseover2012-hover.png) no-repeat; position:absolute; opacity: 0; cursor:pointer; */ } .rotationViewer { cursor: pointer; height: 338px; position:absolute; left:84px; top:751px; } .rotationViewer img { position:absolute; visibility:hidden; left:-43px; top:0; } .peKenBurns { width: 1250px; height: 552px; top:18px; left:15px; } .slidepost{ top:27px; background: url(images/homeshadowslide.png) no-repeat center bottom; height: 582px; left: -286px; margin: 20px 0; padding-bottom: 32px; position: relative; width: 1280px; } .slidepost h1{ font-family: "MuseoSans100"; margin-left: 282px; font-size:24px; top:5px; } /* set border size to 0px */ .peKenBurns .peKb_slides { padding: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* set controls margins to 0px */ .peKenBurns .peKb_controlsInner .peKb_holder{ margin: 0px; } /* style h1 tag */ div .peKenBurns h1 a { } #page-shareThisPanel{ display:none } #home #content #contentBg{ margin-bottom:38px; padding-bottom: 0px; background:#fff url(images/homepage-bg.jpg) repeat-x ; } #home #content #contentBottom{ display:none } /*For the Form*/ #content #contentTop.bggrid { background: url(images/content_top-form.png) 0 0 no-repeat; height: 16px; width: 775px; overflow:hidden; font-size:0; } #content #contentMid.bggrid { background: url(images/content_mid-form.png) 0 0 repeat-y; } #content #contentBg.bggrid { background: #f6f6f6 url(images/form-bg.jpg) repeat-x top; margin: 0 9px; padding: 0 19px 22px 21px; position: relative; width: 717px; } #content #contentBottom.bggrid { background: url(images/content_bottom-form.png) 0 0 no-repeat; height: 16px; width: 775px; } /*RFP Page*/ .proposal .btn { display: block; float: left; text-indent: -99999px; } .proposal .btn:hover { background-position:left bottom; } .porposal h1, .porposal h2{ font-size:60px; } .porposal h2{font-size:24px;} .tablinks{ margin:0 0 23px 0; background:url(images/hrdef.png) repeat-x; margin-bottom:15px; overflow:auto; } .tablinks a{ float:left; clear:none; height:48px; } .tablinks .one{background:url(images/onetab-bg.png) no-repeat; width:237px;} .tablinks .two{background:url(images/twotab-bg.png) no-repeat; width:236px;} .tablinks .three{background:url(images/threetab-bg.png) no-repeat; width:234px;} .tablinks a.active{ background-position:left bottom; } .formset .formglobal li{ margin-bottom:22px; margin-right:49px; float:left; } .formset .formglobal li .text{ width:317px; height:25px; background:red; margin:0 5px 0 5px; border:none; background:none; } .slides .innerslider li, .slides li{ display:none; } .slides li.active{ display:block; } .slides .innerslider li li, .slides li li{ display:block } .formglobal{ background:url(images/hrdotted.png) repeat-x bottom left; padding-bottom:10px; margin-bottom:34px; /*overflow:auto;*/ overflow: hidden; clear:both; } .formset .formglobal li input[type=text].error{ background:url(images/xmark.png) no-repeat right center; padding-right:25px; width:292px } .formset .formglobal li input[type=text].valid{ background:url(images/checkmark.png) no-repeat right center; padding-right:25px; width:292px } .formset .formglobal .company, .formset .formglobal .email{ margin-right:0; } .formset .formglobal label{ clear:both; display:block; margin:0 0 8px 0; } #thresl p label.error, #basicinfo p label.error, #competitors p label.error{ display:none !important } #content #main .formset .formglobal p{ background:url(images/inputbg.jpg) repeat-x #fefefe; border:#a9a9a9 solid 1px; padding:0; } #content #main .formset .web-adds p{ background:none; border:none; } #content #main .formset h4{ font-size:18px; text-transform:uppercase; margin:0 0 18px 0; color:#222; } .formset .phone span.phone-ex{ float:right; font-family: "HelveticaNeueLTCom-Ex"; font-size:11px; } .formset .formglobal label{ font-family: "HelveticaNeueLTCom-Ex"; font-size:14px; } .formset .formglobal .web-adds{ float:right; margin-right:0; } #content #main .formset p{ background:none; border:none; font-family: "HelveticaNeueLTCom-Ex"; font-size:14px; } #content #main .formset #objective p{ background:none; border:none; margin-left:20px; margin-bottom:6px; } #content #main .formset #objective li{ clear:both; margin-left:50px; position:relative } #content #main .formset #objective label.error{ position:absolute; top:22px; left:0; color:red; font-size:12px; } #content #main .formset #competitors li{ margin-left:50px; } #content #main .formset #competitors li p .text { width:522px; height:32px; } #content #main .formset #competitors li p input { font-family: "HelveticaNeueLTCom-Ex"; text-transform:uppercase; color:#4a4a4a; font-size:11px; } #content #main .formset #competitors li p{ margin-bottom:18px; } #content #main .formset #competitors h4{ margin-left:19px; } #groupform{ width:697px; padding-bottom:50px } .formglobal textarea{ font-family: "HelveticaNeueLTCom-Ex"; line-height:24px; font-style:italic; border:#a9a9a9 solid 1px; background:url(images/obj-textareabg.png) repeat #FEFEFE; font-size:14px; color:#909090; padding:10px; height:190px; max-height:190px; min-height:190px; width:495px; max-width:495px; min-width:495px; margin-top:-10px; } #content #main .formset .web-adds .text{ width:205px; border:#a9a9a9 solid 1px; background:url(images/inputbg.jpg) repeat-x #FEFEFE; padding:0 10px; } #content #main .formset h4 em{ font-size:14px; position:relative; top:-2px; } #content #main .formset .h4-span{ font-size:12px; font-style:italic; position:relative; top:-38px; left:60px; color:#888888; text-transform:uppercase; } #content #main .formset .h4-span2{ font-size:12px; font-style:italic; position:relative; top:-38px; left:420px; color:#888888; text-transform:uppercase; } .innertabs{ clear:both; margin-left:1px; margin-bottom:10px; background:url(images/hrdotted.png) repeat-x scroll left bottom; padding-bottom:15px; } .clear{clear:both;} .innertabs span{ display:block; width:707px; height:35px; background:url(images/contactinfo-text.png) no-repeat; text-indent:-99999px; } .next1, .next2, .next3, .next4, .next5, .next6{ width:120px; height:39px; background:url(images/btn-next.png) no-repeat; float:right; border:none; cursor:pointer } .innertabs a{ background:url(images/innertabs-bg.png) repeat-x; height:21px; padding:7px 0; display:block; width:233px; float:left; color:#fff; font-size:14px; text-align:center; border-right:#2c2c2c solid 1px; border-left:#717171 solid 1px; text-transform:uppercase; } .innertabs a.first{ background:url(images/innertabs-first-bg.png) no-repeat; border-left:none; width:234px; } .innertabs a.last{ background:url(images/innertabs-last-bg.png) no-repeat; border-right:none; width:235px; } .innertabs a.first.active, .innertabs a.first:hover{ background:url(images/innerbg-active-first.png) no-repeat; } .innertabs a.last.active, .innertabs a.last:hover{ background:url(images/innerbg-active-last.png) no-repeat; width:237px; } .innertabs a.active, .innertabs a:hover{ background:url(images/innerbg-active.png) repeat-x; border:none; width:235px; } .proposal{ margin-left:5px } .proposal .back{ position:absolute; width:26px; height:26px; background:url(images/rfp-back.png) no-repeat; top:-5px; right:5px; } .proposal h1{ text-transform:uppercase; font-size:3.5em!important; margin-bottom:4px!important; font-family: Arial, Helvetica, sans-serif!important; padding-bottom:0!important; margin-bottom:0!important; } .proposal h1 span{ font-size:28px!important;} .proposal h2{ text-transform:uppercase; font-size:1.4em!important; margin-bottom:4px!important; font-family: Arial, Helvetica, sans-serif!important; margin-top:-10px; margin-bottom:10px!important; } .upload{ margin-bottom:20px; } .add-info-rfp{ background:none; } .btlist-upload .wpcf7-form-control { width:417px; height:22px; background: #fff url(images/uploadbg-text.png) no-repeat; float:left; margin-left:85px; margin-bottom:30px; padding:10px 5px; text-transform:uppercase; font-weight:bold; color:#222 } .btlist-upload .wpcf7-file{ width:550px; height:22px; background: #fff url(images/uploadbg-text.png) no-repeat; float:left; margin-left:85px; margin-bottom:30px; padding:10px 5px; text-transform:uppercase; font-weight:bold; color:#222 } .btlist-upload .uploadbtn{ width:115px; height:38px; background:url(images/uploadbtn.png) no-repeat; border:none; float:left; margin-top:2px; } .btlist-upload .LV_invalid{ top:18px; right:45px;} .formset .formglobal .btlist-upload .text{ width:417px; height:22px; background:url(images/uploadbg-text.png) no-repeat; float:left; margin-left:85px; margin-bottom:30px; padding:10px 5px; text-transform:uppercase; font-weight:bold; color:#222 } .price-range{ border:0; background:none; width:230px; color:#333; font-weight:bold;} .slidescroll{ text-align:center; } .btlist-upload{ position:relative } .file-hidden { height: 30px; opacity: 1; position: absolute; right: 0; top:13px; z-index: 2000; filter: alpha(opacity = 0); opacity:0 } .submitbtn{ width:135px; height:45px; background:url(images/btnsubmit.png) no-repeat; float:right; border:none; cursor:pointer } #content #main .formset .upload h4{ margin-bottom:10px; font-size:18px; } #content #main .formset .upload span{ font-size:12px; color:#222; font-family:arial; line-height:20px; } #content #main .scroller { margin-bottom:56px; } #content #main .scroller h1{ text-align:center; font-size:24px; margin-bottom:16px; } #content #main .scroller h1 #amount{ font-size:25px; color:#4e4a4a !important; background:none; text-align:center; } .slidescroll{ margin:0 } #competitors li p{ margin-left:20px } .formaction p{ float:left; margin-right:20px; } .formaction .text{ background: url("images/inputbg.jpg") repeat-x scroll 0 0 #FEFEFE; border: 1px solid #A9A9A9; } .formglobal .leftcontent{ float:left; margin-right:20px; } .formglobal .leftcontent label{ float:left; clear:none; margin-right:10px; display:block; margin-top:4px; } .formglobal .leftcontent{ margin-bottom:56px } #thresl{ background:none; } #thresl li{ width:auto; float:none; margin-right:0; display:none } .formglobal .leftcontent p{ float:left; } .formglobal .leftcontent .text{ width:210px !important; } .formglobal .leftcontent.left{ margin-left:50px; } .btlist{ background: url("images/hrdotted.png") repeat-x scroll left top transparent; clear: both; overflow: auto; padding-top: 34px; } #form07 .btlist{ margin-top:60px; float:left; width:100%; } #ui-datepicker-div { font-size:12px; } .formset .wpcf7-not-valid-tip{ background: url("images/xmark.png") no-repeat ; border:none; position: absolute; top:-2px; left: 92%; z-index: 100; width:0!important; padding: 2px 0px 2px 20px; overflow:hidden } .proposal .wpcf7-validation-errors{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold; border:none; color: #C00 ; } .proposal .wpcf7-response-output{ margin:0; padding:10px; } /*Slides*/ .innerslider, .slides{ width:708px; overflow:hidden } .slides li.panel{ } .proposal .anythingSlider-default{ padding:0; } .proposal .anythingSlider-default .anythingWindow{ border:none; margin:1; } .threeslide p{ } .slidescroll .ui-slider-horizontal{ width: 470px; height:9px; background:url(images/scrollslidebg.png) no-repeat; margin:0pt auto; } .slidescroll .ui-slider-horizontal .ui-slider-range{ background:url(images/stife-bg.png) no-repeat; } .slidescroll .ui-slider .ui-slider-handle{ background:url(images/scrollhold.png) no-repeat; border: medium none; display: block; height: 16px; top: -5px; width: 19px; } #content #main .scroller h1nput{ font-size:14px; color:#4e4a4a } .rfpbtn{ background: url("images/rfpbtn.png") no-repeat scroll 0 0 transparent; height: 60px; width:181px; cursor: pointer; top: 565px; position: absolute; } .rfpbtn:hover{ background-position:left bottom; cursor: pointer; } /*RFP Page : END*/ #home .introtext{ position:relative; margin-bottom:30px; } #home .introtext h2{ font-family: "MuseoSans300"; font-size: 3.5em; margin-bottom: 3px; padding: 0 0 10px; overflow: hidden; text-transform: uppercase; width: 560px; background: url("page-home/img/line.png") no-repeat scroll -3px 66px transparent } #home .introtext p{ font-family: "MuseoSans100"; font-size:24px; color:#222; text-transform:uppercase;textShadow : 0px 1px 0 #dadada; } #home .introtext .colorsymbol{ position:absolute; right:10px; top:-114px; } .portfoliobtn{ background: url("images/portfoliobtn.png") no-repeat scroll 0 0 transparent; height: 65px; width:169px; cursor: pointer; margin-bottom: -30px; top: 580px; position: absolute; } .portfolio_a { display: inline-block; } .portfoliobtn:hover{ background-position:left bottom; cursor: pointer; } .rethinktext{ float:left; } .rethinkcon{ height: 30px; margin:10px 0 30px 0; position: relative; float:right; width:444px; } .rethinkcon ul{ float:left } .rethinking{ float:left; } .rethinking li{ width: 229px; height: 25px; top:1px; background: url("images/rethinking.png") no-repeat scroll 0 -6px transparent; } .rethink02 { background-position: 0px -30px !important; } .rethink03 { background-position: 0px -56px !important; } .rethink04 { background-position: 0px -81px !important; } .rethink05 { background-position: 0px -108px !important; } .rethink06 { background-position: 0px -133px !important; } #home #content #contentTop{ background: url("images/content_top-home.png") no-repeat scroll 0 0 transparent; font-size: 0; height: 16px; overflow: hidden; width: 775px; } .omicycle #testimonial{ width:264px; float:right; } .omicycle #testimonial .blockquote{ padding-right:10px; margin-bottom:11px; } .omicycle #testimonial .blockquote p{ font-size:14px } .appledevices { left: -131px; position: absolute; top: 157px; } #globeBg a{ cursor: pointer; display: block; height: 220px; position: absolute; top: 0; width: 220px; } .testimonials{ height: 173px; position: absolute !important; right: 267px; } /*Single-Clients Page*/ .article-list{ margin-bottom:10px; float:left; clear:both; position:relative; width:100%; } #content #main .article-list p{ font-size:14px; } .firstline { margin-top:40px; } .firstline p{ padding-top:42px !Important; } .thirdline p { float:left; width:320px; } .thirdline .right{ float:right !important; margin:0 !important; margin-left:40px; } .article-list h2, .article-list h3{ font-size:36px ; color:#4d4d4d; clear:both; text-transform:uppercase; margin-bottom:5px !important; } #content .article-list h2{ font-size:46px !important; margin-bottom:-12px !important; } #content .article-list h3{ margin-bottom:28px; font-size:24PX; } #content .thirdline h3{ margin-bottom:20px !important; } #content .thirdline p{ margin-top:20px; } .article-list p img{ float: left; margin-bottom: 26px; margin-right: 48px; margin-top: -23px; } .secondline .lefttext{ width:289px; float:left; } .secondline .righttext{ width:243px; float:right; text-align:right; } .imglogo{ height: 160px; left: 39%; position: absolute; top: 43px; width: 199px; } #content #main .clients h1{ font-size:60px !important; margin-bottom:-15px !important; margin-top:-20px; }.clients h3{ font-size:24px !important; text-transform:uppercase; } .clients{ border-bottom:39px solid #222222; float:left; clear:both; } .qoutebtn{ width:175px; height:44px; background:url(images/get-qoutebtn.png) no-repeat; clear:both; margin-bottom:20px; } p.btnprev a , p.btnnext a{ display: block; float: left; text-indent: -99999px; } p.btnprev a:hover , p.btnnext a:hover{ background-position:left bottom; } p.btnprev a{ width:115px; height:48px; background:url(images/prevbtn.png) no-repeat } p.btnnext a{ width:115px; height:48px; background:url(images/nextbtn.png) no-repeat; } .btnset{ float:right; margin-top:20px; } .btnset p { float:left; margin-right:10px; } .btnset a{ display:block; text-indent:-9999px; float:left;} /*Homepage Award Slider*/ #award-slider{ } .awards-mag{ overflow:hidden;} .awards-mag li{ width:846px; height:1119px; position:relative;} .award-caption{ display: block; background:url(images/award-caption.png) repeat-x; position:absolute; bottom:330px; left:0; height:140px; width:846px; text-align:center; color:#bababa; padding:104px 0 0 0; font-style: italic; text-transform:uppercase; } .bx-prev{ position:absolute; left:20px; bottom: 35%; display:none;} .bx-next{ position: absolute; right:20px; bottom: 35%; display:none;} #fancybox-content{ border: none!important; padding:10px!important;} #fancybox-outer{ background:none!important;} /*========================================START_DECK_Table==================================*/ .dataTables_wrapper{ font-size:11px; } table.cf7-db-table{ width:100%; margin:20px 0; } table.deck-db-table { margin-top: 1em; border-spacing: 0; border: 0 solid gray; font-size: x-small; margin-left: -21px; table-layout:fixed; } br{ mso-data-placement: same-cell; } table.deck-db-table th { padding: 5px; border: 1px solid gray; } table.deck-db-table th > td { font-size: x-small; background-color: #E8E8E8; } table.deck-db-table tbody td { padding: 2px; border: 1px solid gray; font-size: x-small; } table.deck-db-table tbody td > div { max-height: 100px; overflow: auto; } /*========================================END_DECK_Table==================================*/ #sb-loading-inner { display: none !important; } /* CLEARFIX */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ALL-AROUNDS */ .headline{ display: block; margin: 0 auto 50px; } .headline *{ font-size: 0; text-indent: -999em; overflow: hidden; max-width: 690px; /* height: 120px; width: 690px; */ } .center{ margin: 0 auto; } .dropcap{ float: left; } p img.dropcap{ margin: .8em .8em 0 0; } img.center{ display: block; margin-bottom: 20px; } .cleanlist{ padding: 0; } .cleanlist li{ list-style: none; margin:0; padding: 0; } a.btn{ display: block; background-position: center top; } a.btn:hover{ background-position: center bottom } /***video spinner***/ .vjs-loading-spinner{ display:none !important;} /****Thank you page****/ .thankyou-section{ background: url('images/thankyou-bg.png')no-repeat; width: 499px; height: 267px; margin: auto; display: none; margin-top: 70px; margin-bottom: 80px; } .thankyou-section .content{ padding: 72px 0 0 0; width: 300px; margin: auto; color: #474747; font-family: helvetica; font-size: 16px; font-weight: bold; line-height: 2; } .thankyou-section .content h1{ color: #404040; font-family: helvetica; font-size: 24px; font-weight: bold; } .thankyou-section .content p{ color: #474747;font-family: helvetica; } .thankyou-section .content .btn-return{ background: url('images/return-btn.png') no-repeat; width: 111px; height: 26px; display: block; margin: auto;} .thankyou-section .content .btn-return:hover{ background: url('images/return-btn-hover.png')no-repeat; width: 111px; height: 26px;display: block;} .thankyou-section .content .thankyou-spacer{ height: 39px; display: block; width: 200px;} body { }