body
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
p, h1, h2, h3, h4, h5, h6, ul, li
{
	margin:0px;
	padding:0px;
}
a img
{
	border:none;
}
a
{
	text-decoration:none;
}

/****************************** MAIN CONTAINERS **************************************/

.outerGlobalContainer
{
	width:100%;
	margin:0px;
	padding:20px 0px 0px 0px;
}
.innerGlobalContainer
{
	width:945px;
	margin:0px auto 0px auto;
}
.headerContainer
{
	width:945px;
	min-height:65px;
	border-bottom:1px solid #e6e6e6;
	padding:0px 0px 5px 0px;
	overflow:auto;
}
.outerContentContainer
{
	width:905px;
	min-height:270px;
	border-bottom:1px solid #e6e6e6;
	padding:20px 20px 0px 20px;
	margin:0px 0px 26px 0px;
	overflow:auto;
}
#aboutSection .outerContentContainer,
#aboutSection .outerContentContainer01,
#aboutSection .outerContentContainer02,
#serviceSection .outerContentContainer,
#serviceSection .outerContentContainer01,
#serviceSection .outerContentContainer02,
#serviceSection .outerContentContainer03,
#serviceSection .outerContentContainer04,
#workSection .outerContentContainer,
#workSection .outerContentContainer01,
#workSection .outerContentContainer02,
#workSection .outerContentContainer03,
#touchSection .outerContentContainer,
#touchSection .outerContentContainer01,
#touchSection .outerContentContainer02
{
	width:905px;
	min-height:247px;
	padding:20px 20px 50px 20px;
	border:none;
	margin:0px 0px 0px 0px;
	overflow:auto;
}
#aboutSection .outerContentContainer
{
	background:url(../images/subnav-about-us.gif) bottom left no-repeat;
}
#aboutSection .outerContentContainer01
{
	background:url(../images/subnav-who-we-are.gif) bottom left no-repeat;
}
#aboutSection .outerContentContainer02
{
	background:url(../images/subnav-how-we-work.gif) bottom left no-repeat;
}

#serviceSection .outerContentContainer
{
	background:url(../images/subnav-our-services.gif) bottom left no-repeat;
}
#serviceSection .outerContentContainer01
{
	background:url(../images/subnav-consultation.gif) bottom left no-repeat;
}
#serviceSection .outerContentContainer02
{
	background:url(../images/subnav-design.gif) bottom left no-repeat;
}
#serviceSection .outerContentContainer03
{
	background:url(../images/subnav-development.gif) bottom left no-repeat;
}
#serviceSection .outerContentContainer04
{
	background:url(../images/subnav-rich-media.gif) bottom left no-repeat;
}

#workSection .outerContentContainer
{
	background:url(../images/subnav-our-work2.gif) bottom left no-repeat;
}
#workSection .outerContentContainer01
{
	background:url(../images/subnav-our-clients.gif) bottom left no-repeat;
}
#workSection .outerContentContainer02
{
	background:url(../images/subnav-showreel.gif) bottom left no-repeat;
}
#workSection .outerContentContainer03
{
	background:url(../images/subnav-articles.gif) bottom left no-repeat;
}
#workSection .outerContentContainer04
{
	background:none;
	border-bottom:1px solid #e6e6e6;
	width:905px;
	min-height:247px;
	padding:20px 20px 30px 20px;
	margin:0px 0px 20px 0px;
	overflow:auto;
}

#touchSection .outerContentContainer
{
	background:url(../images/subnav-get-in-touch.gif) bottom left no-repeat;
}
#touchSection .outerContentContainer01
{
	background:url(../images/subnav-book-review.gif) bottom left no-repeat;
}
#touchSection .outerContentContainer02
{
	background:url(../images/subnav-how-to-find-us.gif) bottom left no-repeat;
}
.navContainer
{
	width:945px;
	margin:0px 0px 0px 0px;
	overflow:auto;
	position: relative;
}

/******************************** HEADER STYLES ***************************************/

.logoContainer
{
	float:left;
	position:relative;
}
.logoContainer a
{
	position:absolute;
	top:0px;
	left:0px;
}
.logoContainer h1 span
{
	font-size:1%;
	color:#FFFFFF;
}
.contactContainer
{
	float:right;
	padding:20px 0px 0px 0px;
	text-align:right;
	overflow:hidden;
}
.contactContainer a
{
	color:#CCCCCC;
	text-decoration:none
}
.contactContainer span
{
	font-size:68%;
	color:#CCCCCC;
	margin:0px 5px 0px 5px;
}
.contactContainer a:hover
{
	color:#76bb7a;
}


