/*  
Theme Name:Metric Interactive
Theme URI:http://metricinteractive.com
Description:This is a theme created by Metric Interactive ALL RIGHTS RESERVED
Version:1.0
Author:Metric Interactive
Author URI:http://metricinteractive.com
 */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; text-decoration:none}
body{line-height:1; background:#DADFE2; font-family:Arial,Helvetica,sans-serif}
html, body{height:100%}
ol, ul{list-style:none}
div.edit-link a{position:absolute; top:10px; left:10px; color:#D9531E; background:transparent url(images/edit.gif) no-repeat scroll left 3px; border-bottom:1px solid #F3F7FA; font-size:18px; height:22px; line-height:22px; padding:0 0 0 25px}
div.edit-link a:hover{border-bottom:1px solid #DC5221; color:#000}

/* HEADER */
div.top-container{background:#F3F7FA; min-width:826px}
div.site-container{width:826px; min-width:826px; margin:0 auto 0 auto; overflow:hidden}
img.logo{float:left}
div.header{position:relative; overflow:hidden; margin-top:5px}
div.header ul{position:absolute; bottom:0; right:0; height:21px}
div.header li{display:inline; float:left; height:21px}
div.header li a{float:left; height:0; margin:0; overflow:hidden; padding-top:21px}
li.nav-portfolio a{background:url(images/nav-sprite.gif) no-repeat -86px top; width:98px}
li.nav-contact a{background:url(images/nav-sprite.gif) no-repeat -184px top; width:87px}
li.nav-jobs a{background:url(images/nav-sprite.gif) no-repeat -271px top; width:61px}
li.nav-log-in a{background:url(images/nav-sprite.gif) no-repeat -332px top; width:66px}
li.nav-about-us a{background:url(images/nav-sprite.gif) no-repeat left top; width:86px}
li.nav-portfolio a:hover, li.nav-portfolio-over{background:url(images/nav-sprite.gif) no-repeat -86px -21px; width:98px}
li.nav-contact a:hover, li.nav-contact-over{background:url(images/nav-sprite.gif) no-repeat -184px -21px; width:87px}
li.nav-jobs a:hover, li.nav-jobs-over{background:url(images/nav-sprite.gif) no-repeat -271px -21px; width:61px}
li.nav-log-in a:hover, li.nav-log-in a.fadein-over{background:url(images/nav-sprite.gif) no-repeat -332px -21px; width:66px}
li.nav-about-us a:hover, li.nav-about-us-over{background:url(images/nav-sprite.gif) no-repeat left -21px; width:86px}
li.nav-log-in a{cursor:pointer}

/* HOMEPAGE SIDEBAR */
div.sidebar{width:225px; float:left; overflow:hidden}
div.search{margin:7px 0 0 0; width:225px; height:28px; background:#F3F7FA url(images/search-background.gif) left top no-repeat}
input.searchform-text-input{background:none; border:none; color:#626365; font-size:10px; text-transform:uppercase; line-height:15px; height:19px; width:176px; margin:4px 0 0 7px; padding:3px 0 0 4px}
input.searchsubmit{width:36px; height:23px; margin:0 0 0 -5px; overflow:hidden; background:none; border:none; cursor:pointer; font-size:1px}

div.sidebar-accordian{width:224px; height:200px; background:#F3F7FA url(images/hp-acordian.gif) no-repeat left 6px; padding:6px 0 0 1px; overflow:hidden; margin:0}
div.sidebar-accordian p{font-size:11px; color:#626365; line-height:13px; padding:0px 5px 10px 5px}
div.sidebar-accordian div#spot-1{background:url(images/interactive-marketing.gif) no-repeat left top; height:25px; cursor:pointer; overflow:hidden; margin:6px 0 0 0; display:block; text-indent:-999%}
div.sidebar-accordian div#spot-1.selected{background:url(images/interactive-marketing.gif) no-repeat left bottom}
div.sidebar-accordian div#spot-2{background:url(images/creative-optimization.gif) no-repeat left top; height:31px; cursor:pointer; overflow:hidden; border-top:dashed 1px #DFDFE1; display:block; text-indent:-999%}
div.sidebar-accordian div#spot-2.selected{background:url(images/creative-optimization.gif) no-repeat left bottom}
div.sidebar-accordian div#spot-3{background:url(images/retargeting.gif) no-repeat left top; height:26px; cursor:pointer; overflow:hidden; border-top:dashed 1px #DFDFE1; display:block; text-indent:-999%}
div.sidebar-accordian div#spot-3.selected{background:url(images/retargeting.gif) no-repeat left bottom}

/* HOMEPAGE */
h3.hp-latest-projects{background:url(images/latest-projects-heading.gif) no-repeat; width:120px; height:17px; text-indent:-999%; overflow:hidden; margin:15px 0 0 10px}
div.client-list{overflow:hidden}
h4.client-list-heading{background:url(images/Client-List-heading.gif) no-repeat; width:79px; height:14px; text-indent:-999%; overflow:hidden; margin:15px 0 0 10px}
ul.client-listing{background:url(images/metric-homepage-client-list.gif) no-repeat left top; overflow:hidden; width:484px; position:absolute; height:119px; margin:-15px 0 0 0}
ul.client-listing li{display:inline; width:121px; height:63px}
ul.client-listing li a{position:absolute; display:block; float:left; width:121px; height:63px; text-indent:-999%; overflow:hidden; z-index:10}
li.client-1 a{background:url(images/metric-homepage-client-list.gif) no-repeat left top}
li.client-1 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat left -126px}
li.client-2 a{background:url(images/metric-homepage-client-list.gif) no-repeat -121px top; left:121px}
li.client-2 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat -121px -126px}
li.client-3 a{background:url(images/metric-homepage-client-list.gif) no-repeat -242px  top; left:242px}
li.client-3 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat -242px -126px}
li.client-4 a{background:url(images/metric-homepage-client-list.gif) no-repeat -363px top; left:363px}
li.client-4 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat -363px -126px}
li.client-5 a{background:url(images/metric-homepage-client-list.gif) no-repeat left -63px; top:63px}
li.client-5 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat left -189px}
li.client-6 a{background:url(images/metric-homepage-client-list.gif) no-repeat -121px -63px; top:63px; left:121px}
li.client-6 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat -121px -189px}
li.client-7 a{background:url(images/metric-homepage-client-list.gif) no-repeat -242px -63px; top:63px; left:242px}
li.client-7 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat -242px -189px}
li.client-8 a{background:url(images/metric-homepage-client-list.gif) no-repeat -363px -63px; top:63px; left:363px}
li.client-8 a:hover{background:url(images/metric-homepage-client-list.gif) no-repeat -363px -189px}
div.client-listing-client-1, div.client-listing-client-1-click{background:url(images/metric-homepage-client-list.gif) no-repeat left -126px; position:absolute; width:121px; height:63px}
div.client-listing-client-2, div.client-listing-client-2-click{background:url(images/metric-homepage-client-list.gif) no-repeat -121px -126px; position:absolute; width:121px; height:63px; left:121px}
div.client-listing-client-3, div.client-listing-client-3-click{background:url(images/metric-homepage-client-list.gif) no-repeat -242px -126px; position:absolute; width:121px; height:63px; left:242px}
div.client-listing-client-4, div.client-listing-client-4-click{background:url(images/metric-homepage-client-list.gif) no-repeat -363px -126px; position:absolute; width:121px; height:63px; left:363px}
div.client-listing-client-5, div.client-listing-client-5-click{background:url(images/metric-homepage-client-list.gif) no-repeat left -189px; position:absolute; width:121px; height:63px; top:63px}
div.client-listing-client-6, div.client-listing-client-6-click{background:url(images/metric-homepage-client-list.gif) no-repeat -121px -189px; position:absolute; width:121px; height:63px; top:63px; left:121px}
div.client-listing-client-7, div.client-listing-client-7-click{background:url(images/metric-homepage-client-list.gif) no-repeat -242px -189px; position:absolute; width:121px; height:63px; top:63px; left:242px}
div.client-listing-client-8, div.client-listing-client-8-click{background:url(images/metric-homepage-client-list.gif) no-repeat -363px -189px; position:absolute; width:121px; height:63px; top:63px; left:363px}
div.sidebar-news-updates{background:#F3F7FA url(images/news-updates-rss.jpg) no-repeat left top; margin:7px 0; height:365px}
a.news-updates-heading{display:block; height:30px; overflow:hidden}
a.news-updates-heading h5{margin-top:50px}
div.news-updates-scroller{width:214px; height:331px; overflow:auto; margin:0 auto; padding:0 0 0 5px}
div.news-updates-scroller span.date{font-size:12px; color:#F78F20; font-weight:bold; display:block; line-height:12px; margin:10px 0 7px 0}
div.news-updates-scroller li a{color:#626365; font-size:12px; font-weight:bold; display:block; line-height:12px; text-decoration:none; margin:0 0 5px 0}
div.news-updates-scroller li a:hover{text-decoration:underline}
div.news-updates-scroller li p{font-size:11px; color:#626365; line-height:13px; margin:0 0 15px 0}

/* HOMEPAGE RIGHT CONTENT WELL */
div.right-content-well{width:592px; float:right; overflow:visible; margin:7px 0 0 0; position:relative}
div.footer{background:#DADFE2}
div.footer-container{width:826px; margin:0 auto 0 auto; overflow:hidden}
div.flash-beaker{position:absolute; margin:-162px 0 0 718px}
div.footer-content{float:right; margin:15px 20px 0 0; background:url(images/where-creativity-science.gif) no-repeat; overflow:hidden; width:479px; display:inline}
div.homepage-footer-content{float:right; margin:15px 110px 0 0; background:url(images/where-creativity-science.gif) no-repeat; overflow:hidden; width:479px; display:inline}
div.main-content-section{width:592px; height:180px; background:url(images/latest-projects.jpg) no-repeat; margin:7px 0 0 0; overflow:hidden}
div.client-list{display:block; height:164px; background:url(images/client-section.jpg) no-repeat}
div.client-list h4{}
span.footer-right-reserved{display:block; margin:25px 7px 0 0; color:#626365; font-size:9px; float:right}
div.footer-container ul{margin:45px 0 0 155px; width:379px; height:30px}
div.footer-container li{display:block; float:left}
div.footer-container li a{padding:3px 5px; text-transform:uppercase; font-size:12px; color:#626365}
div.footer-container li a:hover{background:#F5901C; color:#FFF}

/* SKIN */
.jcarousel-skin-ie7 .jcarousel-container-horizontal{ width:495px;  padding:12px 40px 10px 40px; margin:0 0 0 8px}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal{ width: 536px; margin-left:-20px}
.jcarousel-skin-ie7 .jcarousel-item{ width:122px;  height:102px}
.jcarousel-skin-ie7 .jcarousel-item a{float:left; display:inline; padding:3px; border:#FFF 3px solid}
.jcarousel-skin-ie7 .jcarousel-item a:hover{border:#F5901C 3px solid}
.jcarousel-container{ position:relative}
.jcarousel-clip{ z-index:2;  padding:0;  margin:0;  overflow:hidden;  position:relative}
.jcarousel-list{ z-index:1;  overflow:hidden;  position:relative;  top:0;  left:0;  margin:0;  padding:0; height:114px;  width:134px}
.jcarousel-list li, .jcarousel-item{ float:left;  list-style:none;  /* We set the width/height explicitly. No width/height causes infinite loops. */    width:134px !important}
.jcarousel-next{    z-index:3;     display:none}
.jcarousel-prev{    z-index:3;     display:none}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal{    position:absolute;     top:8px;     left:0px;     width:16px;     height:120px;     cursor:pointer;     background:transparent url(images/left-scroller.gif) no-repeat center}
.jcarousel-skin-ie7 .jcarousel-next-horizontal{    position:absolute;     top:8px;     right:0px;     width:16px;     height:120px;     cursor:pointer;     background:transparent url(images/right-scroller.gif) no-repeat center}

/* PORTFOLIO */
div#portfolio{margin-bottom:7px}
img.portfolio-bottom{margin:-5px 0 0 0}
div.portfolio-bottom{background:url(images/contact-bottom-back.gif) no-repeat; width:592px; height:8px; margin-bottom:7px; position:absolute; margin-top:-8px}
div.filter-area{background:url(images/metric-portfolio-filter.jpg) no-repeat; height:48px; margin:0 0 37px 0}
div.filter-area h5{line-height:48px; display:block; float:left; height:48px; color:#F5901C; font-size:12px; font-weight:bold; margin:0 10px 0 10px}
div.portfolio-content-section{float:left; display:inline; width:122px; height:129px; margin:13px 12px 0 11px}
div.portfolio-by-category{overflow:hidden; background:url(images/portfolio-background.gif) repeat-y}
h1.category-type-heading{position:absolute; height:18px; width:582px; display:block; background:url(images/metric_portfolio-heading-back.gif) no-repeat; top:55px; padding:15px 0 0 10px; color:#636466; font-size:18px; font-weight:normal}
div.portfolio-content-section a.portfolio-image{float:left; display:inline; padding:3px; border:#FFF 3px solid}
div.portfolio-content-section img{width:122px; height:102px}
div.portfolio-content-section a.portfolio-image:hover{border:#F5901C 3px solid}
ul.select{float:left; display:block; margin:15px 0 0 10px; background:url(images/filter-dropdown-back.gif) no-repeat; width:111px; height:21px; line-height:21px; font-size:9px; cursor:pointer; padding:0 0 0 5px}
ul.select li a{display:block; color:#000}
ul.client-select-ul{background:url(images/dropdown-background.png) center bottom no-repeat; position:absolute; margin:-2px 0 0 -4px; z-index:1000; width:105px; padding:5px}
ul.client-select-ul li a{color:#000; display:block; font-size:9px; height:15px; line-height:15px; padding:0 0 0 5px}
ul.client-select-ul li a:hover{color:#FFF; background:#F5901C}
ul#client, ul#ad_type{margin:15px 0 0 40px}
h6.filter-client-heading, h6.filter-ad-heading{line-height:48px; display:block; float:left; height:48px; color:#626365; font-size:10px; margin:0 0 0 10px}
div.portfolio-by-category{width:592px; overflow:hidden}
a.convert-metric-link{float:right; margin:17px 20px 0 0; color:#D9531E; font-size:11px; font-weight:bold; text-decoration:none; border-bottom:#FFB615 1px solid; padding:1px 0 2px}
a.convert-metric-link:hover{background:#D9531E; border-bottom:#D9531E 1px solid; color:#FFF}

/*  ABOUT PAGE  */
p.linklove{display:none}
p.about-toggle{display:block; background:url(images/about-toggle.jpg) no-repeat left top; height:56px; overflow:hidden}
p.about-toggle a{color:#D9531E; font-size:11px; font-weight:bold; display:block; cursor:pointer; border-bottom:1px solid #FFB615; float:right; margin:24px 35px 0 0}
p.about-toggle a:hover{background:#D9531E none repeat scroll 0 0; border-bottom:1px solid #D9531E; color:#FFF}
p.active{display:block; background:url(images/about-toggle.jpg) no-repeat left -56px; height:56px; overflow:hidden}
p.active a{line-height:56px; width:100%; float:left; margin:0 0 0 135px; color:#FFF; font-size:1px; border:none}
p.active a:hover{border:none; background:none}
div.about-slidetext{background:url(images/metric-about-us-expand-bottom.gif) no-repeat left bottom; padding-bottom:5px}
div.about-slidetext span p{margin:0 13px 15px 13px}
span.about-toggle-border-span{overflow:hidden; display:block; height:530px; border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; color:#656567; background:#FFF}
img.explanation-123{float:left; margin:0 40px 0 0}
img.explanation-123, x:-moz-any-link{float:left; margin:0 0 0 0}
img.explanation-123, x:-moz-any-link, x:default{float:left; margin:0 40px 0 0}
img.explanation-abc{float:left; margin:0 40px 0 0}
img.explanation-abc, x:-moz-any-link{float:left; margin:0 0 0 0}
img.explanation-abc, x:-moz-any-link, x:default{float:left; margin:0 40px 0 0}
div.about-slidetext span ul li{margin:0 13px 10px 0; padding:0 0 0 40px}
div.about-slidetext span ul span{font-weight:bold}
span.about-toggle-border-span h4{background:url(images/remarketing-about.gif) no-repeat left top; width:102; height:0px; padding:17px 0 0 0; overflow:hidden; display:block; margin:30px 0 10px 13px; letter-spacing:5px}
li.spot-a{background:url(images/spot-a.gif) no-repeat 270px top}
li.spot-a, x:-moz-any-link{background:url(images/spot-a.gif) no-repeat 15px top}
li.spot-a, x:-moz-any-link, x:default{background:url(images/spot-a.gif) no-repeat 270px top}
li.spot-b{background:url(images/spot-b.gif) no-repeat 270px top}
li.spot-b, x:-moz-any-link{background:url(images/spot-b.gif) no-repeat 15px top}
li.spot-b, x:-moz-any-link, x:default{background:url(images/spot-b.gif) no-repeat 270px top}
li.spot-c{line-height:17px; height:17px; background:url(images/spot-c.gif) no-repeat 13px top}
li.spot-d{background:url(images/spot-d.gif) no-repeat 13px top; margin-top:5px !important}
li.spot-e{height:17px; line-height:17px; background:url(images/spot-e.gif) no-repeat 13px top}
li.spot-1{background:url(images/spot-1.gif) no-repeat 280px top}
li.spot-1, x:-moz-any-link{background:url(images/spot-1.gif) no-repeat 15px top}
li.spot-1, x:-moz-any-link, x:default{background:url(images/spot-1.gif) no-repeat 280px top}
li.spot-2{background:url(images/spot-2.gif) no-repeat 280px top}
li.spot-2, x:-moz-any-link{background:url(images/spot-2.gif) no-repeat 15px top}
li.spot-2, x:-moz-any-link, x:default{background:url(images/spot-2.gif) no-repeat 280px top}
li.spot-3{background:url(images/spot-3.gif) no-repeat 280px top; line-height:17px}
li.spot-3, x:-moz-any-link{background:url(images/spot-3.gif) no-repeat 15px top; line-height:17px}
li.spot-3, x:-moz-any-link, x:default{background:url(images/spot-3.gif) no-repeat 280px top; line-height:17px}
li.spot-4{background:url(images/spot-4.gif) no-repeat 280px top}
li.spot-5{line-height:21px; height:21px; background:url(images/spot-5.gif) no-repeat 280px top}
div.top-about{margin:0 0 0 0; font-size:11px; line-height:15px; background:url(images/rounded-right-well-top.gif) no-repeat left top; padding:6px 0 0 0}
div.about-top-section{display:block; border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; background:#FFF; padding-top:10px; width:590px}
div.top-about h3{background:url(images/about-us-heading.gif) no-repeat 13px top; width:73; height:14px; text-indent:-999%; overflow:hidden}
div.about-top-section p{margin:15px 13px 0 13px; color:#656567}
h5.about-management{background:url(images/management-team.gif) no-repeat left top; width:592; height:45px; text-indent:-999%; overflow:hidden; margin:7px 0 0 0}
div#about-accordian div#spot-1{background:url(images/herb-vest.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-1.selected{background:url(images/herb-vest.gif) no-repeat left -42px}
div.spot-1-content, div.spot-2-content, div.spot-3-content, div.spot-4-content, div.spot-5-content, div.spot-6-content, div.spot-7-content, div.spot-8-content{border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; background:#FFF; color:#656567; font-size:11px; overflow:hidden; line-height:15px}
div.spot-1-content p, div.spot-2-content p, div.spot-3-content p, div.spot-4-content p, div.spot-5-content p, div.spot-6-content p, div.spot-7-content p, div.spot-8-content p{margin:7px 13px 10px 13px}
div#about-accordian div#spot-2{background:url(images/Ruben-Buell.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-2.selected{background:url(images/Ruben-Buell.gif) no-repeat left -42px}
div#about-accordian div#spot-3{background:url(images/Patrica-Bellows.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-3.selected{background:url(images/Patrica-Bellows.gif) no-repeat left -42px}
div#about-accordian div#spot-4{background:url(images/Ted-Sinclair.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-4.selected{background:url(images/Ted-Sinclair.gif) no-repeat left -42px}
div#about-accordian div#spot-5{background:url(images/Leah-Gentry.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-5.selected{background:url(images/Leah-Gentry.gif) no-repeat left -42px}
div#about-accordian div#spot-6{background:url(images/Tiffany-Hughes.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-6.selected{background:url(images/Tiffany-Hughes.gif) no-repeat left -42px}
div#about-accordian div#spot-7{background:url(images/Paula-Bakouris.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-7.selected{background:url(images/Paula-Bakouris.gif) no-repeat left -42px}
div#about-accordian div#spot-8{background:url(images/Diane-Cardinal.gif) no-repeat left top; width:592; height:42px; text-indent:-999%; overflow:hidden; cursor:pointer}
div#about-accordian div#spot-8.selected{background:url(images/Diane-Cardinal.gif) no-repeat left -42px}

/* CONTACT */
div#contact{background:#FDFDFF; border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; margin-top:0px; width:590px; position:inherit !important}
h2.contact-heading{background:url(images/contact-top-back.gif) no-repeat; text-indent:-999%; overflow:hidden; width:592px; height:40px; margin-top:7px; float:right}
form#cforms3form{border:#FFF 1px solid; background:url(images/contact-content-back.gif) repeat; color:#646466; font-size:11px; padding:16px 0 18px 0; overflow:hidden; width:358px}
div.contact-form-wrapper{border:#DFDFDF 1px solid; width:360px; margin:0 0 0 7px; float:left; display:inline}
fieldset.cf-fs1 legend{display:none}
form#cforms3form li{text-align:right}
form#cforms3form input{background:none; border:none; margin:0 0 0 9px; padding:0 5px 0 5px; height:18px; color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif}
div.contact-form-wrapper li#li-3-2, div.contact-form-wrapper li#li-3-3, div.contact-form-wrapper li#li-3-4, div.contact-form-wrapper li#li-3-5, div.contact-form-wrapper li#li-3-6{height:24px; background:url(images/reg-text-area.gif) no-repeat 83px top; margin-bottom:13px; line-height:24px}
div.contact-form-wrapper input#cf3_field_2{width:234px; margin-right:29px; line-height:18px}
div.contact-form-wrapper li#li-3-2 span.reqtxt{position:absolute; color:#F48F1D; margin:0 0 0 -318px}
div.contact-form-wrapper input#cf3_field_3{width:234px; margin-right:29px; line-height:18px}
div.contact-form-wrapper li#li-3-3 span.reqtxt{position:absolute; color:#F48F1D; margin:0 0 0 -336px}
div.contact-form-wrapper input#cf3_field_4{width:234px; margin-right:29px; line-height:18px}
div.contact-form-wrapper li#li-3-4 span.reqtxt{position:absolute; color:#F48F1D; margin:0 0 0 -328px}
div.contact-form-wrapper input#cf3_field_5{width:234px; margin-right:29px; line-height:18px}
div.contact-form-wrapper li#li-3-5 span.emailreqtxt{position:absolute; color:#F48F1D; margin:0 0 0 -315px}
div.contact-form-wrapper input#cf3_field_6{width:234px; margin-right:29px; line-height:18px}
div.contact-form-wrapper li#li-3-6 span.reqtxt{position:absolute; color:#F48F1D; margin:0 0 0 -321px}
div.contact-form-wrapper textarea#cf3_field_7{resize:none; margin:17px 0 0 0; width:314px; height:129px; border:none; background:none; padding:5px 5px 5px 7px; overflow:auto; color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif}
div.contact-form-wrapper li#li-3-7{background:url(images/large-text-area.gif) no-repeat 13px 17px; margin:0 19px 0 0}
div.contact-form-wrapper li#li-3-7 span.reqtxt{display:none}
div.contact-form-wrapper label#label-3-7{position:absolute; font-size:14px; font-weight:bold; margin:0 0 0 5px}
div.contact-form-wrapper input.sendbutton{background:url(images/send-button.gif) no-repeat !important; border:none !important; color:#333 !important; cursor:pointer !important; display:block !important; float:right !important; font-size:1px !important; height:24px !important; line-height:26px !important; width:54px !important; text-align:right; margin-right:30px !important}
div.contact-form-wrapper div#usermessage3a{font-size:14px; font-weight:bold; color:#F48F1D; position:absolute; margin:-25px 0 0 110px}
div.contact-form-wrapper div.required-fields{position:absolute; color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:-45px 0 0 15px}
div.contact-form-wrapper div.required-fields  span{color:#F48F1D}
div.contact-right-section{float:right; overflow:hidden; display:inline; width:209px; margin:0 7px 0 0; color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif}
div.address-contact{border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; border-top:#DFDFDF 1px solid; padding:15px; text-align:center}
div.address-contact span{display:block}
h4.address-heading{font-weight:bold; margin:0 0 7px 0}
span.address{margin:0 0 17px 0}
span.phone{margin:0 0 12px 0}
span.phone strong{font-weight:bold}
span.fax strong{font-weight:bold}
div.contact-map{background:url(images/map-back.gif) no-repeat; height:192px; overflow:hidden}
h4.map-heading{font-weight:bold; margin:12px 0 7px 10px}
div.contact-more-info{border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; border-bottom:#DFDFDF 1px solid; padding:20px 20px 30px 20px; text-align:center}
div.contact-more-info a{display:block; color:#D9531E; font-size:11px; font-weight:bold; border-bottom:1px solid #FFB615; line-height:15px}
div.contact-more-info a:hover{color:#FFF; background:#D9531E; border-bottom:1px solid #D9531E}
div#map{width:194px; height:187px}
div.map-border{overflow:hidden; width:194px; height:147px; border:#CED7D6 1px solid; display:block; z-index:1000; margin:0 0 0 6px}
div.bottom-cap{background:url(images/contact-bottom-back.gif) no-repeat; width:592px; height:8px; float:right}
/* PORTFOLIO SIDEBAR */
div#sidebar-vertical-elements{margin:7px 0}
div.sidebar-question-box{margin:0 0 7px 0; background:url(images/sidebar-questions-box.gif) left top no-repeat; height:125px; overflow:hidden}
div.sidebar-question-box p{display:block; font-size:11px; margin:38px 15px 0 15px; line-height:15px; color:#656567}
div.sidebar-question-box a{display:block; width:68px; margin:10px auto 0 auto; text-align:center; color:#D9531E; font-size:11px; font-weight:bold; border-bottom:1px solid #FFB615}
div.sidebar-question-box a:hover{color:#FFF; border-bottom:1px solid #D9531E; background:#D9531E}
div.bottom-filler{background:url(images/sidebar-back-top.gif) no-repeat; width:225px; height:14px}
div.content-expand-container{overflow:hidden; background:url(images/sidebar-back.gif) left repeat-y; width:826px}
form#cforms2form{color:#646466; font-size:11px; overflow:hidden; width:225px}
form#cforms2form input{background:none; border:none; margin:0 0 0 0px; padding:0 5px 0 5px; height:20px; color:#646466; font-size:9px; font-family:Arial,Helvetica,sans-serif}
div.sidebar-mailing-list li#li-2-1{height:20px; background:url(images/mailing-list-form-back.gif) no-repeat left top; line-height:15px; margin:5px 0 0 15px}
div.sidebar-mailing-list input#cf2_field_1{width:186px; height:17px}
div.sidebar-mailing-list input.sendbutton{background:url(images/mailing-list-send.gif) no-repeat !important; border:none !important; color:#333 !important; cursor:pointer !important; display:block !important; float:right !important; font-size:1px !important; height:24px !important; line-height:26px !important; width:54px !important; text-align:right; margin-right:14px !important}
div.sidebar-mailing-list div#usermessage2a{font-size:10px; color:#F48F1D; position:absolute; margin:37px 0 0 15px; width:140px}
div.sidebar-mailing-list{background:url(images/mailing-list-back.gif) left top no-repeat; height:155px; overflow:hidden; margin-bottom:7px}
p.mailing-text{color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:37px 10px 0 15px; line-height:15px}
div.sidebar-mailing-list strong{font-weight:bold; display:block}

/*  ARCHIVE PAGE (CAT) */
div.archive{background:url(images/rounded-right-well-top.gif) no-repeat; overflow:hidden; width:592px}
div.archive span.archive-borders{margin:6px 0 0 0; display:block; overflow:hidden; border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; color:#656567; background:#FFF; padding:10px}
div.archive-bottom{background:url(images/contact-bottom-back.gif) no-repeat; width:592px; height:8px; margin-bottom:7px}
div.archive h2{display:block; color:#636466; font-size:18px; font-weight:normal}
div.archive div.title-and-date{overflow:hidden; margin:20px 0 10px 0; width:570px; font-size:12px; line-height:15px}
div.archive div.title-and-date h3 a{float:left; font-size:12px; font-weight:bold; color:#D9531E; border-bottom:#f5901c 1px solid; padding:0 2px 0 2px}
div.archive div.title-and-date h3 a:hover{background:#f5901c; color:#FFF}
div.archive div.title-and-date span.date{float:right; font-size:11px; color:#333}
div.archive p{font-size:11px; line-height:15px; margin:0 0 5px 0}

/* 404 */
div.archive span.error-borders{margin:6px 0 0 0; display:block; overflow:hidden; border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; color:#656567; background:#FFF; padding:10px 0 10px 10px; position:relative}
img.error-image{margin:0 -10px 0 0; float:right}
p.error-content{position:absolute; left:40px; top:70px}
p.error-content strong{display:block; font-size:26px; line-height:30px}

/*   LOGIN  */
div.login-div{float:right; width:322px; margin:5px 0 0 0}
div.login-div p{background:url(images/metric-login-fade.jpg) left 15px no-repeat; float:left; height:33px; margin:0 0 0 7px; width:125px}
div.login-div input{border:none; background:none}
div.login-div label{font-size:11px; line-height:11px; font-weight:bold; display:block; color:#757472; height:11px; margin:0 0 4px 0}
div.login-div input.username-text-input{color:#000; width:117px; height:15px; font-size:9px; padding:0px; vertical-align:middle; position:relative; margin:-1px 0 0 0; padding:3px 3px 0 5px}
div.login-div input.password-text-input{color:#000; width:117px; height:15px; font-size:9px; padding:0px; vertical-align:middle; position:relative; margin:-1px 0 0 0; padding:3px 3px 0 5px}
div.login-div input.loginsubmit{background:transparent url(images/login.gif) no-repeat scroll 0 0; border:medium none; color:#333; cursor:pointer; display:block; float:right; font-size:1px; height:23px; line-height:26px; text-align:right; width:52px; margin:13px 0 0 6px}

/* JOBS */
div#jobs-accordian div#job{background:url(images/jobs-expand-collapse.gif) no-repeat left top; width:582; height:26px; overflow:hidden; cursor:pointer; color:#DC5221; padding:15px 0 0 10px; font-size:14px; line-height:20px; font-weight:bold}
div#jobs-accordian div#job.selected{background:url(images/jobs-expand-collapse.gif) no-repeat left -42px}
div.job-content{border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; background:#FFF; color:#656567; font-size:11px; overflow:hidden; width:590px}
div.job-content p{margin:0px 13px 10px 13px; line-height:15px}
h5.jobs-title{background:url(images/career-top.gif) no-repeat left 7px; width:582; height:40px; overflow:hidden; padding:12px 0 0 10px; color:#636466; font-size:18px; font-weight:normal; line-height:40px; margin:7px 0 0 0}
h5.jobs-title span{background:url(images/current-career-opps.gif) no-repeat left top; width:227; height:18px; text-indent:-999%; overflow:hidden; display:block; margin:10px 0 0 5px}
div.jobs-expand-container{overflow:hidden; background:url(images/sidebar-full.gif) left repeat-y; width:826px}
div#jobs{background:#F3F7FA; margin-top:0px; padding-top:7px}
img#wpstats{display:none}
div.top-jobs{margin:0 0 0 0; font-size:11px; line-height:15px; background:url(images/rounded-right-well-top.gif) no-repeat left top; padding:6px 0 0 0}
div.jobs-top-section{display:block; border-left:#DFDFDF 1px solid; border-right:#DFDFDF 1px solid; background:#FFF; padding-top:10px; overflow:hidden; width:590px}
div.top-jobs h3{background:url(images/jobs-heading.gif) no-repeat left top; width:40; height:14px; text-indent:-999%; overflow:hidden; margin:0 0 0 13px}
div.jobs-top-section p{margin:15px 13px 0 13px; padding-bottom:13px; color:#656567}
img.jobs-bottom-1{position:absolute}
p.equal{background:#FFF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; font-size:11px; line-height:15px; padding:0 13px 13px 13px; color:#C3C3C3}

/* SEARCH RESULTS PAGE  */
div.archive a.search-image{float:left; display:inline; padding:3px; border:#FFF 3px solid; margin-bottom:10px}
div#search img{width:122px; height:102px}
div.archive a.search-image:hover{border:#F5901C 3px solid}

/* SITE MAP */
div#site-map h1{display:block; font-size:23px; line-height:30px; margin:5px 0 0 12px}
div#site-map h2{color:#DC5221; font-size:18px; line-height:18px; margin:20px 0 15px 15px}
div#site-map ul{margin:0 0 0 15px; width:250px}
div#site-map li{display:block; background:url(images/site-map-bullet.gif) 5px center no-repeat; font-size:1px}
div#site-map li a{margin:0 0 0 15px; color:#D9531E; font-size:11px; line-height:20px; font-weight:bold; border-bottom:1px solid #FFB615; padding:0 3px}
div#site-map li a:hover{border-bottom:1px solid #D9531E; background:#D9531E; color:#FFF}
div.page-navigation{overflow:hidden; width:540px; margin:20px auto 0 auto}
div.page-navigation span.previous-nav a{float:left; color:#656567; font-size:18px; line-height:22px; height:22px; padding:0 0 5px 25px; background:url(images/left-arrow.gif) no-repeat left 3px; border-bottom:#FFF solid 1px}
div.page-navigation span.next-nav a{float:right; color:#656567; font-size:18px; line-height:22px; height:22px; padding:0 25px 5px 0; background:url(images/right-arrow.gif) no-repeat right 3px; border-bottom:#FFF solid 1px}
div.page-navigation span.previous-nav a:hover, div.page-navigation span.next-nav a:hover{border-bottom:#DC5221 solid 1px; color:#000}

/*  JOBS SUBMIT */
form#cforms6form, form#cforms4form, form#cforms5form, form#cforms7form{border:#FFF 1px solid; color:#646466; font-size:11px; padding:16px 0 18px 0; overflow:hidden; width:358px; margin:0 auto}
form#cforms6form li, form#cforms4form li, form#cforms5form li, form#cforms7form li{text-align:right}
form#cforms6form input, form#cforms4form input, form#cforms5form input, form#cforms7form input{background:none; border:none; padding:0 5px 0 5px; color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif}
li#li-6-2, li#li-6-3, li#li-4-2, li#li-4-3, li#li-5-2, li#li-5-3, li#li-7-2, li#li-7-3{height:24px; background:url(images/reg-text-area.gif) no-repeat 83px top; margin-bottom:13px; line-height:24px}
li#li-6-2 label, li#li-6-3 label, li#li-4-2 label, li#li-4-3 label, li#li-5-2 label, li#li-5-3 label, li#li-7-2 label, li#li-7-3 label{margin-right:9px}
input#cf6_field_2, input#cf4_field_2, input#cf5_field_2, input#cf7_field_2{width:234px; margin-right:29px; line-height:18px}
li#li-6-2 span.reqtxt, li#li-4-2 span.reqtxt, li#li-5-2 span.reqtxt, li#li-7-2 span.reqtxt{position:absolute; color:#F48F1D; margin:0 0 0 -318px}
div.contact-form-wrapper input#cf6_field_2, div.contact-form-wrapper input#cf6_field_3, div.contact-form-wrapper input#cf4_field_2, div.contact-form-wrapper input#cf4_field_3, div.contact-form-wrapper input#cf5_field_2, div.contact-form-wrapper input#cf5_field_3, div.contact-form-wrapper input#cf7_field_2, div.contact-form-wrapper input#cf7_field_3{line-height:18px; margin-right:29px; width:234px}
input#cf6_field_3, input#cf4_field_3, input#cf5_field_3, input#cf7_field_3{width:234px; margin-right:29px; line-height:18px}
li#li-6-3 span.emailreqtxt, li#li-4-3 span.emailreqtxt, li#li-5-3 span.emailreqtxt, li#li-7-3 span.emailreqtxt{position:absolute; color:#F48F1D; margin:0 0 0 -316px}
input#cf_uploadfile6-4, input#cf_uploadfile4-4, input#cf_uploadfile5-4, input#cf_uploadfile7-4{float:right; margin:0 30px 0 0}
li#li-6-4 label, li#li-4-4 label, li#li-5-4 label, li#li-7-4 label{float:left; line-height:20px; margin:0 0 0 9px}
li#li-6-4, li#li-4-4, li#li-5-4, li#li-7-4{margin-bottom:13px; height:24px; overflow:hidden}
textarea#cf6_field_5, textarea#cf4_field_5, textarea#cf5_field_5, textarea#cf7_field_5{resize:none; margin:17px 0 0 0; width:314px; height:129px; border:none; background:none; padding:5px 5px 5px 7px; overflow:auto; color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif}
li#li-6-5, li#li-4-5, li#li-5-5, li#li-7-5{background:url(images/large-text-area.gif) no-repeat 13px 17px; margin:0 19px 0 0}
li#li-6-5 span.reqtxt, li#li-4-5 span.reqtxt, li#li-5-5 span.reqtxt, li#li-7-5 span.reqtxt{display:none}
label#label-6-5, label#label-4-5, label#label-5-5, label#label-7-5{position:absolute; font-size:14px; font-weight:bold; margin:0 0 0 5px}
form#cforms6form input.sendbutton, form#cforms4form input.sendbutton, form#cforms5form input.sendbutton, form#cforms7form input.sendbutton{background:url(images/send_button_white.jpg) no-repeat !important; border:none !important; color:#333 !important; cursor:pointer !important; display:block !important; float:right !important; font-size:1px !important; height:24px !important; line-height:26px !important; width:54px !important; text-align:right; margin-right:6px !important}
div#usermessage6a, div#usermessage4a, div#usermessage5a, div#usermessage7a{font-size:14px; font-weight:bold; color:#F48F1D; position:absolute; margin:-8px 0 0 0; width:400px}
form#cforms6form div.required-fields, form#cforms4form div.required-fields, form#cforms5form div.required-fields, form#cforms7form div.required-fields{position:absolute; color:#646466; font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:-10px 0 0 40px}
form#cforms6form div.required-fields span, form#cforms4form div.required-fields span, form#cforms5form div.required-fields span, form#cforms7form div.required-fields span{color:#F48F1D}
div.job-content div.contact-form-wrapper{margin:7px auto 0 auto; float:none; overflow:hidden; display:block; border:none}
div.job-content a{color:#D9531E; font-weight:bold; border-bottom:1px solid #FFB615; cursor:pointer}
div.job-content a:hover{color:#FFF; background:#D9531E; border-bottom: #D9531E 1px solid}