/* CSS Document */

body {
	background:url(../images/bkgd.gif) repeat-x top left #d9d9d9;
	padding:0;
	margin:0;
	font-family:"trebuchet MS";
	font-size:10px;
	}
	
#wrapper {
	width:950px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
	
#links {
	width:950px;
	height:23px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	text-align:right;
	}
	
#links_splash {
	width:950px;
	height:23px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	text-align:right;
	}
	
#banner_header {
	width:950px;
	height:101px;
	padding:0;
	margin:0;
	background:url(../images/banner_head.gif) no-repeat;
	text-align:right;
	}
	
#nav_bar {
	width:563px;
	height:31px;
	padding:0 0 0 0;
	margin:60px 0 0 0;
	background:url(../images/top_links_bkgd.gif) no-repeat;
	font-size:12px;
	float:right;
	}
	
#flash {
	width:950px;
	height:352px;
	padding:0;
	margin:0;
	background:url(../images/flash_size.jpg) no-repeat;
	}
	
#flash_portfolio {
	width:950px;
	height:620px;
	padding:0;
	margin:0;
	/*background:url(../images/flash_size.jpg) no-repeat;*/
	}
	
#lower_nav {
	width:952px;
	height:auto;
	margin:0;
	padding:0;
	}
	
#about_header {
	background:url(../images/ABOUT_title.gif) no-repeat;
	width:302px;
	height:39px;
	margin:0;
	padding:0;
	}
	
/*-------------------------LOWER NAV------------------------*/
	
#nav_tiles {
	width:302px;
	height:auto;
	padding:0;
	margin:0;
	background:#FFFFFF;
	}

.nav_tiles {
	width:302px;
	height:auto;
	padding:0;
	margin:0;
	background:#FFFFFF;
	}
	
.nav_hello_header {
	width:302px;
	margin:0;
	height:39px;
	padding:0;
	background:url(../images/hello_heading.gif) no-repeat;
	}
	
.nav_services_header {
	width:302px;
	margin:0;
	height:39px;
	padding:0;
	background:url(../images/SERVICES_heading.gif) no-repeat;
	}
	
.nav_casestudy_header {
	width:302px;
	margin:0;
	height:39px;
	padding:0;
	background:url(../images/CASESTUDY_heading.gif) no-repeat;
	}
	
.nav_news_header {
	width:302px;
	margin:0;
	height:39px;
	padding:0;
	background:url(../images/NEWS_heading.gif) no-repeat;
	}
	
.nav_tiles_body {
	width:302px;
	margin:0;
	height:300px;
	padding:0;
	color:#000;
	font-size:11px;
	}
	
.nav_tiles_bottom {
	width:302px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/index_tiles_bottom.gif) no-repeat;
	}
	
.nav_tiles_body ul {
	padding:0;
	margin:0;
	list-style:none;
	}
	
.nav_tiles_body li {
	padding:2px 0 0 0;
	margin:0;
	list-style:none;
	}
	
.nav_tiles_body li a {
	padding:0;
	margin:0;
	list-style:none;
	color:#000000;
	text-decoration:none;
	}
	
.nav_tiles_body li a:hover {
	padding:0;
	margin:0;
	list-style:none;
	color:#fff;
	text-decoration:none;
	}
	
/*------------------------CASE STUDIES------------------------*/

#casestudy {
	width:653px;
	height:auto;
	padding:0;
	margin:0;
	background:#fff;
	background:#FFFFFF;
	}
	
#casestudy_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/heading_casestudy.gif) no-repeat;
	}

#casestudy_content {
	width:612px;
	height:auto;
	padding:0;
	margin:18px 0 0 18px;
	background:#ffffff;
	}
	
#casestudy_content h1 {
	font-size:12px;
	font-weight:bold;
	color:#0096cb;
	margin:0;
	padding:0;
	}
	
#casestudy_content p {
	font-size:12px;
	color:#000000;
	margin:6px 0 12px 0;
	}
	
#casestudy_content_title {
	width:612px;
	height:auto;
	padding:0;
	margin:0;
	}
	
#casestudy_band{
	width:653px;
	background:url(../images/left_side_band.gif) no-repeat #FFFFFF;
	height:6px;
	padding:0;
	margin:0;
	}
	
