/* Def1nitive Core stylesheet - strip standard styles */

/* Based on the YUI Reset CSS sheet */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
   font-size:100.01%;
}
p { 
	margin:0 0 0 0;
	padding:0;
	font-size:100.01%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var { /* Removed strong from here */
	font-style:normal;
	font-weight:normal;
}
ol,ul {
}
caption,th {
	text-align:left;
}
li {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End */



body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background:#cdcdcd;
	color:#fff;
	font-size:14px;
}
.main {
	background:url(images/body-bg.gif) repeat-y #eaeaea;
	width: 888px;
	margin: 0px auto 0px auto;
	padding-left:30px;
	padding-right:30px;
	overflow:auto;
}







.header {
	background:#9c087d;
	border-bottom:8px solid #780860;
	float:left;
	width:888px;
	margin-bottom:10px;
}
.header img {
	display:inline;
	float:left;
	margin-bottom:12px;
	margin-left:35px;
	margin-top:17px;
}		
.header-tel-number {
	color:#FFFFFF;
	display:inline;
	float:right;
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
	margin-right:18px;
	margin-top:26px;
}

.nav-container {
	float:right;
	margin-top:8px;
	padding-left:0px;
	width:674px;
	font-size:13px;
}
.nav-container ul {
	float:left;
}
.nav-container li {
	float:left;
	margin-right:2px;
	display:inline;
}
.nav-container li a {
	background:url(images/nav-bg.gif) no-repeat;
	width:93px;
	height:28px;
	color:#6d0658;
	font-weight:bold;
	float:left;
	text-transform:lowercase;
	text-decoration:none;
	text-align:center;
	padding-top:21px;
}
.nav-container li a:hover {
	background:url(images/nav-bg.gif) no-repeat -93px;
	color:#fff;
}


#homepage-page .nav-container a.homepage, #about-us-page .nav-container a.about-us, #services-page .nav-container a.services, #portfolio-page .nav-container a.portfolio, #news-page .nav-container a.news, #team-page .nav-container a.team, #contact-us-page .nav-container a.contact-us {background:url(images/nav-bg.gif) no-repeat -93px; color:#fff;}




.homepage-subnav-container {
	width:676px;
	float:left;
	margin-left:10px;
	display:inline;
	margin-bottom:15px;
}
.homepage-subnav-container img {
	float:left;
}
.homepage-subnav-container ul {
	float:elft;
}
.homepage-subnav-container li {
	float:left;
}
.homepage-subnav-container li a {
	height:61px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#222;
	text-align:center;
	text-decoration:none;
}
.homepage-subnav-container li a:hover {
	color:#9c087d;
}
.homepage-subnav-container li a span {
	display:none;
}

.homepage-subnav-container a#web-design {background:url(images/home-subnav-design.gif); width:136px; height:44px; padding-top:17px;}
.homepage-subnav-container a#web-development {background:url(images/home-subnav-development.gif); width:135px; height:42px; padding-top:19px;}
.homepage-subnav-container a#web-packages {background:url(images/home-subnav-packages.gif); width:134px;}
.homepage-subnav-container a#maintenance-support {background:url(images/home-subnav-support.gif); width:135px;}
.homepage-subnav-container a#marketing-online {background:url(images/home-subnav-online.gif); width:136px; height:44px; padding-top:17px;}

.homepage-subnav-container a:hover#web-design {background:url(images/home-subnav-design.gif) -136px;}
.homepage-subnav-container a:hover#web-development {background:url(images/home-subnav-development.gif) -135px;}
.homepage-subnav-container a:hover#web-packages {background:url(images/home-subnav-packages.gif) -134px; width:134px;}
.homepage-subnav-container a:hover#maintenance-support {background:url(images/home-subnav-support.gif) -135px; width:135px;}
.homepage-subnav-container a:hover#marketing-online {background:url(images/home-subnav-online.gif) -136px;}


.homepage-right {
	float:left;
	margin-left:10px;
	display:inline;
	margin-bottom:15px;
}
.homepage-right img {
	float:left;
}








.about-us-subnav-container {
	background:#dfdfdf;
	float:left;
	margin-top:8px;
	padding-left:25px;
	width:863px;
	border-bottom:8px solid #780860;
}
.about-us-subnav-container ul {
	float:left;
}
.about-us-subnav-container li {
	float:left;
	display:inline;
}
.about-us-subnav-container li a {
	color:#000;
	float:left;
	padding-top:7px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:10px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
.about-us-subnav-container li a:hover {
	background:#780860;
	color:#fff;
}










#about-us-page .header, #services-page .header {margin-bottom:0;}

#about-us .about-us-subnav-container a#about-us, #our-group .about-us-subnav-container a#our-group, #green-and-giving .about-us-subnav-container a#green-and-giving, #meet-the-team .about-us-subnav-container a#meet-the-team, #testimonials .about-us-subnav-container a#testimonials, #customer-charter .about-us-subnav-container a#customer-charter  {background:#780860; color:#fff;}

#web-design .about-us-subnav-container a#web-design, #web-development .about-us-subnav-container a#web-development, #online-marketing .about-us-subnav-container a#online-marketing {background:#780860; color:#fff;}






.about-us-subnav-container-2 {
	background:#780860;
	float:left;
	margin-top:0px;
	padding-left:25px;
	width:863px;
	padding-bottom:6px;
	border-bottom:8px solid #690754;
	margin-bottom:20px;
}
.about-us-subnav-container-2 ul {
	float:left;
}
.about-us-subnav-container-2 li {
	float:left;
	display:inline;
}
.about-us-subnav-container-2 li a {
	color:#F2BFE7;
	float:left;
	padding-top:7px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:10px;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	border:1px solid #780860;
}
.about-us-subnav-container-2 li a:hover {
	background:#810567;
	color:#fff;
	border:1px solid #660752;
}




.how-we-work .about-us-subnav-container-2 a#how-we-work, .creative-design .about-us-subnav-container-2 a#creative-design, .brand-identity .about-us-subnav-container-2 a#brand-identity {background:#810567; color:#fff; border:1px solid #660752;}

#web-design .about-us-subnav-container a#web-design, #web-development .about-us-subnav-container a#web-development, #online-marketing .about-us-subnav-container a#online-marketing {background:#780860; color:#fff;}








.our-group-logos-container {
	background:url(images/our-group-logos-bg.gif) no-repeat #901877;
	width:849px;
	float:left;
	display:inline;
	padding-left:39px;
	padding-bottom:30px;
}
.our-group-logos-container div {
	width:212px;
	float:left;
	margin-right:86px;
	display:inline;
}
#our-group-logos-link {
	width:212px;
	height:69px;
	float:left;
	display:block;
	margin-top:39px;
	margin-bottom:6px;
}
.our-group-logos-container p {
	font-size:14px;
	line-height:22px;
	color:#fff;
	float:left;
}
.our-group-logos-container a {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.our-group-logos-container a:hover {
	text-decoration:underline;
}

#our-group-logos-urls {
	background:#74075d;
	width:847px;
	float:left;
	margin-bottom:19px;
	font-weight:bold;
	padding-top:9px;
	padding-left:41px;
	padding-bottom:10px;
}
#our-group-logos-urls a {
	float:left;
	color:#fff;
	text-decoration:none;
}
#our-group-logos-urls a:hover {
	text-decoration:underline;
}



