body	{padding:0px 0 0 0;margin:0; background:#fff url(headerimages/bg.gif) repeat-x;}

A.headerbanner:link	{	color:red;	text-decoration: none;}
A.headerbanner:visited	{	text-decoration: none;	color:red;}
A.headerbanner:hover	{	text-decoration: underline;	color:red;	}

#topwrapper	{width:930px; border:0px solid red; padding:0 0px 0 0px;background:#fff;}

#container	{
border:0px dashed red;
position:relative;
margin:0px 0 0px 0; padding:0 0 0 0 ;
width:923px;
text-align:left;
font-family: georgia, times new roman, serif; font-size:9.5pt;
color:#666;
background:#fff;
}

#logo	{
border:0px solid red;
width:923px;
text-align:left;
margin:0px 0 0px 0; padding:10px 0 0 0;
}
#strapline	{font-family:trebuchet MS, arial, sans-serif; font-size:11px; position:absolute; top:65px; left:80px;}
#phone	{float:right; text-align:right; color:#999; font-size:110%; padding:32px 0 0 0;}

#leftbar	{
border:0px dotted blue;
float:left; 
display:inline;
width:221px; 
padding:10px 0px 0 0; margin:0;
clear:both;
}
#leftbar_contact	{
border:0px dotted blue;
float:left; 
display:inline;
width:421px; 
padding:10px 0px 0 0; margin:0;
clear:both;
}

#rightbarHome{
border:0px solid lime;
float:right; 
width:245px;
line-height:120%;
margin-top:10px;
}
#rightbar{
border:0px solid lime;
float:right; 
width:233px;
line-height:120%;
margin:10px -3px 0 0;
padding:0;
}



#middleHome	{
border:0px dotted red;
margin:0px 250px 0 250px; padding:10px 0 0 0px;
clear:none;
width:416px;
}
#middleWide	{
border:0px dotted red;
margin:0px 0px 0 245px; padding:10px 0 0 0px;
clear:none;
width:675px;
line-height:13.5pt;
}
#middle	{
border:0px dotted red;
margin:0px 250px 0 250px; padding:10px 0 0 0px;
clear:none;
width:417px; line-height:13.5pt;
}
#middle_contact	{
border:0px dotted red;
margin:0px 0px 0 450px; padding:10px 0 0 0px;
clear:none;
width:470px;
}



/* homepage */
#bannerwrapper	{border:0px dashed red; margin:11px 0 0px -3px;}
#bannerwrapper h1	{font-weight:bold; color:#000; font-family:trebuchet ms, arial, sans-serif; text-transform:uppercase; font-size:16pt; padding:0 0 5px 0; margin:0;}

#bannerwrapper h1 a, #bannerwrapper h1 a:visited {color:#000;}
#bannerwrapper h1 a:hover	{text-decoration:none; color:#ff0000;}

#bannerwrapper p{ padding:0; margin:0; line-height:13pt;}
.bannerlink	{ height:38px; margin: 10px 0 0 0; padding:8px 0px 0 0; text-align:left;}
.bannerlink a  {padding: 0px 20px 9px 0px; height:29px;  background:url(../headerimages/arrow_green.jpg) top right no-repeat;}


#e-commerce_banner	{height:217px; width:935px; background:url(../headerimages/01.gif);}
#e-commerce_content	{padding:20px 40px 0 420px;border:0px dashed red;}
#e-commerce_pic	{float:left; padding:5px 0px 0 4px;}

.cms_banner	{display:block; height:217px; width:935px; background:url(../headerimages/cms.gif);}
.cms_content	{display:block; padding:19px 610px 0 50px; border:0px dashed red;}
.cms_pic	{ display:block; float:right; padding:3px 10px 0 0;}


#slideshow	{width:939px; height:230px;}

.tabs	{float:left; padding:4px 0 0 3px;}

/* slideshow */

#bar{
position:relative;
border:0px solid lime;
top:0px;
width:930px;
height:215px;
background:#fff;
}

#photoholder1 {
	position:absolute;
	left:0px;
	top:0px;
width:930px;
height:230px;
	border:0px dotted #fff;
}
#thephoto1_0 {
	position:absolute;
	left:0px;
width:930px;
height:230px;
}
#thephoto1_1 {
	position:absolute;
	left:0px;
	width:279px;
height:106px;
}
#thephoto1_2 {
position:absolute;
left:0px;
width:930px;
height:230px;
}
#thephoto1_3 {
position:absolute;
left:0px;
	width:279px;
height:106px;
}



















/* boxes  */