/******************************** NAV STYLES *********************************************/


.innerNavContainer
{
	/*width: 390px;*/
}
.navContainer ul
{
	list-style:none;
}
.navContainer ul li
{
	float:left;
	width:100px;
}
.navContainer ul ul
{
	float:none;
}
.navContainer ul ul li
{
	float:none;
}
.navContainer ul ul li a
{
	font-size:67%;
	color:#a0a0a0;
}
.mainLinkAbout,
.mainLinkServices,
.mainLinkWork,
.mainLinkTouch
{
	font-size:81%!important;
	font-weight:bold;
	display: block;
	padding: 2px 0px 4px;
}

#aboutLinks li a
{
	color:#f4973a;
}
.selectedAbout
{
	color:#76bb7a!important;
}

#serviceLinks li a
{
	color:#d77e77;
}
.selectedServices
{
	color:#6699ce!important;
}

#workLinks li a
{
	color:#6699ce;
}
.selectedWork
{
	color:#f2993b!important;
}

#touchLinks li a
{
	color:#76bb7a;
}
.selectedTouch
{
	color:#d77e77!important;
}

.firstLink,
.secondLink,
.thirdLink,
.fourthLink
{
	position: absolute;
	width: 100px;
}
.firstLink
{
	left: 400px;
}
.secondLink
{
	left: 520px;
}
.thirdLink
{
	left: 640px;
}
.fourthLink
{
	left: 755px;
}
#aboutSection .firstLink a,
#aboutSection .secondLink a,
#aboutSection .thirdLink a,
#aboutSection .fourthLink a
{
	font-size:84%;
	color:#f2993b;
	font-weight:bold;
}
#aboutSection .firstLink a:hover,
#aboutSection .secondLink a:hover,
#aboutSection .thirdLink a:hover,
#aboutSection .fourthLink a:hover
{
	color:#76bb7a;
}
#aboutSection .activeLink
{
	color:#76bb7a!important;
}
#serviceSection .activeLink
{
	color:#6699ce!important;
}
#workSection .activeLink
{
	color:#f2993b!important;
}
#touchSection .activeLink
{
	color:#d77e77!important;
}

#serviceSection .firstLink a,
#serviceSection .secondLink a,
#serviceSection .thirdLink a,
#serviceSection .fourthLink a
{
	font-size:84%;
	color:#d77e77;
	font-weight:bold;
}
#serviceSection .firstLink a:hover,
#serviceSection .secondLink a:hover,
#serviceSection .thirdLink a:hover,
#serviceSection .fourthLink a:hover
{
	color:#6699ce;
}

#workSection .firstLink a,
#workSection .secondLink a,
#workSection .thirdLink a,
#workSection .fourthLink a
{
	font-size:84%;
	color:#6699ce;
	font-weight:bold;
}
#workSection .firstLink a:hover,
#workSection .secondLink a:hover,
#workSection .thirdLink a:hover,
#workSection .fourthLink a:hover
{
	color:#f2993b;
}

#touchSection .firstLink a,
#touchSection .secondLink a,
#touchSection .thirdLink a,
#touchSection .fourthLink a
{
	font-size:84%;
	color:#76bb7a;
	font-weight:bold;
}
#touchSection .firstLink a:hover,
#touchSection .secondLink a:hover,
#touchSection .thirdLink a:hover,
#touchSection .fourthLink a:hover
{
	color:#d77e77;
}

/********************************* MAIN CONTENT STYLES ***********************************/

