body { background: #374A6B; margin: 0px; color: #414141; font-size: 11px; font-family: verdana, arial, sans-serif; text-align: center; }
div, td { font-size: 11px; font-family: verdana, arial, sans-serif; }
form { display: inline; }
img { border: none; }

a { color: #8a2d34; text-decoration: underline; }
a:visited { color: #8a2d34; text-decoration: underline; }
a:active { color: #8a2d34; text-decoration: underline; }
a:hover { color: #8a2d34; text-decoration: none; }

a.a1 { font-size:11px; text-decoration:none; }
a.a1:hover { font-size:12px; font-weight:bold; text-decoration: none !important; }
a.a1:active { font-size:12px; font-weight:bold; text-decoration: none !important; }

.m a.nav { color: #6b6b6b; }
.m a.nav:hover { color: #6b6b6b; }
a.link { color: #771921; text-decoration: underline; }
a.link:hover { color: #771921; text-decoration: none; }
a.jqlinks { color: #146089; text-decoration: underline; }
a.jqlinks:hover { color: #146089; text-decoration: none; }
a.jqlinks1 { color: #ffffff; text-decoration: underline; }
a.jqlinks1:hover { color: #ffffff; text-decoration: none; }
a.noline, a.noline:active, a.noline:visited, a.noline:hover { text-decoration: none; }

.navbar_left { background: #e2e3e4 url(/images/nav-bak.gif) repeat-x; border-bottom: 1px solid #97aac4; height: 24px; line-height: 24px; padding-left: 48px; }
.navbar_right { text-align:right; padding-right: 38px; background: #e2e3e4 url(/images/nav-bak.gif) repeat-x; border-bottom: 1px solid #97aac4; height: 24px; line-height: 24px; }

h1 { color: #2B4370; font: bold 22px Arial narrow, Verdana, sans-serif; text-transform: uppercase; margin: 3px 0px 22px 0px; }
h2 { font: bold 12px Arial, Verdana, sans-serif; text-decoration: none; margin: 0px 0px 5px 0px; padding: 0px; letter-spacing: -0.06em; border-bottom:1px solid #6b6b6b; }
h3 { cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 13px; letter-spacing: -0.06em; color: #6ba6d6; margin: 5px 0px; padding: 0px; text-transform: uppercase; line-height: 13px; }
h3 strong { font-size: 15px; color: #1b325f; line-height: 15px; }
h4 { color: #6faada; font-size: 11px; text-transform: uppercase; margin: 0px; padding: 0px; line-height: 13px; }
h5 { font-size: 15px; color: #1b325f; line-height: 15px; font-weight: bold; margin: 0px; padding: 0px; letter-spacing: -0.06em; text-transform: uppercase; }
.h5-a a, .h5-a a:active, .h5-a a:visited, .h5-a a:hover { font-size: 15px; color: #1b325f; line-height: 15px; font-weight: bold; margin: 0px; padding: 0px; letter-spacing: -0.06em; text-transform: uppercase; }
h6 { font-size: 15px; color: #ffffff; line-height: 15px; font-weight:bold; margin: 0px; padding: 0px; letter-spacing: -0.06em; text-transform: uppercase; }
.h6-a a, .h6-a a:active, .h6-a a:visited, .h6-a a:hover { font-size: 15px; color: #ffffff; line-height: 15px; font-weight: bold; margin: 0px; padding: 0px; letter-spacing: -0.06em; text-transform: uppercase; }
h7 { font-size: 15px; color: #771921; line-height: 15px; font-weight:bold; margin-top:0px; padding:0px; letter-spacing: -0.06em; text-transform:uppercase; }
h8 { font-size: 15px; text-decoration: none; margin: 0px; padding: 0px; letter-spacing: -0.06em; font-weight:bold; }
.h8 { color: #791A21; font-size: 12px; font-weight: bold; display: block; }

#container { background: url(/images/bg.gif) repeat-y; width: 994px; margin: auto; text-align: left; }
#page { background: #eeeeee; width: 932px; margin-left: 31px; }

#topbar { background: #ebebeb url(/images/bg_top.gif) repeat-x; height: 64px; }
#logo { float: left; margin: 16px 0px 0px 21px; }
#action { float: right; margin: 17px 19px 0px 0px; }
#navigation { background: #9f333e url(/images/bg_navigation.gif) repeat-x; height: 26px; }
#navigation-sm { float: left; height: 26px; border: none; margin-left: 10px; }
#navigation-sm td { background: url(/images/nav_divider.gif) top right no-repeat; text-align: center; vertical-align: middle; padding: 0px 20px; }
#banner { background: #192241; height: 415px; }
#banner-rotate { background: url(/images/banner_blank.jpg) no-repeat; width: 543px; height: 415px; float: left; }
.pics { width: 543px; height: 415px; z-index: 0; display: none; }

/*#shellbanner { border-bottom: 2px solid #d8d8d8; }*/
#shelltext { position: absolute; margin: 40px 0px 0px 40px; width: 410px; z-index: 1; color: #ffffff; }
#shelltext h1 { color: #ffffff; font: bold 20px Verdana, Arial, sans-serif; margin: 0px 0px 22px 0px; text-transform: none; }
#shelltext h1 #h1sub { color: #ffffff; font: bold 14px Verdana, Arial, sans-serif; margin: 0px 0px 22px 0px; text-transform: none; }

#content { width: 920px; margin: 3px 0px 0px 6px; }
#box1 { background: url(/images/bg_design.gif) no-repeat; width: 306px; height: 153px; }
#box2 { background: url(/images/bg_programming.gif) no-repeat; width: 307px; height: 153px; }
#box3 { background: url(/images/bg_marketing.gif) no-repeat; width: 307px; height: 153px; }
#box3ul { padding-top: 60px; }
.box-title { position: absolute; margin: 16px 0px 0px 21px; }
.box-btn { position: absolute; margin: 119px 0px 0px 19px; }
.hp-box ul { list-style-type: none; padding: 50px 0px 12px 25px; margin: 0; }
.hp-box li { background: url(/images/bullet_red.gif) no-repeat 0 6px; padding-left: 20px; line-height: 18px; }
.hp-box a,
.hp-box a:visited,
.hp-box a:active { color: #585858; text-transform: uppercase; text-decoration: none; }
.hp-box a:hover { color: #203661; text-transform: uppercase; text-decoration: none; }
#adwords { position: absolute; margin: 40px 0px 0px 197px; }
#welcome { background: #ffffff; border: 1px solid #97aac4; padding: 24px; line-height: 20px; }
#news { background: #dce2eb url(/images/bg_news.gif) repeat-y; border: 1px solid #97aac4; height: 35px; }
#news td { vertical-align: middle; color: #1e497a; }
#newstitle { background: url(/images/news_divider.gif) center right no-repeat; font: bold 14px Arial, Verdana, sans-serif; text-transform: uppercase; padding: 0px 14px 0px 24px; }
#newsheadline { padding: 0px 15px; }
#newsheadline a, #newsheadline a:visited, #newsheadline a:active { color: #8a2d34; letter-spacing: -1px; text-decoration: underline; background: url(/images/news_arrow.gif) center right no-repeat; padding: 0px 16px 0px 5px; }
#newsheadline a:hover { color: #8a2d34; letter-spacing: -1px; text-decoration: none; background: url(/images/news_arrow.gif) center right no-repeat; padding: 0px 16px 0px 5px; }

/* Footer */
#footer { background: #ffffff; border: 1px solid #97aac4; text-align: center; }
#liner { background: #822431 url(/images/bg_footer.gif); height: 12px; margin-bottom: 5px; text-align: left; }
.footer-hr { background: url(/images/bg_linedot.gif) repeat-x; width: 900px; height: 1px; margin: auto; font-size: 1px; line-height: 1px; }
#footer-quad { width: 875px; height: 52px; margin: auto; text-align: center; border: none; }
#footer-quad td { text-align: left; }
#footer-links { width: 900px; height: 45px; margin: auto; text-align: center; }
#smlinks { height: 45px; border: none; margin-left: 15px; }
#smlinks td { color: #666666; font-size: 11px; font-family: Verdana, Arial, sans-serif; }
#smlinks a,
#smlinks a:visited,
#smlinks a:active { color: #666666; font-size: 11px; font-family: Verdana, Arial, sans-serif; letter-spacing: -1px; text-decoration: none; }
#smlinks a:hover { color: #666666; font-size: 11px; font-family: Verdana, Arial, sans-serif; letter-spacing: -1px; text-decoration: underline; }
.sep { width: 25px; text-align: center; }
.sub { color: #6ba6d6; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; }
a.super,
a.super:visited,
a.super:active,
a.super:hover { background: url(/images/arrow_footer.gif) no-repeat right; padding-right: 12px; color: #1b325f; font-size: 16px; font-family: Verdana, Arial, sans-serif; letter-spacing: -1px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#copyright { width: 870px; margin: auto; padding: 15px 0px; }
#copyright td { color: #666666; letter-spacing: -1px; }
#copyright a, #copyright a:visited, #copyright a:active { color: #666666; text-decoration: underline; }
#copyright a:hover { color: #8A2D35; text-decoration: none; }

/* General */
.br1 { clear: both; }
.spacer1 { clear: both; height: 4px; line-height: 4px; font-size: 1px; }
.fl-left { float: left; }
.fl-right { float: right; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }

/* Drop Downs */
#rightlinks { float: right; height: 26px; }
.sf-menu, .sf-menu * { z-index: 30; list-style: none; }
.sf-menu { float: right; margin-top: 0px;  }
.sf-menu ul { padding: 0px; list-style: none; top: -999em; width: 225px; display: none; position: absolute; float: right; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { float: left; text-indent: 0px; margin: 0px; width:	100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 28px; list-style: none; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 2.2em; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 2.2em; }
.sf-menu li ul { margin-top: -3px; }
.sf-menu li li { background: none; margin: 5px; }
.sf-menu ul li li a { display: block; text-decoration: none; color: #000; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }
.sf-button { padding-right: 35px; }
#sf-button2 { padding-right: 20px; }
.sf-ul { background: #ffffff; border: 2px solid #1e335c; padding-top: 40px; margin-left: 0px; width: 225px; z-index: 40; }
a.navhd1, a.navhd1:visited, a.navhd1:active, a.navhd1:hover { color: #d71900; text-decoration: none; }
a.navhd2, a.navhd2:visited, a.navhd2:active, a.navhd2:hover { color: #e94400; text-decoration: none; }
a.navhd3, a.navhd3:visited, a.navhd3:active, a.navhd3:hover { color: #ed8500; text-decoration: none; }
a.navhd4, a.navhd4:visited, a.navhd4:active, a.navhd4:hover { color: #2f99f1; text-decoration: none; }
a.navhd5, a.navhd5:visited, a.navhd5:active, a.navhd5:hover { color: #798fc1; text-decoration: none; }
a.navhd6, a.navhd6:visited, a.navhd6:active, a.navhd6:hover { color: #83bfef; text-decoration: none; }
a.nav2, a.sf-menu:visited, a.sf-menu:active, a.nav2:visited { color: #818181; text-decoration: none; line-height: 14px; display: block; padding: 0px; margin: 0px; }
a.nav2:hover { color: #555353; text-decoration: none; line-height: 14px; display: block; padding: 0px; margin: 0px; }
.dropBox { width: 200px; padding: 8px; color: #28406b; }
.dropBox strong { font: bold 14px Arial, Verdana, sans-serif; text-transform: uppercase; }
.navwording { font-size: 10px; color: #8593ab; line-height: 12px; border-top: #8593ab 1px dotted; padding: 5px 0px 5px 0px; margin-top: 4px; }
.navwordingbt { border-bottom: #8593ab 1px dotted; }
.drop1 { font: bold 12px Arial, Verdana, sans-serif; text-transform: uppercase; padding: 2px 0px; margin-bottom: 4px; }
.drop1 img { float: left; margin-right: 5px; }
.drop2 { margin-top: 8px; }
.drop1a { border-top: #d71900 1px dotted; border-bottom: #d71900 1px dotted; }
.drop1b { border-top: #e94400 1px dotted; border-bottom: #e94400 1px dotted; }
.drop1c { border-top: #ed8500 1px dotted; border-bottom: #ed8500 1px dotted; }
.drop1d { border-top: #2f99f1 1px dotted; border-bottom: #2f99f1 1px dotted; }
.drop1e { border-top: #798fc1 1px dotted; border-bottom: #798fc1 1px dotted; }
.drop1f { border-top: #83bfef 1px dotted; border-bottom: #83bfef 1px dotted; }
.hdsm { font-size: 10px; }

#id-box { background: #d2d2d2 url(/images/id-box-bg.gif) repeat-y; width: 921px; }
#id-box table img { border: 1px solid #8b8b8b; }

/* Site Map */
.sitemap-table { width: 865px; }
.sitemap-table td { vertical-align: top; }
a.sm01 { color: #28406b; font-size: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
a.sm02 { color: #d71900; text-decoration: none; text-transform: uppercase; font-weight: bold; }
a.sm02b { color: #e94400; text-decoration: none; text-transform: uppercase; font-weight: bold; }
a.sm02c { color: #ed8500; text-decoration: none; text-transform: uppercase; font-weight: bold; }
a.sm02d { color: #2f99f1; text-decoration: none; text-transform: uppercase; font-weight: bold; }
a.sm02e { color: #798fc1; text-decoration: none; text-transform: uppercase; font-weight: bold; }
a.sm02f { color: #83bfef; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.nav1ul { padding-left: 5px; padding-right: 20px; }
.nav1ulb { list-style-type: none; background: url(/images/sitemap-bullet2.gif) no-repeat; padding-left: 15px; }

/* Bread Crumb Bar Inner Pages */
.bc_bar { background: url(/images/bc_bar_repeat.gif) repeat-x; height: 30px; text-align: left; border: 2px solid #d8d8d8; border-top: none; }
.bc_bar_arrow { vertical-align: middle; padding: 4px 5px 0px 10px; }
.bc_bar_link { padding-left: 30px; }
.bc_bar_text { vertical-align: middle; color: #6b6b6b; font-size: 10px; }
.bc_bar_text a, .bc_bar_text a:visited, .bc_bar_text a:hover, .bc_bar_text a:active { color: #6b6b6b; font-size: 10px; text-decoration: none; }

/* Portfolio Styles */
p.list-blue { color: #344f7b; font-size: 11px; font-weight: bold; text-transform: uppercase; }
#portfolio-grid div { }
#portfolio-grid div div { background: #ffffff; line-height: 15px; margin: 4px; padding: 7px 10px 7px 0; float: left; border: 1px solid #fff; height: 180px; width: 290px; }
#portfolio-grid div .last { background: #ffffff; line-height: 15px; margin: 4px; padding: 7px 0 7px 0; float: left; border: 1px solid #fff; height: 180px; width: 250px; }
#portfolio-grid div div img { border-bottom:1px solid #ccc; }
h4.title { border-bottom:2px solid #ccc; width:100%; padding:3px 0px 3px 2px; color:#333;  }
#arrow a{ background: url(/images/bc_bar_arrow_port.gif) no-repeat left bottom; padding:0 10px 2px 16px;}
#arrow .first { padding: 0 10px 2px 3px; }
#arrow .last2 { background: url(/images/bc_bar_arrow_port.gif) no-repeat left bottom; padding: 0 0 2px 16px; }

/* Lightbox */
#lightbox { position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 

.seperator { border-right: 1px dotted #97aac4;}
#portfolio1 { background:url(/images/portfolio_bg_1.jpg) no-repeat; height:260px; }
#portfolio2 { background:url(/images/portfolio_bg_2.gif) repeat-x; width:100%; height:240px; }
#portfolioTitle { background:url(/images/portfolio_bar_title.gif) no-repeat; width:157px; height:46px; text-align:center; font-weight:bold; font-size:.82em; color:#081939; }
#portfolioTitle a { font-size:.82em; }
#portfolioEnd { background:url(/images/portfolio_bar_bg_repeat.gif) repeat-x; background-position:bottom; height:260px;}
#portfolio_contentArea { padding-left:20px; height:214px; }
#portfolioContent1 { width:230px; text-align:left; color:#ffffff; padding-bottom:25px; line-height:15px; }
#portfolioContent2 { width:230px; text-align:left; padding-bottom:25px; line-height:15px; }
.i1 { width:100%; border:1px solid #dadada; padding:1px 12px; font-size:12px; color:#3F3F3F; height:20px; }
.i11 { width:65px; border:1px solid #dadada; padding:1px 12px; font-size:12px; color:#3F3F3F; height:20px; }
.toptabs { width: 100%; height: 43px; }
.toptabs_bg { background: url(/images/toptab_bg.jpg) repeat-x #f4f4f4; /*width: 75%;*/ }
.toptabsright { background: url(/images/toptab_right.gif) repeat-x #f4f4f4; /*width: 25%;*/ color: #1e497a; font-size: 16px; text-align: right; padding-right: 30px; }
.header { color: #1e497a; font-size: 18px; padding-bottom: 20px; }
/*.orangeheader { color: #df5e00; font-size: 16px; padding-bottom: 20px; font-weight: bold; }*/
.orangeheader { color: #8d2e35; font-size: 16px; padding-bottom: 20px; font-weight: bold; }
.clients_icon { padding-right: 20px; }
.clients_left_header { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
.clients_left_link { text-decoration: none; color: #8d2e35; }
.clients_right_img div { border: 1px solid #d0d0d0; width: 133px; }
.clients_right_img img { border: 1px solid #fff; }
/*.clients_right { color: #f87404; }*/
.clients_right { color: #8d2e35; }
.clients_right_pad { padding-right: 10px; }
.services-ctap { float: right; margin-right: 80px; }
.services-ctac { margin-left: 80px; }

/* Work Order */
#banner2 { background: #192241; height: 306px; }
#banner-rotate2 { background: url(/images/wo_banner_blank.jpg) no-repeat; width: 427px; height: 306px; float: left; }
.pics2 { width: 427px; height: 306px; z-index: 0; display: none; }
#wo-intro { background: url(/images/wo_intro.gif) no-repeat; width: 495px; height: 235px; float: left; margin-top: 1px; }
#wo-text { color: #3d3c3c; font: 14px Arial, Verdana, sans-serif; margin: 27px 0px 0px 27px; }
#wo-text h1 { color: #1e497a; font: bold 14px Arial, Verdana, sans-serif; text-transform: uppercase; margin: 3px 0px 22px 0px; }
#wo-samples { float: left; margin-top: 1px; }
#wo-content { width: 920px; margin: 0px 0px 0px 6px; }
#wo-box { background: url(/images/wo_bg.gif) repeat-y; width: 926px; padding-bottom: 33px; }
#wo-welcome { width: 825px; margin-left: 55px; color: #1e1d1d; line-height: 16px; }
#wo-welcome h1 { color: #304773; font: normal 24px Arial, Verdana, sans-serif; text-transform: none; margin: 0px 0px 15px 0px; }
#wo-divider { padding: 15px 0px; }
#wo-form .td1 { color: #282727; font-size: 11px; font-family: Verdana, Arial, sans-serif; vertical-align: top; }
#wo-form .inp1 { background: #ffffff; border: 1px solid #97aac4; width: 100%; height: 20px; display: block; margin-bottom: 3px; color: #000000; font-size: 11px; font-family: Verdana, Arial, sans-serif; padding-top: 1px; }
#wo-form .inp2 { background: #ffffff url(/images/wo_description.gif) no-repeat; border: 1px solid #97aac4; width: 100%; height: 295px; display: block; margin-bottom: 5px; color: #000000; font-size: 11px; font-family: Verdana, Arial, sans-serif; padding-top: 1px; }

/* Portfolio Shell */
#container-port { background: url(/images/bg.gif) repeat-y; width: 1029px; margin: auto; text-align: left; }
#page-port { background: #eeeeee; width: 967px; margin-left: 31px; }
#content-port { width: 955px; margin: 3px 0px 0px 6px; }
#welcome-port { background: #ffffff; border: 1px solid #97aac4; padding: 0px; line-height: 16px; }

/* Industries */
.industries-thumbs { padding: 2px; border: 1px #97aac4 solid; }
.industries-border { border-bottom: 1px dotted #c4c4c4; }
#industries-sidebar { float: right; padding-left: 50px; }
#industries-sidebar a, #industries-sidebar a:visited, #industries-sidebar a:active, #industries-sidebar a:hover { text-decoration: none; }
#industries-casestudies { padding-left: 30px; border-left: 1px dotted #c4c4c4; width: 200px; vertical-align: top; }
#industries-casestudies div { background: url(/images/casestudy-bg.gif) no-repeat; text-transform: uppercase; color: #1b325f; font-size: 13px; padding: 20px 0px 0px 54px; font-weight: bold; }

#tenreasons {background: #FFFFFF; text-align: left;}
#tenreasons h1 {margin-bottom: 0px; margin-top: 20px; font-size: 18px;}
#tenreasons strong {color: #952D37; font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase;}