.boxheader	{background:red; color:#fff; width:229px; font-family:verdana; text-transform:uppercase; font-size:8pt;}
.boxheader div	{padding:8px 0 8px 12px;}
.boxheader, .boxheader a,  .boxheader a:link, .boxheader a:visited	{color:#fff;}

.boxtop	{
border:0px dashed blue;
width:233px;
font-size:1px;
height:7px;
margin:0px 0 0 0;
background:#ccc url( 'images/box/boxtop.gif' ) 0 0px no-repeat;
}

.boxWrapper	{
border:0px solid lime;
WIDTH:233px;
background: url(images/box/mainbg.gif) 100% 0 repeat-y; 
margin:0px 0 0 0; padding:0;
}
.boxcontent	{
border:0px solid green;
padding:8px 15px 12px 13px;
line-height:130%;
}
.boxcontent h3	{
border:0px dotted red;
font-family:georgia;
padding:0 0 0 0;
margin:-9px 0 4px 0;
color:#666;
}

.boxbott	{
border:0px dashed blue;
width:233px;
font-size:1px;
height:7px;
background:url( 'images/box/bottom.gif' ) 0 0px no-repeat;
margin:0 0 10px 0;
}

/* end boxes  */











.treb9	{font-family:trebuchet MS, arial, tahoma, verdana, sans-serif; font-size:9pt; line-height:11.0pt;}

.treb8	{font-family:calibri, arial, trebuchet MS, tahoma, verdana, sans-serif; font-size:9pt; line-height:11.0pt;}

.border1{
border:1px solid red;
float:right;
margin:10px 0px 10px 10px;
PADDING:0px 0 0 0px;
}
.border2	{border:1px solid red;}


.servicesWrapper{padding:0px 0px 0 12px; border:0px solid red;}
.servicesContent	{
font-family:georgia, serif;
font-size:9.5pt;
line-height:13pt;
}
.brochureLink	{font-family:trebuchet MS, arial; font-size:9pt;}

.searchheading {padding:0 0 0px 0; font-weight:bold;}
.result_block	{padding:10px 0 0 0;}
.result_title	{padding:10px 0 0 0;}
.result_pages	{padding:30px 0 0 0;}
.infoline {padding:5px 0 0 0; font-family:trebuchet ms; font-size:8pt;}


/* header swaps */
h2	{border:0px solid blue; margin:0; padding:0; display:block;}

/* homepage  */
h2.swap {height:33px;background-repeat:no-repeat;margin:2px 0 0 0; padding:0;	}
h2.swap span {display:none;}
h2#whoweare {background-image:url("images/h_whoweare.gif");}
h2#whatwedo {background-image:url("images/h_whatwedo.gif");}
h2#welcome {background-image:url("images/h_welcome.gif");}

h2#whatourclients {background-image:url("images/h_whatourclients.gif");  }
h2#whatourclientssay {background-image:url("images/h_whatourclients.gif");width:230px;}

/* Portfolio */
h2#portfoliopage {background-image:url("images/h_portfoliopage.gif");}
h2#featuredsites {background-image:url("images/h_featured_sites.gif");}
h2#brochures {background-image:url("images/h_brochures.gif");}
h2#community {background-image:url("images/h_community.gif");}
h2#logos {background-image:url("images/h_logo.gif");}
h2#casestudies {background-image:url("images/h_casestudies.gif");}
h2#cms2 {background-image:url("images/h_cms.gif");}
h2#webapps {background-image:url("images/h_webapplications.gif");}
h2#logos {background-image:url("images/h_logos.gif");}

#branddesign a.rollover	{width:230px; background: url(images/h_branddesign.gif); margin:0 0 3px 0;}
h2#designplus {background-image:url("images/h_designplus.gif");margin:3px 0 8px 0;}
h2#clients { background-image:url("images/h_clients.gif");margin:3px 0 8px 0;}

/* Services */
h2#services {background-image:url("images/h_services.gif");}
h2#e-commerce {background-image:url("images/h_ecommerce.gif");}
h2#brand {background-image:url("images/h_branddevelopment.gif");}
h2#cms {background-image:url("images/h_contentmanagement.gif");}
h2#emailmarketing {background-image:url("images/h_emailmarketing.gif");}
h2#seo {background-image:url("images/h_seo.gif");}
h2#hosting {background-image:url("images/h_hosting.gif");}

/* services page */
h2#webDevelopment {background-image:url("images/h_webdevelopment.gif");}
h2#logoDesign {background-image:url("images/h_logodesign.gif");}
h2#newsletterCampaigns {background-image:url("images/h_newslettercampaigns.gif");}
h2#siteStats {background-image:url("images/h_siteStats.gif");}
h2#consultancy {background-image:url("images/h_consultancy.gif");}


/* header swaps */
h2#aboutus {background-image:url("images/h_aboutus.gif");}
h2#contactus-wide {background-image:url("images/h_contactus-wide.gif");}

h2#request {background-image:url("images/h_request.gif"); width:230px; }
h2#people {background-image:url("images/h_people.gif");}
h2#search {background-image:url("images/h_search.gif");}
h2#process {background-image:url("images/h_process.gif"); width:230px;}
h2#aboutthecompany {background-image:url("images/h_aboutthecompany.gif"); }
h2#history {background-image:url("images/h_history.gif"); }
h2#articles {background-image:url("images/h_articles.gif"); }
h2#map {background-image:url("images/h_map.gif"); width:230px;}


h2	{font-family:trebuchet MS, arial; font-size:13pt; font-weight:bold; color:red; margin:3px 0 8px 0;}
h3	{font-family:trebuchet MS, arial; font-size:11pt; font-weight:bold; color:red; margin:0px 0 0px 0; display:inline;}

.h2_portfolio	{padding:0; margin:0;}

.portfolio_1col	{border:0px solid red; float:right; margin:0 0px 0 6px; padding:0; width:164px;}
.portfolio_1col_right	{height:160px; margin:0px; padding:0; }
.portfolio_1col_right2	{height:18.8em;; margin:0px; padding:0; }
.portfolio_2col	{float:right; border:0px dashed red; width:332px; height:21em;; margin:0px; padding:0; }
.portfolio_home_text	{margin:5px 0px 0px 0; width:156px}
.portfolio_link	{display:block; padding:5px 0 0 0; text-align:right;}


.casestudy:link, .casestudy:visited  {background:#ddd; }
.casestudy:hover{  color:#fff; background:#ff0000; text-decoration:none;}


.clients {padding:0; margin:0 10px 0 0px; list-style-type:none; line-height:14pt;}


/* title rollovers*/
a.rollover {
display: block;
width: 230px;
height: 33px;
text-decoration: none;
margin:0px 0 -7px 0; padding:0px 0 0 0;
border:0px solid red;
}
h2 .hidden	{display:none;}
h1 .hidden	{display:none;}

#contact a.rollover	{background: url(images/h_contactus.gif);}
#contact a.rollover:hover {background-position: 0px -33px;}

#articles2 a.rollover	{background: url(images/h_articles2.gif);}
#articles2 a.rollover:hover {background-position: 0px -33px;}

#portfolio a.rollover	{background: url(images/h_portfolio.gif);}
#portfolio a.rollover:hover {background-position: 0px -33px;}

#terms a.rollover	{background: url(images/h_terms.gif);}
#terms a.rollover:hover {background-position: 0px -33px;}

#branddesign a.rollover	{background: url(images/h_branddesign.gif);}
#branddesign a.rollover:hover {background-position: 0px -33px;}


/* search */

#searchResults a:hover {
font-weight:bold;
}
#searchResults a:link	{
	font-weight:bold;
}
#searchResults a:visited	{
	font-weight:bold;
}	
.highlight	{
background:#A3FF00;
}

.searchbutton	{
	font-size:85%;
	background-color : #fff;
	color : #666;
}	
.searchbox	{
	font-size:110%;
	background-color : #ff0000;
	color : #fff;
	font-weight:bold;
}	

/* search */


/* portfolio */

.portfolioImage	{
float:right;
margin:0 0 0 0px;
width:349px
}
.portfolioThumbs	{
border:0px dashed lime;
float:right;
margin:0 0px 0 0px;
width:55px;
text-align:right;
}
.portfolioThumbs img 	{margin:10px 0 0 0;}
.brochureContent	{
width:240px;
font-family:georgia;
font-size:9.5pt;
line-height:13pt;
}

/* services */

.servicesImage	{
float:right;
margin:15px 0 5px 21px;
width:165px;
text-align:center;
}
.servicesBlock	{overflow:auto; width:100%; padding:0px 0 30px 0; margin:0; border:0px dashed red; }
.servicesBlock p	{padding:0 0 0 12px;}


/* about us  */
#aboutthecompany	{
	font-family:trebuchet ms, arial, sans-serif;
	font-size:9pt; line-height:12pt;
	padding:8px 0 0 10px;
	width:229px;
}




