/*
Theme Name: Downey
Author: Friedman Creative
Author URI: http://friedmancreative.com
*/

@import url('css/reset.css');
@import url('js/fancybox/jquery.fancybox-1.3.4.css');

html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }

body {
	background:#fff;
	
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	color:#666;
}

body a { color:#666; text-decoration:none; }
body a img { border:none; }

#wrap { min-height:100%; padding:0; }
.wrap { position:relative; width:975px; margin:0 auto; }
.analytics-wrap { position:relative; width:975px; margin:50px auto 0 auto; }
.analytics-wrap #service-tabs { margin-bottom:50px; }
.analytics-wrap .formatted { margin-bottom:55px; }

/*--[ General Styles ]--*/
.x-clear { clear:both; }
.x-hide { display:none; }
.x-left { float:left; }
.x-right { float:right; }

.x-er { font-size:11px; }

.txt-grn { color:#090 !important; }

a.large-link { display:block; background:url(images/btn-link.jpg) no-repeat center left; padding:10px 0 10px 40px; font-size:12px; }

a.btn-contact-us { display:block; background:url(images/btn-contact-us.png) no-repeat 0 0; width:143px; height:31px; }

/*--[ H Tags ]--*/
h1 { margin-bottom:25px; font-weight:300; font-size:27px; }
h2, h2 a { margin-bottom:15px; font-size:23px; }
h3, h3 a { margin-bottom:10px; text-transform:uppercase; font-size:14px; }
h4, h4 a { margin-bottom:5px; font-size:13px; text-transform:uppercase; }

h1, h2, h3, h4, h5, h6 { line-height:normal !important; font-weight:normal; font-family:"pill-gothic-300mg-1","pill-gothic-300mg-2"; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin-bottom:0 !important; }

/*--[ Wordpress Styles ]--*/
img.alignleft { float:left; }
img.alignright { float:right; }
img.aligncenter { display:block; margin:0 auto; }

/*--[ Header ]--*/
#header { position:relative; background:url(images/header-bg.jpg) no-repeat bottom center; height:124px; padding-top:30px; margin-bottom:50px; overflow:hidden; }
.home #header { background:url(images/header-bg-home.jpg) no-repeat bottom center !important; height:380px; }

#header>.wrap { height:100%; }

#nav { position:absolute; top:32px; right:0; border-bottom:#eee 1px solid; padding:0 15px; }
#nav { font-family:"pill-gothic-300mg-1","pill-gothic-300mg-2"; color:#1a63a4; text-transform:uppercase; font-size:18px; font-weight:300; }
#nav ul.menu { position:relative; display:block; text-align:right; }
#nav ul.menu>li { position:relative; display:block; float:left; padding:0 10px 20px; }
#nav ul.menu>li>a { background:none; color:#1a63a4; }
#nav ul.menu>li:hover { background:url(images/nav-a-hover.png) no-repeat bottom center; }
#nav ul.menu>li:hover a { color:#666; }
#nav ul.menu>li.current-menu-item, #nav ul.menu>li.current_page_parent { background:url(images/nav-a-active.png) no-repeat bottom center; }

#nav ul.menu>li:hover ul.sub-menu { display:block !important; }
#nav ul.menu>li ul.sub-menu { position:absolute; top:38px; left:0; /*min-width:500px;*/ display:none; /*background:#bbb;*/ border-top:#eee 1px solid; padding:0; white-space:nowrap; font-size:11px; }
/*#nav ul.menu>li ul.sub-menu { border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }*/
#nav ul.menu>li ul.sub-menu li { display:block; float:left; padding:7px 7px; background:#bbb; white-space:nowrap; }
#nav ul.menu>li ul.sub-menu li a { color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:11px; }
#nav ul.menu>li ul.sub-menu li a:hover { color:#666; }

#nav ul.menu>li ul.sub-menu li.x-first { padding-left:20px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; }
#nav ul.menu>li ul.sub-menu li.x-last { padding-right:20px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; }

/*--[ Footer ]--*/
#footer { position:relative; background:#efc725 url(images/footer-bg.jpg) top center; height:328px; margin-top:-328px; padding:0; }

#foot-nav { position:relative; display:block; padding-top:50px; padding-bottom:25px; }
#foot-nav ul.menu { display:block; overflow:hidden; }
#foot-nav ul.menu>li { display:block; float:left; width:130px; margin-left:25px; padding:5px; text-align:left; }
#foot-nav ul.menu>li:first-child { margin-left:0 !important; }
#foot-nav ul.menu>li>a { display:block; border-bottom:#fff 1px solid; padding:5px; text-transform:uppercase; color:#fff; font-size:18px; font-family:"pill-gothic-300mg-1","pill-gothic-300mg-2"; }

#foot-nav ul.menu>li ul.sub-menu { position:relative; display:block; padding:15px 0; }
#foot-nav ul.menu>li ul.sub-menu li { display:block; padding:0 0 15px 5px; }
#foot-nav ul.menu>li ul.sub-menu li a { display:block; text-transform:capitalize; }
#foot-nav ul.menu>li ul.sub-menu li a:hover { text-decoration:underline; }
#foot-nav ul.menu>li ul.sub-menu li span.icon { position:relative; top:-3px; display:inline-block; background:url(images/social-icons.jpg) no-repeat; width:18px; height:18px; float:left; margin-right:10px; *display:inline; *zoom:1; }
#foot-nav ul.menu>li ul.sub-menu li span.fb { height:19px; background-position:top left; }
#foot-nav ul.menu>li ul.sub-menu li span.tw { background-position:bottom left; }

#final-foot { position:relative; display:block; font-size:11px; font-style:italic; }
#final-foot a { font-weight:bold; }
#final-foot a:hover { text-decoration:underline; }

#final-foot form { position:relative; display:inline; padding:0 55px 0 10px; }
#final-foot .x-inp { background:#f2dd98; border-width:1px; border-top-color:#000; border-left-color:#000; border-right:none; border-bottom:none; padding:1px 3px; font-size:9px; }
#final-foot .x-submit { position:absolute; top:0; right:0; background:url(images/btn-submit.jpg) no-repeat 0 0; border:none; width:50px; height:14px; cursor:pointer; }

/*--[ Content ]--*/
#content { position:relative; padding-bottom:340px; line-height:1.6em; overflow:hidden; }
#content p { margin-bottom:15px; }

/*--[ Home Page ]--*/
#clients-teaser { position:relative; float:left; width:403px; height:319px; background:url(images/clients-teaser.jpg) no-repeat 0 0; }
#clients-teaser ul { width:403px; height:105px; position:relative; top:95px; overflow:hidden; }

#home-blurb { position:absolute; top:165px; left:0; width:545px; font-size:25px; }

#home-btns { position:absolute; bottom:1px; left:0; display:block; }
#home-btns li { display:block; float:left; padding:0 10px; height:58px; }
#home-btns li a { display:block; position:relative; background:url(images/home-buttons.png) no-repeat; width:140px; height:68px; }
#home-btns li a.h1 { background-position:0 0; }
#home-btns li a.h2 { background-position:-154px 0; }
#home-btns li a.h3 { background-position:-308px 0; }

#home { overflow:hidden; }

#blog-teaser { position:relative; float:right; width:470px; }
#blog-teaser h3 { padding:15px; margin:10px 0 0 0; }
#blog-teaser h3 a { font-weight:normal; }
#blog-teaser .post { border-top:#eee 1px solid; border-bottom:#eee 1px solid; padding:15px 15px 0; }
#blog-teaser .post .post-date { display:block; font-style:normal; font-weight:bold; text-align:left !important; }
#blog-teaser a:hover { text-decoration:underline; }

/*--[ Posts ]--*/
#posts { position:relative; float:left; width:558px; }
#posts .post { position:relative; margin-bottom:80px; }
#posts .post .post-date { position:relative; display:block; background:url(images/post-date.jpg) no-repeat 0 0; width:558px; height:47px; margin-bottom:15px; text-align:left; color:#fff; text-transform:uppercase; font-weight:bold; font-size:13px; font-family:Times, "Times New Roman", serif; font-style:normal; }
#posts .post .post-date>span { display:block; position:absolute; top:16px; left:35px; width:175px; }
#posts .post h2, #posts .post p { padding:0 20px; }
#posts .post .post-meta { border-top:#eee 1px solid; padding:15px 20px 0; font-family:Times, "Times New Roman", serif; font-style:italic; }
#posts .post .post-meta a { position:relative; padding:4px 30px 4px 0; margin-right:30px; color:#000; }
#posts .post .post-meta a span.icon { position:absolute; top:50%; right:0; display:inline-block; width:21px; height:21px; margin-top:-10px; *display:inline; *zoom:1; background:url(images/post-meta-icons.jpg) no-repeat; }
#posts .post .post-meta a span.i-vc { background-position:top right; }
#posts .post .post-meta a span.i-vp { background-position:bottom right; }

#posts #comments { display:block; position:relative; margin-top:40px; }

/*--[ Sidebar ]--*/
#sidebar { position:relative; float:right; width:306px; }
#sidebar .widget { position:relative; display:block; margin-bottom:40px; }
#sidebar h3 { border-bottom:#eee 1px solid; padding:0 15px 15px 15px; }
#sidebar ul { padding:0 15px; }

#s-facebook { position:relative; background:url(images/s-facebook-bg.jpg) no-repeat 0 0; width:306px; height:429px; }
#s-facebook h3 { border:none; padding:20px 0 0 0; color:#fff; text-align:center; font-weight:bold; }
#s-facebook a.fb-icon { position:absolute; top:70px; left:15px; display:block; background:url(images/s-fb-icon.jpg) no-repeat 0 0; width:36px; height:36px; }
#s-facebook .fbframe { position:absolute; top:63px; left:15px; width:273px; height:263px; overflow:hidden; }
#s-facebook .fbframe-hide { position:relative; top:-1px; left:-1px; }

/*--[ FAQ ]--*/
#faq { position:relative; margin-bottom:30px;  }
#faq .questions { position:relative; display:block; overflow:hidden; }
#faq .questions li { position:relative; float:left; display:block; margin-right:25px; margin-bottom:30px; width:45%; clear:left; }
#faq .questions li.nomarg { margin-right:0 !important; clear:none; }
#faq .questions a.question { position:relative; display:block; padding-left:35px; padding-bottom:20px; font-weight:bold; }
#faq .questions .answer { position:relative; display:block; padding-left:35px; }

#faq .questions .icon { display:block; position:absolute; top:0; left:0; background:url(images/icon-qa.jpg) no-repeat; width:25px; }
#faq .questions .icon-q { background-position:0 0; height:22px; }
#faq .questions .icon-a { background-position:bottom left; height:16px; }

#b-miss-something { position:relative; display:block; background:url(images/banner-still-need-help.jpg) no-repeat 0 0; width:921px; height:94px; margin:0 0 40px 0; overflow:hidden; }
#b-miss-something a.btn-contact-us { position:absolute; top:50%; right:150px; margin-top:-15px; }

#useful-links { position:relative; }
#useful-links ul { position:relative; display:block; overflow:hidden; }
#useful-links ul li { position:relative; display:block; float:left; width:30%; margin-bottom:10px; }
#useful-links ul li a { display:block; padding:10px 15px 10px 50px;  background:url(images/btn-link.jpg) no-repeat center left; }

/*--[ Services ]--*/
#services-left { position:relative; float:left; width:252px; overflow:hidden; }
.analytics-wrap #b-next-idea { position:relative; width:252px; height:341px; overflow:hidden; margin-bottom:20px; }
#b-next-idea { position:relative; width:252px; height:341px; overflow:hidden; margin-bottom:50px; }
#b-next-idea .bg-img { position:relative; z-index:1; }
#b-next-idea a.btn-contact-us { position:absolute; top:250px; left:30px; z-index:50; }

#services-left .x-logo { display:block; margin:0 auto; text-align:center; }

.calltoday { margin-top:200px; z-index:100; }

#services { position:relative; float:right; width:670px; }

#service-tabs { position:relative; display:block; margin-bottom:30px; }
#service-tabs ul.menu { position:relative; display:block; border-bottom:#eee 2px solid; overflow:hidden; height:70px; }
#service-tabs ul.menu>li { position:relative; display:block; float:left; margin-left:10px; height:44px; padding-top:26px; }
#service-tabs ul.menu>li:first-child { margin-right:0; }

#service-tabs ul.menu>li a { position:relative; display:block; background:url(images/tabs-services.jpg) no-repeat; height:70px; width:123px; text-indent:-999em; }
#service-tabs ul.menu>li.menu-item-100 a { background-position:0 0; }
#service-tabs ul.menu>li.menu-item-99 a { background-position:-136px 0; }
#service-tabs ul.menu>li.menu-item-98 a { background-position:-273px 0; }
#service-tabs ul.menu>li.menu-item-97 a { background-position:-410px 0; }
#service-tabs ul.menu>li.menu-item-96 a { background-position:-546px 0; }

#service-tabs ul.menu>li.current-menu-item { top:-10px; }

#service-details { position:relative; display:block; padding:0 15px; }

#spotlight { position:relative; display:block; padding:15px; background:#f4f4f4; height:202px; margin:60px 0 30px 0; }
#spotlight>h4 { margin-bottom:15px; font-weight:bold; }
#spotlight ul { position:relative; display:block; width:296px; padding:10px 0; height:119px; background:#f4f4f4; }
#spotlight ul a { text-decoration:underline; }
#spotlight .wp-post-image { position:absolute; top:-75px; right:-325px; }
#spotlight .sl-title { color:#1c63a4; }

#spotlight .nav { position:absolute; bottom:15px; left:15px; display:block; z-index:100; }
#spotlight .nav a { display:inline-block; background:url(images/spotlight-nav.jpg) no-repeat top left; width:12px; height:12px; margin-right:7px; *display:inline; *zoom:1; }
#spotlight .nav a:hover, #spotlight .nav a.activeSlide { background-position:top right; }

/*--[ About ]--*/
#about { position:relative; width:440px; }
#about-wrap { background:url(images/about-bg.jpg) no-repeat top center; padding:20px 0; }
#about-wrap h4 { padding-left:20px; padding-right:20px; }
#about #service-tabs { margin-bottom:0 !important; }

#profile-teaser { margin-top:30px; }

#about-photos { position:relative; width:445px; overflow:hidden; }
#about-photos h4 { text-align:center; }

#about-photos .main { display:block; margin-bottom:10px; overflow:hidden; width:445px; height:361px; }
#about-photos .main img { position:relative; left:-125px; }
#about-photos .track { position:relative; width:445px; overflow:hidden; height:105px; margin-bottom:15px; }
#about-photos .track ul { width:999em; }
#about-photos .track ul li { position:relative; float:left; padding-left:13px; }
#about-photos .track ul li:first-child { padding-left:0; }

/*--[ Profiles ]--*/
#profile { position:relative; display:block; overflow:hidden; }
#profile ul.profiles { position:relative; display:block; overflow:hidden; }
#profile ul.profiles li { position:relative; display:block; float:left; padding-right:15px; padding-bottom:15px; margin-left:20px; margin-bottom:20px; width:117px; height:81px; }
#profile ul.profiles li.nomarg { margin-left:0 !important; }
#profile ul.profiles li>a { position:relative; width:117px; height:81px; display:block; }
#profile ul.profiles li .profile-name { display:block; position:absolute; bottom:-15px; right:-15px; padding:8px 0 0 10px; z-index:100; background:url(images/btn-profile.png) no-repeat 0 0; width:117px; height:26px; }
#profile ul.profiles li .profile-name { text-transform:uppercase; color:#666; font-size:10px; }

#profile-bio { position:relative; width:480px; }
#profile-bio h1 { margin-bottom:12px !important; }

#profile-img { position:relative; width:352px; }
#profile-img img.profile-pic { display:block; border-bottom:#eee 1px solid; margin-bottom:17px; }
#profile-img h4 { text-align:center; margin-bottom:15px; font-size:16px; }

#profile-img ul.profiles { padding:0 35px; position:relative; left:43px; }
#profile-img ul.profiles li { margin-left:8px; }
#profile-img .view-others { position:absolute; bottom:30px; left:0; text-align:left; }

#profile-extra { position:relative; overflow:hidden; display:block; margin-top:15px; border-top:#eee 1px solid; padding-top:30px; }
#profile-extra .row { padding-bottom:5px; }
#profile-extra .x-left { width:335px; }
#profile-extra .x-right { width:375px; background:url(images/profile-border.png) no-repeat bottom center; position:relative; height:175px; overflow:hidden; }
#profile-extra .large-link { text-transform:uppercase; font-weight:300; font-size:14px; position:relative; display:inline-block !important; width:125px; font-family:"pill-gothic-300mg-1","pill-gothic-300mg-2" !important; *displau:inline; *zoom:1; }

#profile-extra .btn-contact-us { float:right; display:block; position:relative; top:15px; }
#profile-extra .x-right h1 { margin-bottom:5px; position:relative; top:10px; !important; }


/*--[ Contact ]--*/
#contact { position:relative; display:block; background:url(images/contact-bg.jpg) no-repeat 0 0; width:945px; height:460px; overflow:hidden; }

#contact-details { position:absolute; top:125px; left:0; width:415px; }

#contact-details .social { position:relative; background:url(images/contact-social-bg.jpg) no-repeat 0 0; width:162px; height:129px; text-align:center; }
#contact-details .social a.icon { display:inline-block; *display:inline; *zoom:1; background:url(images/contact-social.png) no-repeat; margin:50px 5px 0; width:36px; height:36px; }
#contact-details .social a.fb { background-position:0 0; }
#contact-details .social a.tw { background-position:-50px -1px; }

#contact-details .contact-info { position:relative; width:210px; }
#contact-details .contact-info .row { display:block; min-height:20px; margin-bottom:20px; vertical-align:middle; }
#contact-details .contact-info .row span { vertical-align:middle; }
#contact-details .contact-info .icon { display:inline-block; *display:inline; *zoom:1; background:url(images/contact-icons.jpg) no-repeat; width:20px; height:20px; margin-right: 10px; }
#contact-details .contact-info .i1 { background-position:0 0; }
#contact-details .contact-info .i2 { background-position:0 -41px; }
#contact-details .contact-info .i3 { background-position:0 -79px; }

#contact-details .contact-address { display:block; margin-bottom:20px; }

#contact-form { position:absolute; top:25px; right:30px; width:400px; }
#contact-form table { border-collapse:separate; border-spacing:0 15px; }
#contact-form table tr td:first-child { vertical-align:top; padding-right:15px; }
#contact-form label { font-size:11px; }
#contact-form .x-inp { width:100%; font-size:14px; padding:2px 0; background:#ccc; border-top:#b6b6b6 1px solid; border-left:#b6b6b6 1px solid; border-bottom:none; border-right:none; border-width:1px; color:#666; }
#contact-form .x-submit { position:relative; top:-4px; border:none; background:url(images/btn-send.jpg) no-repeat 0 0; width:102px; height:31px; cursor:pointer; }

/*--[ Newsletter Pop ]--*/
#newsletter-pop h2, #newsletter-pop-error { color:#1c63a4; }
#newsletter-pop .newsletter-pop-button { background:#1c63a4; }