.contentContainer
{
	width:100%;
	z-index:1;
}
.contentContainer h2
{
	font-size:230%;
}
#homeColour
{
	color:#76bb7a;
}
#aboutSection .contentContainer
{
	color:#f1983a;
}
#aboutSection .contentContainer h2
{
	color:#76bb7a;
}
#serviceSection .contentContainer
{
	color:#d77e77;
}
#serviceSection .contentContainer h2
{
	color:#6699ce;
}
#workSection .contentContainer
{
	color:#6699ce;
}
#workSection .contentContainer h2
{
	color:#f1983a;
}
#touchSection .contentContainer
{
	color:#76bb7a;
}
#touchSection .contentContainer h2
{
	color:#d77e77;
}
#aboutSection .contentContainer .sectionBlurb
{
	font-size:75%;
	width:350px;
}
#aboutSection .subSectionBlurb,
#serviceSection .subSectionBlurb,
#workSection .subSectionBlurb
{
	width:270px;
}
#aboutSection .subSectionBlurb p,
#serviceSection .subSectionBlurb p,
#workSection .subSectionBlurb p
{
	font-size:75%;
	margin:5px 0px 10px 0px;
}
#touchSection .subSectionBlurb
{
	width:300px!important;
}
#touchSection .subSectionBlurb02
{
	width:300px!important;
}
#touchSection .subSectionBlurb02 p
{
	width:300px!important;
	font-size:75%;
	margin:0px 0px 10px 0px;
}
#touchSection .subSectionBlurb p
{
	font-size:75%;
	margin:5px 0px 10px 0px;
}
#serviceSection .contentContainer .sectionBlurb
{
	font-size:75%;
	width:250px;
}
#workSection .contentContainer .sectionBlurb
{
	font-size:75%;
	width:260px;
}
#touchSection .contentContainer .sectionBlurb
{
	font-size:75%;
	width:300px;
}

.floating
{
	position: relative;
	float: left;
}
.floatR
{
	float: right;
}
.floatL
{
	float: left;
}

#aboutSection .contentColumn
{
	width:210px;
	float:left;
	margin:0px 30px 0px 0px
}
#aboutSection .contentColumn p
{
	font-size:75%;
	margin:0px 0px 10px 0px;
}

#aboutSection .contentColumn01
{
	width:100px;
	float:left;
	margin:0px 30px 0px 0px
}
#aboutSection .contentColumn01 p
{
	font-size:75%;
	margin:0px 0px 10px 0px;
}

#serviceSection .contentColumn
{
	width:210px;
	float:left;
	margin:0px 30px 0px 0px
}
#serviceSection .contentColumn p
{
	font-size:75%;
	margin:0px 0px 10px 0px;
}

#aboutSection .colourBoxLarge,
#serviceSection .colourBoxLarge
{
	width:290px;
	float:left;
	padding:13px 0px 0px 0px;
	margin:0px 0px 0px 20px;
}
.noLeftPadding
{
	margin-left:0px!important;
}
#aboutSection .colourBoxLarge
{
	background:url(../images/content-box-about-top.gif) top left no-repeat;
}
#serviceSection .colourBoxLarge
{
	background:url(../images/content-box-service-top.gif) top left no-repeat;
}
#aboutSection .colourBoxLarge .innerColourBox,
#serviceSection .colourBoxLarge .innerColourBox
{
	width:250px;
	overflow:auto;
	padding:0px 20px 10px 20px;
	min-height:200px;
}
#aboutSection .colourBoxLarge .innerColourBox
{
	background:url(../images/content-box-about-bottom.gif) bottom left no-repeat;
}
#serviceSection .colourBoxLarge .innerColourBox
{
	background:url(../images/content-box-service-bottom.gif) bottom left no-repeat;
}
#aboutSection .colourBoxLarge .innerColourBox p,
#serviceSection .colourBoxLarge .innerColourBox p
{
	color:#FFFFFF;
	font-size:75%;
	margin:10px 0px 10px 0px;
}
#aboutSection .colourBoxLarge .innerColourBox h4,
#serviceSection .colourBoxLarge .innerColourBox h4
{
	color:#FFFFFF;
	font-size:125%;
}

/******************************** ABOUT US *********************************************/

#aboutSection .subNavBalloon01,
#aboutSection .subNavBalloon02
{
	position:relative;
	/*left:197px;
	top:27px;*/
	z-index:2;
}
/*#aboutSection .subNavBalloon01 h3 a span,
#aboutSection .subNavBalloon02 h3 a span
{
	font-size:80%;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:3px;
	display:block;
}*/
#aboutSection .subNavBalloon01 a,
#aboutSection .subNavBalloon02 a
{
	font-size:120%;
	color:#FFFFFF;
	display:block;
	padding:30px 25px 30px 20px;
	/*line-height:90%;*/
	background:url(../images/arrow-about.gif) no-repeat;
	background-position: 93% 50%;
}
#aboutSection .subNavBalloon01 .outerBalloon
{
	width:210px;
	position: absolute;
	left:150px;
	top:145px;
}
#aboutSection .subNavBalloon02 .outerBalloon
{
	width:210px;
	position: absolute;
	left:580px;
	top:60px;
}
#aboutSection .subNavBalloon01 .outerBalloon .innerBalloon, 
#aboutSection .subNavBalloon02 .outerBalloon .innerBalloon,
#aboutSection .diagramBalloon .outerBalloon .innerBalloon
{
	background:url(../images/nav-balloon-about-top.gif) top left no-repeat;
}
#aboutSection .outerBalloon
{
	background:url(../images/nav-balloon-about-bottom.gif) bottom left no-repeat;
}