.columns-container {
	float:left;
	margin-left:40px;
	display:inline;
	margin-bottom:15px;
}
.columns-container h4 {
	font-size:14px;
	font-weight:bold;
	color:#74075d;
	line-height:23px;
	margin-bottom:12px;
}
.columns-container p {
	color:#ccc;
	float:left;
	font-size:14px;
	line-height:22px;
}
.columns-container ul {
	float:left;
	display:inline;
}
.columns-container li {
	background:url(images/bullet-blue-on-black.gif) no-repeat;
	width:155px;
	list-style: none;
	padding-left:27px;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:22px;
}
.columns-container li a {
	height:26px;
	list-style: none;
	float:left;
	margin-right:25px;
	display:inline;
	color:#ccc;
}


.columns-two {
	width:370px;
	float:left;
	margin-right:50px;
}
.columns-one {
	width:780px;
	float:left;
}












.intro-container {
	background:#810567;
	width:888px;
	float:left;
	margin-bottom:30px;
	border-bottom:8px solid #810567;
}
.intro-left {
	width:444px;
	float:left;
}
.intro-left img {
	float:left;
}
.intro-left p {
	font-size:14px;
	line-height:22px;
	color:#fff;
	padding-top:14px;
	padding-left:40px;
	padding-right:41px;
	float:left;
}
.intro-left p a {
	font-weight:bold;
	color:#fff;
}
.intro-left ul {
	float:left;
	clear:left;
	padding-top:10px;
	margin-left:33px;
	display:inline;
}
.intro-left li {
	width:341px;
	background:url(images/bullet-white-on-blue.gif) no-repeat;
	list-style: none;
	padding-left:27px;
	font-size: 14px;
	line-height:22px;
	color: #BBD1E8;
	float:left;
	padding-bottom:3px;
}
.intro-left strong {
	color:#fff;
}
.intro-right {
	float:right;
	width:444px;
}
.intro-right img {
	float:right;
}