#casestudy_band_btm {
	width:653px;
	height:6px;
	padding:0;
	margin:0;
	background:url(../images/left_side_band_btm.gif) no-repeat;
	}
	
#casestudy_title h1 {
	font-size:20px;
	color:#0096cb;
	font-weight:normal;
	height:32px;
	margin:0 0 0 18px;
	background:#FFFFFF;
	}
	
#visit_site {
	width:auto;
	height:auto;
	float:left;
	}
	
.seperator {
	width:612px;
	height:5px;
	padding:0;
	margin:0 0 0 18px;
	background:url(../images/casestudy_separator.gif) no-repeat;
	}
	
#seperator {
	width:612px;
	height:5px;
	padding:0;
	margin:0 0 0 18px;
	background:url(../images/casestudy_separator.gif) no-repeat;
	}

#separator_links {
	width:930px;
	height:5px;
	padding:0;
	margin:10px 0 10px 0;
	background:url(../images/separator_links.gif) no-repeat;
	}
	
td.content_table_heads {
	font-size:12px;
	font-weight:normal;
	color:#0096cb;
	text-align:right;
	vertical-align:top;
	}
	
td.content_table_desc {
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	vertical-align:top;
	}
	
#right_menu {
	width:267px;
	height:auto;
	padding:0;
	margin:39px 0 0 0;
	float:right;
	background:#e5e6e6;
	}
	
#right_menu_band {
	width:267px;
	height:9px;
	background:url(../images/right_menu_band.gif) no-repeat;
	padding:0;
	margin:0;
	}
	
#right_menu_band_btm {
	width:267px;
	height:7px;
	background:url(../images/right_menu_band_btm.gif) no-repeat #e5e6e6;
	padding:0;
	margin:0;
	}
	
#right_menu ul {
	width:200px;
	margin:10px 0 0 10px;
	padding:0;
	}
	
#right_menu li {
	list-style:none;
	padding:0;
	margin:2px 0 0 20px;
	width:200px;
	}
	
#right_menu li a {
	display:block;
	background:url(../images/right_menu_bullet.gif) no-repeat;
	padding:2px 0 0 28px;
	margin:2px 0 0 0;
	width:200px;
	height:20px;
	}
	
#right_menu li a:hover {
	display:block;
	background:url(../images/right_menu_bullet.gif) no-repeat;
	padding:2px 0 0 28px;
	margin:2px 0 0 0;
	width:200px;
	height:20px;
	color:#0096cb;
	}
	
#right_menu a {
	text-decoration:none;
	color:#000000;
	vertical-align:top;
	}	
/*------------------------LINK LIST-------------------------*/

#links ul {
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	height: 18px;
	vertical-align:top;
	color:#FFF;
	font-size:11px;
	}
	
#links li {
	display:inline;
	vertical-align:bottom;
	padding:0 0 0 10px;
	}
	
#links li a {
	padding: 8px 0 0 0;
	vertical-align:top;
	text-decoration:none;
	color:#FFF;
	}
	
#links li a:hover {
	padding: 8px 0 0 0;
	color:#003366;
	text-decoration:none;
	}

/*------------------------SPLASH LINKS--------------------*/


#links_splash ul {
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	height: 18px;
	vertical-align:top;
	color:#FFF;
	font-size:11px;
	}
	
#links_splash li {
	display:inline;
	vertical-align:bottom;
	padding:0 0 0 10px;
	}
	
#links_splash li a {
	padding: 8px 0 0 0;
	vertical-align:top;
	text-decoration:none;
	color:#FFF;
	}
	
#links_splash li a:hover {
	padding: 8px 0 0 0;
	color:#003366;
	text-decoration:none;
	}
	
/*------------------------NAV LIST----------------------------*/

#nav_bar ul {
	padding: 3px 0 0 4px;
	margin: 0 40px 0 0;
	height: 24px;
	vertical-align:top;
	color:#FFF;
	font-size:12px;
	}
	
#nav_bar li {
	vertical-align:top;
	list-style:none;
	display:inline;
	
	}
	
#nav_bar li a {
	padding: 4px 0 0 0;
	margin:0 0 0 30px;
	color:#FFF;
	display:block;
	width:auto;
	height:22px;
	float:left;
	text-decoration:none;
	
	}
	