#aboutSection .outerContentContainer02 .contentContainer
{
	width:32%;
	float:left;
}
#aboutSection .outerContentContainer02 .contentContainer p
{
	width:280px;
}
#aboutSection #colourContainer
{
	background: url(../images/faded-about-boxes.gif) top left no-repeat;
}

#aboutSection .colourBoxContainer
{
	width:610px;
	float:right;
	padding-top:15px;
}
#aboutSection .colourBoxContainer .topRow
{
	width:610px;
}
#aboutSection .colourBoxContainer .bottomRow
{
	width:610px;
	clear:both;
}
#aboutSection .colourBoxContainer .colourBoxSmall
{
	width:191px;
	float:left;
	background:url(../images/content-smallbox-about-bottom.gif) bottom left no-repeat;
	padding:0px 0px 0px 0px;
	margin:10px 10px 0px 0px;
}
#aboutSection .colourBoxContainer .colourBoxSmall .innerColourBox
{
	width:191px;
	background:url(../images/content-smallbox-about-top.gif) top left no-repeat;
}
#aboutSection .colourBoxContainer .colourBoxSmall .innerColourBox h3
{
	font-size:100%;
}
#aboutSection .colourBoxContainer .colourBoxSmall .innerColourBox a
{
	width:156px;
	padding:35px 20px 35px 15px;
	color:#FFFFFF;
	display:block;
	cursor:pointer;
	background:url(../images/arrow-about.gif) no-repeat;
	background-position: 95% 50%;
}

#aboutSection .colourBoxContainer #research,
#aboutSection .colourBoxContainer #wireframes,
#aboutSection .colourBoxContainer #design,
#aboutSection .colourBoxContainer #support,
#aboutSection .colourBoxContainer #testing,
#aboutSection .colourBoxContainer #build
{
	display:none;
	margin:0px;
}
#aboutSection .colourBoxContainer #wireframes,
#aboutSection .colourBoxContainer #testing,
#aboutSection .colourBoxContainer #wireframes2,
#aboutSection .colourBoxContainer #testing2
{
	position:relative;
	left:150px;
}
#aboutSection .colourBoxContainer #design,
#aboutSection .colourBoxContainer #build,
#aboutSection .colourBoxContainer #design2,
#aboutSection .colourBoxContainer #build2
{
	position:relative;
	left:304px;
}
#aboutSection .closeButton
{
	float:right;
	margin-top:5px;
	cursor:pointer;
}
#aboutSection .fadedBackground
{
	background:url(../images/faded-about-boxes.gif) left 23px no-repeat;
}
#aboutSection .fadedBackground .colourBoxLarge
{
	margin:0px;
}
#aboutSection .fadedBackground .colourBoxLarge .innerColourBox,
#aboutSection .colourBoxContainer #research .innerColourBox,
#aboutSection .colourBoxContainer #wireframes .innerColourBox,
#aboutSection .colourBoxContainer #design .innerColourBox,
#aboutSection .colourBoxContainer #support .innerColourBox,
#aboutSection .colourBoxContainer #testing .innerColourBox,
#aboutSection .colourBoxContainer #build .innerColourBox
{
	min-height:190px;
}

/******************************** OUR SERVICES *********************************************/