#intro-container-invert .intro-left {float:right;}
#intro-container-invert .intro-right {float:left;}




.intro-container-portfolio {
	background:#810567;
	width:888px;
	float:left;
	margin-bottom:20px;
	border-bottom:10px solid #540543;
}




.how-we-work-container {
	background:url(images/footer-how-we-work.gif) bottom no-repeat #9c087d;
	width:888px;
	float:left;
	padding-bottom:8px;
	margin-bottom:10px;
}
.how-we-work-container img {
	float:left;
}
.how-we-work-container div {
	width:512px;
	float:left;
}
.how-we-work-container div h2 {
	display:none;
}
.how-we-work-container div h3 {
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	padding-top:48px;
	padding-left:40px;
	margin-bottom:10px;
}
.how-we-work-container div p {
	color:#f2bfe7;
	line-height:22px;
	padding-left:40px;
}
.how-we-work-container span {
	background:url(images/bg-how-we-work.gif) no-repeat;
	width:188px;
	height:188px;
	float:left;
}

.how-we-work-container #planning {background:url(images/title-how-we-work-01.gif) top left no-repeat;}
.how-we-work-container #graphics {background:url(images/title-how-we-work-02.gif) top left no-repeat;}
.how-we-work-container #development {background:url(images/title-how-we-work-03.gif) top left no-repeat;}
.how-we-work-container #testing {background:url(images/title-how-we-work-04.gif) top left no-repeat;}
.how-we-work-container #promote {background:url(images/title-how-we-work-05.gif) top left no-repeat;}


















.news-container {
	background:#810567;
	width:888px;
	float:left;
	border-bottom:20px solid #e3e3e3;
}
.news-left {
	width:444px;
	float:left;
}
.news-left img {
	float:left;
}
.news-left h2 {
	width:366px;
	background:#9c087d;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
	padding-left:37px;
	padding-right:41px;
	float:left;
}
.news-left h2 a {
	color:#fff;
	text-decoration:none;
}
.news-left h2 a:hover {
	color:#810567;
}
.news-left h2 span {
	float:left;
	font-size:18px;
	line-height:24px;
	padding-top:7px;
}
.news-left h3 a span {
	font-size:11px;
	color:#F2BFE7;
}
.news-left h3 a:hover span {
	color:#810567;
	text-decoration:underline;
}
.news-left h3 {
	width:366px;
	background:#9c087d;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding-top:5px;
	padding-left:37px;
	padding-right:41px;
	padding-bottom:19px;
	margin-bottom:15px;
	float:left;
	line-height:23px;
}
.news-left h3 a {
	color:#fff;
	text-decoration:none;
}
.news-left h3 a:hover {
	color:#810567;
}
.news-left p {
	font-size:14px;
	line-height:24px;
	color:#F2BFE7;
	padding-left:37px;
	padding-right:41px;
	padding-bottom:15px;
	float:left;
}
.news-left p a {
	color:#F2BFE7;
	text-decoration:none;
	display:block;
}
.news-left p a:hover {
	color:#fff;
}
.news-left ul {
	float:left;
	clear:left;
	margin-left:52px;
	display:inline;
}
.news-left li {
	width:341px;
	background:url(images/bullet-white-on-blue.gif) no-repeat;
	list-style: none;
	padding-left:27px;
	font-size: 14px;
	line-height:22px;
	color: #bbd1e8;
	float:left;
}
.news-left strong {
	color:#fff;
}
.news-right {
	background:#35689C;
	float:right;
	width:444px;
}
.news-right img {
	float:right;
}




