/*------DEFAULT STYLES-------*/
body {margin:0; padding:0; font-family:arial, san-serif; font-size:70%; color:#444; text-align:center; background-color:#F2F3F5;}
td {vertical-align:top; line-height: 1.1em; padding:4px; font-size: 100%;}
img {border:0; }
a {color:#FF6600;}
a:hover {color:#73A7CE;}
p {font-size:100%; margin:0 0 1.6em 0; line-height:1.5em; color:#444;}
blockquote {margin:2em 0; padding:1em 2em; background:#E6E6E6}
blockquote p {margin-bottom:0;}


/*------LAYOUT STYLES-------*/
#container {}
#header {background: url(../img/header_bg.jpg) 0 0 repeat-x;}
#header .header{margin: 0 auto; width:775px; height:115px; text-align: left; position:relative;}
#header h1 {float:left; display:block;  margin:12px 0 0 15px; padding:0;}

#content {float:left; background: #9FC0DF url(../img/bg.jpg) 0 0 repeat-x; width:100%; border-bottom:1px solid #fff;}
#content .content {margin: 0 auto; padding:0; width:789px; text-align:left;}
#content .content #shadowWrap{width:789px; background:url(../img/shadow_bg_repeat.jpg) 0 0 repeat-y; float:left;}
#content .content #shadowWrap .shadowWrap{width:789px; background:url(../img/shadow_bg.jpg) 0 0 no-repeat; float:left;}
#content .contentInner {margin:1px 8px 0; border-top:10px solid #71ABD1;}


#footer {width:100%; color:#fff; position:relative; font-size:90%; background: #BFCAD0 url(../img/bottom_bg.jpg) bottom left repeat-x; clear:both;}
#footer .footer{padding:6px 0 35px 20px; position:relative; margin: 0 auto; width:769px; background:#fff url(../img/footer_bg.gif) left bottom no-repeat; text-align:left;}

#footer .footer span{position:absolute; right:20px;}
#footer .footer a {color:#fff; text-decoration:none;}
#footer .footer a:hover {color:#fff; text-decoration:underline;}


/*------- TOPNAV STYLES -------*/
#menu {width: 744px; background:#415765 url(../img/menu_bg.jpg) left bottom repeat-x; margin:0 5px; float:left; display:inline; position:absolute; bottom:0; left:10px;}
#menu ul {list-style: none; margin: 0; padding: 0;  float: left; width:70px; white-space:nowrap;}
#menu ul ul { white-space:normal;}
#menu ul.big {width:105px;}
#menu ul.large {width:175px;}
#menu a, #menu h3 {font-size:105%; display:block; margin:0; text-decoration:none;}

#menu ul.login {position:absolute; right:0; bottom:0; background:#6899BA url(../img/login_bg.jpg) bottom repeat-x;width:80px;}
#menu ul.login h3 a  {border-left:1px solid #fff; border-right:0; background:url(../img/login_arrow.gif) right bottom no-repeat;}
#menu ul.login h3 a:hover {background-position:right 9px; background-color:#FF6600}

#menu h3 a  {color: #fff; font-weight:normal; border-right:1px solid #fff; line-height:30px; text-align:center;  padding:0 10px;}
#menu h3 a:hover  {color: #fff; background-color:#FF6600; line-height:30px;}
#menu h3.drop a:hover {background: #FF6600 /*url(../img/down_arrow.gif) 3px center no-repeat*/;}

#menu ul ul a {color:#fff; text-decoration:none; padding:5px 10px; font-size:100%; background:#758896; border:solid #758896; border-width:1px 0;}
#menu ul ul a:hover {color: #fff; background:#FF6600; border:solid #fff; border-width:1px 0;}
#menu li {position: relative;}
#menu ul ul {position: absolute; left:-1px; z-index:500; border:solid #fff; border-width:1px; width:121px;}
#menu ul ul li {background:#fff;}
#menu ul ul ul {position: absolute; top:0; left: 100%;}

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}


/*---------COPY STYLES----------*/
#content #copy {float:left; width:592px; margin:1px 0 1px 1px;}
#copy .breadcrumbs {background:#F9DFD0; padding:4px 20px; color:#3F5761;}
#copy .breadcrumbs a {text-decoration:none; color:#3F5761;}
#copy .breadcrumbs a:hover {text-decoration:underline;}

#copy .copy {padding:10px 20px 30px 20px;}
#copy .copy h1{font-size:160%;font-weight:normal; margin:0 0 15px; padding:0; color:#3F5761;}
#copy .copy h2{font-size:140%;font-weight:normal; margin:15px 0 5px; padding:0; color:#71ABD1;}

#copy .copy .image {float:right; border:1px solid #71ABD1; padding:4px; text-align:center; margin-left:10px; color:#999; font-size:90%;}



/*---------LEFT NAV STYLES----------*/
#content .nav {float:left; width:180px;}
#content .nav h2 {background:#71ABD1 url(../img/nav_header_bg.jpg) left bottom repeat-x; color:#fff; margin:0; padding:0 0 0 15px; height:30px; font-size:160%; font-weight:normal; padding-top:30px;}

.nav ul {margin:1px 0 0 0; padding:0; list-style-type:none;}
.nav li {margin:0; padding:0; border-bottom:1px solid #fff; background:#E6E6E6}
.nav li a{display:block; padding:7px 10px 7px 8px; text-decoration:none; color:#3F5761; border-left:13px solid #3F5761;}
.nav li a:hover{text-decoration:none; background-color:#FF6600; color:#fff;}

#about li.about a, #commitment li.commitment a, #people li.people a, #newsletter li.newsletter a, #it li.it a, #casestudies li.casestudies a, #testimonials li.testimonials a, #clients li.clients a {background-color:#FF6600; color:#fff; border-color:#FF6600;}

/*BUSSINESS NAV*/
.nav li.powerforce a {border-color:#D0C72E;}
.nav li.relayforce a {border-color:#980B1B;}
.nav li.brandimpact a {border-color:#CE232B;}
.nav li.retailfacts a {border-color:#CC620C;}
.nav li.powerforce a:hover {background-color:#FFEF04; color:#3F5761;}
.nav li.relayforce a:hover {background-color:#C22F3F;}
.nav li.brandimpact a:hover {background-color:#EC1B20;}
.nav li.retailfacts a:hover {background-color:#F78837;}
#powerforce .nav li.powerforce a, #powerforce .nav li.powerforce a:hover {background-color:#D0C72E; color:#3F5761;}
#relayforce .nav li.relayforce a, #relayforce .nav li.relayforce a:hover {background-color:#980B1B; color:#fff;}
#brandimpact .nav li.brandimpact a, #brandimpact .nav li.brandimpact a:hover {background-color:#CE232B; color:#fff;}
#retailfacts .nav li.retailfacts a, #retailfacts .nav li.retailfacts a:hover {background-color:#CC620C; color:#fff;}


#copy .busHeader {padding:0; color:#fff; height:54px; border-bottom:5px solid #000;}
#copy .busHeader .busLogo {float:right;}
#copy .busHeader .crumbs {padding:35px 0 0 20px; color:#fff; float:left;}
#copy .busHeader .crumbs a {text-decoration:none; color:#fff;}
#copy .busHeader .crumbs a:hover {text-decoration:underline;}

#powerforce #copy .busHeader {background:url(../img/powerforce_bg.jpg); border-color:#D0C72A;}
#relayforce #copy .busHeader {background:url(../img/relayforce_bg.jpg); border-color:#980B1B;}
#brandimpact #copy .busHeader {background:url(../img/brandimpact_bg.jpg); border-color:#CD232C;}
#retailfacts #copy .busHeader {background:url(../img/retailfacts_bg.jpg); border-color:#D16211;}

#powerforce #copy .busHeader .crumbs, #powerforce #copy .busHeader .crumbs a {color:#3F5761;}


/*---------HOME STYLES------------*/
#home #content {background: url(../img/home_bg.jpg) 0 0 repeat-x; width:100%;}
#home #content .content {margin: 0 auto; padding:1px 0; width:789px; background:#fff url(../img/home_content_bg.jpg) 0 0 no-repeat; text-align:left;}
#content .content .flashIntro {margin:0 8px;}
#content .content .homeCopy {margin:0 8px; height:143px;}
#content .content .homeCopy .virtualOffice {float:left;}
#content .content .homeCopy .homeSlogan {float:left; width:257px;height:143px; background:url(../img/slogan_bg.jpg)}
#content .content .homeCopy .homeSlogan h2 {margin:0; padding:20px 26px 0px 14px; color:#fff; font-size:130%; font-weight:normal; line-height:1.6em;}
#content .content .homeCopy .homeSlogan h2 span {color:#ccc;}

#home #footer {background: url(../img/home_footer_bg.jpg) bottom left no-repeat;}
#home #footer .footer{padding:6px 20px 14px; position:relative; background:none; width:auto;}


/*------- CASE STUDIES STYLES -------*/
#slideShow{float:left; width:516px; border:0; height:140px; padding:0; margin:0;}
.pagelinks a {font-weight: bold; color:#415765; text-decoration:none;}
.pagelinks a:hover {color:#FF6600;}
#slideShow h2 {position:absolute; font-weight:normal; top:0; right:0; margin:1px 0; padding:5px; width:181px; background:#6898BC; font-size:130%; color:#fff;}
#slideShow h3 {padding:0; margin:0 0 8px 0; font-size:160%; color:#415765; border-bottom:1px solid #fff; line-height:23px; font-weight:normal;}
.slideCaption {padding: 4px 0 0 20px; line-height:1.4em; width:304px; background:url(../img/casestudies_bg.jpg) top left repeat-x;}
.slideCaption p {padding-right:8px; margin-bottom:3px; line-height:1.3em;}
.pagelinks a.activeSlide {color: #fff; background:#415765;}

.slideshowLink {border:1px solid #415765; padding:0 5px; margin-right:5px; line-height:1.7em;}
.slideshowLinks {right:5px; position:absolute; bottom:5px;}
.slideshowHolder {top:30px!important; right:30px; left:auto!important; }
.slideshowLoader { right:87px; left:auto!important; top:65px!important;}


/*---------SLIDER STYLES----------*/

ul.sliderList {list-style:none; margin:0; padding:0;}
ul.sliderList li img {float:left; margin-left:-70px;}
#casestudies ul.sliderList {list-style:none; margin:0;}
#casestudies ul.sliderList li{padding:0 0 8px 140px;}
#casestudies ul.sliderList li img {float:left; margin-left:-140px;}
#casestudies ul.sliderList li ul {padding:0 0 2em 0; margin:0 0 0 1em;}
#casestudies ul.sliderList li li {padding:0 0 0 1em; list-style-type:disc;}
#casestudies ul.sliderList li li ul {padding-bottom:0px;}
#casestudies ul.sliderList li li li {list-style-type:circle;}
ul.sliderList li.p {padding:10px 0 8px 70px; clear:left; border-bottom:1px solid #ccc;}
#copy .copy ul.sliderList h2 {margin:0; padding:0;}
#copy .copy ul.sliderList h2 a {color:#71ABD1; text-decoration:none;}
ul.sliderList h3 {padding:0; margin:0 0 0.4em 0; font-size:100%;}
ul.sliderList li ol, ul.sliderList li ul {padding-bottom:10px;}
ul.sliderList p{margin:0 0 1em 0;}

#casestudies ul.sliderList li .hidden img {float:none; margin-left:0;}
#casestudies ul.sliderList .downloadCS a{float:left; margin-left:-140px; background:url(../img/downloadCS.jpg) 0 0 no-repeat; line-height:1.2em; width:81px; height:25px; border:1px solid #73A7CE; color:#fff; text-decoration:none; padding:6px 0 6px 40px; font-weight:bold;}
#casestudies ul.sliderList .downloadCS a:hover {background-position: -121px 0;}

ul.sliderList a.expand {padding-left:15px; background:url(../img/expand_icon.gif) 0 3px no-repeat;}
ul.sliderList a.expand:hover {background-position: 0 -17px;}

ul.sliderList li.expanded a.expand {background:url(../img/expand_icon.gif) 0 -37px no-repeat;}
ul.sliderList li.expanded a.expand:hover {background-position: 0 -57px;}


/*---------CLIENT LIST STYLES----------*/
#clients ul.clientList {margin:0; padding:0; list-style:none; float:left;}
#clients ul.clientList li {float:left;}
#clients ul.clientList li img {padding:1px; border:1px solid #72AACD; margin:0 6px 6px 0;}
#clients #copy .copy {padding-right:10px;}


/*---------IT STYLES----------*/
#it ul.itLogos {list-style:none; margin:0; padding:0;}
#it ul.itLogos li {float:left; padding:0 20px 0 0;}
#it .screenPic a{float:left; margin:0 20px 0 0; padding:4px; border:1px solid #73A7CE;}
#it .screenPic a:hover{border:3px solid #FF6600; padding:2px;}


/*---------NEWSLETTER STYLES----------*/
#newsletter .nl a { background:url(../img/icon-pdf.gif) 5px center no-repeat; padding:20px 0 20px 45px; border-bottom:1px solid #ccc; display:block;}
#newsletter .nl a:hover { background-color:#E6E6E6;}
#newsletter .nl a span {font-weight:bold;}
#newsletter p.getAcrobat {margin-top:50px; line-height:1.2em; color:#999; font-size:90%;}
#newsletter p.getAcrobat img {float:left; padding:0 10px 10px 0}


/*---------CONTACT STYLES----------*/
#contact form {margin:0;}
#contact .contactForm {background:#E3E3E3; border-top:2px solid #fff; padding:4px 5px  0 15px;}
#contact .contactForm h3 {margin:0 0 10px; font-size:110%;}
#contact .contactForm textarea, #contact .contactForm input, #contact .contactForm select {width:150px; margin-bottom:6px; border:1px solid #73A7CE;}
#contact .contactForm textarea {font-size:110%; font-family:Arial, Helvetica, sans-serif;}
#contact .submitBut {border-top:1px solid #fff; background:#D3D3D3; padding:5px 10px; text-align:right}
#contact .submitBut input {width:auto;}
#contact .copy ul {list-style:none; padding:0 0 0.4em 0; margin:0;}
#contact .copy ul li{list-style:none; padding:0 0 0.3em 0;}


/*---------LOGIN STYLES----------*/
#login .loginBut a {background:url(../img/button_bg.jpg) 0 center no-repeat; width:162px; line-height:36px; margin-bottom:10px; display:block; color:#fff; text-decoration:none; font-size:110%; text-indent:26px;}
#login .loginBut a:hover {background-position:-161px center;}
#login .loginBut a span {font-weight:bold;}