* {margin: 0;}
html, body {font-family: arial, helvetica, sans-serif; font-size: 11px; /* 1em is 10pt, 0.8em is 8pt, 1.6em is 16pt, etc */ color: #666666; padding: 0px; line-height: 18px; background:#EBEBEB;}
	
a {color: #333333; text-decoration: none;}
a:hover {text-decoration: underline;}

.bold {font-weight: bold;}
ol { padding-left: 40px;}
.clear { clear: both;}

.bottom { width: 380px; height:10px; background:url(images/bg_bottom.gif) top left no-repeat; margin-bottom:10px;}
.bottomLong { width: 950px; height:10px; background:url(images/bg_bottom_long.gif) top left no-repeat; margin-bottom:10px;}
.bottomShort { width: 240px; height:10px; background:url(images/bg_bottom_short.gif) top left no-repeat; margin-bottom:10px;}

#topbarcontainer { width: 100%; height:38px; background:url(images/topbar_back.gif) top left repeat-x;}
#topbar {position:relative; width: 950px; height:38px; margin-left: auto; margin-right: auto;}
#topbardetails {width:300px;position:absolute;top: 10px;right:112px;font-size:11px;color:#bababa;text-align:right;}
#topbardetails a{color:#bababa; text-decoration:none;}
#topbardetails a:hover{ text-decoration:underline;}
#topbarquote{width:102px;position:absolute;top: 9px;right:0px;}

#headercontainer { width: 100%; background: #FFFFFF;}
#header { width: 950px; margin-left: auto; margin-right: auto; height:90px; position: relative; border-bottom: #e9e9e9 1px solid; background:url(images/bg_header.gif) top left no-repeat;}
#menu {width:950px; height:22px; position: absolute; right:0px; bottom:10px;}

#container {width: 100%; background-color:#FFFFFF;}
#home {width: 950px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 20px;}
#content {width: 950px; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 20px;}
.table_main {width: 950px; padding: 0;}
.table_left {width: 380px;}
.table_right {width: 570px;}
.table_left_services {width: 240px;}
.table_right_services {width: 710px;}
.table_left_home {width: 570px;}
.table_right_home {width: 380px;}

#nav { /* all lists */ padding: 0; margin: 0; list-style: none;}
#nav ul { /* all lists */padding: 0;margin: 0;list-style: none;}
#nav li { /* all list items */float: right;position: static !important; /* for Mozilla */position: relative; /* for IE */padding: 0em; margin-left: 20px;}
#nav a {display: block; text-decoration: none; padding: 0px 0px 4px 0px; font-size: 1.1em; color: #999999;}
#nav a:hover {color:#6385a1;}
body.websites #nav a.websites, body.services #nav a.services, body.brands #nav a.brands, body.graphics #nav a.graphics, body.ads #nav a.ads,
body.showcase #nav a.showcase, body.print #nav a.print, body.contact #nav a.contact  {color:#6385a1; font-weight:bold;}

.homeLeftTitle {font-size: 21px; line-height:24px; color:#6385a1; border-bottom:#e9e9e9 solid 1px; padding:20px 10px 10px 20px; margin-bottom: 20px;}
.homeLeftText {font-size: 13px; padding:0px 10px 10px 20px;}

#featureContainer { width: 380px; height: 380px; overflow: hidden; margin-top: 10px;}
#navlinks {}
.back { float: left; width: 188px; height: 28px; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.next { float: left; width: 188px;  height: 28px; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
#feature {}
.buttonLink {color:#757575;  background:url(images/arrow_button_big.gif) left no-repeat; height:21px; line-height:21px;}
.buttonLink a { color:#757575; padding-left: 30px; font-size: 18px; text-decoration: none;}
.buttonLink a:hover {text-decoration: none; color:#666666;}
.thumbtable { width: 380px; margin-bottom: 20px;}
.thumbleft { width: 160px; text-align: left;}
.thumbright { width: 220px; text-align: left;}
.thumbTitle { font-size: 14px; margin-bottom: 6px;}
.thumbTitle a { color:#6385a1; border-bottom:#cfd9e0 solid 1px; text-decoration: none;}
.thumbTitle a:hover {border-bottom: none; text-decoration:none; color:#8da5b9;}
.thumbText { font-size: 11px; margin-bottom: 6px;}
.thumbLink {color:#6385a1; padding-left: 20px; background:url(images/arrow_button.gif) left no-repeat;}
.thumbLink a { color:#6385a1; font-size: 11px; border-bottom:#cfd9e0 solid 1px;text-decoration: none;}
.thumbLink a:hover {border-bottom: none;text-decoration: none; color:#8da5b9;}
.thumbnail { width:140px; height:100px; border: #CCCCCC 1px solid; padding: 4px;}

.servicePageTitle {font-size: 21px; line-height:21px; background: url(images/bg_top_short.gif) top left no-repeat #666666; color:#FFFFFF; padding: 10px 10px 0px 10px; }
.servicePageRight { padding-left: 30px; padding-right: 20px;}
#servicePageAccordian { height:500px;}
.servicePageRightTitle { font-size: 21px; line-height:21px; color:#6385a1; border-bottom:#e9e9e9 solid 1px; padding-bottom:10px; padding-top:10px; margin-bottom: 20px;}
.servicePageRightsubTitle {font-size: 14px; color:#6385a1; padding:6px 0px 6px 10px;}
.servicePageRightText {padding: 10px 10px 10px 20px; font-size:12px;}
.Accordion {overflow: hidden; }
.AccordionPanel {margin: 0px;padding: 0px;}
.AccordionPanelTab {font-size: 14px; color:#6385a1; padding:6px 0px 6px 10px; margin: 0px; cursor: pointer;-moz-user-select: none;
-khtml-user-select: none;}
.AccordionPanelContent {overflow: auto;margin: 0px; padding: 10px 10px 10px 20px; font-size:12px;scrollbar-3dlight-color:#e9e9e9; scrollbar-arrow-color:#999999; scrollbar-base-color:#e9e9e9; scrollbar-darkshadow-color:#999999; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#e9e9e9; scrollbar-shadow-color:#CCCCCC; height:186px; border-bottom: #e9e9e9 1px solid; border-left: #e9e9e9 1px solid; border-right: #e9e9e9 1px solid; background:url(images/bg_accordian.gif) top left repeat-x #e9e9e9;}
.AccordionPanelOpen .AccordionPanelTab {color:#708EA7; border-top: #e9e9e9 1px solid; border-left: #e9e9e9 1px solid; border-right: #e9e9e9 1px solid;}
.AccordionPanelTabHover {color:#8da5b9;}

.latestTitle {font-size: 21px; line-height:21px; background: url(images/bg_top.gif) top left no-repeat #666666; color:#FFFFFF; padding: 10px 10px 0px 10px; }
.servicesTitle {font-size: 21px; line-height:21px; background: url(images/bg_top.gif) top left no-repeat #666666; color:#FFFFFF; padding: 10px 10px 0px 10px; margin-top:6px;}
.servicesText{ margin-bottom: 10px; padding-left: 10px; font-size:12px;}
.servicesMiniTitle {font-size: 14px; color:#6385a1; padding-bottom:10px; padding-left: 10px;}
.servicesLink {border-bottom:#e9e9e9 solid 1px; padding: 10px 0px 10px 0px; text-align: right; margin-top: 2px;}
.servicesLinkButton { width: 58px; color:#6385a1; padding-left: 20px; background:url(images/arrow_button.gif) left no-repeat;}
.servicesLinkButton a { color:#6385a1; font-size: 11px; border-bottom:#cfd9e0 solid 1px;text-decoration: none;}
.servicesLinkButton a:hover {border-bottom: none;text-decoration: none; color:#8da5b9;}

.project { padding-left: 70px;}
.projectTitle { font-size: 21px; line-height:21px; color:#6385a1; border-bottom:#e9e9e9 solid 1px; padding-bottom:10px; padding-top:10px; margin-bottom: 20px;}
.projectDetails { font-size: 12px; margin-bottom: 10px;}
.projectImage { width: 488px; border:#e9e9e9 solid 6px;}
.projectLink {border-bottom:#e9e9e9 solid 1px; padding: 6px 0px 10px 0px; text-align: right; margin-top: 10px;}
.projectLinkButton { width: 80px; color:#6385a1; padding-left: 20px; background:url(images/arrow_button.gif) left no-repeat;}
.projectLinkButton a { color:#6385a1; font-size: 11px; border-bottom:#cfd9e0 solid 1px;text-decoration: none;}
.projectLinkButton a:hover {border-bottom: none;text-decoration: none; color:#8da5b9;}

.SlidingPanels {position: relative;width: 380px;padding: 0px;border: none; height: 380px; overflow: hidden;}
.SlidingPanelsContentGroup {position: relative;width: 380px;margin: 0px;padding: 0px;border: none;}
.SlidingPanelsContent {width: 380px;margin: 0px;padding: 0px;border: none;}
.SlidingPanelsAnimating * {overflow: hidden !important;}
.SlidingPanelsCurrentPanel {}
.SlidingPanelsFocused {}

#heroBox {width:950px; height:346px; position:relative; overflow:hidden;}
#hero_websites { background: url(assets/heros/hero_website.jpg) top left no-repeat;width:856px; height:346px;}
#hero_branding { background: url(assets/heros/hero_brand.gif) top left no-repeat;width:856px; height:346px;}
#hero_graphics { background: url(assets/heros/hero_graphic.jpg) top left no-repeat;width:856px; height:346px;}
.heroNav { height:346px; width:47px;}
#heroLeft { position:absolute; left:0px; top:0px; }
#heroRight { position:absolute; right:0px; top:0px;}
#hero { position:absolute; left:47px; top:0px; width:856px; height:346px;}
.heroText { padding: 69px 24px 24px 46px; width:396px;}
.heroTitle {font-family:Helvetica, Arialsans-serif; font-size:30px; font-weight:bold; color:#666666; line-height:34px;} 
#heroTitleAbbott { color:#491a01;}
#heroTitleKey2 { color:#295c85;}
#heroTitleTopNotch { color:#3c7192;}
.heroSubtext {font-family:Helvetica, Arialsans-serif; font-size:14px; font-weight:bold; color:#333333; margin-top:28px; line-height:18px;}
.heroButton { margin-top: 20px; float:left;}
#heroButton1 {width:170px;}
#heroButton2 {width:226px;}
#heroButton3 {width:376px;}
.SlidingPanels2 {position: relative;width: 856px;padding: 0px;border: none; height: 346px; overflow: hidden; float:left;}
.SlidingPanels2ContentGroup {position: relative;width: 3000px;margin: 0px;padding: 0px;border: none; float:left;}
.SlidingPanels2Content {width: 950px;margin: 0px;padding: 0px;border: none; float:left;}
.SlidingPanels2Animating * {overflow: hidden !important;}
.SlidingPanels2CurrentPanel {}
.SlidingPanels2Focused {}

.archiveMain { font-size: 21px; line-height:21px; background: url(images/bg_top_long.gif) top left no-repeat #666666; color:#FFFFFF; padding: 10px 10px 0px 10px; margin-top: 20px;}
.archiveBox {float:left; width:190px; margin-top: 20px;}
.archiveTitle { width: 160px;font-size: 12px; color:#6385a1; border-bottom:#e9e9e9 solid 1px; padding-bottom:2px; margin-bottom: 2px; margin-top:6px;}
.archiveText{ width: 160px; margin-bottom: 10px;}
.archiveLink {width: 160px; border-bottom:#e9e9e9 solid 1px; padding: 0px 0px 10px 0px; text-align: right; margin-top: 2px;}
.archiveLinkButton { width: 64px; color:#6385a1; padding-left: 20px; background:url(images/arrow_button.gif) left no-repeat;}
.archiveLinkButton a { color:#6385a1; font-size: 11px; border-bottom:#cfd9e0 solid 1px;text-decoration: none;}
.archiveLinkButton a:hover {border-bottom: none;text-decoration: none; color:#8da5b9;}

.quoteMain { font-size: 21px; line-height:21px; background: url(images/bg_top_long.gif) top left no-repeat #666666; color:#FFFFFF; padding: 10px 10px 0px 10px;}
.requestText { font-size:12px; padding-left:10px;}
#quoteContainer { background:#e9e9e9 url(images/bg_top_long_rq.gif) top left no-repeat; padding:20px 0px 0px 20px; margin-top:20px;}
#quoteContainerBottom { width:950px; height:10px; background:#e9e9e9 url(images/bg_bottom_long_rq.gif) top left no-repeat;}
.quoteColumn {width:310px;}
.quoteBox { width:280px;}
.quoteTitle { font-size: 21px; line-height:21px; color:#6385a1; border-bottom:#dddcdc solid 1px; padding-bottom:10px; margin-bottom: 10px;}
.quoteText { color:#666666; padding-left:10px; padding-top:5px; font-size:12px; color:#333333;}
.quoteText2 { color:#666666; padding-left:10px; padding-top:10px;font-size:12px;color:#333333;}
.quoteTextbox { width:256px; margin-left:10px; border:#CCCCCC 1px solid;}
textarea {scrollbar-3dlight-color:#e9e9e9; scrollbar-arrow-color:#999999; scrollbar-base-color:#e9e9e9; scrollbar-darkshadow-color:#999999; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#e9e9e9; scrollbar-shadow-color:#CCCCCC;}
.quoteTextarea { width:256px; margin-left:10px; height:80px;  border:#CCCCCC 1px solid;}
.quoteTextarea2 { width:256px; margin-left:10px; height:144px;  border:#CCCCCC 1px solid;}
.quoteMenu {width:256px; margin-left:10px; border:#CCCCCC 1px solid;}
.checkbox { float:left; width: 120px; padding-left:10px;}
.send {padding: 8px; text-align:center;}


#sidenav { /* all lists */margin:0px;list-style: none;}
#sidenav ul { /* all lists */padding: 0;margin: 0;list-style: none;}
#sidenav li { /* all list items */position: static !important; /* for Mozilla */position: relative; /* for IE */padding: 0em;}
#sidenav a {display: block; text-decoration: none; font-size: 12px; color: #666666; padding: 2px 0px 2px 10px;}
#sidenav a:hover { background:#e9e9e9}

#subnav { /* all lists */margin: 0;list-style: none;}
#subnav ul { /* all lists */padding: 0;margin: 0;list-style: none;}
#subnav li { /* all list items */position: static !important; /* for Mozilla */position: relative; /* for IE */padding: 0em;}
#subnav a {display: block; text-decoration: none; padding: 0px 0px 0px 10px; color:#999999;}
#subnav a:hover { background: #666666; color:#CCCCCC;}

#footerContainer {width:100%; height: 233px; clear: both; background: url(images/footer_back.gif) top left repeat-x #333333;}
#footer {width: 950px;  margin-left: auto; margin-right: auto; margin-top: 10px; color:#CCCCCC;}
#links {width: 950px; position: relative; padding-top: 10px;  margin-bottom:20px}	
.footerTitle {font-size: 21px; line-height:21px; margin-bottom: 10px; padding: 10px 10px 0px 10px;}
.linkBox { width: 160px; float: left; height: 100%; padding-right: 20px; margin-right: 20px; border-right: #666666 1px dotted; padding-left: 20px;}
.linkBoxLast { width: 160px; float: left; height: 100%;}
.linkTitle {font-size: 12px; font-weight: bold; margin-bottom: 6px;}