#nav_bar li a:hover {
	padding:4px 0 0 0;
	margin:0 0 0 30px;
	color:#FFF;
	display:block;
	width:auto;
	height:22px;
	float:left;
	background:url(../images/nav_ro.gif) repeat-x;
	text-decoration:none;
	}

#nav_bar li a.active {
	padding:4px 0 0 0;
	margin:0 0 0 30px;
	color:#FFF;
	display:block;
	width:auto;
	height:24px;
	float:left;
	background:url(../images/nav_ro.gif) repeat-x;
	text-decoration:none;
	}

/*----------------------------HEADINGS--------------------*/

#domains_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/DOMAINS_heading.gif) no-repeat;
	}
	
#e_marketing_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/E_MARKETING_heading.gif) no-repeat;
	}
	
#e_commerce_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/E_COMMERCE_heading.gif) no-repeat;
	}
	
#e_advertising_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/E_ADVERTISING_heading.gif) no-repeat;
	}
	
#webdesign_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/WEBDESIGN_heading.gif) no-repeat;
	}
	
#bespoke_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/BESPOKE_heading.gif) no-repeat;
	}

#multimedia_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/MULTIMEDIA_heading.gif) no-repeat;
	}
	
#seo_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/SEO_heading.gif) no-repeat;
	}
	
#ppc_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/PPC_heading.gif) no-repeat;
	}
	
#hosting_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/HOSTING_heading.gif) no-repeat;
	}
	
#contact_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/CONTACT_heading.gif) no-repeat;
	}
	
#services_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/SERVICES_heading.gif) no-repeat;
	}
	
#academy_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/WEBSITE_ACADEMY_heading.gif) no-repeat;
	}
	
#news_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/header_news.gif) no-repeat;
	}
	
#customer_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/CUSTOMER_heading.gif) no-repeat;
	}

#sitemap_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/SITEMAP_heading.gif) no-repeat;
	}
	
#legals_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/header_privacy.gif) no-repeat;
	}
	
#resources_header {
	width:302px;
	height:39px;
	padding:0;
	margin:0;
	background:url(../images/RESOURCES_heading.gif) no-repeat;
	}
	
	
/*----------------------------NEWS FORMATING------------------*/

#news_item {
	margin:0 0 20px 0;
	padding:0;
	width:600px;
	height:auto;
	}

#news_thumb {
	margin:0;
	padding:0;
	width:98px;
	height:110px;
	float:left;
	}
	
#news_item_copy{
	margin:0;
	float:left;
	width:500px;
	height:auto;
	}
	

h2 {
	font-size:14px;
	color:#0096cb;
	margin:4px 0 0 0;
	padding:0;
	}
	
h3 {
	font-size:12px;
	color:#686666;
	margin:4px 0 0 0;
	padding:0;
	}

/*-----------------------------CASE STUDY FORMATTING--------------*/

#case_study_item {
	width:600px;
	margin:0;
	height:160px;
	padding:0;
	}
	

#case_study_thumb {
	width:168px;
	height:164px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	}
	
#news_item_copy{
	margin:0;
	float:left;
	width:440px;
	}
	

a.visit_site {
	color:#fff;
	display:block;
	padding:8px 0 0 14px;
	margin:8px 0 0 0;
	width:100px;
	height:26px;
	text-decoration:none;
	font-size:12px;
	background:url(../images/btn_visit_site.gif) no-repeat;
	}
	
a.visit_site:hover{
	color:#003366;
	margin:8px 0 0 0;
	display:block;
	padding:8px 0 0 14px;
	width:100px;
	height:26px;
	text-decoration:none;
	font-size:12px;
	background:url(../images/btn_visit_site.gif) no-repeat;
	}
	
td.copy {
	padding:0 4px 0 0;
	margin:0;
	}
	
#separator {
	width:602px;
	height:5px;
	background:url(../images/separator_grey.gif) no-repeat;
	margin:8px 0 8px 0;
	padding:0;
	}
	
.separator {
	width:602px;
	height:5px;
	background:url(../images/separator_grey.gif) no-repeat;
	margin:8px 0 8px 0;
	padding:0;
	}

/*----------------------------FONTS------------------------*/

.nav_tiles_body h1 {
	padding:0;
	margin:12px 0 0 10px;
	font-size:15px;
	color:#0096cb;
	font-weight:bold;
	}

