/* Start of CMSMS style sheet 'aTSDstyle' */
@import url('css/lytebox.css');
@import url('css/cgblogstyle.css');
@import url('css/formstyle.css');

*  {margin: 0px; padding: 0px;}

body {font-family: Verdana, Arial, Sans-Serif; font-size: 0.72em;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}

div.breadcrumbs {margin-right: 215px; margin-top: 10px;  height: 20px; float: right; width: auto;}
span.lastitem {color: gray}


/* Unordered List Control Start*/

ul {
	margin: 30px 0; 
	list-style-position: inside; 
	padding-left: 20px; 
	list-style-image: url(images/li-trojan.gif);
}
li {margin: 14px 2px;}

/* Unordered List Control End */

hr.headerrule{ width: 100%; color: #eef; margin-top: 8px;}

p { margin: 16px 0px;}
p.paraone {margin: 0px;}

/* Page Headers Start */

h1.welcome, h1.websitedesign, h1.ecommerce, h1.contentmanagement, h1.seo, h1.services, h1.pricing, h1.aboutus, h1.contactus, h1.vatfree, h1.privacypolicy, h1.designsamples, h1.blogs, h1.graphicdesign, h1.seoessex, h1.internetmarketing  {  height: 0px; padding-top: 22px; margin-left: 0px; margin: 26px 0px 24px 0px; background-repeat: no-repeat; overflow: hidden;}

h1.welcome {background-image: url(images/title-welcome.gif);}
h1.websitedesign {background-image: url(images/title-website-design.gif);}
h1.ecommerce {background-image: url(images/title-ecommerce.gif);}
h1.contentmanagement {background-image: url(images/title-cms.gif);}
h1.seo {background-image: url(images/title-seo.gif);}
h1.services {background-image: url(images/title-services.gif);}
h1.pricing {background-image: url(images/title-pricing.gif);}
h1.aboutus {background-image: url(images/title-about-tsd.gif);}
h1.contactus {background-image: url(images/title-contact-tsd.gif);}
h1.vatfree {background-image: url(images/title-vatfree.gif);}
h1.privacypolicy {background-image: url(images/title-privacypolicy.gif);}
h1.designsamples {background-image: url(images/title-samples.gif);}
h1.blogs {background-image: url(images/title-blogs.gif);}
h1.graphicdesign {background-image: url(images/title-graphicdesign.gif);}
h1.seoessex {background-image: url(images/title-seoessex.gif);}
h1.internetmarketing {background-image: url(images/title-internet-marketing.gif);}

/* Page Headers End */

/* Header Control */
h1 {margin-top: 26px; font-size: 1.3em}
h2 {margin-top: 26px; font-size: 1.3em}
h3 {margin-top: 26px; font-size: 1.2em}
h4 {margin-top: 26px; font-size: 1.2em}
h5 {margin-top: 26px; font-size: 1.1em}
h6 {margin-top: 26px; font-size: 1em}
/* Header Control End */

/* Horizontal Rule Start */

hr {width: 50%;}

/* Horizontal Rule End */

/* Image Control Start */

.leftimage {
	float: left;
	padding: 0px;
	margin: 6px 20px 6px 0;
	position: relative;
	width: 300px;
}
.leftimageborder {
	float: left;
	padding: 10px;
	margin: 6px 16px 6px 0;
	border: 1px solid #ccc;
	width: auto;
}

.middleimage {
	padding: 22px 0;
	margin: 0 auto;
	position: relative;
	width: 670px;
}
.middleimageborder {
	padding: 10px;
	margin: 6px 0px 6px 16px;
	border: 1px solid #ccc;
	width: auto;
}

.rightimage {
	float: right;
	padding: 0px;
	margin: 6px 0px 6px 16px;
	position: relative;
	width: 300px;
}
.rightimageborder {
	float: left;
	padding: 10px;
	margin: 6px 0px 6px 16px;
	border: 1px solid #ccc;
	width: auto;
}

.theimage {}

.imagetext {
	margin-top: 14px;
	width: 100%;
	font-size:0.90em;
	font-style: italic;
	text-align: center;
	color: #720000;
}

/* Image Control End */


/* Link Control */

A:link {text-decoration: underline; color:#720000;}
A:active {text-decoration: underline; color: #720000;}
a:visited {text-decoration: underline; color: #720000;}
A:hover {text-decoration: underline; color: #727272;}

/* Link Control End */

img { border: 0px;}

/* General Layout */

#wrapitup {position:relative;}

#headerwrap{ 
	height: 203px; 
	background-image: url(images/headerback.jpg); 
	background-repeat: repeat-x; 
	min-width: 982px; 
	background-color: #000;
}

#header_hold{ 
	width: 982px; 
	margin: 0 auto; 
	position: relative; 
	height: 184px;
}
#header-left  { 
	float: left; 
	height: 186px; 
	width: 3px; 
	background-image: url(images/divider-left.gif); 
	background-repeat: no-repeat;
}
#header-main { 
	float: left; 
	background-image: url(images/headerlogo.jpg); 
	background-repeat: no-repeat; 
	height: 186px; 
	width:976px; 
	position: relative;
}
#header-right {
	float: left; 
	height: 186px; 
	width: 3px; 
	background-image: url(images/divider-right.gif); 
	background-repeat: no-repeat;
}
#navigation { 
	font-family: Arial, Sans-Serif; 
	clear: both; 
	float: right; 
	padding: 49px 12px 0px 0px;
	width: auto;
	
}
#content_wrap { 
	background-color: #f6f6f6;
	background-image: url(images/leftpods.jpg); 
	background-repeat: no-repeat;
}
#content_hold { 
	overflow: hidden;
	background-color: #fff; 
	width: 982px; 
	margin: 0 auto; 
}