/*contact us form*/

.formw	{
border:0px solid blue;
text-align:right;
}
.row	{
text-align:right; 
}
.rowLeft	{
text-align:left;
}
.formWidth	{width:218px;}


#contact_articles	{
	padding:15px;
	border:2px dashed #ccc;
	}








hr{
border: none;
background-color: #ccc;
color: #ccc;
height: 1px; 
margin-top:-3px;
}
html>body hr {
border: none;
background-color: #ccc;
color: #ccc;
width: 100%;
margin-bottom:6px; 
margin-top:3px;
height: 1px; 
}







/* top nav */

#navcontainer {
	border:0px solid blue;
	position: relative;
	width: 923px;
	height: 29px;
	padding: 0px 0 0px 0;
	margin: 10px 0 0px 0;
	text-align:left;
	font-size:8pt; font-family:verdana, sans-serif; text-transform:uppercase;
	}

ul#navlist	{
height:29px;
margin:0;
padding:7px 0 0  19px;
white-space: nowrap;
background:url(images/menubar_bg.gif) repeat-x;
}

#navlist li	{ border:0px solid red;
display: inline;
list-style-type: none;
padding:0;
margin:0;
}

#navlist a { padding: 7px 21px 9px 21px; }

#navlist a:link, #navlist a:visited	{
color: #fff;
text-decoration: none;
}