#serviceSection .subNavBalloon01,
#serviceSection .subNavBalloon02,
#serviceSection .subNavBalloon03,
#serviceSection .subNavBalloon04
{
	position:relative;
	z-index:2;
}
/*#serviceSection .subNavBalloon01 h3 a span,
#serviceSection .subNavBalloon02 h3 a span,
#serviceSection .subNavBalloon03 h3 a span,
#serviceSection .subNavBalloon04 h3 a span
{
	font-size:80%;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:3px;
	display:block;
}*/
#serviceSection .subNavBalloon01 a,
#serviceSection .subNavBalloon02 a,
#serviceSection .subNavBalloon03 a,
#serviceSection .subNavBalloon04 a
{
	font-size:115%;
	color:#FFFFFF;
	display:block;
	padding:30px 25px 30px 15px;
	/*line-height:90%;*/
	background:url(../images/arrow-services.gif) no-repeat;
	background-position: 93% 50%;
}
#serviceSection .subNavBalloon01 .outerBalloon
{
	width:200px;
	position: absolute;
	left:105px;
	top:150px;
}
#serviceSection .subNavBalloon02 .outerBalloon
{
	width:200px;
	position: absolute;
	left:275px;
	top:50px;
}
#serviceSection .subNavBalloon03 .outerBalloon
{
	width:200px;
	position: absolute;
	left:550px;
	top:25px;
}
#serviceSection .subNavBalloon04 .outerBalloon
{
	width:200px;
	position: absolute;
	left:680px;
	top:135px;
}
#serviceSection .subNavBalloon01 .outerBalloon .innerBalloon, 
#serviceSection .subNavBalloon02 .outerBalloon .innerBalloon,
#serviceSection .subNavBalloon03 .outerBalloon .innerBalloon, 
#serviceSection .subNavBalloon04 .outerBalloon .innerBalloon
{
	background:url(../images/nav-balloon-services-top.gif) top left no-repeat;
}
#serviceSection .outerBalloon
{
	background:url(../images/nav-balloon-services-bottom.gif) bottom left no-repeat;
}

#serviceSection .colourBoxMedium
{
	width:190px;
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	background:url(../images/content-mediumbox-service-top.gif) top left no-repeat;
}
#serviceSection .colourBoxMedium .innerColourBox
{
	width:150px;
	overflow:auto;
	padding:0px 20px 10px 20px;
	min-height:200px;
	background:url(../images/content-mediumbox-service-bottom.gif) bottom left no-repeat;
}
#serviceSection .colourBoxMedium .innerColourBox p
{
	color:#FFFFFF;
	font-size:75%;
	margin:10px 0px 10px 0px;
}
#serviceSection .colourBoxMedium .innerColourBox h4
{
	color:#FFFFFF;
	font-size:125%;
}

/******************************** OUR WORK *********************************************/

#workSection .subNavBalloon01,
#workSection .subNavBalloon02,
#workSection .subNavBalloon03
{
	position:relative;
	/*left:197px;
	top:27px;*/
	z-index:2;
}
/*#workSection .subNavBalloon01 h3 a span,
#workSection .subNavBalloon02 h3 a span
{
	font-size:80%;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:3px;
	display:block;
}*/
#workSection .subNavBalloon01 a,
#workSection .subNavBalloon02 a,
#workSection .subNavBalloon03 a
{
	font-size:115%;
	color:#FFFFFF;
	display:block;
	padding:30px 25px 30px 15px;
	/*line-height:90%;*/
	background:url(../images/arrow-work.gif) no-repeat;
	background-position: 93% 50%;
}
#workSection .subNavBalloon01 .outerBalloon
{
	width:208px;
	position: absolute;
	left:145px;
	top:155px;
}
#workSection .subNavBalloon02 .outerBalloon
{
	width:208px;
	position: absolute;
	left:280px;
	top:55px;
}
#workSection .subNavBalloon03 .outerBalloon
{
	width:208px;
	position: absolute;
	left:545px;
	top:40px;
}
#workSection .subNavBalloon01 .outerBalloon .innerBalloon, 
#workSection .subNavBalloon02 .outerBalloon .innerBalloon,
#workSection .subNavBalloon03 .outerBalloon .innerBalloon
{
	background:url(../images/nav-balloon-work-top.gif) top left no-repeat;
}
#workSection .outerBalloon
{
	background:url(../images/nav-balloon-work-bottom.gif) bottom left no-repeat;
}

#workSection #colourContainer
{
	background: url(../images/faded-about-boxes-showreel.gif) top left no-repeat;
}