#footer_hold { 
	width: 982px; 
	margin: 0 auto; 
	position: relative; 
	height: 280px;
	padding-top: 40px;
}
#footerwrap { 
	background-image: url(images/tsd-footback.jpg); 
	background-repeat: repeat-x;
	clear: both; min-width: 982px;
}



.ftleft {width: 283px; float: left; height: 260px; clear: both;}
.ftcenter {width: 416px; background-image: url(images/tsd-pegasusback.gif); background-repeat: no-repeat; height: 260px; float: left; }
.ftright {width: 283px; height: 260px;float: right;}

.feeds { width:160px; margin:8px auto 0;}
.linkhold { width:160px; margin:17px auto 0;}

ul.feedlist { list-style-image: none; list-style-type: none; margin: 10px 0 30px 0; padding-left: 0px;}
ul.feedlist li {margin: 6px 0;}

ul.sociallist { list-style-image: none; list-style-type: none;margin: 10px 0; padding-left: 0px;}
ul.sociallist li {margin: 6px 0;}

ul.feedlist li a {
background-image:url(images/rss_32.png);
background-position:left center;
background-repeat:no-repeat;
color:#000001;
font-size:1.1em;
margin:0;
padding:0 0 0 22px;
text-decoration: none;
}


li.facebook a, li.twitter a, li.myspace a {
background-position:left center;
background-repeat:no-repeat;
color:#000001;
font-size:1.1em;
margin:0;
padding:0 0 0 22px;
text-decoration: none;

}

li.facebook a {
background-image:url(images/facebook.png);

}

li.twitter a {
background-image:url(images/twitter.png);

}

li.myspace a {
background-image:url(images/myspace.png);

}


ul.feedlist a:hover {color: #720001;}
li.facebook a:hover, li.twitter a:hover, li.myspace a:hover {color: #720001;} 
#locations {
	clear: both;  
	height: 0px; 
	padding-top: 20px; 
	background-image: url(images/tsd-locations.gif); 
	background-repeat: no-repeat; 
	overflow: hidden; 
	margin: 0 auto; 
	width: 230px;
}



#contentfooter {
	background-image: url(images/contentfooter.gif); 
	background-repeat: no-repeat; 
	width: 982px; 
	height: 16px; 
	margin: 0 auto; 
	padding-bottom: 20px;
}	
#locations {
	clear: both;  
	height: 0px; 
	padding-top: 20px; 
	background-image: url(images/tsd-locations.gif); 
	background-repeat: no-repeat; 
	overflow: hidden; 
	margin: 0 auto; 
	width: 230px;
}
/* General Layout End */	
	
	
/* Style Changer Control */
.stylechanger { 
	float: right;
	display: block;	
	position: relative;
	right: 290px;
	width: auto;
}
ul.switchlist {
	list-style-type: none; 
	list-style-image: none; 
	padding: 0px; 
	margin: 0px;
	list-style-position: outside;
}
.switchlist li {
	float: left; 
	margin: 0px 3px 0px 3px;
	width: auto;
cursor:pointer;
}
.switchlist li a {margin:0px;}