.nav_tiles_body h2 {
	padding:0;
	margin:16px 0 0 10px;
	font-size:15px;
	color:#0096cb;
	font-weight:bold;
	}

.nav_tiles_body p {
	width:270px;
	padding:0;
	margin:12px 0 0 10px;
	}

p {
	font-size:12px;
	margin:4px 4px 0 0;
	}
	
p.home_news {
	width:170px;
	font-size:12px;
	margin:0 0 0 10px;
	}
	
p.home_news_blogger {
	width:170px;
	font-size:12px;
	margin:0 0 0 10px;
	}
	
#casestudy_content p.about_opener {
	font-size:15px;
	margin:6px 0 12px 0;
	color:#000;
	}
	
	
td.home_news_thumb {
	width:88px;
	height:89px;
	padding:12px 0 0 10px;
	}

a {
	color:#0096cb;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color:#0096cb;
	text-decoration:underline;
	font-weight:bold;
	}
	
a.grey {
	color:#686666;
	text-decoration:none;
	
	}
		
a.grey:hover {
	color:#686666;
	text-decoration:underline;

	}
	
/*----------------------case study list------------------*/

#casestudy_content ul {
	margin:0;
	padding:0;
	font-size:12px;
	margin:6px 0 12px 20px;
	}
	
#casestudy_content li {
	list-style:url(../images/case_study_bullets.gif);
	margin:0;
	padding:0;
	}
	
a.download {
	display:block;
	width:200px;
	height:40px;
	background:url(../images/download_symbol.gif) no-repeat;
	padding:18px 0 0 48px;
	}
	
/*----------------------sitemap------------------*/	
#sitemap ul {
	margin:0;
	padding:0;
	font-size:12px;
	margin:6px 0 12px 20px;
	}
	
#sitemap li {
	list-style:url(../images/case_study_bullets.gif);
	margin:0;
	padding:0;
	}

#sitemap a {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
	
#sitemap a:hover {
	color:#000000;
	text-decoration:underline;
	font-weight:normal;
}

/*----------------------PASS IT ON---------------------*/

td.titles {
	font-family:"trebuchet ms";
	font-size:12px;
	text-align:right;
	color:#0096cb;
	font-weight:bold;
	vertical-align:top;
}

/*---------------------social net homepage------------------*/

#social_networks {
	width:302px;
	height:36px;
	margin:0;
	padding:0;
	}
	
#sn_left {
	width:84px;
	height:60px;
	margin:0;
	padding:16px 0 0 16px;
	float:left;
	}
	
#sn_right {
	width:192px;
	height:50px;
	margin:0;
	padding:6px 0 0 8px;
	float:left;
	}
	
/*---------------------vall all case studies btn------------*/

a.view_cs {
	width:157px;
	height:33px;
	background:url(../images/viewall_cs.gif) no-repeat;
	display:block;
	color:#FFFFFF;
	margin:0 15px 0 0;
	}
	
a.view_cs:hover {
	width:157px;
	height:33px;
	background:url(../images/viewall_cs_ro.gif) no-repeat;
	display:block;
	color:#FFFFFF;
	margin:0 15px 0 0;
	}

/*------------------LINKS TEMPLATE--------------*/

#links_header {
	width:950px;
	margin:0;
	height:38px;
	padding:0;
	background:url(../images/links_extended_head.gif) no-repeat;
	vertical-align:bottom;
	padding:8px 0 0 0;
	}
	
#links_content {
	width:932px;
	height:auto;
	background:#FFFFFF;
	padding:10px;
	}
	
td.f1 {
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-family:"trebuchet MS";
	padding:0 6px 0 6px;
	}
	
a.white {
	color:#0096cb;
	text-decoration:none;
	font-size:12px;
	}

a.white:hover {
	color:#0096cb;
	text-decoration:underline;
	font-size:12px;
	}
	
/*--ACADEMY THUMBS--*/

.academy_thumb {
	width:269px;
	height:211px;
	margin:0;
	padding:0;
	float:left;
	}
	
#academy_thumbs {
	width:610px;
	height:422px;
	margin:0;
	padding:0;
	}
	
/*hack*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

.link_building {
	width:448px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
.link_text1 {
	width:433px;
	height:auto;
	margin:0;
	padding:0 15px 0 0 ;
	float:left;
	}
	
.link_text2 {
	width:160px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}