#workSection .colourBoxLarge
{
	width:290px;
	float:left;
	padding:13px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#workSection .colourBoxLarge
{
	background:url(../images/content-box-work-top.gif) top left no-repeat;
}
#workSection .extended /* for extended popup boxes */
{
	background:url(../images/content-smallbox-work-top-large.gif) top left no-repeat;
	padding-top:12px;
	width:593px;
}
#workSection .colourBoxLarge .innerColourBox
{
	width:250px;
	overflow:auto;
	padding:0px 20px 10px 20px;
	min-height:200px;
}
#workSection .colourBoxLarge .innerColourBox
{
	background:url(../images/content-box-work-bottom.gif) bottom left no-repeat;
}
#workSection .extended .innerColourBox /* for extended popup boxes */
{
	background:url(../images/content-smallbox-work-bottom-large.gif) bottom left no-repeat;
	width:553px;
}
#workSection .colourBoxLarge .innerColourBox p
{
	color:#FFFFFF;
	font-size:75%;
	margin:5px 0px 10px 0px;
}
#workSection .extended .innerColourBox .showText /* for extended popup boxes */
{
	float:left;
	width:45%;
	margin:5px 0px 0px 20px;
}
#workSection .extended .innerColourBox .showText a /* for extended popup boxes */
{
	font-weight:bold;
	color:#FFFFFF;
}
#workSection .extended .innerColourBox .showText .arrowBack /* for extended popup boxes */
{
	background:url(../images/arrow-articles.gif) right no-repeat;
	padding-right:20px;
}
#workSection .extended .innerColourBox .showImage /* for extended popup boxes */
{
	float:left;
	margin:5px 0px 0px 0px;
}
#workSection .colourBoxLarge .innerColourBox h4
{
	color:#FFFFFF;
	font-size:125%;
	margin-bottom:5px;
}
#workSection .closeButton
{
	float:right;
	margin-top:0px;
	cursor:pointer;
}
#workSection .colourBoxContainer
{
	width:610px;
	float:right;
	padding-top:15px;
}
#workSection .colourBoxContainer .topRow
{
	width:610px;
}
#workSection .colourBoxContainer .bottomRow
{
	width:610px;
	clear:both;
}
#showreel .colourBoxContainer .colourBoxSmall
{
	width:191px;
	float:left;
	/*background:url(../images/content-smallbox-about-top.gif) top left no-repeat;*/
	padding:0px 0px 0px 0px;
	margin:10px 10px 0px 0px;
}
#showreel .colourBoxContainer .colourBoxSmall .innerColourBox
{
	width:191px;
	/*background:url(../images/content-smallbox-about-bottom.gif) bottom left no-repeat;*/
}
#showreel .colourBoxContainer .colourBoxSmall .innerColourBox h3
{
	font-size:100%;
}
#showreel .colourBoxContainer .colourBoxSmall a
{
	width:190px;
	padding:0px 0px 0px 0px;
	color:#6699ce;
	font-size:68%;
	display:block;
	cursor:pointer;
	/*background:url(../images/arrow-showreel.gif) no-repeat;
	background-position: 95% 50%;*/
}

#articles .colourBoxContainer .colourBoxSmall
{
	width:191px;
	float:left;
	background:url(../images/content-smallbox-work-bottom.gif) bottom left no-repeat;
	padding:0px 0px 0px 0px;
	margin:10px 10px 0px 0px;
}
#articles .colourBoxContainer .colourBoxSmall .innerColourBox
{
	width:191px;
	background:url(../images/content-smallbox-work-top.gif) top left no-repeat;
}
#articles .colourBoxContainer .colourBoxSmall .innerColourBox h3
{
	font-size:100%;
}
#articles .colourBoxContainer .colourBoxSmall .innerColourBox a
{
	width:156px;
	padding:16px 20px 15px 16px;
	min-height:57px;
	color:#FFFFFF;
	display:block;
	cursor:pointer;
	background:url(../images/arrow-articles.gif) no-repeat;
	background-position: 95% 50%;
	text-align:center;
}
#articles .colourBoxContainer .colourBoxSmall .innerColourBox a span
{
	font-size:75%;
	font-weight:normal;
}
.comingSoon
{
	background:url(../images/content-smallbox-work-bottom2.gif) bottom left no-repeat!important;
}
.comingSoon .innerColourBox
{
	background:url(../images/content-smallbox-work-top2.gif) top left no-repeat!important;
}
.comingSoon h3
{
	width:156px;
	padding:35px 20px 35px 15px;
	color:#FFFFFF;
	display:block;
	background:url(../images/arrow-articles2.gif) no-repeat;
	background-position: 95% 50%;
}

#workSection .colourBoxContainer #research,
#workSection .colourBoxContainer #wireframes,
#workSection .colourBoxContainer #design,
#workSection .colourBoxContainer #support,
#workSection .colourBoxContainer #testing,
#workSection .colourBoxContainer #build
{
	display:none;
	margin:0px;
}
#workSection .colourBoxContainer #wireframes,
#workSection .colourBoxContainer #testing,
#workSection .colourBoxContainer #wireframes2,
#workSection .colourBoxContainer #testing2
{
	position:relative;
	left:150px;
}
#workSection .colourBoxContainer #build,
#workSection .colourBoxContainer #build2
{
	position:relative;
	left:304px;
}
#workSection .fadedBackground
{
	background:url(../images/faded-about-boxes.gif) left 23px no-repeat;
}
#workSection .fadedBackground .colourBoxLarge
{
	margin:0px;
}
#workSection .fadedBackground .colourBoxLarge .innerColourBox,
#workSection .colourBoxContainer #research .innerColourBox,
#workSection .colourBoxContainer #wireframes .innerColourBox,
#workSection .colourBoxContainer #design .innerColourBox,
#workSection .colourBoxContainer #support .innerColourBox,
#workSection .colourBoxContainer #testing .innerColourBox,
#workSection .colourBoxContainer #build .innerColourBox
{
	min-height:190px;
}

#articleStyle
{
	color:#807F7F;
	width:700px!important;
}
#articleStyle .headerContainer,
#articleStyle .lowerNavContainer
{
	width:90%!important;
	margin:0px auto 0px auto;
	padding-bottom:3px;
	border-bottom:none!important;
	overflow:auto;
}
#articleStyle .headerContainer
{
	background:url(../images/articles-header-nav.gif) bottom right no-repeat;
}
#articleStyle .lowerNavContainer
{
	background:url(../images/articles-header-nav.gif) top right no-repeat;
}
#articleStyle .headerContainer .navButtons
{
	float:right;
	padding-top:38px;
}
#articleStyle .navButtons02
{
	float:right;
	padding-top:2px;
}
#articleStyle .headerContainer ul li,
#articleStyle .navButtons02 ul li
{
	float:left;
	margin:0px 20px 0px 0px;
	list-style:none;
}
#articleStyle .headerContainer ul li a,
#articleStyle .navButtons02 ul li a
{
	background:url(../images/articles-header-nav-button.gif) bottom no-repeat;
	display:block;
	width:50px;
	height:70px;
	float:none;
	text-align:center;
	font-size:80%;
	color:#6ac086;
	font-weight:bold;
}
#articleStyle .navButtons02 ul li a
{
	background:url(../images/articles-header-nav-button.gif) top no-repeat;
	padding-top:55px;
	height:20px;
}
#articleStyle #articleClose,
#articleStyle #articlePrint,
#articleStyle #articleClose02,
#articleStyle #articlePrint02
{
	display:none;
}
#articleStyle .outerContentContainer
{
	width:95%!important;
	padding:20px 0px 0px 10px!important;
	border:none;
}
#articleStyle .contentContainer
{
	width:90%!important;
	margin:0px auto 0px auto;
}
#articleStyle p
{
	font-size:72%;
	margin-top:5px;
	margin-bottom:20px;
}
#articleStyle .footerLinks
{
	width:100%;
	padding:0px 0px 20px 25px;
}
#articleStyle .footerLinks ul
{
	padding-top:10px;
}
#articleStyle .footerLinks li
{
	float:left;
	font-size:68%;
	color:#807F7F;
	list-style:none;
	padding:0px 5px 0px 5px;
	margin-bottom:10px;
	border-right:1px solid #e6e6e6;
	font-weight:bold;
}
#articleStyle .footerLinks li a
{
	color:#807F7F;
}
#articleStyle .footerLinks .lastLink
{
	border-right:none;
}
#articleStyle .finalQuote
{
	font-size:90%;
}
#articleStyle .finalQuote span
{
	font-weight:bold;
}

#workSection .outerContentContainer04 h2
{
	margin-bottom:10px;
}
#workSection .outerContentContainer04 .backButton
{
	color:#6699ce;
	font-weight:bold;
	font-size:130%;
}
#workSection .workList
{
	float:left;
	margin:0px 20px 0px 0px;
}
#workSection .workList li
{
	font-size:75%;
}
#workSection .workList ul li
{
	list-style-type:none;
	font-weight:bold;
	margin-top:5px;
}
#workSection .workList ul ul li
{
	font-weight:normal!important;
	margin-top:0px!important;
}
#workSection .workList ul ul li a
{
	color:#6699ce;
}
#workSection .workContainer
{
	width:900px;
	margin:10px 0px 0px 0px;
	text-align:center;
}

/******************************** GET IN TOUCH *********************************************/

#touchSection .subNavBalloon01,
#touchSection .subNavBalloon02
{
	position:relative;
	/*left:197px;
	top:27px;*/
	z-index:2;
}
/*#touchSection .subNavBalloon01 h3 a span,
#touchSection .subNavBalloon02 h3 a span
{
	font-size:80%;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:3px;
	display:block;
}*/
#touchSection .subNavBalloon01 a,
#touchSection .subNavBalloon02 a
{
	font-size:115%;
	color:#FFFFFF;
	display:block;
	padding:30px 25px 30px 15px;
	/*line-height:90%;*/
	background:url(../images/arrow-touch.gif) no-repeat;
	background-position: 93% 50%;
}
#touchSection .subNavBalloon01 .outerBalloon
{
	width:208px;
	position: absolute;
	left:150px;
	top:145px;
}
#touchSection .subNavBalloon02 .outerBalloon
{
	width:208px;
	position: absolute;
	left:575px;
	top:66px;
}
#touchSection .subNavBalloon01 .outerBalloon .innerBalloon, 
#touchSection .subNavBalloon02 .outerBalloon .innerBalloon
{
	background:url(../images/nav-balloon-touch-top.gif) top left no-repeat;
}
#touchSection .outerBalloon
{
	background:url(../images/nav-balloon-touch-bottom.gif) bottom left no-repeat;
}

#touchSection .outerContentContainer01 .contentContainer
{
	width:45%;
	float:left;
}
#touchSection .contactFormContainer
{
	width:52%;
	float:right;
	font-size:75%;
	color:#76bb7a;
	margin-top:20px;
}
#touchSection .contactFormContainer .halfContainer
{
	width:48%;
	float:left;
	padding:0px 0px 5px 0px;
}
#touchSection .contactFormContainer .halfContainer01
{
	width:48%;
	float:right;
	padding:0px 0px 5px 0px;
}
#touchSection .contactFormContainer .halfContainer input,
#touchSection .contactFormContainer .halfContainer01 input
{
	width:129px;
	float:right;
	margin:0px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
#touchSection .contactFormContainer .halfContainer label,
#touchSection .contactFormContainer .halfContainer01 label,
#touchSection .contactFormContainer .contentContainer label
{
	float:left;
	padding:2px 0px 6px 0px;
}
#touchSection .contactFormContainer .halfContainer span,
#touchSection .contactFormContainer .halfContainer01 span
{
	clear:both;
}
#touchSection .contactFormContainer .contentContainer
{
	clear:both;
	width:91%;
	color:#76bb7a;
}
#touchSection .contactFormContainer .contentContainer textarea
{
	width:353px;
	height:100px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
}
#touchSection .contactFormContainer .contentContainer #subjectField
{
	width:353px;
	float:right;
	margin:0px 0px 6px 0px;
}
#touchSection .contactFormContainer .contentContainer #sendButton
{
	float:right;
	margin:5px 0px 0px 0px;
}

#touchSection .outerContentContainer02 .contentContainer
{
	width:40%;
	float:left;
}
#touchSection .outerContentContainer02 .contentContainer p
{
	width:400px;
}

#touchSection .mapContainer
{
	width:580px;
	height:230px;
	position:relative;
	float:right;
	background:url(../images/map-small.gif) no-repeat;
}
#touchSection .mapContainer a
{
	font-size:65%;
	color:#368095;
	padding:4px 0px 4px 20px;
	background:url(../images/icon-enlarge.gif) left no-repeat;
	position:absolute;
	bottom:5px;
	right:5px;
}
#touchSection .mapContainer img
{
	display:none;
}

.mapContainerLarge
{
	width:1002px;
	height:551px;
	margin:0px auto 0px auto;
	position:relative;
	background:url(../images/map-large.gif) no-repeat;
}
.mapContainerLarge #closeButton
{
	font-size:65%;
	color:#d77e77;
	padding:6px 0px 6px 25px;
	background:url(../images/icon-close.gif) left no-repeat;
	position:absolute;
	bottom:15px;
	right:20px;
	display:none;
}
#emailError
{
  color: #d77e77; 
  float:left;
  padding-left:130px;
  padding-top:7px;
   

}
#emailError p
{
  color: #D77E77;    
    
}
#messageField
{
    float:right;
}