.novat a{
	width: 124px; 
	height: 71px;
	float: right;
	clear: right;
	right: 80px;
	top: 8px;
	position: relative;
	background-image: url(images/vat-free.gif);
	Background-repeat: no-repeat;
}
.novat a:hover {
	background-image: url(images/vat-free-over.gif);
	Background-repeat: no-repeat;
}

/* Main Menu Start */

.topnav-left {background: url(images/topnav-left.gif); background-repeat: no-repeat; height: 34px; width: 11px; float: left;}
.topnav-center {background: url(images/topnav-back.gif); background-repeat: repeat-x; height: 34px; float: left; width: auto;}
.topnav-right {background: url(images/topnav-right.gif); background-repeat: no-repeat; height: 34px; width: 11px; float: left;}

ul.topnav {
	 
	font-size: 11px; 
	list-style-type: none; 
	list-style-image: none; 
	padding: 0px; 
	margin: 0 auto; 
	list-style-position: outside;
	padding: 0px 0px; 
}

.topnav li {
	float: left; 
	padding: 0px 0px; 
	margin: 0 0px 0 0;
	width: auto;
}

.topnav li a {
	color: #ccc; 
	text-decoration: none;
	padding: 9px 12px 9px 12px ;
display: block;
}

.topnav li a:hover { 
	color: #fffffe; 
	text-decoration: none; 
	background-image: url(images/topnav-backover.gif);
	background-repeat: repeat-x;
padding: 9px 12px 9px 12px ;

}

.topnav li .currentpage {
	background-image: url(images/topnav-backover.gif);
	background-repeat: repeat-x;

	color: #fffffe;
}

ul.currentpage   {
	float: right; 
	color: #fffffe; 
	list-style-type: none; 
	font-size: 12px; 
	margin-right: 30px;
	width: auto;
}
.currentpage   li {
	float: left;
	padding-left: 12px;
	width: auto;
}
.currentpage  li a {
	color: #fffffe; 
	text-decoration: none;
}
.currentpage  li a:hover {
	color: #fffffe; 
	text-decoration: underline;
}

/* Main Menu End */
	
/* leftcon {width: 171px; background-color: #eee; height: 500px; float: left; background-image: url(images/sideban.jpg); margin-top: 1px;} */

.priceads {
	float: right; 
	width: 748px;
	display: block;
}
.mainholder {
	float:left; 
	width: 770px;
}

ul.priceblockhold {
	height: 117px; 
	list-style-type: none; 
	list-style-image: none; 
	float: right; 
	list-style-position: outside;
	margin: 0px; 
	padding: 0px;
	width: auto;
}
.priceblockhold li {
	float: left; 
	width: 249px; 
	margin: 0px;
	list-style-type: none; 
	list-style-image: none; 
}

/* Main Content Control Start */

#main { 
	clear: right; 
	width: 710px; 
	float: left; 
	padding: 0px 0 10px 40px; 
	font-size: 12px;
}
.ad_hold { 
	width: 198px; 
	float: right; 
	margin-right: 0px;
} 	
	
.topblock { 
	width: 184px;
	height: 185px;
	background-color: #000;
	font-family: Arial, Sans-Serif;
	padding: 7px;
}
.topblockt {
	font-size: 10px; 
	color: #fffffe; 
	width: 164px; 
	height: 164px; 
	background-image: url(images/topbanner.jpg); 
	padding: 10px; 
	font-family: Arial, Sans-Serif;
}
.bottomblock { 
	width: 198px; 
	font-family: Arial, Sans-Serif;
}
	
/* Main Content Control End */

.pods {
	float: right;
	background-image: url(images/pods.jpg); 
	background-repeat: repeat-x; 
	width: 982px;
	height: 22px; margin-top: 1px; margin-right: 0px;
}