#navlist a:hover, #navlist li#active a{
color: #fff;
background: #ff0000 url(images/bg_nav_hi.gif);
text-decoration: none;
}




#subnav{border:0px dashed red;
margin: 0 0 0 0;
padding-left: 0;
list-style: none;
}

#subnav li{
line-height:23px;
padding-left: 24px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
}

#subnav a:hover, #subnav li#active2 a{
color: #fff;
background-color: #ff0000;
text-decoration: none;
}

#blogsubnav{border:0px dashed red;
margin: 0 0 0 0;
padding-left: 0;
list-style: none;
}
#blogsubnav li{
line-height:18px;
padding: 1px 0 7px 24px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
}

#blogsubnav a:hover, #subnav li#active2 a{
color: #fff;
background-color: #ff0000;
text-decoration: none;
}


#blogsubnav2{border:0px dashed red;
margin: 0 0 0px 0;
padding-left: 0;
list-style: none;
}
#blogsubnav2 li{
line-height:18px;
padding: 0px 0 10px 24px;
margin:10px 0 10px 0;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .25em;border-bottom:1px dashed #ccc;
}
#blogsubnav2 a:hover, #subnav li#active2 a{
color: #fff;
background-color: #ff0000;
text-decoration: none;
}
#blogHomePage	{padding:0 0 0 12px;}
#blogHomePage	h2 {/*font-family:georgia, serif; font-size:14pt; pading:0; margin:0 0 5px 0;*/ }

.bloglisting	{border:0px dashed red;
padding:0 0 20px 0px;
overflow:auto;
display:block;
width:100%;
line-height:14pt;
}
.bloglisting a {font-size:14pt; }
#blogentry	{line-height:15pt; padding:0 0 0 12px;}
#blogentry h2{ /*font-family:georgia, serif; font-size:14pt;*/}


ol li {padding:0 0 10px 0;}






#featured-sites	{
text-align:left;
padding: 10px 0 45px 2px;
font-size:10pt;
}
#featured-sites h3	{color:#000; font-family:georgia;}
#featured-1	{}
#featured-2	{float:left; padding:0 9px 0 0;}
#featured-3	{float:left; padding:0 9px 0 0;}
#featured-4	{float:left; padding:0 9px 0 0;}

.caption	{margin:3px 0 0 0;}







#footer	{	
border:0px solid #bbbbbb;
background:#bbb url(images/bg_footer.gif) repeat-x;;
width:100%;
text-align:left;
font-family:trebuchet MS, arial;
line-height:15pt;
font-size:8.5pt;
color:#666;
margin:10px 0 0 0;
padding:10px 0 14px 0;
}

#footerContent	{
border:0px solid red;
padding:8px 0px 0px 0px;
width:929px;
text-align:left;
}
#overfooter	{height:100px;}

#footlogo	{float:left;}

#turtle	{
border:0px dashed blue;
float:right;
}

/* icons */

#icons {float:right; border:0px dashed #ccc; width:700px;}
.icon-1	{float:right; text-align:center}
.icon-2	{float:right; padding: 0 0px 0 30px;text-align:center}






.newsPic	{border:0px dashed blue; float:right; padding:2px;  }
.newsPic0	{border:0px dashed blue; float:right; padding:2px; width:200px;}