@charset "utf-8";
/*General HTML Styles*/
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin:0;
 padding:0;
 background:url(../images/pagebg.gif) repeat-x #FFFFFF;
 color: #666666;
 margin-top:6px;
}

img {border:0;}

a {color:#0079C2; text-decoration:underline;}
a:hover {color:#FF7A07;text-decoration:none;}
a.arrow {background: url(../images/doublebluearrow.gif) right no-repeat; padding-right: 10px;}



#wrapper {  margin: 0 auto; width: 930px; }
#header { width: 930px; height:150px;}
#logo {position:absolute;top: 40px;}
#slogan {float:right; position:relative; top: 16px; right: 0px; color: #0066CC; font-family:Tahoma, Arial, Helvetica, sans-serif; }

#photoDetail {float: left; margin-top: 25px; width: 129px; background-color: transparent;}
#photoDetail p {margin: 0; padding:5px 0; color:#0079C2; font-size: 12px; }

/* top right of the pages that need secondary links */
#secondaryLinks {float: right; margin-top: 5px; text-align: right; background: #fff; color: #0079C2; font-size: 12px;}

#content {padding:10px 0 30px 150px; margin-top:12px;}
#content2 {min-height: 200px; padding:10px 20px 10px 0; margin-top:12px;}
#title {background:url(../images/titlebg.jpg); width:930px; height:80px;}
#sidebar {float: right; margin-top: 12px; padding: 5px 5px 0 5px; }
#sidebar .links {margin: 10px; text-align: center;} 

/* for the who we are page bio links at the bottom */
#bioPanel {margin: 0; padding: 0;}
#bioPanel p.name {margin: 0; font-family: tahoma, arial, sans-serif; font-weight:bold; color:#0066CC;}
#bioPanel a {text-decoration: none;}
#bioPanel a:hover {color:#FF7A07;}

.casePanel {float: left; background: url(../images/casepanelbg.jpg) right no-repeat; min-height: 150px; width: 200px; margin: 10px; padding-right: 5px;}

.casePanelLast, .contactPanelLast {float: left; min-height: 150px; width: 200px; margin: 10px;}

.contactPanel {float: left; background: url(../images/contact_panel_bg.jpg) right center no-repeat; min-height: 95px; width: 150px; margin: 0 10px 0 20px; padding:20px 5px 0 0;}

.contactPanelLast {min-height: 95px; margin: 0 10px; padding:20px 5px 0 0;}

h1 {margin:0; font-size:22px; color:#FFF; line-height:80px; margin-left: 64px;}
h1 img {display:inline; padding-top:10px;}
h2 {margin-top:0; color:#0066CC; font-size:14px; font-family: Tahoma, arial, sans-serof;}

h2 img, h4 img, #bioPanel p.name img {display: inline; }
/* h2.caseStudy1 {background: url(../images/circle1.gif) left top no-repeat; padding:0 100px 2px 25px;}
h2.caseStudy2 {background: url(../images/circle2.gif) left top no-repeat; padding:0 100px 0 25px;}
h2.caseStudy3 {background: url(../images/circle3.gif) left top no-repeat; padding:0 100px 0 25px;} */

h3 {margin-top:0; color:#0066CC; font-family: tahoma, arial, sans-serif; font-size:14px;}

h4 {margin: 0; color:#0066CC; font-size:12px; font-family: Arial, Helvetica, sans-serif}
h4.name {margin: 0; font-family: tahoma, arial, sans-serif; font-size: 14px; color:#0066CC;}

h4.casestudy {margin: 0; font-family: tahoma, arial, sans-serif; font-size: 14px; color:#;}


/* case stiudy detail page 3 headers with arrow */
.caseHead {margin-bottom: -12px;}

/* orange text */
.orange {color: #F60;}

.Whyjcda {background: url(../images/circlearrow.gif) left center no-repeat; margin: 6px 0; padding:3px 0 0 30px; color: #f60; font-size: 14px; font-weight: bold; font-family: tahoma, arial, sans-serif; display: block; }
.Whyjcda a {color: #f60; text-decoration: none;}

.contentTxt, h2.CaseHeadline {padding-right: 100px;} /* pull in the column width for inner page paragraphs */

.high {color: #0066CC;} /* blue text */

.titleColor {color: #666; font-weight: bold; font-size: 12px;} /* bio titles */
.companyTitle {color: #666; font-size: 11px; font-weight: normal; }

.titleDivider {background: url(../images/fadingdivider.jpg) left no-repeat; margin-left: 5px; padding-left:15px; color: #666; font-weight: bold;} /* individual bio page Titles */

.emp {color:#0079C2; font-style: italic; font-weight: bold;} /* give italic blue bold text */

.indent {padding:0 350px 0 150px;}/* sets the indent for the blue text on how we do it page - bottom of page*/

.nextLink {float:right; margin: 0; padding: 0; text-align: right;}

/* sidebar bulleted lists on how we do it page  */
ul.listheader {margin: 0; padding:0 0 5px 0; list-style-type: none; color: #0079C2; font-weight:bold; font-size: 12px; border-bottom: 1px dotted #666;}

ul.listheader li.top {padding-top: 5px; }

/* ul.listheader li.one {background: url(../images/circle1.gif) 0 0 no-repeat; margin: 0; 
padding-left: 25px;}

ul.listheader li.two {background: url(../images/circle2.gif) 0 0 no-repeat; padding-left: 25px;}

ul.listheader li.three {background: url(../images/circle3.gif) 0 0 no-repeat; padding-left: 25px;}

ul.listheader li.four {background: url(../images/circle4.gif) 0 .0 no-repeat; padding-left: 25px;}

ul.listheader li.five {background: url(../images/circle5.gif) 0 0 no-repeat; padding-left: 25px;} */

/* secondary indented bullets on listing for how we do it sidebar */
ul.listing {padding-left: 20px; list-style-type: disc; margin:0;; color: #666; font-weight: normal; line-height:normal;}


/* bullets on how we do it - why jcda */
#howheader {margin: 0; padding: 0; list-style: none; font-weight: bold;}
#howheader ul{margin:0; padding: 0; list-style: none;}
#howheader li {background: url(../images/arrow_sm.gif) left top no-repeat; padding:0 0 0 12px; margin: 15px 0;}

#howheader ul ul {margin: 0; padding:0; list-style: none;}
#howheader ul ul li {list-style-type: disc; margin:0 0 0 55px; padding: 0; background: none; font-weight: normal;}

/* contact table */

#contactFormStyle {margin-left: 100px; padding: 0;}

#contact table { width: 500px; padding: 3px; margin: 10px; }

.labelcell {text-align: right; font-family: arial, tahoma, sans-serif; font-size: 13px; color: #666; vertical-align: top; }
.fieldcell {color: #666; text-align: left;}
.fieldcell input { width: 475px; font-size: 12px; background-color: #FFF; color: #666;}
.fieldcell textarea {width: 475px; font-size: 12px; background-color: #FFF; color: #666; }
.button { font-size: 12px; background-color: #0079C2; color: #fff; margin-left: 12px; margin-top: 3px; margin bottom: 2px; }

#footer { width: 930px; margin-bottom: 10px; color: #333; background: #FFF;}
#linkedin {color: #0066CC; font-size:12px; border-bottom: 1px solid #D5D5D5; margin-bottom:8px;padding-bottom: 2px;}
#linkedin img {vertical-align:middle; border:0;}
#footnav {width:600px; float:left;}
#footnav a {color: #666666; font-size:11px;}
#footnav a:link {color: #666666;text-decoration:none;}
#footnav a:visited {color: #666666;text-decoration:none;}
#footnav a:hover {color: #666666;text-decoration:underline;}
#footnav a:active {color: #666666;text-decoration:none;}
#footer a:link.graphicsuccess {color: #666; text-decoration: underline;}
#footer a:visited.graphicsuccess {color: #CCC; text-decoration: none;}
#footer a:hover.graphicsuccess {color: #0079C2; text-decoration: none;}
#contactinfo {width:300px; float:right; text-align:right; font-size:11px;}
#contactinfo .phone {color: #999; font-weight: bold; font-size: 12px;}
#lead {font-style:italic;font-weight:bold; margin: 4px 0px; padding-top:18px;}
#lead img {vertical-align:middle;}
#copyright {font-size:11px;}

.Rule {width: 90%; height: 2px; padding-bottom: 10px; border-top: 1px dotted; color: #666; text-align: center; }

.fl {float:left;}
.fr {float:right;}
.cb {clear: both;}

/* top tabs */



#navholder {position:relative; float:right; top:90px;   height: 23px; width: 770px; margin: 0 auto;  background:url(../images/navlines.gif) #FF0000; }

#nav {position: relative; background:url(../images/navopen.gif) no-repeat; width: 770px; height: 23px; margin-left: 0px;} 
#nav ul {float: right; list-style: none; padding: 0;margin:0px;line-height:23px;}
#nav li{float: left;  margin:0; padding-left:6px;}
#nav li a {font-family: Arial; font-size:12px; font-weight: bold; color: #999999;
text-transform:uppercase;display: block;text-decoration: none;text-align: center; padding: 0px 8px;}
#nav li a:hover{color:#0066CC;}
#nav li.navsel a {color:#0066CC;}