.podsbottom { 
	width: 217px; 
	height: 22px; 
	background-image: url(images/podsbottom.jpg);
	clear: both;
}

/* Footer Control Start */

.flblock { width: 782px; height: 150px; float: left; }
.frblock { width: 200px; height: 150px; float: left;}

ul.footernav   {
	color: #fffffe; 
	list-style-type: none; 
	font-size: 12px; 
	margin: 10px 0 0 0;
	padding-left: 0px;
}
ul.footernav {
	list-style-type: none; 
	list-style-image: none;
}
.footernav  li { 
	
	padding-left: 0px;
	margin: 0px;
}
.footernav li a { 
	color: #666; 
	text-decoration: none;
}
.footernav li a:hover { 
	color: #720000; 
	text-decoration: underline; 
}	


.blockerfoot {
	background-image: url(images/blockerfoot.gif);
	background-repeat: no-repeat;
	width: 198px;
	height: 10px;
	margin-bottom: 6px;
}

.pegasus {width: 130px; height: 130px;  margin: 27px auto 0 auto;}	

#copy_wrap {height: 20px;}
#copyhold { width: 982px; margin: 0 auto; clear: both;}
.copyright { float: right; padding: 3px 20px 3px 0; color: #333332; font-size: 10px; width: 460px; text-align: right;}
.colchester {float:left; color: #ddd; font-size: 10px; width: 400px; padding: 3px 0;}

/* Footer Control End */

/* Tabbed Box Box Start */

.tabs ul {list-style-type: none; list-style-image: none;}

#wrap {
		width: 196px;
		font-size: 11px; 
                margin: 1px 0px 0px 0px; }
.tabbed-box {
		width: 196px;
height: auto;
	background: #000 url('images/tabbed-body-bg2.jpg') repeat-x top;
	border: 1px solid #343434; border-bottom: 1px solid #222;
    font-size: 10px;
}
.tabbed-box .tabs li {
	list-style: none;
	float: left;
	width: auto;
}
.tabbed-box .tabs li a {
	display: block;
	width: 97px;
	font-size: 12px;
	padding: 4px 0px 6px 0px;
	text-align: center;
	text-decoration: none;
	background: #000 url(images/tabbed-tab-bg2.jpg) repeat-x bottom;
	color: #fff;
	border-left: 1px solid #363636;
	border-bottom: 1px solid #343434;
}
.tabbed-box .tabs li:first-child a {border-left: none; }
.tabbed-box .tabs li a:hover {color: #ffdc89; }
.tabbed-box .tabs li a:focus {outline: none;}
.tabbed-box .tabs li a.active, .tabbed-box .tabs li a.active:hover {
	background: #fff url(images/tabbed-tab-bg2.jpg) repeat-x bottom;
	color: #ffdc89;
	border-bottom: 1px solid #343434; 
}
.tab_hold{ padding: 6px; clear:both;}
.tabbed-content {
	padding: 1px 10px 10px 10px; 
	width: 164px;
	font-size: 1.24em;
	color: #f1f1f1; background-color: #000; height: auto;
	display: none; }

.tabbed-content a {color: #fffffe;}
.tabbed-content a:hover {color: #ffdc89; }

ul.tabs {list-style-type: none; list-style-image: none; padding: 0px; margin: 0px; list-style-position: outside;}
ul.tabs li {margin: 0px;}

.boxtitle {color: #ffdc89; margin-top: 9px; font-size: 1em}
.boxpara {margin: 8px 0;}

/* Tabbed Box Box End */

.insideblock {height: 59px; width: 59px; float: right; margin: 7px -3px 0px 4px;}

#h1-box {}
.h1-left { height: 32px; width: 12px; background-image: url(images/h1-left.gif); float: left;}
.h1-center {height: 32px; background-image: url(images/h1-back.gif); background-repeat: repeat-x; float: left; width: auto;}
.h1-right {height: 32px; width: 12px; background-image: url(images/h1-right.gif); float: left;}


ul.website-design {list-style-type: none;}
.website-design li {margin: 24px 0;}


/* #increase{}	#decrease{} */

/* Services CSS */
	
#services-box { 
	background-image: url(images/services-back.jpg); 
	background-repeat: no-repeat; 
	width: 333px; 
	height: 131px;
	margin: 18px 6px 0px 10px;			
	float: left;			
}

.services-box { 
	background-image: url(images/services-back.jpg); 
	background-repeat: no-repeat; 
	width: 333px; 
	height: 131px;
	margin: 18px 6px 0px 10px;			
	float: left;			
}

/* Services Box Control */
			
h2.serv-websitedesign, h2.serv-contentmanagement, h2.serv-ecommerce, h2.serv-flashwebsites, h2.serv-logodesign,  h2.serv-marketing, h2.serv-printdesign, h2.serv-branding, h2.serv-consultancy, h2.serv-seo,  h2.serv-redesign, h2.serv-multistyle{ 
	height: 0px;
	padding-top: 17px;
	width: 293px; 
	background-repeat: no-repeat; 
	margin: 14px 0px 0px 16px; 
	overflow: hidden;
}

h2.serv-websitedesign {background-image: url(images/serv-websitedesign.gif);}
h2.serv-contentmanagement {background-image: url(images/serv-contentmanagement.gif);}
h2.serv-ecommerce {background-image: url(images/serv-ecommerce.gif);}
h2.serv-flashwebsites {background-image: url(images/serv-flashwebsites.gif);}
h2.serv-logodesign {background-image: url(images/serv-logodesign.gif);}
h2.serv-marketing {background-image: url(images/serv-marketing.gif);}
h2.serv-printdesign {background-image: url(images/serv-printdesign.gif);}
h2.serv-branding {background-image: url(images/serv-branding.gif);}
h2.serv-consultancy {background-image: url(images/serv-consultancy.gif);}
h2.serv-seo {background-image: url(images/serv-seo.gif);}
h2.serv-redesign {background-image: url(images/serv-redesign.gif);}
h2.serv-multistyle {background-image: url(images/serv-multistyle.gif);}
h2.serv-contentmanagement {background-image: url(images/serv-contentmanagement.gif);}

.services-desc { width: 284px; margin: 10px 0px 0px 18px;}
.services-desc p { margin: 6px 0px 0px 0px;}

/* Services Box End */

/* Pricing Box Start */

.brochure-box, .twobrochure-box, .cms-box, .flash-box, .ecommerce-box, .advanced-box { 
	background-repeat: no-repeat; 
	width: 680px; 
	height: 148px;
	margin: 30px 8px 0px 14px;			
	float: left;			
}

.brochure-box {background-image: url(images/brochure-back.jpg);}
.twobrochure-box {background-image: url(images/2brochure-back.jpg);}
.cms-box {background-image: url(images/cms-back.jpg);}
.flash-box {background-image: url(images/flash-back.jpg);}
.ecommerce-box {background-image: url(images/ecommerce-back.jpg);}
.advanced-box {background-image: url(images/advanced-back.jpg);}

h2.pricing-brochure, h2.pricing-twobrochure, h2.pricing-cms, h2.pricing-ecommerce, h2.pricing-flash, h2.pricing-advanced{ 
	height: 0px;
	padding-top: 17px;
	width: 307px; 
	background-repeat: no-repeat; 
	margin: 14px 0px 0px 148px; 
	overflow: hidden;}

h2.pricing-brochure {background-image: url(images/price-brochure.gif);}
h2.pricing-twobrochure {background-image: url(images/price-2brochure.gif);}
h2.pricing-cms {background-image: url(images/price-cms.gif);}
h2.pricing-ecommerce {background-image: url(images/price-ecommerce.gif);}
h2.pricing-flash {background-image: url(images/price-flash.gif);}
h2.pricing-advanced {background-image: url(images/price-advanced.gif);}

.pricing-desc { width: 500px; margin: 10px 0px 0px 150px;}
.pricing-desc p { margin: 6px 0px 0px 0px;}

/* Pricing Box End */

/* Back To Top */

.backtotop a {
	float: right;
	background-image: url(images/topofpage.gif);
	background-repeat: no-repeat;
	height: 0px;
	padding-top: 63px;
	overflow: hidden;
	margin: 30px 10px 0 10px;
	width: 63px;
}

/* Back To Top End */

#clearfix {clear: both}
.clearfix {clear: both}

.rssfeed {text-align: left; margin: 10px 0;}


/* Sitemap */

#sitemap {
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-decoration:underline;
	text-indent:0px;
	line-height:1.4em;
	margin:20px;
	padding:6px;
}


#sitemap ul {
	font-size:1em;
	font-style:italic;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	font-weight: normal;
	text-decoration:underline;
	text-indent:0px;
padding-left: 10px;
}

#sitemap li ul li ul  {
	font-size:1em;
	font-style:italic;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	font-weight: bold;
	text-decoration:underline;
	text-indent:10px;
}

.pusher{
cursor:pointer;
padding:4px 0px;
font-weight:900;
font-size:12px;
color: #720000;
}

div.cctitles {
	margin: 14px 0 3px 0;;
}

hr#grey {height: 1px; border-top: 1px; width: 100%; color: #cccccd; margin: 30px 0 20px 0; clear:both;}

ul.essexseo {	list-style-image:none;
	list-style-position:inside;
	list-style-type:none; font-size: 11px; padding: 0; text-align: justify; margin: 0;}

.essexseo li { float: left; margin: 0 2px 0;}
.essexseo li a { color: #727272; text-align: justify;}
.essexseo li a:hover { color: #720000}

.essexseoli_hold  {text-align: justify;}

.seoaz {clear:both; padding: 10px 0 0 2px; font-size: 11px;}

/*Slider */
.pusher{
cursor:pointer;
padding:3px 10px 3px 0px;
font-weight:900;
font-size:12px;
color: #720000;
}


#newsletterwrap {

width: 154px; padding: 26px 0 3px 0; margin: 0 auto;


}
.nmstext { width: 110px; padding: 4px 1px 3px 0; font-size:12px;}
#nmsuserbox input { 
padding: 0 1px 0 0;
text-align: right;
}
#nmsemailbox { width: 160px; padding: 0 0 6px 0;}
#nmsemailbox input {

   width: 150px;     /* control the width for the input box */
   font-size:  12px;   
   text-align: left;
   margin: 0 2px 8px 0;
vertical-align: middle;
}
#nmsuserbox { width: 160px; padding: 0 0 6px 0;;}
#nmsuserbox input {

   width: 148px;     /* control the width for the input box */
   font-size:  12px;   
   text-align: left;

