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

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

#topwrapper	{width:760px; 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:753px;
text-align:left;
font-family: calibri, arial, trebuchet MS, verdana, sans-serif; font-size:9.5pt;
color:#666;
background:#fff;
}

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

#leftbar	{
border:0px dotted blue;
float:left; 
display:inline;
width:161px; 
padding:10px 0px 0 0; margin:0;
clear:both;
}
#leftbarwide	{
border:0px dotted blue;
float:left; 
display:inline;
width:189px; 
padding:10px 0px 0 0; margin:0;
clear:both;
}

#rightbarHome{
border:0px solid lime;
float:right; 
width:190px;
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;
}
#middleAll {
border:0px dotted red;
margin:0px 0px 0 0px; padding:10px 0 0 0px;
clear:none;
width:750px;
}

#middleHome	{
border:0px dotted red;
margin:0px 200px 0 0px; padding:10px 0 0 0px;
clear:none;
width:537px;
}
#middleWide	{
border:0px dotted red;
margin:0px 0px 0 220px; padding:10px 0 0 0px;
clear:none;
width:530px;
}
#middle	{
border:0px dotted red;
margin:0px 250px 0 180px; padding:10px 0 0 0px;
clear:none;
width:356px;
}

#portfolioImage	{
float:right;
margin:0 0 0 10px;
}

/* homepage */
#bannerwrapper	{border:0px dashed red; margin:11px 0 0px 0; background:#fff url(images/bg_latest.gif) no-repeat;}

#bannerleft	{background:url(images/bg_bannerleft.gif) repeat-x; float:left; height:152px; width:318px;}
#bannerright	{float:right; border:0px dashed red;}
.bannertext	{color:#fff; }

#latest	{
width:252px;
height:143px;
padding:0; margin:0;
}
#latest a	{color:#fff;}
.favicon	{margin:4px 0 0 0; padding:0;}

#slideshow	{
float:right;
}






/* boxes  */

.boxtop	{
border:0px dashed blue;
width:193px;
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:193px;
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:193px;
font-size:1px;
height:7px;
background:url( 'images/box/bottom.gif' ) 0 0px no-repeat;
margin:0 0 10px 0;
}

/* end boxes  */






#screengrabs img {border:1px solid #ccc;}

#testimonial	{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
background:url(images/bg_testi.gif);
}


.treb9	{font-family:calibri, tahoma, arial, verdana, trebuchet MS; font-size:10pt; 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;}

.brochureContent	{
width:300px;
font-family:georgia;
font-size:9.5pt;
line-height:13pt;
}
.servicesWrapper{padding:0px 0px 0 12px; border:0px solid red;}
.servicesContent	{
font-family:georgia;
font-size:9.5pt;
line-height:13pt;
}
.brochureLink	{font-family:calibri, 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#login {background-image:url("images/h_login.gif");}
h2#subscribe {background-image:url("images/h_subscribe.gif");}

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

/* Portfolio */
h2#portfoliopage {background-image:url("images/h_portfoliopage.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");}

#branddesign a.rollover	{width:160px; 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");}

/* 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");}
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");}


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:10pt; font-weight:bold; color:red; margin:0px 0 0px 0; display:block;}

.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:20.6em;; 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:0 0px 0 0; width:156px}


.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;}


/* title rollovers*/
a.rollover {
display: block;
width: 190px;
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;}

#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;}




/* search */

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

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

/* search */






/*contact us form*/

.formw	{
border:0px solid blue;
text-align:right;
}
.row	{
text-align:right;
}










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: 753px;
	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: #ccc;
text-decoration: none;
}

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




/* SUB NAV */
#subnavlist	{margin-top:0px;}
#subnavcontainer { border-top:0px solid #ccc; width: 190px; }
.snl	{margin:0 0px 0 10px;}

#subnavcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:9.5pt; 
}

#subnavcontainer a{
display: block;
padding: 6px 0px 6px 0px;;
width: 190px;
background-color: #fff;
border-bottom: 1px solid #ccc;
}

#subnavcontainer a:link, #subnavlist a:visited{
color: #666;
text-decoration: none;
font-weight:normal;
}

#subnavcontainer a:hover{
background-color: #fafafa;
color: red;
}

#subnavcontainer ul  li { margin: 0 0 0px 0; }

#subnavcontainer a:active, #subnavcontainer a.selected {
color: red;
background-color: #f1f1f1;
text-decoration: none;
font-weight:bold;
}



/* block nav */

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

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

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








#footer	{	
border-top:1px solid #bbbbbb;
background:#fff url(images/footer_bg.gif) repeat-x;
width:100%;height:130px;
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 18px 0;
}

#footerContent	{border:0px solid red;
padding:8px 0px 0px 0px;
width:753px;
text-align:left;
}

#turtle	{
float:right;
text-align:right;
}