#team-page .header {margin-bottom:0;}







.contact-top-container {
	float:left;
	margin-bottom:20px;
}
.contact-top-container-map {
	border:1px solid #000000;
	display:inline;
	float:left;
	height:223px;
	margin-left:30px;
	width:407px;
}
.contact-top-container img {
	float:left;
	margin-right:20px;
	display:inline;
}
.contact-top-container-left {
	background:#9c087d;
	width:409px;
	height:225px;
	float:left;
	margin-left:20px;
	display:inline;
}
.contact-top-container h3 {
	background:#810567;
	width:391px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding-top:5px;
	padding-left:18px;
	padding-bottom:7px;
}
.contact-top-container .information {
	float:left;
	padding-left:20px;
	padding-top:16px;
	width:389px;
}
.contact-top-container p {
	width:180px;
	float:left;
	font-weight:bold;
	font-size:13px;
	color:#F2BFE7;
	line-height:19px;
	margin-bottom:20px;
}
.contact-top-container strong {
	font-size:15px;
	color:#fff;
}
.contact-top-container a {
	color:#F2BFE7;
}








.portfolio-small-container {
	background:#810567;
	width:888px;
	float:left;
	padding-top:29px;
	padding-bottom:29px;
}
.portfolio-small-container a {
	width:249px;
	float:left;
	text-align:center;
	cursor:pointer;
	margin-left:35px;
	display:inline;
	margin-bottom:18px;
	text-decoration:none;
}
.portfolio-small-container img {
	float:left;
	margin-bottom:8px;
}
.portfolio-small-container span {
	width:249px;
	float:left;
	font-size:12px;
	font-weight:normal;
	color:#F2BFE7;
	text-decoration:underline;
}





.footer {
	background:#111;
	width:888px;
	height:53px;
	float:left;
}
			
.subnav-container {
	float:left;
	margin-top:15px;
	margin-left:52px;
	display:inline;
	font-size:12px;
}
.subnav-container ul {
	float:left;
}
.subnav-container li {
	list-style: none;
	padding-right: 17px;
	float: left;	
}
.subnav-container li a {
	color:#bcbcbc;
	text-decoration:underline;
}
.subnav-container li a:hover {
	color:#fff;
	text-decoration:none;
}
				
.f1-group-bottom {
	float:right;
}
.f1-group-bottom img {
	float:left;
}






/*

.footer {
	background:#222;
	width:888px;
	float:left;
	padding-top:11px;
	padding-bottom:15px;
	text-align:center;
}
.footer a {
	color:#fff;
	font-size:12px;
	text-transform:lowercase;
	text-decoration:none;
	margin-right:13px;
}
.footer a:hover {
	text-decoration:underline;
}
*/



.sectors-container {
	background:#810567;
	width:888px;
	float:left;
	border-bottom:20px solid #e3e3e3;
}
.sectors-left {
	width:444px;
	float:left;
}
.sectors-left img {
	float:left;
}
.sectors-left h2 {
	width:366px;
	background:#9c087d;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
	padding-left:37px;
	padding-right:41px;
	float:left;
}
.sectors-left h3 {
	width:366px;
	background:#9c087d;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding-top:5px;
	padding-left:37px;
	padding-right:41px;
	padding-bottom:19px;
	margin-bottom:15px;
	float:left;
	line-height:23px;
}
.sectors-left p {
	font-size:14px;
	line-height:24px;
	color:#F2BFE7;
	padding-left:37px;
	padding-right:41px;
	padding-bottom:15px;
	float:left;
}
.sectors-left p a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.sectors-left p a:hover {
	text-decoration:underline;
}
.sectors-left ul {
	float:left;
	clear:left;
	margin-left:52px;
	display:inline;
}
.sectors-left li {
	width:341px;
	background:url(images/bullet-white-on-blue.gif) no-repeat;
	list-style: none;
	padding-left:27px;
	font-size: 14px;
	line-height:22px;
	color: #bbd1e8;
	float:left;
}
.sectors-left strong {
	color:#fff;
}
.sectors-right {
	background:#35689C;
	float:right;
	width:444px;
}
.sectors-right img {
	float:right;
}