vertical-align: middle;
}
.nmssubmit {text-align: right; width: 154px; }

.nmssubmit input {
height: 0px; width: 79px; padding-top: 18px; background-image: url(images/submitbutton.gif); overflow: hidden; margin: 0; border: 0; 

}

.nmssubmit input:hover {
background-image: url(images/submitbuttonhover.gif); 
}

.nmsbrief {margin: 0 auto; font-size: 10px; width: 175px; text-align: center;}

.nmsletter {
background-image: url(images/nmsletter_back.jpg);
width: 198px;
height: 165px;
margin-bottom: 5px;

color: #FFFFFD;
}

.confmess {width: 70px; margin: 0 auto; padding: 60px 0 0 0;}

.socialtags {padding: 10px 0;}

ul.seositemap {}
ul.seositemap li {margin: 0; padding: 0;}

.validation { width: 196px; text-align: center; padding-top: 10px;}
.formerror {color: red; width: 5px; float: right; padding-left: 3px;}
.finp2 {float: left;}

td.required {padding: 4px 0 2px 0;}
.checkbox {padding-left:3px;}
textarea#Array {float: left; width: 388px;}

table.contactform {margin:0 auto; padding-top: 20px;}
#recaptcha_area {margin:0 auto;}

#ss-hold{height: 30px; width:102px;}

li.ss-default, li.ss-red, li.ss-orange, li.ss-green, li.ss-blue, li.ss-purple {
display: block;
height: 30px;
width: 11px;
background-image: url(images/styeswtich-tags.jpg);
}

li.ss-default {background-position: 0px;}
li.ss-red {background-position: -11px;}
li.ss-green {background-position: -22px;}
li.ss-orange {background-position: -33px;}
li.ss-blue{background-position: -44px;}
li.ss-purple {background-position: -55px;}

.switchlist li a {
display: block;
height: 30px;
width: 11px;
}
/* End of 'aTSDstyle' */