/* GENERAL */
body {background: #555555; font-family: Helvetica, Arial, Verdana; color: #000000; margin: 0; padding: 0;}

img {border-style: none; border-width: 0;}

h1	{font-family: Helvetica, Arial, Verdana; font-size: 4.2em; color: #000000; display: inline; letter-spacing: -3px; line-height: 1.3em;}
h2	{font-family: Helvetica, Arial, Verdana; font-size: 1.6em; color: #FFFFFF; display: inline;}
h3	{font-family: Helvetica, Arial, Verdana; font-size: 1.3em; color: #000000; display: inline; line-height: 1.5em;}
h4	{font-family: Helvetica, Arial, Verdana; font-size: 1.1em; color: #000000; display: inline;}
h5	{font-family: Helvetica, Arial, Verdana; font-size: 1.6em; color: #333333; display: inline;}
h6	{font-family: Helvetica, Arial, Verdana; font-size: 1.3em; color: #333333; display: inline; line-height: 1.5em;}

form {display: inline;}
input, textarea {padding: 5px; margin: 0 0 10px 0; color: #333333;}
select {padding: 5px; margin: 5px 0 10px 0; color: #333333;}
input.textBox {font-size: 0.7em; color: #FFFFFF; font-style: italic; padding: 5px; margin: 5px 0 5px 0; border: 0; border-style: hidden; background: #999999;}
.error {font-size: 0.8em; font-weight: normal; color: #CC3333;}

.black {color: #000000;}
.darkGrey {color: #FFFFFF;}
.lightGrey {color: #666666;}
.orange {color: #000000;}
.white {color: #FFFFFF;}

.paddingClients {padding: 0 15px 0 0;}
.paddingClientsIcons {padding: 0 10px 0 0;}

img#imageBorder {border: 10px solid #333333;}

img#imageBorderLink {border: 10px solid #333333;}
img#imageBorderLink:hover {border: 10px solid #FF6600;}
img#imageBorderLink.active {border: 10px solid #FF6600;}

#findUsLeft {float: left; width: 275px; background: #333333; padding: 0 10px 8px 10px;}
#findUsRight {float: right; width: 275px; text-align: right; background: #333333; padding: 0 10px 8px 10px;}

#buttonPrevious {float: left;}
#buttonNext {float: right; text-align: right;}

.textSmall {font-size: 0.8em;}
.textTiny {font-size: 0.7em;}

.alertBox {font-size: 0.8em; border: 10px solid #000000;}
.alertBoxHeader {font-size: 1.2em; color: #FF6600; font-weight: bold; background: #000000; padding: 5px; text-transform: uppercase;}
.alertBoxText {color: #FFFFFF; background: #000000; padding: 10px;}

.tool-tip {color: #FFFFFF; width: 180px; z-index: 1500; margin: -110px 0 0 -103px;}
.tool-title {font-weight: bold; font-size: 14px; margin: 0; color: #FFFFFF; padding: 10px 10px 3px 10px; text-align: left; background: url(../images/tool_tip.png) no-repeat top right;}
.tool-text {color: #FFFFFF; font-size: 12px; padding: 2px 10px 30px 10px; background: url(../images/tool_tip.png) bottom left;}

a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:hover {color: #FF6600; text-decoration: none;}

a.navTop:link {color: #FFFFFF; text-decoration: none;}
a.navTop:visited {color: #FFFFFF; text-decoration: none;}
a.navTop:active {color: #FFFFFF; text-decoration: none;}
a.navTop:hover {color: #333333; text-decoration: none;}

a.button:link {font-size: 0.8em; color: #FFFFFF; text-decoration: none; background: #333333; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}
a.button:visited {font-size: 0.8em; color: #FFFFFF; text-decoration: none; background: #333333; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}
a.button:active {font-size: 0.8em; color: #FFFFFF; text-decoration: none; background: #666666; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}
a.button:hover {font-size: 0.8em; color: #FFFFFF; text-decoration: none; background: #666666; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}

a.buttonClients:link {font-size: 1em; color: #FFFFFF; text-decoration: none; background: #333333; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}
a.buttonClients:visited {font-size: 1em; color: #FFFFFF; text-decoration: none; background: #333333; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}
a.buttonClients:active {font-size: 1em; color: #FFFFFF; text-decoration: none; background: #666666; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}
a.buttonClients:hover {font-size: 1em; color: #FFFFFF; text-decoration: none; background: #666666; padding: 5px 10px 6px 10px; text-transform: lowercase; border-right: 5px solid #FF6600;}

a.clients:link {font-size: 1.4em; color: #333333; text-decoration: none; text-transform: lowercase;}
a.clients:visited {font-size: 1.4em; color: #333333; text-decoration: none; text-transform: lowercase;}
a.clients:active {font-size: 1.4em; color: #333333; text-decoration: none; text-transform: lowercase;}
a.clients:hover {font-size: 1.4em; color: #FF6600; text-decoration: none; text-transform: lowercase;}


/* HEADER */
#wrapperHeader {height: 20px; background: #FF6600; clear: both;}
#contentHeader {width: 1000px; margin: 0 auto; font-family: Helvetica, Arial, Verdana; font-size: 0.8em; color: #FFFFFF; text-align: right; padding: 2px 0 0 0;}


/* NAVIGATION */
#wrapperNav {height: 65px; background: #555555; clear: both;}
#contentNav {width: 1000px; margin: 0 auto;}

#nav {width: 830px; margin: 0 auto; float: left;}
#nav ul {width: 830px; list-style: none; padding: 0; margin: 0; float: left;}
#nav li {display: inline;}
#nav li a:link {width: 120px; height: 45px; color: #FFFFFF; float: left; display: block; text-decoration: none; text-align: center; padding: 15px 0 0 0;}
#nav li a:visited {width: 120px; height: 45px; color: #FFFFFF; float: left; display: block; text-decoration: none; text-align: center; padding: 15px 0 0 0;}
#nav li a:active {width: 120px; height: 45px; color: #FFFFFF; float: left; display: block; text-decoration: none; text-align: center; padding: 15px 0 0 0;}
#nav li a:hover {width: 120px; height: 45px; color: #FFFFFF; float: left; display: block; text-decoration: none; text-align: center; border-bottom: 5px solid #FF6600; padding: 15px 0 0 0; background: #333333;}
body#home a#navhome, body#about a#navabout, body#work a#navwork, body#team a#navteam, body#contact a#navcontact {width: 120px; height: 45px; color: #FFFFFF; float: left; display: block; text-decoration: none; text-align: center; border-bottom: 5px solid #FF6600; padding: 15px 0 0 0; background: #333333;}


/* THEME SELECTOR */
#wrapperVerticalSlide {background: #FFFFFF;}
#contentVerticalSlide {width: 1000px; margin: 0 auto;}

#themeButton ul {width: 106px; text-align: right; list-style: none; padding: 0; margin: 0; font-size: 0.8em; position: absolute; top: 62px;}
#themeButton li {display: inline; line-height: 1.8em;}
#themeButton li a:link {width: 106px; text-align: right; padding: 5px 20px 5px 35px; color: #FFFFFF; background: url(../images/background_theme_button.png) center left no-repeat; text-decoration: none;}
#themeButton li a:visited {width: 106px; text-align: right; padding: 5px 20px 5px 35px; color: #FFFFFF; background: url(../images/background_theme_button.png) center left no-repeat; text-decoration: none;}
#themeButton li a:active {width: 106px; text-align: right; padding: 5px 20px 5px 35px; color: #666666; background: url(../images/background_theme_button_on.png) center left no-repeat; text-decoration: none;}
#themeButton li a:hover {width: 106px; text-align: right; padding: 5px 20px 5px 35px; color: #666666; background: url(../images/background_theme_button_on.png) center left no-repeat; text-decoration: none;}

.dhtmlslider_parent {width: 162px; overflow: hidden; cursor: pointer; z-index: 90; position: relative; left: 839px;}
.dhtmlslider_parentClientLogin {width: 162px; overflow: hidden; cursor: pointer; z-index: 90; position: relative; left: 838px;}
.dhtmlslider_parentClientLogout {width: 169px; overflow: hidden; cursor: pointer; z-index: 90; position: relative; left: 839px;}
.dhtmlslider_child {background: #000000; visibility: hidden; width: 1000px; height: 0px; overflow: hidden; position: absolute; z-index: 90; margin: 0 auto; text-align: left; left: 0;}
.dhtmlslider_child_content {width: 960px; position: absolute; z-index: 90; padding: 20px 20px 40px 20px; text-align: left;}

a.templateChristmas:link {padding: 15px 30px 15px 30px; background: url(../images/themes/mincepie.jpg) top left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateChristmas:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/mincepie.jpg) top left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateChristmas:active {padding: 15px 30px 15px 30px; background: url(../images/themes/mincepie.jpg) top left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateChristmas:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/mincepie.jpg) top left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateHalloween:link {padding: 15px 30px 15px 30px; background: url(../images/themes/halloween.gif) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateHalloween:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/halloween.gif) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateHalloween:active {padding: 15px 30px 15px 30px; background: url(../images/themes/halloween.gif) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateHalloween:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/halloween.gif) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateDefault:link {padding: 15px 30px 15px 30px; background: #FFFFFF; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateDefault:visited {padding: 15px 30px 15px 30px; background: #FFFFFF; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateDefault:active {padding: 15px 30px 15px 30px; background: #FFFFFF; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateDefault:hover {padding: 15px 30px 15px 30px; background: #FFFFFF; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateOrangeSwirls:link {padding: 15px 30px 15px 30px; background: url(../images/themes/orange_swirls.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateOrangeSwirls:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/orange_swirls.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateOrangeSwirls:active {padding: 15px 30px 15px 30px; background: url(../images/themes/orange_swirls.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateOrangeSwirls:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/orange_swirls.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateAutumn:link {padding: 15px 30px 15px 30px; background: url(../images/themes/autumn.jpg) top right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateAutumn:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/autumn.jpg) top right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateAutumn:active {padding: 15px 30px 15px 30px; background: url(../images/themes/autumn.jpg) top right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateAutumn:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/autumn.jpg) top right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateSpring:link {padding: 15px 30px 15px 30px; background: url(../images/themes/spring.jpg) bottom no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateSpring:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/spring.jpg) bottom no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateSpring:active {padding: 15px 30px 15px 30px; background: url(../images/themes/spring.jpg) bottom no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateSpring:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/spring.jpg) bottom no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateSummer:link {padding: 15px 30px 15px 30px; background: url(../images/themes/summer.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateSummer:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/summer.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateSummer:active {padding: 15px 30px 15px 30px; background: url(../images/themes/summer.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateSummer:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/summer.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateWinter:link {padding: 15px 30px 15px 30px; background: url(../images/themes/winter.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateWinter:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/winter.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateWinter:active {padding: 15px 30px 15px 30px; background: url(../images/themes/winter.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateWinter:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/winter.jpg) right no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateDark:link {padding: 15px 30px 15px 30px; background: url(../images/themes/dark.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateDark:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/dark.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateDark:active {padding: 15px 30px 15px 30px; background: url(../images/themes/dark.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateDark:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/dark.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateFlower:link {padding: 15px 30px 15px 30px; background: url(../images/themes/flower.jpg) left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateFlower:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/flower.jpg) left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateFlower:active {padding: 15px 30px 15px 30px; background: url(../images/themes/flower.jpg) left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateFlower:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/flower.jpg) left no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.templateTexture:link {padding: 15px 30px 15px 30px; background: url(../images/themes/texture.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateTexture:visited {padding: 15px 30px 15px 30px; background: url(../images/themes/texture.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateTexture:active {padding: 15px 30px 15px 30px; background: url(../images/themes/texture.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0;}
a.templateTexture:hover {padding: 15px 30px 15px 30px; background: url(../images/themes/texture.jpg) center no-repeat; text-decoration: none; border: 5px solid #666666; margin: 0 20px 0 0; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}


/* MAIN TEXT AREAS */
#wrapperText {background: url(../images/themes/winter.jpg) no-repeat; padding: 0 0 15px 0; clear: both;}
#contentText {width: 1000px; margin: 0 auto; clear: both;}

#contentLeftText {width: 395px; margin: 0 auto; float: left; padding: 0 15px 0 0;}
#contentLeft {width: 410px; margin: 0 auto; float: left;}
#contentRight {width: 590px; margin: 0 auto; float: right;}

#mainText {width: 770px; margin: 0 auto; float: left; padding: 10px 0 0 0;}
#mainSide {width: 160px; color: #333333; margin: 0 0 15px 0; float: right; background: #FFFFFF; padding: 7px 15px 20px 15px; position: relative; top: 15px;}

#textContact1 {width: 170px; height: 35px; margin: 0 auto; padding: 5px 0 0 0; float: left;}
#textContact2 {width: 225px; height: 40px; margin: 0 auto; padding: 0; float: right;}
#textContactMessage1 {width: 170px; height: 95px; margin: 0 auto; padding: 5px 0 0 0; float: left;}
#textContactMessage2 {width: 225px; height: 100px; margin: 0 auto; padding: 0; float: right;}
#textContactButton {width: 223px; height: 40px; margin: 0 auto; padding: 10px 0 0 172px; float: left;}

#clearDiv {clear: both;}


/* HOMEPAGE */
#featuredJobs1 {width: 100px; height: 100px; border: 10px solid #333333; margin: 0 15px 15px 0; float: left;}
#featuredJobs2 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/nationalexpress/graphic1.jpg) center no-repeat; float: left;}
#featuredJobs3 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/boxmart/web1.jpg) center no-repeat; float: left;}
#featuredJobs4 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/cadbury/email1.jpg) center no-repeat; float: left;}
#featuredJobs5 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/business_solutions/our_solutions.gif) left no-repeat; float: left;}
#featuredJobs6 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/dhl/internal1.jpg) left no-repeat; float: left;}
#featuredJobs2:hover, #featuredJobs3:hover {width: 100px; height: 100px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 15px 0; float: left;}
#featuredJobs4:hover, #featuredJobs5:hover, #featuredJobs6:hover {width: 100px; height: 100px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 0 0; float: left;}

#clientTestimonials {display: block; float: left; height: 215px; width: 570px; margin: 0; padding: 0; border-top: 10px solid #333333; border-bottom: 30px solid #333333; border-left: 10px solid #333333; border-right: 10px solid #333333; position: absolute;}

#clientTestimonialsBanner {display: block; width: 120px; height: 117px; position: absolute; text-indent: -9999px; z-index: 500; top: -60px; left: 455px; background: url('../images/showcase_banner.png') no-repeat top left;}

ul#clientTestimonialsButtons {margin: 0 0 0 464px; padding: 8px 0 0 0; width: 110px; height: 25px;}
ul#clientTestimonialsButtons li {display: block; float: left; text-align: center; color: #000000; padding: 1px 0 0 0; font-size: 11px; font-weight: bold; cursor: pointer; margin: 0 4px 0 0; width: 18px; height: 15px; background: #FFFFFF;}
ul#clientTestimonialsButtons li:hover {color: #FFFFFF; background: #FF6600;}
ul#clientTestimonialsButtons li.active {color: #FFFFFF; background: #FF6600;}

a#previous, a#next {cursor: pointer; display: block; width: 51px; height: 50px; text-indent: -9999px; z-index: 999; position: absolute; border: none; overflow: hidden;}
a#previous, a#previous:visited {float: left; margin: 95px 0 0 7px; background: transparent url("../images/showcase_left.png") no-repeat top left;}
a#next, a#next:visited {float: right; margin: 95px 0 0 518px; background: transparent url("../images/showcase_right.png") no-repeat top left;}
a#previous:hover, a#next:hover{background-position: top right; border: none;}

#sliderArea {background: #000000; width: 570px; margin: 0; display: block; z-index: -1200; height: 215px; max-height: 215px; overflow: hidden;}
#sliderArea div div {overflow: hidden; height: 215px; z-index: -1200;}
#slider {width: 2850px;}

.clientTestimonialsContent {width: 570px; height: 215px; float: left; background: #000000;}


/* ABOUT */
#showcaseAbout {display: block; float: left; height: 235px; width: 570px; margin: 0; padding: 0; border: 10px solid #333333;}
#sliderAreaAbout {background: #FFFFFF; width: 570px; margin: 0; display: block; z-index: -1200; height: 235px; max-height: 235px; overflow: hidden;}
#sliderAreaAbout div div {overflow: hidden; height: 235px; z-index: -1200;}
#sliderAbout {width: 3420px;}

.showcaseContentAbout {width: 570px; height: 235px; float: left; background: #FFFFFF;}

#aboutPhoto1 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/about/about1.jpg) center no-repeat; float: left;}
#aboutPhoto2 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/about/about2.jpg) right no-repeat; float: left;}
#aboutPhoto3 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/about/about3.jpg) top no-repeat; float: left;}
#aboutPhoto4 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/about/about4.jpg) bottom no-repeat; float: left;}
#aboutPhoto5 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/about/about5.jpg) top no-repeat; float: left;}
#aboutPhoto6 {width: 100px; height: 100px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/about/about6.jpg) center no-repeat; float: left;}
#aboutPhoto1:hover, #aboutPhoto2:hover, #aboutPhoto3:hover {width: 100px; height: 100px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 15px 0; float: left;}
#aboutPhoto4:hover, #aboutPhoto5:hover, #aboutPhoto6:hover {width: 100px; height: 100px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 0 0; float: left;}


/* TEAM */
#showcaseTeam {display: block; float: left; height: 235px; width: 570px; margin: 0; padding: 0; border: 10px solid #333333;}
#sliderAreaTeam {background: #FFFFFF; width: 570px; margin: 0; display: block; z-index: -1200; height: 235px; max-height: 235px; overflow: hidden;}
#sliderAreaTeam div div {overflow: hidden; height: 235px; z-index: -1200;}
#sliderTeam {width: 4560px;}

.showcaseContentTeam {width: 570px; height: 235px; float: left; background: #FFFFFF;}

#teamButtons img {width: 66px; height: 66px; border: 10px solid #333333; margin: 0 11px 11px 0;}
#teamButtons img:hover {border: 10px solid #FF6600;}
#teamButtons img.active {border: 10px solid #FF6600;}

#teamButtonsLike {width: 370px; height: 33px; font-size: 1.6em; color: #FFFFFF; background: #333333; cursor: pointer; padding: 10px;}
#teamButtonsLike:hover {width: 370px; height: 33px; color: #FFFFFF; background: #FF6600; cursor: pointer; padding: 10px;}
#teamButtonsLike:active {width: 370px; height: 33px; color: #FFFFFF; background: #FF6600; cursor: pointer; padding: 10px;}

#teamLikesCol1, #teamLikesCol2, #teamLikesCol3, #teamLikesCol4, #teamLikesCol5, #teamLikesCol6 {width: 134px; height: 154px; margin: 0 auto; margin: 0 10px 0 0; float: left; line-height: 1.8em;}
#teamLikesCol7 {width: 134px; height: 154px; margin: 0 auto; float: left; line-height: 1.8em;}


/* GOOGLE API MAP */
#googleMap {width: 570px; height: 235px; border: 10px solid #333333; font-size: 12px; text-align: center;}
.googleMapBox {width: 300px; height: 110px; vertical-align: top; font-family: Helvetica, Arial, Verdana; font-size: 11px; color: #333333; line-height: 1.7em; text-align: left;}


/* WORK */
#workCol1, #workCol2, #workCol3, #workCol4 {width: 170px; margin: 0 auto; margin: 0 37px 0 0; float: left; line-height: 1.8em;}
#workCol5 {width: 170px; margin: 0 auto; padding: 0; float: left; line-height: 1.8em;}

#featuredGraphic {width: 150px; height: 150px; border: 10px solid #333333; cursor: pointer; background: url(../images/work/nationalexpress/graphic1.jpg) center no-repeat;}
#featuredWebsite {width: 150px; height: 150px; border: 10px solid #333333; cursor: pointer; background: url(../images/work/boxmart/web1.jpg) center no-repeat;}
#featuredDigital {width: 150px; height: 150px; border: 10px solid #333333; cursor: pointer; background: url(../images/work/cadbury/email1.jpg) center no-repeat;}
#featuredBusiness {width: 150px; height: 150px; border: 10px solid #333333; cursor: pointer; background: url(../images/work/business_solutions/our_solutions.gif) left no-repeat;}
#featuredInternal {width: 150px; height: 150px; border: 10px solid #333333; cursor: pointer; background: url(../images/work/dhl/internal1.jpg) left no-repeat;}
#featuredGraphic:hover, #featuredWebsite:hover, #featuredDigital:hover, #featuredBusiness:hover, #featuredInternal:hover {width: 150px; height: 150px; border: 10px solid #FF6600; cursor: pointer;}


/* WORK FEATURED PROJECTS AND SUB NAV */
#featuredWork {width: 810px; margin: 0 auto; float: left;}
#featuredWorkLeft {width: 345px; margin: 0 auto; float: left;}
#featuredWorkRight {width: 465px; margin: 0 auto; float: left;}
.navWork {width: 170px; margin: 0 auto; float: right; background: #FFFFFF; padding: 9px 5px 15px 15px;}

.navWork ul {list-style: none; padding: 0; margin: 0;}
.navWork li {display: block; line-height: 2em;}
.navWork li a.gd:link {color: #666666; text-decoration: none; background: url(../images/work/icon_gd.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.gd:visited {color: #666666; text-decoration: none; background: url(../images/work/icon_gd.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.gd:active {color: #666666; text-decoration: none; background: url(../images/work/icon_gd_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.gd:hover {color: #666666; text-decoration: none; background: url(../images/work/icon_gd_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
div#graphic a#navgraphic {color: #666666; text-decoration: none; background: url(../images/work/icon_gd_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}

.navWork li a.wd:link {color: #666666; text-decoration: none; background: url(../images/work/icon_wd.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.wd:visited {color: #666666; text-decoration: none; background: url(../images/work/icon_wd.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.wd:active {color: #666666; text-decoration: none; background: url(../images/work/icon_wd_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.wd:hover {color: #666666; text-decoration: none; background: url(../images/work/icon_wd_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
div#website a#navwebsite {color: #666666; text-decoration: none; background: url(../images/work/icon_wd_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}

.navWork li a.dm:link {color: #666666; text-decoration: none; background: url(../images/work/icon_dm.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.dm:visited {color: #666666; text-decoration: none; background: url(../images/work/icon_dm.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.dm:active {color: #666666; text-decoration: none; background: url(../images/work/icon_dm_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.dm:hover {color: #666666; text-decoration: none; background: url(../images/work/icon_dm_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
div#digital a#navdigital {color: #666666; text-decoration: none; background: url(../images/work/icon_dm_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}

.navWork li a.bs:link {color: #666666; text-decoration: none; background: url(../images/work/icon_bs.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.bs:visited {color: #666666; text-decoration: none; background: url(../images/work/icon_bs.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.bs:active {color: #666666; text-decoration: none; background: url(../images/work/icon_bs_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.bs:hover {color: #666666; text-decoration: none; background: url(../images/work/icon_bs_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
div#business a#navbusiness {color: #666666; text-decoration: none; background: url(../images/work/icon_bs_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}

.navWork li a.im:link {color: #666666; text-decoration: none; background: url(../images/work/icon_im.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.im:visited {color: #666666; text-decoration: none; background: url(../images/work/icon_im.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.im:active {color: #666666; text-decoration: none; background: url(../images/work/icon_im_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
.navWork li a.im:hover {color: #666666; text-decoration: none; background: url(../images/work/icon_im_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}
div#internal a#navinternal {color: #666666; text-decoration: none; background: url(../images/work/icon_im_on.jpg) center left no-repeat; padding: 5px 5px 5px 30px;}

#featuredGraphic1 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/nationalexpress/graphic1.jpg) center no-repeat; float: left;}
#featuredGraphic2 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/dhl/graphic1.jpg) left top no-repeat; float: left;}
#featuredGraphic3 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/ags/graphic1.jpg) bottom no-repeat; float: left;}
#featuredGraphic4 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/right4staff/graphic1.jpg) right no-repeat; float: left;}
#featuredGraphic5 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/visionalert/graphic1.jpg) left no-repeat; float: left;}
#featuredGraphic6 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/veoliatransport/graphic1.jpg) center no-repeat; float: left;}
#featuredGraphic7 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/universitycollegeoxford/graphic1.jpg) top left no-repeat; float: left;}
#featuredGraphic8 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/nightfreight/graphic1.jpg) bottom no-repeat; float: left;}
#featuredGraphic9 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/holidaybrochures/graphic1.jpg) center no-repeat; float: left;}
#featuredGraphic10 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/metroline/graphic1.jpg) right no-repeat; float: left;}
#featuredGraphic11 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/hilditchgroup/graphic1.jpg) center no-repeat; float: left;}
#featuredGraphic12 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/cglpensions/graphic1.jpg) center no-repeat; float: left;}
#featuredGraphic13 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/nationalexpress/livery1.jpg) left no-repeat; float: left;}
#featuredGraphic14 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/thenlfa/corporateidentity1.jpg) center no-repeat; float: left;}
#featuredGraphic1:hover, #featuredGraphic2:hover, #featuredGraphic3:hover, #featuredGraphic4:hover, #featuredGraphic5:hover, #featuredGraphic6:hover, #featuredGraphic7:hover {width: 80px; height: 80px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 15px 0; float: left;}
#featuredGraphic8:hover, #featuredGraphic9:hover, #featuredGraphic10:hover, #featuredGraphic11:hover, #featuredGraphic12:hover, #featuredGraphic13:hover, #featuredGraphic14:hover {width: 80px; height: 80px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 0 0; float: left;}

#featuredWebsite1 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/thenlfa/web1.jpg) top no-repeat; float: left;}
#featuredWebsite2 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/tothemoonknitwear/web1.jpg) center no-repeat; float: left;}
#featuredWebsite3 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/oilfromumbria/web1.jpg) top no-repeat; float: left;}
#featuredWebsite4 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/eccogroup/web1.jpg) center no-repeat; float: left;}
#featuredWebsite5 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/wavesuk/web1.jpg) center no-repeat; float: left;}
#featuredWebsite6 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/viehealthclubs/web1.jpg) center no-repeat; float: left;}
#featuredWebsite7 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/mylunchonline/web1.jpg) top no-repeat; float: left;}
#featuredWebsite8 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/boxmart/web1.jpg) center no-repeat; float: left;}
#featuredWebsite9 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/equitherm/web1.jpg) center no-repeat; float: left;}
#featuredWebsite10 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/theshakespearehospice/web1.jpg) center no-repeat; float: left;}
#featuredWebsite11 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/outstandingawards/web1.jpg) center no-repeat; float: left;}
#featuredWebsite12 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/thehousekeeperumbria/web1.jpg) top no-repeat; float: left;}
#featuredWebsite13 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/v4services/web1.jpg) top no-repeat; float: left;}
#featuredWebsite14 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/visionalert/web1.jpg) top no-repeat; float: left;}
#featuredWebsite1:hover, #featuredWebsite2:hover, #featuredWebsite3:hover, #featuredWebsite4:hover, #featuredWebsite5:hover, #featuredWebsite6:hover, #featuredWebsite7:hover {width: 80px; height: 80px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 15px 0; float: left;}
#featuredWebsite8:hover, #featuredWebsite9:hover, #featuredWebsite10:hover, #featuredWebsite11:hover, #featuredWebsite12:hover, #featuredWebsite13:hover, #featuredWebsite14:hover {width: 80px; height: 80px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 0 0; float: left;}

#featuredDigital1 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/cadbury/email1.jpg) center no-repeat; float: left;}
#featuredDigital2 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/digital_media/banners.jpg) center no-repeat; float: left;}
#featuredDigital3 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/veoliawater/screensaver1.jpg) center no-repeat; float: left;}
#featuredDigital4 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/nationalexpress/presentation1.jpg) center no-repeat; float: left;}
#featuredDigital5 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/digital_media/analytics.jpg) top right no-repeat; float: left;}
#featuredDigital6 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/digital_media/rssfeeds.jpg) top left no-repeat; float: left;}
#featuredDigital7 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/digital_media/games.jpg) center no-repeat; float: left;}
#featuredDigital1:hover, #featuredDigital2:hover, #featuredDigital3:hover, #featuredDigital4:hover, #featuredDigital5:hover, #featuredDigital6:hover, #featuredDigital7:hover {width: 80px; height: 80px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 0 0; float: left;}

#featuredInternal1 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/dhl/internal1.jpg) center no-repeat; float: left;}
#featuredInternal2 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/nationalexpress/internal1.jpg) left no-repeat; float: left;}
#featuredInternal3 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 15px 0; background: url(../images/work/veoliatransport/internal1.jpg) right no-repeat; float: left;}
#featuredInternal4 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/metroline/internal1.jpg) right no-repeat; float: left;}
#featuredInternal5 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/dhl/internal2.jpg) center no-repeat; float: left;}
#featuredInternal6 {width: 80px; height: 80px; border: 10px solid #333333; cursor: pointer; margin: 0 15px 0 0; background: url(../images/work/newsletters/internal1.jpg) center no-repeat; float: left;}
#featuredInternal1:hover, #featuredInternal2:hover, #featuredInternal3:hover {width: 80px; height: 80px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 15px 0; float: left;}
#featuredInternal4:hover, #featuredInternal5:hover, #featuredInternal6:hover {width: 80px; height: 80px; border: 10px solid #FF6600; cursor: pointer; margin: 0 15px 0 0; float: left;}


/* GRAPHIC DESIGN */
#portfolioGraphic {width: 810px; margin: 0 auto; float: left;}

#showcaseGraphic {display: block; float: left; height: 300px; width: 770px; margin: 0; padding: 0; border-top: 10px solid #333333; border-bottom: 30px solid #333333; border-left: 10px solid #333333; border-right: 10px solid #333333; position: relative;}

ul#showcaseGraphicButtons {margin: 0 0 0 708px; padding: 8px 0 0 0; width: 66px; height: 25px;}
ul#showcaseGraphicButtons li {display: block; float: left; text-align: center; color: #000000; padding: 1px 0 0 0; font-size: 11px; font-weight: bold; cursor: pointer; margin: 0 4px 0 0; width: 18px; height: 15px; background: #FFFFFF;}
ul#showcaseGraphicButtons li:hover {color: #FFFFFF; background: #FF6600;}
ul#showcaseGraphicButtons li.active {color: #FFFFFF; background: #FF6600;}

ul#showcaseCorporateButtons {margin: 0 0 0 466px; padding: 8px 0 0 0; width: 308px; height: 25px;}
ul#showcaseCorporateButtons li {display: block; float: left; text-align: center; color: #000000; padding: 1px 0 0 0; font-size: 11px; font-weight: bold; cursor: pointer; margin: 0 4px 0 0; width: 18px; height: 15px; background: #FFFFFF;}
ul#showcaseCorporateButtons li:hover {color: #FFFFFF; background: #FF6600;}
ul#showcaseCorporateButtons li.active {color: #FFFFFF; background: #FF6600;}

a#previousGraphic, a#nextGraphic {cursor: pointer; display: block; width: 51px; height: 50px; text-indent: -9999px; z-index: 999; position: absolute; border: none; overflow: hidden;}
a#previousGraphic, a#previousGraphic:visited {float: left; margin: 130px 0 0 7px; background: transparent url("../images/showcase_left.png") no-repeat top left;}
a#nextGraphic, a#nextGraphic:visited {float: right; margin: 130px 0 0 718px; background: transparent url("../images/showcase_right.png") no-repeat top left;}
a#previousGraphic:hover, a#nextGraphic:hover{background-position: top right; border: none;}

#sliderAreaGraphic {background: #000000; width: 770px; margin: 0; display: block; z-index: -1200; height: 300px; max-height: 300px; overflow: hidden;}
#sliderAreaGraphic div div {overflow: hidden; height: 380px; z-index: -1200;}
#sliderGraphic {width: 2310px;}
#sliderCorporate {width: 10780px;}

.showcaseGraphicContent {width: 770px; height: 300px; float: left; background: #000000;}


/* WEBSITE DESIGN */
#portfolioWeb {width: 810px; margin: 0 auto; float: left;}

#showcaseWeb {display: block; float: left; height: 500px; width: 770px; margin: 0; padding: 0; border-top: 10px solid #333333; border-bottom: 30px solid #333333; border-left: 10px solid #333333; border-right: 10px solid #333333; position: relative;}

ul#showcaseWebButtons {margin: 0 0 0 708px; padding: 8px 0 0 0; width: 66px; height: 25px;}
ul#showcaseWebButtons li {display: block; float: left; text-align: center; color: #000000; padding: 1px 0 0 0; font-size: 11px; font-weight: bold; cursor: pointer; margin: 0 4px 0 0; width: 18px; height: 15px; background: #FFFFFF;}
ul#showcaseWebButtons li:hover {color: #FFFFFF; background: #FF6600;}
ul#showcaseWebButtons li.active {color: #FFFFFF; background: #FF6600;}

a#previousWeb, a#nextWeb {cursor: pointer; display: block; width: 51px; height: 50px; text-indent: -9999px; z-index: 999; position: absolute; border: none; overflow: hidden;}
a#previousWeb, a#previousWeb:visited {float: left; margin: 250px 0 0 7px; background: transparent url("../images/showcase_left.png") no-repeat top left;}
a#nextWeb, a#nextWeb:visited {float: right; margin: 250px 0 0 718px; background: transparent url("../images/showcase_right.png") no-repeat top left;}
a#previousWeb:hover, a#nextWeb:hover{background-position: top right; border: none;}

#sliderAreaWeb {background: #FFFFFF; width: 770px; margin: 0; display: block; z-index: -1200; height: 500px; max-height: 500px; overflow: hidden;}
#sliderAreaWeb div div {overflow: hidden; height: 500px; z-index: -1200;}
#sliderWeb {width: 2310px;}

.showcaseWebContent {width: 770px; height: 500px; float: left; background: #FFFFFF;}


/* DIGITAL MEDIA */
#boxDigital {background: #FFFFFF; display: block; float: left; height: 500px; width: 770px; margin: 0; padding: 0; border: 10px solid #333333;}

#portfolioDigital {width: 810px; margin: 0 auto; float: left;}

#showcaseDigital {display: block; float: left; height: 500px; width: 770px; margin: 0; padding: 0; border-top: 10px solid #333333; border-bottom: 30px solid #333333; border-left: 10px solid #333333; border-right: 10px solid #333333; position: relative;}

ul#showcaseDigitalButtons {margin: 0 0 0 642px; padding: 8px 0 0 0; width: 132px; height: 25px;}
ul#showcaseDigitalButtons li {display: block; float: left; text-align: center; color: #000000; padding: 1px 0 0 0; font-size: 11px; font-weight: bold; cursor: pointer; margin: 0 4px 0 0; width: 18px; height: 15px; background: #FFFFFF;}
ul#showcaseDigitalButtons li:hover {color: #FFFFFF; background: #FF6600;}
ul#showcaseDigitalButtons li.active {color: #FFFFFF; background: #FF6600;}

a#previousDigital, a#nextDigital {cursor: pointer; display: block; width: 51px; height: 50px; text-indent: -9999px; z-index: 999; position: absolute; border: none; overflow: hidden;}
a#previousDigital, a#previousDigital:visited {float: left; margin: 250px 0 0 7px; background: transparent url("../images/showcase_left.png") no-repeat top left;}
a#nextDigital, a#nextDigital:visited {float: right; margin: 250px 0 0 718px; background: transparent url("../images/showcase_right.png") no-repeat top left;}
a#previousDigital:hover, a#nextDigital:hover{background-position: top right; border: none;}

#sliderAreaDigital {background: #FFFFFF; width: 770px; margin: 0; display: block; z-index: -1200; height: 500px; max-height: 500px; overflow: hidden;}
#sliderAreaDigital div div {overflow: hidden; height: 500px; z-index: -1200;}
#sliderDigital {width: 4620px;}

.showcaseDigitalContent {width: 770px; height: 500px; float: left; background: #FFFFFF;}


/* BUSINESS SOLUTIONS */
#showcaseBusiness {display: block; float: left; height: 195px; width: 425px; margin: 0; padding: 0; border: 10px solid #333333;}
#sliderAreaBusiness {background: #FFFFFF; width: 425px; margin: 0; display: block; z-index: -1200; height: 195px; max-height: 195px; overflow: hidden;}
#sliderAreaBusiness div div {overflow: hidden; height: 195px; z-index: -1200;}
#sliderBusiness {width: 2550px;}

.showcaseContentBusiness {width: 425px; height: 195px; float: left; background: #FFFFFF;}

#businessButtonsTop img {width: 80px; height: 80px; border: 10px solid #333333; margin: 0 11px 12px 0;}
#businessButtonsTop img:hover {border: 10px solid #FF6600;}
#businessButtonsTop img.active {border: 10px solid #FF6600;}
#businessButtonsBottom img {width: 80px; height: 80px; border: 10px solid #333333; margin: 0 11px 0 0;}
#businessButtonsBottom img:hover {border: 10px solid #FF6600;}
#businessButtonsBottom img.active {border: 10px solid #FF6600;}


/* INTERNAL MARKETING */
#internalBoxes img {width: 80px; height: 80px; border: 10px solid #333333; margin: 0 11px 11px 0;}
#internalBoxes img:hover {border: 10px solid #FF6600;}
#internalBoxes img.active {border: 10px solid #FF6600;}

#showcaseInternal {display: block; float: left; height: 175px; width: 425px; margin: 0; padding: 0; border-top: 10px solid #333333; border-bottom: 30px solid #333333; border-left: 10px solid #333333; border-right: 10px solid #333333; position: absolute;}

ul#internalButtons {margin: 0 0 0 341px; padding: 8px 0 0 0; width: 110px; height: 25px;}
ul#internalButtons li {display: block; float: left; text-align: center; color: #000000; padding: 1px 0 0 0; font-size: 11px; font-weight: bold; cursor: pointer; margin: 0 4px 0 0; width: 18px; height: 15px; background: #FFFFFF;}
ul#internalButtons li:hover {color: #FFFFFF; background: #FF6600;}
ul#internalButtons li.active {color: #FFFFFF; background: #FF6600;}

#sliderAreaInternal {background: #000000; width: 425px; margin: 0; display: block; z-index: -1200; height: 175px; max-height: 175px; overflow: hidden;}
#sliderAreaInternal div div {overflow: hidden; height: 175px; z-index: -1200;}
#sliderInternal {width: 1700px;}

.showcaseContentInternal {width: 425px; height: 175px; float: left; background: #000000;}


/* CLIENTS */
#clientLeftText {width: 200px; min-height: 35px; margin: 0 auto; padding: 5px 0 0 0; float: left; }
#clientRightText {width: 800px; min-height: 40px; margin: 0 auto; padding: 0; float: right;}
#textAreaClientLeft {width: 200px; height: 65px; margin: 0 auto; padding: 0; float: left;}
#textAreaClientRight {width: 800px; height: 65px; margin: 0 auto; padding: 0; float: right;}
#textClientButton {width: 598px; height: 40px; margin: 0 auto; padding: 0 0 0 202px; float: left;}


/* FOOTER */
#wrapperFooter {clear: both;}
#contentFooter	{width: 972px; background: #000000 url(../images/logo.jpg) no-repeat bottom right; margin: 0 auto; padding: 14px; font-size: 0.7em; color: #666666;}

#footerColumns ul {width: 972px; list-style: none; padding: 0; margin: 0;}
#footerColumns li.footerCol1, li.footerCol2, li.footerCol3, li.footerCol4, li.footerCol5 {display: inline; line-height: 1.8em;}
#footerColumns li.footerCol1 a:link {width: 185px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol1 a:visited {width: 185px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol1 a:active {width: 185px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol1 a:hover {width: 185px; color: #999999; float: left; display: block;}

#footerColumns li.footerCol2 a:link {width: 175px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol2 a:visited {width: 175px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol2 a:active {width: 175px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol2 a:hover {width: 175px; color: #999999; float: left; display: block;}

#footerColumns li.footerCol3 a:link {width: 155px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol3 a:visited {width: 155px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol3 a:active {width: 155px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol3 a:hover {width: 155px; color: #999999; float: left; display: block;}

#footerColumns li.footerCol4 a:link {width: 175px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol4 a:visited {width: 175px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol4 a:active {width: 175px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol4 a:hover {width: 175px; color: #999999; float: left; display: block;}

#footerColumns li.footerCol5 a:link {width: 235px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol5 a:visited {width: 235px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol5 a:active {width: 235px; color: #666666; float: left; display: block;}
#footerColumns li.footerCol5 a:hover {width: 235px; color: #999999; float: left; display: block;}


/* COPYRIGHT */
#wrapperCopyright {clear: both;}
#contentCopyright {width: 1000px; margin: 0 auto; padding: 10px 0 10px 0; font-size: 0.7em; color: #FFFFFF;}

#contentCopyrightLeft {width: 750px; margin: 0 auto; float: left;}
#contentCopyrightRight {width: 250px; margin: 0 auto; float: right; text-align: right;}