@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #434343;
	background: #404040 url(../images/bg.gif) repeat-x top left;	
	font-family: Helvetica,Arial,Helmet,Freesans,sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
	display: block;
}

.header{
	margin: 0px auto;
	padding: 0;	
	text-align: center;
	display: block;
	z-index: 1;
	width: 1014px;
	position: relative;
}

.rest{
	margin: 0px auto;
	padding: 0;	
	text-align: center;
	display: block;
	z-index: 0;
	width: 1014px;
	position: relative;
	}

.header{ background: #404040 url(../images/bg-header.gif) repeat-x top left;}
.intro,.greybg,{ background-color: #404040;}
.orangebg{ background: #404040 url(../images/bg-orange.gif) repeat-x 3px 0px; height: 290px; clear: both; margin: 3px 0 0 0;}

.header-inner,.intro-inner,.orangebg-inner,.greybg-inner,.rest-inner{
	width: 1014px;
	position: relative;
	z-index: 0;
	margin: 0px auto;
	padding: 0;
	text-align: center;
	}

.header-inner{height: 169px; margin-bottom: 4px; float: left;}
.intro{ margin: 0 0 5px 0; }
.orangebg-inner{ height: 290px; }
.rest-inner{min-height: 100%;float: left;}

.rotating1 {
	float: left;
	width: 1014px;
	margin: 0 0 0 0px;
	position: relative;
	display: block;
	height: 275px;
	padding: 0 0px 0 0;
	overflow: hidden;
}

.header-right{
	float: left;
	width: 265px;
	position: relative;
	margin: 0 0 0 463px;
	}

.topnav{
	background: url(../images/topnav-bg.gif) no-repeat;
	width: 262px;
	height: 25px;
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
	}

.topnav a{font-weight: normal;}
.topnav a:hover{text-decoration: none;}

.contact-info{
	float: right;
	position: relative;
	width: 230px;
	height: 53px;
	margin: 20px 15px 0 0;
	}


.flash-outer{
	margin: 0px auto;
	padding: 0;	
	text-align: center;
	display: block;
	z-index: 0;
	position: relative;
	width: 1014px;
	}

.flash,.flash-seo{
	float: left;
	width: 1014px;
	margin: 0 0 0px 0px;
	position: relative;
	display: block;
	height: 285px;
	padding: 0 0 0 0;
	overflow:hidden;
}

.flash-seo-inner{width: 400px; float: left;}

.flash-seo{background: url(../images/header-seo.gif) no-repeat;}
.flash-seo p{ width: 380px; color: #ffffff; margin: 60px 0 0 90px; text-align: left;}
	
.logo{
	position: relative;
	height: 67px;
	width: 282px;
	margin-top: 40px;
	float: left;
	clear: both;
}

.logo img{
	position: relative;
	height: 67px;
	width: 282px;
	clear: both;
}



/* text styles */

h1, h2, h3, h4, h5, h6 { 
	margin: 0px;
	padding: 0 0 0px 0;
}

h1{
	font-weight: normal;
	color: #f56816;
	font-size: 18px;
	margin: 0 0 5px 0;
	}

h2{
	color: #f56816;
	font-size: 18px;
	font-weight: normal;
}

h1.standard,h2.standard,h3.standard,h4.standard{color: #5096be;}
h1.bespoke,h2.bespoke,h3.bespoke,h4.bespoke{color: #a4a60e;}
h2.cms,h2.cms,h3.cms,h4.cms{color: #ec7f22;}
h1.ecom,h2.ecom,h3.ecom,h4.ecom{color: #930f4b;}

.home-design h3,.home-development h3{
	font-size: 18px;
	color: #404040;
	font-weight: normal;
	padding: 0 0 0 40px;
	height: 32px;
	}

.home-design h3		{background: url(../images/icon-webdesign.gif) no-repeat; border-bottom: 1px solid #a5b9f6;}
.home-development h3{background: url(../images/icon-webdevelopment.gif) no-repeat; border-bottom: 1px solid #add394;}

h3{
	font-size: 16px;
	color: #404040;
	font-weight: normal;
	padding: 0 0 5px 0;
	position: relative;
}

h3.seo{
	color: #ffffff!important;
	font-size: 18px!important;
	margin: 0 0 0 0px!important;
	width: 450px;
	}

p.seo{ margin: 0px 0 0 90px}



h4{
	font-size: 12px;
	color: #e45b00;
	font-weight: normal;
	font-variant:small-caps;
}

h4.design{color: #fff;}

h5{
	color: #f56816;
	font-weight: bold;
	font-size: 14px;
	padding: 0;!important
}

h6{
	color: #c9191b;
	font-size: 16px;
	padding: 5px 0 5px 0;
}

a img {border: none;}

p {
	margin: 0;
	padding: 0 0 10px 0;
}

.italic{font-style: italic;}
.bold{font-weight: bold;}
.small-caps{font-variant: small-caps;}
.small{font-size: 12px;}

.orange		{color: #f56816;font-weight: bold;}

.web-tag{
	font-size: 10px;
	margin: -3px 0 0 0;
	padding: 0;
	}
	
.web-tag a{	color: #454545!important; margin: -5px 0 0 0; padding: 0;}

a{
	color: #454545;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #f56816;
	text-decoration: underline;
}

.left-col-page-red a:hover{ color: #ca0000;}
.left-col-page-blue a:hover{ color: #012175;}

.right-col-page-red a:hover{ color: #ca0000;}
.right-col-page-blue a:hover{ color: #012175;}

ul{margin: 0 0 20px 15px;}
ol{margin: 0 0 20px 15px;}
li{ margin: 5px 0 0 25px;}


.footer-container li{ margin: 0px 0 0 0px;}

.spacer { clear: both }


/* generic styles */

.middle-content{
	width: 1014px;
	text-align: left;
	margin: 0px auto;
	height: 100%;
	position: relative;
	margin: 0px 0 0 0;
	display: block;
	}

.box,.box-location{
	width: 1014px;
	text-align: left;
	position: relative;
	float: left;
	padding: 0px;
	margin: 3px 0 3px 0;
	display: block;
	z-index: 0;
}

.box{background: url(../images/top-curve.gif) no-repeat;}
.box-location{background: url(../images/top-curve-location.gif) no-repeat;}

.middlebox{
	width: 974px;
	background-color: #fff;
	position: relative;
	float: left;
	margin: 74px 0 0 0;
	padding: 0 20px 20px 20px;
	}
	
img.bottomcurve {margin:0; padding: 0; width: 1014px; height: 14px;}

.image-about{margin: 30px 0 0 20px;}
.image-cms{margin: 10px 0 20px 50px; width: 283px; height: 188px; position: relative;}
.image-ecom{margin: 10px 0 0 50px;  position: relative;}

.left-col-home,.left-col-page,.onecol,.left-col,.left-col-map{
	float: left;
	padding: 0px;
	position: relative;
	margin: -50px 0 0 0;
	overflow: hidden;
}

.left-col-packages,.location-left,{	
	float: left;
	padding: 0px;
	position: relative;
	margin: 0px 0 0 10px;
	overflow: hidden;

}
	
	
.left-col-map{ width: 400px;}	
.left-col{ width: 570px;}
.left-col-home{ width: 470px;}
.left-col-page{ width: 570px;}
.left-col-packages{ width: 575px;}
.onecol{width: 980px;}
.location-left {width: 470px; margin: 35px 20px 0 0;}


.right-col-home,.right-col-landing,.right-col-page,.right-col,.right-col-packages,.location-right,.right-col-map{
	position: relative;
	float: right;
}

.right-col-landing{background: url(../images/screen.jpg) no-repeat 39px 7px ; z-index: 1;}

.right-col	{ width: 350px; margin: -25px 0 0 0; padding: 0px;}
.right-col-home, .right-col-landing{ width: 450px; height: 362px; margin: -65px 0 0 0px; padding: 0px;}
.right-col-page{ width: 350px; margin: -40px 0 0 0; border: 1px solid #e9e9e9; background-color: #fff; padding: 10px; font-size: 12px;}
.right-col-packages { width: 300px; float: left; margin: -5px 0 0 20px}
.location-right{width: 450px; float: left; margin: -5px 0 0 20px; height: 400px;}
.right-col-map{ width: 500px; padding: 10px; background-color: #e9e9e9; border: 1px solid #d9d9d9; margin: -60px 0 0 0;}

/* specific page styles */

/* home styles */

.sections{clear: both; margin: 0 0 10px 0; height: 200px;}

.home-standard,.home-bespoke,.home-cms,.home-ecom{
	height: 174px;
	width: 211px;
	padding: 10px;
	color: #ffffff;
	float: left;
	margin: 0 12px 10px 0;
	}
	
.home-standard p,.home-bespoke p,.home-cms p,.home-ecom p{width: 200px; display: block;}	
	
.home-standard{	background: url(../images/home-standardbg.gif) no-repeat; }
.home-bespoke{	background: url(../images/home-bespokebg.gif) no-repeat; }
.home-cms{	background: url(../images/home-cmsbg.gif) no-repeat; }
.home-ecom{	background: url(../images/home-ecombg.gif) no-repeat; }

.home-standard-title{ margin: 0 0 0 50px;}
.home-bespoke-title{ margin: 0 0 0 50px; }
.home-cms-title{ margin: 0 0 0 70px; }
.home-ecom-title{ margin: 0 0 0 30px; }


.standard-price,.bespoke-price,.cms-price,.ecom-price{
	width: 102px; 
	height: 101px;
	float: right;
	padding: 0;
	position: relative;
	}

.standard-price{background: url(../images/home-standardprice.png) no-repeat; top: -74px; right: -23px;}
.bespoke-price{background: url(../images/home-bespokeprice.png) no-repeat; top: -74px; right: -23px;}
.cms-price{background: url(../images/home-cmsprice.png) no-repeat; top: -75px; right: -24px;}
.ecom-price{background: url(../images/home-ecomprice.png) no-repeat; top: -75px; right: -24px;}

.home-standard-but{ margin: 40px 0 0 0;}
.home-bespoke-but{ margin: 42px 0 0 0;}
.home-ecom-but{ margin: 22px 0 0 0;}
.home-cms-but{ margin: 22px 0 0 0;}

.col1-services,.col2-services,.col3-services,.designcol1,.designcol2,.designcol3,.seocol1,.seocol2,.cmscol1,.cmscol2,.cmscol3 {	
	float: left;
	margin: -50px 20px 0 0;
	}

.col1-services{margin: -50px 60px 0 0; width: 330px;}
.col2-services{margin: -27px 60px 0 0; width: 290px;}
.col3-services{margin: -27px 0px 0 0; width: 220px;}

.designcol1{margin: -50px 60px 0 0; width: 350px;}
.designcol2{margin: -27px 60px 0 0; width: 220px;}
.designcol3{margin: -27px 0px 0 0; width: 270px;}

.seocol1{margin: -50px 60px 0 0; width: 360px;}
.seocol2{margin: -27px 0px 0 0; width: 550px;}

.cmscol1{margin: -50px 60px 0 0; width: 360px;}
.cmscol2{margin: -27px 60px 0 0; width: 250px;}
.cmscol3{margin: -27px 0px 0 0; width: 230px;}

.cmscol2 img{margin: 10px 0 0  0;}

.col1-services ul,.col2-services ul,.col3-services ul {padding: 0; margin: 5px 0 0 0;}
.col1-services li,.col2-services li,.col3-services li{border-bottom: 1px dotted #e3e3e3; list-style:none; padding: 0 0 3px 0; margin: 0 0 3px 0;}


.designcol1 ul,.designcol2 ul,.designcol3 ul {padding: 0; margin: 5px 0 0 0;}
.designcol1 li,.designcol2 li,.designcol3 li{border-bottom: 1px dotted #e3e3e3; list-style:none; padding: 0 0 3px 0; margin: 0 0 3px 0;}

.designcol2 li{padding: 0 0 5px 35px;}

.designcol2 li.domain		{background: url(../images/icon-domain.gif) no-repeat; }
.designcol2 li.hosting		{background: url(../images/icon-hosting.gif) no-repeat;}
.designcol2 li.email		{background: url(../images/icon-email.gif) no-repeat; }
.designcol2 li.technical	{background: url(../images/icon-technical.gif) no-repeat; }
.designcol2 li.seo			{background: url(../images/icon-seo.gif) no-repeat; }
.designcol2 li.ses			{background: url(../images/icon-ses.gif) no-repeat;}
.designcol2 li.photography	{background: url(../images/icon-photo.gif) no-repeat;}
.designcol2 li.simplelogo	{background: url(../images/icon-logo.gif) no-repeat;}
.designcol2 li.customised	{background: url(../images/icon-contact.gif) no-repeat;}

.quote{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 0 0;
	}

.title-latest{margin: 0 30px 10px 0;float: left;}
.latest{margin: 20px 5px 0 0; width: 210px; height: 195px; float: left;}

	







/* about */
.aboutlinks{
	width: 600px;
	float: left;
	margin: 0 0 20px 0;
	}

.aboutlinks img	{width: 105px; height:105px; float: left; margin: 0 10px 0 0;}
.aboutlinks h2	{float: left;}
.aboutlinks p	{float: left; margin: 0 0 0 0; width: 450px; padding: 0;}


.newsstory{
	width: 950px;
	float: left;
	margin: 20px 0 20px 0;	
	}

.newsstory img	{width: 93px; height:93px; float: left; margin: 0 10px 0 0;}
.newsstory p	{float: left; margin: 0 0 0 0; width: 840px; padding: 0;}

.profile{
	width: 990px;
	float: left;
	margin: 0 0 20px 0;
	}

.profile img{
	width: 186px;
	height: 184px;
	float: left;
	margin: 0 10px 0 0;
	}

img.teamtitle{float: left; height: 18px; width: 147px; margin: 20px 0 0 0;}

.profile p{
	width: 780px;
	float: left;
	padding: 0;
	margin: 0;
	}
	
p.profile-title{
	font-variant: small-caps;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 0;
	position: relative;
	}

.portfolio-sticker{
	position: relative;
	z-index: 20;
	width: 141px;
	height: 138px;
	margin: 0px 0 0 0;
	top: -40px;
	}



/* web design */

.panel1,.panel2,.panel3,.panel4{
	height: 279px;
	float: left;
	position: absolute;
	width: 414px;
	overflow: hidden
	}

/*
.panel1{z-index: 1; left: 0}
.panel2{z-index: 2; left:214px;}
.panel3{z-index: 3; left:414px;}
.panel4{z-index: 4; left:614px;}
*/
.webheader-col1{
	width: 180px;
	padding: 10px;
	float: left;
	}

.webheader-col1 p,.webheader-col2 p{
	color: #fff;
	text-align: left;
	}
	
.webheader-col2{
	width: 190px;
	padding: 10px 0px 10px 15px;
	float: left;
	text-align: left;
	font-size: 12px;
	color: #fff;
	}
	
.webheader-col2 h2{color: #fff; font-weight: bold; margin: 2px 0 0 0;}	
.webheader-col2 ul{ padding: 0; margin: 0; }
.webheader-col2 li{ padding: 0; margin: 0 0 0 15px;;}

.panel1{ background: url(../images/standard-bg.gif) repeat-y;}
.panel2{ background: url(../images/bespoke-bg.gif) repeat-y;}
.panel3{ background: url(../images/cms-bg.gif) repeat-y;}
.panel4{ background: url(../images/ecom-bg.gif) repeat-y;}

.but-standard{ margin: 75px 0 0 0;}
.but-bespoke{ margin: 5px 0 0 0;}
.but-cms{ margin: 5px 0 0 0;}
.but-ecom{ margin: 5px 0 0 0;}





.web-icons{margin: 10px 0 0 0;}
.web-icons img{padding: 10px;}

.designlinks{
	width: 990px;
	float: left;
	margin: 20px 0 10px  0;
	padding: 0 0 20px 0;
	}

.designlinks img	{width: 108px; height: 108px; float: left; margin: 0 10px 0 0;}
.designlinks h2	{float: left; margin: -5px 0 0 0;}
.designlinks p	{float: left; margin: 0 0 0 0; width: 830px; padding: 0;}

.standard-view-prices a,.standard-view-info a,.bespoke-view-prices a,.bespoke-view-info a,
.cms-view-prices a,.cms-view-info a,.cms-system a,.cms-demo a,
.ecom-view-prices a,.ecom-view-info a,.ecom-system a,.ecom-demo a{
	height: 30px;
	display: block;
	float: left;
	color: #434343;
	padding: 3px 0 0 35px;
	font-weight: normal;
	margin: 5px 0 0 0;
	}
	
.standard-view-prices a		{width: 123px; background: url(../images/standard-prices.gif) no-repeat 0px 0;}
.standard-view-info a		{width: 183px; background: url(../images/standard-info.gif) no-repeat 0px 0;}
.bespoke-view-prices a		{width: 123px; background: url(../images/bespoke-prices.gif) no-repeat 0px 0;}
.bespoke-view-info a		{width: 183px; background: url(../images/bespoke-info.gif) no-repeat 0px 0;}
.cms-view-prices a			{width: 123px; background: url(../images/cms-prices.gif) no-repeat 0px 0;}
.cms-view-info a			{width: 183px; background: url(../images/cms-info.gif) no-repeat 0px 0;}
.cms-system a				{width: 243px; background: url(../images/cms-system.gif) no-repeat 0px 0;}
.cms-demo a					{width: 123px; background: url(../images/cms-demo.gif) no-repeat 0px 0;}
.ecom-view-prices a			{width: 123px; background: url(../images/ecom-prices.gif) no-repeat 0px 0;}
.ecom-view-info a			{width: 183px; background: url(../images/ecom-info.gif) no-repeat 0px 0;}
.ecom-system a				{width: 243px; background: url(../images/ecom-system.gif) no-repeat 0px 0;}
.ecom-demo a				{width: 123px; background: url(../images/ecom-demo.gif) no-repeat 0px 0;}

.standard-view-prices a:hover	{background: url(../images/standard-prices-over.gif) no-repeat; color: #5096be;}
.standard-view-info a:hover		{background: url(../images/standard-info-over.gif) no-repeat; color: #5096be;}	
.bespoke-view-prices a:hover	{background: url(../images/bespoke-prices-over.gif) no-repeat; color: #a4a60e;}
.bespoke-view-info a:hover		{background: url(../images/bespoke-info-over.gif) no-repeat; color: #a4a60e;}
.cms-view-prices a:hover		{background: url(../images/cms-prices-over.gif) no-repeat; color: #ec7f22;}
.cms-view-info a:hover			{background: url(../images/cms-info-over.gif) no-repeat; color: #ec7f22;}
.cms-system a:hover				{background: url(../images/cms-system-over.gif) no-repeat; color: #ec7f22;}
.cms-demo a:hover				{background: url(../images/cms-demo-over.gif) no-repeat; color: #ec7f22;}
.ecom-view-prices a:hover		{background: url(../images/ecom-prices-over.gif) no-repeat; color: #930f4b;}
.ecom-view-info a:hover			{background: url(../images/ecom-info-over.gif) no-repeat; color: #930f4b;}
.ecom-system a:hover			{background: url(../images/ecom-system-over.gif) no-repeat; color: #930f4b;}
.ecom-demo a:hover				{background: url(../images/ecom-demo-over.gif) no-repeat; color: #930f4b;}

.divide{
	background: url(../images/divide.gif) repeat-x;
	height: 29px;
	clear: both;
	width: 1000px;
	margin: 0 0 0 -20px;
	}
	
/* Web Package Styles */


.standard-portfolio-link,.bespoke-portfolio-link,.cms-portfolio-link,.ecom-portfolio-link{
	width: 451px;
	height: 115px;
	background: url(../images/portfolio-link.jpg) no-repeat;
	padding: 50px 0 0 140px;
	margin: 0 0 10px 0;
	}

.cms-featurelist-link{
	width: 180px;
	height: 135px;
	background: url(../images/cms-featurelist.gif) no-repeat;
	padding: 30px 251px 0 20px;
	margin: 0 0 30px 0;
	}

.cms-demo-link{
	background: url(../images/cms-demobg.gif) no-repeat;
	width: 300px;
	height: 106px;
	padding: 10px 180px 0 10px;
	margin: 0 0 0 -7px
}

.ecom-featurelist-link{
	width: 180px;
	height: 135px;
	background: url(../images/ecom-features.gif) no-repeat;
	padding: 30px 251px 0 20px;
	margin: 0 0 30px 0;
	}
	
.ecom-demo-link{
	background: url(../images/ecom-demobg.gif) no-repeat;
	width: 300px;
	height: 106px;
	padding: 10px 180px 0 10px;
	margin: 0 0 0 -7px
}

	
.cms-demo-link h3,.ecom-demo-link h3{color: #fff; font-weight: bold; padding: 0 0 20px 10px;}
.cms-demo-link a{color: #ec7f22; }
.ecom-featurelist-link a:hover{color: #930f4b; }
.ecom-demo-link a{color: #930f4b; }

.standard-portfolio-link a:hover{ color: #3e86ae;}
.bespoke-portfolio-link a:hover{ color: #a4a60e;}
.cms-portfolio-link a:hover{ color: #ec7f22;}
.ecom-portfolio-link a:hover{ color: #930f4b;}

.standard-seo-link,.bespoke-seo-link,.cms-seo-link,.ecom-seo-link{
	background: url(../images/seolink.gif) no-repeat;
	width: 345px;
	height: 106px;
	padding: 30px 100px 0 20px;
	}

.standard-seo-link a:hover{color: #3e86ae;}
.bespoke-seo-link a:hover{color: #a4a60e;}
.cms-seo-link a:hover{color: #ec7f22;}
.ecom-seo-link a:hover{color: #930f4b;}

h4.standard,h4.bespoke,h4.cms,h4.ecom{margin: 20px 0 0 0;}

#quotebox{
	height: 287px;
	width: 410px;
	padding: 20px;
	margin: 40px 0 20px 0;
}	
#quotebox h2{ color: #ffffff; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
#quotebox p{ color: #ffffff; margin: 0 0 10px 0; }

#quotebox.standard{background: url(../images/quote-bg.gif) no-repeat;}
#quotebox.bespoke{background: url(../images/bespoke-quote-bg.gif) no-repeat;}
#quotebox.cms{background: url(../images/cms-quote-bg.gif) no-repeat;}
#quotebox.ecom{background: url(../images/ecom-quote-bg.gif) no-repeat;}


#quotebox .go{
	margin: 5px 0px 0 115px;
	border: 0;
	height: 32px;
	width: 268px;
	font-weight: bold;
	padding: 3px 0px 5px 0;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	cursor: pointer;	
}
	
#quotebox.standard .go{ background: url(../images/button-standard-emailquote.png) no-repeat; color: #ffffff; }
#quotebox.bespoke .go{ background: url(../images/button-bespoke-emailquote.png) no-repeat; color: #696a0e; }
#quotebox.cms .go{ background: url(../images/button-cms-emailquote.png) no-repeat; color: #7a3f0d; }
#quotebox.ecom .go{ background: url(../images/button-ecom-emailquote.png) no-repeat; color: #ffffff; }

#quotebox.standard .go:hover{ background: url(../images/button-standard-emailquote-over.png) no-repeat; color: #3e86ae; }
#quotebox.bespoke .go:hover{ background: url(../images/button-bespoke-emailquote-over.png) no-repeat; color: #696a0e; }	
#quotebox.cms .go:hover{ background: url(../images/button-cms-emailquote-over.png) no-repeat; color: #7a3f0d; }
#quotebox.ecom .go:hover{ background: url(../images/button-ecom-emailquote-over.png) no-repeat; color: #930f4b; }	


.quoteForm{
	margin: 5px 0 0 0;
	float: left;	
	width: 500px;
}	

.quoteForm .label {
	float: left;
	clear: left;
	width: 110px;
	margin: 5px 5px 0 0;
	text-align: left;
	padding: 8px 0 0 0;
	font-size: 14px;
	color: #fff;
}

input.quotename,input.quoteemail{ 
	width: 280px;
	background-color: #fff;
	margin: 0px 0 5px 0;
	padding: 7px 0 10px 10px;
	float: left;
	border: 0;
	color: #404040;
	font-weight: bold;
	font-size: 12pt;
	background: url(../images/field-quote.png) no-repeat;
}

textarea.quotemessage{
	background: url(../images/field-quotemessage.png) no-repeat;
	width: 257px;
	border: 0;
	height: 98px;
	padding: 5px;
	color: #404040;
	font-size: 14px;
	font-weight: bold;
	font-family:Tahoma, Geneva, sans-serif;
	}
	
textarea.quotemessage:hover{ background: url(../images/field-quotemessage-over.png) no-repeat;}

input.quotename:hover,input.quoteemail:hover{ background: url(../images/field-quote-over.png) no-repeat; }

/* our systems/web development styles */

.webdevtxt{
	width: 700px;
	float: left;
	margin: 0 0 0 10px;
	}
	
.webdevimg{
	width: 211px;
	height: 215px;
	float: left;
	margin: -20px 0 20px 40px;
	}
	
/* seo styles */

table{
	border-collapse:collapse;
	}

td{padding: 3px;}
	
.seotable{
	width: 974px;
	border: 1px solid #fff;
	text-align: center;
	margin: 20px 0 0 0;
	}

.tableleft{text-align: left;}

tr.tabletop{ background-color: #adadad; }
tr.dark{ background-color: #d8d8d8;}
tr.light{ background-color: #ebebeb;}

#seoForm {
	padding-top: 5px;
	width: 358px;
	margin: 0;
}

#seoForm .label {
	float: left;
	clear: left;
	width: 50px;
	margin: 0 10px 0 20px;
	text-align: right;
	color: #ffffff;
}


input.seoemail, input.seowebsite{
	width: 250px;
	background-color: #fff;
	margin: 0px 0 5px 8px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 5px;
	text-align: left;
}

.seosubmit {
	margin: 0 28px 0 0;
	text-align: center;
	background: url(../images/seosubmit.gif) no-repeat;
	width: 151px;
	height: 27px;
	color: #ffffff;
	border: none;
	cursor: pointer;
	font-weight: bold;
}

.seosubmit:hover {background: url(../images/seosubmit-over.gif) no-repeat; color: #1544ac ;}

/* website prices styles */


.freestuff{
	width: 987px;
	float: left;
	margin: 10px 0 15px 8px;
	}

.freestuff img{ width: 89px; height: 89px; margin: 0 8px 0 0;}

.website-packages{
	width: 980px;
	background-color: #ad1005;
	height: 30px;
	float: left;
	position: relative;
	padding: 5px 0 0 5px;
	}

.curved-box, .curved-box-total{
	float: left;
	position: relative;
	}

.curved-box{background: url(../images/top-curve-prices.gif) no-repeat; width: 573px; margin: 10px 0 20px 0;}
.curved-box-total{background: url(../images/top-curve-filled.gif) no-repeat; width: 361px; margin: 35px 0 0 3px; padding: 0;}

.curved-box-total h3{color: #fff; padding: 8px 0 0 8px;}

.curved-content, .curved-content-total{
	background: #fff;
	border-left: 1px solid #ec7f22;
	border-right: 1px solid #ec7f22;
	padding: 5px 10px 5px 10px;
	float: left;
	}

.curved-content{ width: 551px; margin: 9px 0 0 0;}
.curved-content-total{ width: 339px; margin: 5px 0 0 0;}

.typeofsite{
	float: left; 
	width: 550px;
	}

.typeofsite h3{
	font-size: 18px;
	color: #ec7f22;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0 0 0 5px;	
	float: left;
	position: relative;
}

.typeofsite .label{width: 460px; float: left; position: relative; margin: 0 0 10px 30px;}

.typeofsite .checkbox{margin: 3px 10px 0 0; float: left; clear: both;}

#package_desc,#extra,#package_price,#extraprice,#pagescost{
	color: #3d3d3d;
	font-size: 16px;
	}
#package_price{
	float:right;
}
#no_pages_basket{
	color: #3d3d3d;
	font-size: 14px;
	}

#costwithpages{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	}
	
.col1{
	width: 280px;
	float: left;

	}
	
.col2{
	width: 50px;
	float: left;

}


.type,.pages,.extras{width: 400px; clear: both;}

.extras{margin: 30px 0 0 0;}

.websitetype{ color: #404040; font-size: 18px; width: 200px; float: left; }
.typeprice{color: #404040; font-size: 18px; width: 100px; float: right; margin: 0 10px 0 0;}
.extrapages{ color: #404040; font-size: 14px; width: 200px; float: left}
.pagesprice{color: #404040; font-size: 18px; width: 100px; float: right; margin: 0 10px 0 0;}
.extraname{ color: #404040; font-size: 18px; width: 200px; float: left;}
.extraprice{color: #404040; font-size: 18px; width: 100px; float: right; margin: 0 10px 0 0;}

.bottomcurve-filled{
	background: url(../images/bottom-curve-filled.gif) no-repeat;
	width: 563px;
	padding-right: 10px;
	padding-top: 10px;
	height: 36px;
	float: left;
	color: #fff;
	font-size: 16px;
	text-align: right;
	}

.bottomcurve-smaller-filled{
	background: url(../images/bottom-curve-smaller-filled.gif) no-repeat;
	width: 351px;
	padding-right: 10px;
	padding-top: 10px;
	height: 36px;
	float: left;
	color: #fff;
	font-size: 16px;
	text-align: right;
	margin: 0;
}

#totalPrice{color: #fff; font-weight:bold;}
	
.price{
	color: #ec7f22;
	font-size: 18px;
	float: right;
	position: relative;
	}

.title{
	width: 500px;
	}


/* portfolio styles */


.key{
	float: left;
	margin: 0 0 15px 0;
	}

.content, .language, .flash-icon, .video, .shop,.custlogin,.crm,.database,.portal{
	float: left; 
	cursor: pointer; 
	margin: 0 15px 0 0;
	height: 90px; 
	width: 90px;
	}


.content	{  background: url(../images/key-contentmanaged.gif) no-repeat; }
.language	{ background: url(../images/key-language.gif) no-repeat;}
.flash-icon	{ background: url(../images/key-flash.gif) no-repeat;}
.video		{ background: url(../images/key-video.gif) no-repeat;}
.shop		{ background: url(../images/key-shop.gif) no-repeat;}
.custlogin	{ background: url(../images/key-custlogin.gif) no-repeat;}
.crm		{ background: url(../images/key-crm.gif) no-repeat;}
.database	{ background: url(../images/key-data.gif) no-repeat;}
.portal		{ background: url(../images/key-custportal.gif) no-repeat;}


.portfolio-main{
	width: 987px;
	float: left;
	position: relative;
	margin: 30px 0 0 0;
	}
	
.portfolio-main h3{ color: #e85813; margin: 0; padding: 0;}
.portfolio-main p{ font-size: 12px;}

.portfolio1,.portfolio2,.portfolio3{
	background: url(../images/individual-portfolio-bg.gif) no-repeat;
	height: 389px;
	width: 285px;
	position: relative;
	float: left;
	margin: 5px 5px 0 0;
	padding: 0px 16px 10px 17px;
	}
	
.portfolio1{margin: 3px 10px 0 0;}
.portfolio2{margin: 3px 10px 0 0;}
.portfolio3{margin: 3px 0px 0 0;}

.website-img{
	width: 281px;
	height: 143px;
	margin: 0 0 10px 0;
	}
	
.visit{
	width: 96px;
	height: 20px;
	float: right;
	margin: 0 4px 0 0;
	background: url(../images/tab-visit.gif) no-repeat;
	}
	
.visit:hover{background: url(../images/tab-visit-over.gif) no-repeat;}

.portfolio-icon{
	padding: 0;
	margin: 0 5px 0 0;
	}

.iwouldlike a{
	background: url(../images/button-iwould.gif) no-repeat;
	width: 271px;
	height: 26px;
	margin: 10px 0 0 0;
	display: block;
	color: bb0f03;
	font-size: 5px;
	}
	
.iwouldlike a:hover{
	background: url(../images/button-iwould-over.gif) no-repeat;
	}

.portfolio-header{
	background: url(../images/header-orange.gif) no-repeat;
	float: left;
	width: 1014px;
	margin: 0 0 5px 0px;
	position: relative;
	display: block;
	height: 279px;
	padding: 0 0px 0 0;
	overflow:hidden;
	}
	
/* Testimonial styles */

.testimonials{
	margin: 10px 0 20px 0;
	clear: both;
	}
	
.testimonials img{border: 2px solid #e85813; float: left; margin: 10px 20px 20px 0; clear: left; width: 160px;}
.testimonials p{ width: 780px; float: left; margin: 10px 0 10px 0;}

/* Resources page styles */

.left-resources{
	width: 490px;
	float: left;
	margin: 20px 20px 0 0;
	}
	
.right-resources{
	width: 420px;
	float: left;
	background-color: #f3f3f3;
	padding: 20px;
	}
	
.left-resources h4{float: left;}
.seobullet{
	float: left;
	margin: 0 5px 5px 0;
	}

.dotteddivide{background: url(../images/dotted-divide.gif) repeat-x; height:3px; clear: both;}

.resourceslinks{
	width: 490px;
	float: left;
	margin: 10px 0 10px 0;
	}

.resourceslinks img{width: 92px; height: 57px; margin: 0 5px 0 0; float: left;}
.resourceslinks p{ width: 380px; float: left;}

p.applications{float: left; width: 320px;}

.password-generator{
	background: url(../images/password-bg.gif) no-repeat;
	width:643px;
	height: 182px;
	margin: 20px 0 20px 0;
	
	} 
.rightsection-generator{
	width: 350px;
	float: right;
	margin: 20px 20px 0 0;
	}

.passwordtxt{ float: left; clear: both;}

.passwordbutton a{
	background: url(../images/generate-password.gif) no-repeat;
	width: 349px;
	height: 53px;
	float: right;
	font-size: 1px;
	display: block;
	margin: 0 0 20px 0;
	}
.passwordbutton a:hover{background: url(../images/generate-password-over.gif) no-repeat;}

.passworddisplay{
	background: url(../images/password-box.gif) no-repeat; 
	height: 32px; 
	width: 336px; 
	float: right; 
	color: #F60; 
	padding: 13px 5px 5px 10px; 
	font-size: 18px;
	}

#google-position{
	margin: 10px 0 10px 0;
	width: 500px;
	}
	
#google-position .google-label {
	float: left;
	clear: left;
	width: 90px;
	margin: 5px 10px 0 0;
	text-align: left;
	font-weight: bold;
}


input#google-submit {
	width: 157px;
	height: 36px;
	background: url(../images/contact-submit.gif) no-repeat;
	border: none;
	margin: 5px 0 0 100px;
	cursor: pointer;
}

input#google-submit:hover {background: url(../images/contact-submit-over.gif) no-repeat;}


.googleposition{
	background: url(../images/positionbg.gif) no-repeat;
	width: 401px;
	height: 78px;
	padding: 32px 45px 0 0px;
	color: #fff;
	font-size: 24px;
	text-align: right;
	}

.google-right{
	width: 480px;
	float: left;
	}
	
.google-left{
	width: 480px;
	float: left;
	}

.googleresult{
	font-size: 28px;
	color: #e86423;
	font-weight: bold;
	padding: 5px 0 0 30px;
	}

/* Client Login page styles */

.client-img{
	float: left;
	width: 216px;
	margin: 20px 40px 0 0;
	}

	
.client-right{
	width: 600px;
	float: left;
	}

#clientForm {
	padding-top: 20px;
	width: 600px;
	float: left;
}

#clientForm .label {
	float: left;
	clear: left;
	width: 90px;
	margin: 5px 10px 0 0;
	text-align: right;
}

input#username, input#password{
	width: 401px;
	background: url(../images/contact-field.gif) no-repeat;
	margin-top: -2px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding: 7px;
	height: 32px;
	border: 0;
}


input#submit {
	width: 157px;
	height: 36px;
	background: url(../images/contact-submit.gif) no-repeat;
	border: none;
	margin: 5px 0 0 100px;
	cursor: pointer;
}

input#submit:hover {background: url(../images/contact-submit-over.gif) no-repeat;}




/* Contact page styles */

#mainForm {
	padding-top: 10px;
}

#mainForm .label {
	float: left;
	clear: left;
	width: 90px;
	margin: 5px 10px 0 0;
	text-align: right;
}

input#submit {
	width: 157px;
	height: 36px;
	background: url(../images/contact-submit.gif) no-repeat;
	border: none;
	margin: 5px 0 0 100px;
	cursor: pointer;
}

input#submit:hover {background: url(../images/contact-submit-over.gif) no-repeat;}

input#mainname, input#maincompany, input#mainemail, input#maincontact, input#mainpages{
	width: 401px;
	background: url(../images/contact-field.gif) no-repeat;
	margin-top: -2px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding: 7px;
	height: 32px;
	border: 0;
}

textarea#mainrequirements{
	background: url(../images/contact-textbox.gif) no-repeat;
	width: 401px;
	background-color: #fff;
	margin-top: -2px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding: 7px;
	border: 0;
	height: 105px;
	}
	
/* blog styles */

.blog{
	width: 1000px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	}

.blog h1{
	color: #cf4400;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.blog h2{
	color: #acacac;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 0;
}

.blog h3{
	font-size: 14px;
	color: #db4800;
	font-weight: normal;
	padding: 0;
	margin-bottom: 2px;	
}

.blog h4{color: #646464; font-size: 11px; margin-bottom: 10px;}

.blog a{
	color: #db4800;
	text-decoration:none;
	font-weight: normal;
}

.blog a:hover{
	color: #db4800;
	text-decoration: underline;
}


.blog .left-col{
	width: 670px;
	float: left;
	padding: 20px 30px 0 0px;
	position: relative;
	margin: 0px 0 0 0;
}

.blog .blog-outer{
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	width: 650px;
	padding: 10px 20px 10px 10px;
	margin-bottom: 20px;
	clear:both;
	}


.blog .comment{
	background: url(../images/bubble.gif) 0 2px no-repeat;
	width: 37px;
	height: 50px;
	float: left;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0 0 12px;
	font-size: 12px;
	
	}
	
.blog .middle{
	width: 680px;
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	}

.blog .related{
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	width: 440px;
	margin: 0 20px 0px 0;
	padding: 20px;
	float: left;
	}

.blog .tags{
	width: 135px;
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	margin: 0 0 0px 0;
	padding: 20px;
	float: left;
	}

.blog_comments{
	width: 640px;
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	margin: 0px 0 20px 0;
	padding: 20px;
	float: left;
	position: relative;
	display:none;
	}
	
.blog_comment{width: 640px; margin: 10px 0 10px 0; }

.blog .user{
	width: 400px;
	margin: 10px 0 10px 0;
	}

.blog .user_name{color: #db4800; }
.blog .user_date{ font-size: 11px;}

.blog .divide{
	background: url(../images/divide2.gif) repeat-x;
	height: 4px;
	width: 640px;
	margin: 0 0px 0 0px;
	}

.blog .user img{ float: left; margin: 0 10px 0 0; width: 32px;}

.blog .post_comment{
	width: 640px;
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	margin: 0 0 20px 0;
	padding: 20px;
	float: left;
	position: relative;
	display: none;
	}	

#blogForm {
	padding-top: 10px;
}

#blogForm .label {
	float: left;
	clear: left;
	width: 70px;
	margin: 5px 10px 0 0;
	text-align: right;
}

input#blogname, input#blogemail{
	width: 400px;
	background-color: #ffffff; 
	margin: 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding: 3px;
	height: 22px;
	margin: 0px 0 5px 0;
	border: 1px solid #d8d8d8;
}

textarea#blogcomment{
	width: 401px;
	background-color: #fff;
	margin: 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding: 3px;
	border: 0;
	height: 105px;
	border: 1px solid #d8d8d8;
	}


input#submitcomment {
	margin: 5px 0 0 80px;
}
	
	
.blog .right-col{
	float: left;
	position: relative;	
	width: 244px;
	padding: 10px;
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	margin: 20px 0 0 0;
}

.blog .blog_cat {
	width: 240px;
	margin: 0 0 30px 0;
	line-height: 1.5em;
	}

.blog_cat a {
	color: #646464;
	text-decoration: none;
	font-weight: normal; 
}

.blog.cat_number,.blog.date_number,.blog.author_number{
	color: #db4800;
}
.bread_crumb a {
	color: #ACACAC;
}
#paging{
	width: 410px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	padding: 10px 0 10px 0;
	margin-top: 20px;
}	

#paging a.first, #paging a.last, #paging a.next, #paging a.prev, #paging a.page {
	padding: 3px;
	color: #3a3a3a;
	text-decoration: none;
	margin: 0 0px 0 0;
	background-color: #bbbbbb;
	border: 1px solid #7f7f7f;
	}
	
#paging a.next{margin-left: 0px;}
#paging a.prev{margin: 0 10px 0 4px;}

#paging a:hover.first, #paging a:hover.last, #paging a:hover.next, #paging a:hover.prev, #paging a:hover.page {
	background-color: #9f9f9f;
	padding: 3px;
	color: #fff;
	border: 1px solid #7f7f7f;
	}

.cur{
	padding: 3px;
	color: #fff;
	text-decoration: none;
	background-color: #7f7f7f;
	display: inline;
	margin: 0 0px 0 0;
	border: 1px solid #7f7f7f;
}

/* footer styles */

.footer{
	width: 100%; 
	position: relative;
	height: 338px;
	background: #202020 url(../images/footer-bg.gif) repeat-x left top;
	z-index: 10;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	float: left;
	border-top: 1px solid #696969;
}

.footer-container{
	width: 987px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	height: auto;
	padding: 0px 0 0 0px;
	height: 100%;
	display: block;
	}




.footer img{float: left;}

.footer-title{
	margin: 10px 0 10px 10px;
	}


.footer-col1{
	width: 350px;
	float: left;
	display: block;
	}

.footer-col2{
	width: 350px;
	float: left;
	display: block;
	}

.footer-col3{
	width: 280px;
	float: left;
	display: block;
	}

.footer-col3 img{
	padding: 5px;
	}
	
.footer-all-logos{
	width: 300px;
	margin: 10px 0 0 0;
	}
	

	
.footer-all-logos img{
	padding: 5px 10px 5px 0;
	}
	

ul.footernav{
	color: #fff;
	list-style-type: none;
	margin: 10px 20px 0 0px;
	float: left;
	width: 130px;
	padding: 0;
	}	
	
	
ul.footernav li{	
	border-bottom: 1px dotted #414141;
	}

ul.footernav li a{
	color: #fff;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;

	}
		
ul.footernav li a:hover{
	font-weight: normal;
	color: #ff7100;
	}	


.tag{
	margin: 10px 0 0 0;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	position: relative;
	clear: both;
	line-height: 1.2em;
}

.footer .tag a{
	text-decoration: none !important; 
	color: #fff !important; 
	padding: 0;	
	font-weight: bold;	
}

.footer .tag a:hover,{
	text-decoration: underline !important;  
	color: #fff !important; 	
}


#kwick1 { background-image:url(../images/web-bespoke.gif); }
#kwick2 { background-image:url(../images/web-cms.gif); }
#kwick3 { background-image:url(../images/web-ecommerce.gif); }
#kwick4 { background-image:url(../images/web-standard.gif); }

#panel1 { background-image:url(../images/web-standard.gif); left:0px; }
#panel2 { background-image:url(../images/web-bespoke.gif); left:404px}
#panel3 { background-image:url(../images/web-cms.gif); left:604px;}
#panel4 { background-image:url(../images/web-ecommerce.gif); left:804px;}

/* Video Demo */
.video-demo{
	background: url(http://www.bbsolutions.co.uk/images/vid-bg.png) no-repeat;
	width: 520px;
	height: 331px;
	padding: 20px 0 0 20px;
	float: left;
	margin: 0;
}
	
.video-thumbs{
	float: left;
	width: 440px;
}

.vid-thumb{
	margin: 0px;
	height: 88px;
	clear: both;
	width: 446px;
	padding: 5px 0 0 0;;
}
	
.vid-thumb img	{border: 3px solid #202020; float: left; margin: 0px 10px 0 18px;}
.vid-thumb p	{float: left;}

.vid-title{
	font-size: 16px;
}

.vid-thumb-over{
	background: url(images/vid-thumb-over.gif) no-repeat;
	width: 446px;
	height: 88px;
	float: left;
	margin: 0 0 0 -9px;
	color: #ffffff;
	text-align: right;
}
.vid-thumb-over p{padding: 10px 20px 0 0;}