/*=============================

Candy Floss Design
www.cfd.candyflossdesign.co.uk

Designed by Ashley Northall - 2009
www.candyflossdesign.co.uk
www.designkeuze.nl

=============================*/

.clearfix {height:1px;}

*{outline: none;}

@font-face {
	font-family: 'CoolveticaRegular';
	src: url('font/coolvetica_rg-webfont.eot');
	src: local('☺'), url('font/coolvetica_rg-webfont.woff') format('woff'), url('font/coolvetica_rg-webfont.ttf') format('truetype'), url('font/coolvetica_rg-webfont.svg#webfont5477cSdl') format('svg');
	font-weight: normal;
	font-style: normal;
}

img {border: 0;}


/***************/

div.clear {
clear: both;
}

.hidden{display:none;}


html,body{
	margin: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	background: #eabdd2;
}

.wrapper{
	width: 875px;
}

.header-wrapper{
	width: 100%;
	background: #DF3E82;
}

.outer-maintext-wrapper{
 	width: 100%; 
	margin-top: -11px;
}

.maintext-wrapper{
	width: 100%;
	background: #DF3E82;
}

.outer-footer-wrapper{
 	width: 100%; 
	margin-top: -11px;
}

.outer-bottomfooter-wrapper{
 	width: 100%; 
	padding: 10px 0 20px 0;
	background: #35393A;
	margin: 0 0 0 0;
}

.footer-wrapper{
	width: 100%;
	background: #F0EBD8;
}



/**************************************************** SPANS ***********************************************/
.red{ color: #FC0800; }

.pink{ color: #DF3E82; }
.pink a{ color: #DF3E82; text-decoration: none; cursor: pointer; }
.pink a:hover{ color: #93B169; text-decoration: none; }

.black{ color: #35393A; }

.yellow{ color: #E09633; }

.white{ color: #fff;}

/********************************************************************* HEADER MENU ****************************************************************/


ul#topnav {
	margin: 0; padding: 0;
	width: 875px;
	list-style: none;
	z-index: 50;
	position: relative;
}


ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}

ul#topnav li a {
	float: left; 
	font-size: 25px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 20px 13px 10px 13px;
}

ul#topnav li a:hover {
	color: #DF3E82;
}


/****BORDER****/

ul#topnav li .sub .topborder-right,
ul#topnav li .sub .topborder-right-home,
ul#topnav li .sub .topborder-right-about,
ul#topnav li .sub .topborder-right-prices,
ul#topnav li .sub .topborder-right-portfolio,
ul#topnav li .sub .topborder-right-services,
ul#topnav li .sub .topborder-right-clients
 {
	width: 16px; 
	height: 12px;
	float: right;
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -65px -8px;
}

.topborder-right-home{ margin-left: 244px; }
.topborder-right-about{ margin-left: 599px; }
.topborder-right-prices{ margin-left: 284px; }
.topborder-right-portfolio{ margin-left: 519px; }
.topborder-right-services{ margin-left: 295px; }
.topborder-right-clients{ margin-left: 249px; }


.border-left {
	width: 16px; 
	height: 12px;
	float: left;
 	background:  url(../images/sprite.png) bottom no-repeat;
	background-position: 0 0;

}

.border-right {
	width: 16px; 
	height: 12px;
	float: left;
 	background:  url(../images/sprite.png) bottom no-repeat;
	background-position: -16px 0;

}

.border-filler-home,
.border-filler-about,
.border-filler-prices,
.border-filler-portfolio,
.border-filler-services,
.border-filler-clients{
	height: 12px;
	left: 16px;
	float: left;
	background: #E5A2C1;
}

.border-filler-home {width: 228px; }
.border-filler-about {width: 633px; }
.border-filler-prices {width: 268px; margin-left: -1px; }
.border-filler-portfolio {width: 503px; }
.border-filler-services {width: 278px; }
.border-filler-clients {width: 233px; }



/*********************************************************************  MENU  dropdwon bits****************************************************************/

.nav li:hover .sub {
	display:block;
}

.nav li .sub {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
}

.nav li ul {list-style: none;}

.nav li .sub .pink{
 	float: left;
	background: #E5A2C1;
	display: inline;
}

/************************************************************************HOME LINKS************************************************************************/

.home {
	width: 80px; 
	height: 60px;
}

.home:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: 0px 0px;
}
	
ul.home-sub{
	padding: 0 15px 0 15px;
	margin: 0px;
}

ul#topnav li.about a.black,
ul#topnav li.portfolio a.black,
ul#topnav li.contact a.black,
ul#topnav li.clients a.black, 
ul#topnav li.services a.black, 
ul#topnav li.prices a.black,
ul#topnav li.referral a.black,
ul#topnav li.about a.black,
ul#topnav li.home a.black{
		color: #35393A;
}



/*********************HOME CONTENT*********************/

.menu-box-home1{
	width: 230px;
	float: left;
	padding: 10px 0 0 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -774px 0px;
	text-align: left;
}

.menu-box-home2{
	border-top: 1px dashed #888;
 	margin: 10px 0 0 0;
	width: 230px;
	float: left;
	padding: 25px 0 10px 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -775px -175px;
	text-align: left;
}

.home-languages{
	margin: 10px 0 10px 0;
	text-align: right;
 	display: inline;
	font-size: 12px;
	width: 220px;
	float: left;
}

ul#topnav li .sub .home-languages .home-languages-UK a{
	font-size: 12px;
 	float: left;
 	height: 14px;
 	padding: 0px;
 	margin: 0 10px 0 55px;
 	text-indent: 18px;
	font-family: sans-serif, tahoma, arial;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -713px -30px;
}

ul#topnav li .sub .home-languages .home-languages-UK a:hover, ul#topnav li .sub .home-languages .home-languages-NL a:hover{
 text-decoration: underline;
 }

ul#topnav li .sub .home-languages .home-languages-NL a{
	font-size: 12px;
 	float: right;
 	height: 14px;
 	padding: 0px;
 	text-indent: 18px;
	font-family: sans-serif, tahoma, arial;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -713px -48px;
}



/*******************************************************ABOUT LINKS************************************************************************/



.about {
	width: 88px; 
	height: 60px;
}

.about:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -397px 0px;
}
	
ul.about-sub{
	width: 650px;
	padding: 0 0 0 15px;
	margin: 0px;
}




/*********************ABOUT CONTENT*********************/

.about-left{
	width: 200px;
	float: left;
	text-align: left;
}


ul#topnav li .sub ul.about-sub .about-left .about-box-left1 a{
	font-size: 25px;
	line-height: 26px;
	height: 26px;
	padding: 0px;
	text-indent: 26px;
	letter-spacing: 1px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -734px -96px;
	margin: 0 0 10px 0;
}

ul#topnav li .sub ul.about-sub .about-left .about-box-left2 a{
	font-size: 25px;
	line-height: 26px;
	height: 26px;
	padding: 0px;
	text-indent: 26px;
	letter-spacing: 1px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -734px -70px;
}

.about-right{
	float: left;
	display: inline;
	text-align: center;
	width:  440px;
	border-left: 1px dashed #888; 
}



ul#topnav li .sub ul.about-sub .about-right .about-right-facebook a{
	font-size: 12px;
 	float: left;
 	width: 59px;
	padding: 55px 0 0 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: 0px -64px;
	margin: 0 10px 0 20px;
	display: inline;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-facebook a:hover{
	background-position: -353px -64px;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-twitter a{
	font-size: 12px;
 	float: left;
 	width: 60px;
	padding: 55px 0 0 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -58px -64px;
	margin: 0 10px 0 0;
	display: inline;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-twitter a:hover{
	background-position: -412px -64px;
}


ul#topnav li .sub ul.about-sub .about-right .about-right-flickr a{
	font-size: 12px;
 	float: left;
 	width: 60px;
	padding: 55px 0 0 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -116px -64px;
	margin: 0 10px 0 0;
	display: inline;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-flickr a:hover{
	background-position: -475px -64px;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-youtube a{
	font-size: 12px;
 	float: left;
 	width: 59px;
	padding: 55px 0 0 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -175px -64px;
	margin: 0 10px 0 0;
	display: inline;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-youtube a:hover{
	background-position: -538px -64px;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-linkedin a{
	font-size: 12px;
 	float: left;
 	width: 60px;
	padding: 55px 0 0 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -232px -64px;
	margin: 0 10px 0 0;
	display: inline;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-linkedin a:hover{
	background-position: -602px -64px;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-vimeo a{
	font-size: 12px;
 	float: left;
 	width: 61px;
	padding: 55px 0 0 0;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -291px -64px;
	margin: 0px;
	display: inline;
}

ul#topnav li .sub ul.about-sub .about-right .about-right-vimeo a:hover{
	background-position: -665px -64px;
}




/*******************************************************SERVICES LINKS************************************************************************/



ul#topnav .services {
	width: 110px; 
	height: 60px;
}

ul#topnav .services:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -84px 0px;
}
	
ul#topnav li .sub ul.services-sub{
	margin: 0px;
	padding: 0 0 0 10px;
}



/*********************SERVICES CONTENT*********************/


.services-left{
	width: 300px;
	float: left;
	text-align: left;
	padding: 10px 0 0 0;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a{
	font-size: 18px;
	line-height: 18px;
	height: 26px;
	letter-spacing: 1px;
	padding: 0px;
	text-indent: 30px;
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1;
	width: 300px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-rental{
	background-position: -1003px -208px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-design{
	background-position: -1003px -163px;
	height: 24px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-ecommerce{
	background-position: -1003px -183px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-optimisation{
	background-position: -1003px -232px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-development{
	background-position: -1003px -0px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-seo{
	background-position: -1003px -26px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-submission{
	background-position: -1003px -257px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-crossbrowser{
	background-position: -1003px -280px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-w3c{
	background-position: -1003px -304px;
}
 
ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-psd2xhtml{
	background-position: -1003px -57px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-error{
	background-position: -734px -98px;
	width: 250px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-personalemail{
	background-position: -1003px -87px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-report{
	background-position: -1003px -113px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-cms{
	background-position: -1003px -139px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-cms-plus{
	background-position: -1003px -139px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-graphic{
	background-position: -732px -121px;
	width: 200px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-emailtemplates{
	background-position: -732px -142px;
	width: 230px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-ebaytemplates{
	background-position: -1005px -330px;
	width: 230px;
}

ul#topnav li .sub ul.services-sub .services-left .services-box-left1 a.service-analytics{
	background:  url(../images/sprite2.jpg) no-repeat #E5A2C1;
	background-position: 0 -2322px;
	width: 230px;
}






/*******************************************************PRICES LINKS************************************************************************/



ul#topnav .prices {
	width: 88px; 
	height: 60px;
}

ul#topnav .prices:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -397px 0px;
}

ul#topnav li .sub ul.prices-sub, ul#topnav li .sub ul.prices-sub a{
	width: 255px;
	margin: 0 15px 0 0;
	padding: 10px 15px 10px 15px;
	font-size: 24px;
	line-height: 24px;
	text-indent: 32px;
	text-align: left;
}

/***************PRICES CONTENT***************/


ul#topnav li .sub ul.prices-sub .prices-platinum a{
	float: left;
	width: 240px;
	border-bottom: 1px dashed #888;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -241px -156px;
}

ul#topnav li .sub ul.prices-sub .prices-gold a{
	float: left;
	width: 240px;
	border-bottom: 1px dashed #888;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -241px -192px;
}

ul#topnav li .sub ul.prices-sub .prices-silver a{
	float: left;
	width: 240px;
	border-bottom: 1px dashed #888;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -241px -230px;
}

ul#topnav li .sub ul.prices-sub .prices-ecommerce a{
	float: left;
	width: 245px;
	border-bottom: 1px dashed #888;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -241px -272px;
}

ul#topnav li .sub ul.prices-sub .prices-business-starter a{
	float: left;
	width: 240px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -990px -351px;
	padding: 10px 15px 0 15px;
}

ul#topnav li .sub ul.prices-sub .font-size-small-5  a{
	margin: 0 0 0 45px;
	padding: 0px;
	float: left;
	color: #35393A;
	text-align: left;
	font-size: 12px;
	font-family: sans-serif, tahoma, arial;
	font-weight: bold;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -736px -182px;
	width: 230px;
	text-indent: 16px;
	height: 13px;
	line-height: 13px;
}

ul#topnav li .sub ul.prices-sub .font-size-small-5 a:hover{
	color: #DF3E82;
}

 /*******************************************************PORTFOLIO LINKS************************************************************************/
 
 

ul#topnav .portfolio {
	width: 110px; 
	height: 60px;
}

ul#topnav .portfolio:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -83px 0px;
}
	

ul#topnav li .sub ul.portfolio-sub{
	width: 520px;
	padding: 0 0 0 15px;
	margin: 0px;
}



/*********************PORTFOLIO CONTENT*********************/

.portfolio-left{
	width: 150px;
	float: left;
	text-align: left;
}

/***********PORTFOLIO title**********/

ul#topnav li .sub ul.portfolio-sub  .portfolio-box-left a{
 	float: left;
	font-size: 25px;
	line-height: 32px;
	height: 26px;
	padding: 0 0 15px 0;
	margin: 0 40px 0 0;
	letter-spacing: 1px;
	text-align: left;
	width: 460px;
	border-bottom: 1px dashed #888;
}

.portfolio-briefcase{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -246px -125px;
}

/***********PORTFOLIO featured**********/

ul#topnav li .sub ul.portfolio-sub .portfolio-left .portfolio-featured a{
	width: 147px;
	margin: 20px 0 0 3px;
	float: left;
	background:  url(../images/sprite.jpg) top no-repeat #E5A2C1;
	background-position: -512px -285px;
	padding: 100px 0 0 0; 
	color: #35393A;
	font-family: sans-serif, tahoma, arial;
	font-size: 14px;
	line-height: 14px;
	text-indent: 0px;
	text-align: center;
}

ul#topnav li .sub ul.portfolio-sub .portfolio-left .portfolio-featured a:hover{
	color: #DF3E82;
}

/***********PORTFOLIO right inside menu outer div**********/

 .portfolio-right{
	float: left;
	display: inline;
	border-left: 1px dashed #888;
	padding: 0px; 
	width: 355px;
}


/***********PORTFOLIO left previous client list**********/

ul#topnav li .sub ul.portfolio-sub .portfolio-right .portfolio-pastclient-left{
	float: left;
	width: 180px;
	float: left;
	text-align: left;
	padding: 15px 0 0 0;
}

ul#topnav li .sub ul.portfolio-sub .portfolio-right .portfolio-pastclient-left a{
	color: #35393A;
	font-family: sans-serif, tahoma, arial;
	font-weight: bold;
	margin: 0 0 -10px 10px;
	padding: 0px;
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -736px -166px;
	text-indent: 15px;
	font-size: 12px;
}



ul#topnav li .sub ul.portfolio-sub .portfolio-right .portfolio-pastclient-left a:hover{
	color: #DF3E82;
}

/***********PORTFOLIO right previous client list**********/


ul#topnav li .sub ul.portfolio-sub .portfolio-right .portfolio-pastclient-right{
	float: left;
	width: 165px;
	float: left;
	text-align: left;
	padding: 15px 0 0 0;
}

ul#topnav li .sub ul.portfolio-sub .portfolio-right .portfolio-pastclient-right a{
	color: #35393A;
	font-family: sans-serif, tahoma, arial;
	font-weight: bold;
	margin: 0 0 -10px 0px;
	padding: 0px;
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -736px -166px;
	text-indent: 15px;
	font-size: 12px;
}

ul#topnav li .sub ul.portfolio-sub .portfolio-right .portfolio-pastclient-right a:hover{
	color: #DF3E82;
}


/***********PORTFOLIO More link**********/

ul#topnav li .sub ul.portfolio-sub .portfolio-right .portfolio-more-link a{
 	float: left;
 	text-align: right;
	font-size: 25px;
	width: 80px;
	padding: 0 30px 0 220px;
	margin: 5px 20px 0 0;
	line-height: 26px;
	height: 26px;
	text-indent: 24px;
	letter-spacing: 1px;
}

.more-arrow-pink{
	background:  url(../images/sprite.jpg) right no-repeat #E5A2C1;
	background-position: -282px -130px;
}


/*******************************************************CLIENTS LINKS************************************************************************/


ul#topnav .clients {
	width: 98px; 
	height: 60px;
}

ul#topnav .clients:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -489px 0px;
}

	
ul#topnav li .sub ul.clients-sub{
	width: 235px;
	padding: 0 15px 0 15px;
	margin: 0px;
}



/*********************CLIENT CONTENT*********************/
/*********Mail*********/

ul#topnav li .sub ul.clients-sub .clients-mail a{
	float: left;
	height: 26px;
	width: 235px;
	letter-spacing: 1px;
	padding: 0px;
	text-align: left;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: 0px -195px;
}

ul#topnav li .sub ul.clients-sub .clients-mail a:hover{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: 0px -224px;
}

ul#topnav li .sub ul.clients-sub .clients-mail-border{
 	float: left;
 	width: 235px;
 	padding: 15px 0 0 0;
 }
 

ul#topnav li .sub ul.clients-sub .font-size-small-2 a{
	color: #35393A;
	margin-left: 36px;
 	font-size: 12px;
	font-weight: bold;
	text-align: left;
	font-family: sans-serif, tahoma, arial;
	padding: 0 0 15px 0;
}

ul#topnav li .sub ul.clients-sub .font-size-small-2 a:hover{
	color: #DF3E82;
}
 
 /*********CandyFLoss COntact*********/
 
 ul#topnav li .sub ul.clients-sub .clients-contact a{
	float: left;
	height: 26px;
	width: 235px;
	letter-spacing: 1px;
	padding: 0px;
	text-align: left;
	text-indent: 43px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: 0px -133px;
}

ul#topnav li .sub ul.clients-sub .clients-contact a:hover{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: 0px -288px;
}

ul#topnav li .sub ul.clients-sub .clients-contact-border{
 	float: left;
 	width: 235px;
 	padding: 15px 0 0 0;
 	border-top: 1px dashed #888;
 }
 
 /*********CandyCllients support*********/
 
 ul#topnav li .sub ul.clients-sub .clients-support a{
	float: left;
	height: 26px;
	width: 235px;
	letter-spacing: 1px;
	padding: 0px;
	text-align: left;
	text-indent: 43px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: 0px -163px;
}

ul#topnav li .sub ul.clients-sub .clients-support a:hover{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: 0px -256px;
}

ul#topnav li .sub ul.clients-sub .clients-support-border{
 	float: left;
 	width: 235px;
 	padding: 15px 0 0 0;
 	border-top: 1px dashed #888;
 }



/*******************************************************REFERRAL SCHEME LINKS************************************************************************/


ul#topnav .referral {
	width: 110px; 
	height: 30px;
}

ul#topnav .referral:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -194px 0px;
}







/*******************************************************CONTACT  LINKS************************************************************************/


ul#topnav .contact {
	width: 80px; 
	height: 30px;
}

ul#topnav .contact:hover {
 	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -603px 0px;
}


/**************************************************************** SPAN  / PARAGRAPHS*************************************/

.font-size-small-1{
	font-size: 15px;
	color: #35393A;
	font-family: sans-serif, tahoma, arial;
	font-style: italic; 
}

.font-size-small-1 a:hover{color: #DF3E82;}


.font-size-1{
	font-size: 40px;
}

.font-size-1 a:hover{color: #DF3E82;}

.font-size-2{
	font-size: 25px;
	text-indent: 12px;
	letter-spacing: 1px;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
}

.font-size-2 a:hover{color: #DF3E82;}

.font-size-3{
	font-size: 28px;
	text-indent: 12px;
}

.font-size-3 a:hover{color: #DF3E82;}

.font-size-4, .font-size-4 a{
	font-size: 25px;
	text-indent: 12px;
	letter-spacing: 1px;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #DF3E82;
}

.font-size-4 a:hover{color: #35393A;}

.font-size-5, .font-size-5 a{
	color: #35393A;
	font-family: sans-serif, tahoma, arial;
	font-weight: bold;
	text-decoration: none;
}

.font-size-5 a:hover{color: #DF3E82;}


/**************************************************************** TOOLTIp *************************************/

/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 12px "sans serif", Arial, Helvetica, sans-serif;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}
	
	#unitippoint { 
		background: url(../images/TipPoint.png) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(../images/TipMid.png) repeat; 
		width: 135px;
		height: auto; 
		padding: 0 5px 0 5px;
	}
	
	#unitipcap { 
		background: url(../images/TipCap.png) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}

/**************************************************************** COLOURBOX *************************************/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#DF3D82;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
     




/******************************************************* TITLE CONTENT***********************************************************************/
/****************************************************************************************************************************/
/*****************************************************************************************************************************/
/******************************************************************************************************************************/


#title-wrapper{
 	margin-top: 25px;
 	float: left;
 	text-align: left;
	width: 875px;
	height: 325px;
	background: url(../images/computer-bg.jpg) right no-repeat #DF3E82;
	padding: 15px 0 30px 10px;
}


/******************************************************* HEADINGS  **********************************************************************/


h1.titleh1{
	font-size: 130px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: -15px 0 0 0;
	padding: 0;
	font-weight: normal;
}

h2.titleh2{
	font-size: 80px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: -35px 0 0 0;
	padding: 0;
	font-weight: normal;
}

h3.titleh3{
	font-size: 36px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 25px 0 0 0;
	padding: 0;
	font-weight: normal;
}

h3.titleh3black{
	font-size: 36px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 10px 0 20px -10px;
	padding: 0;
	font-weight: normal;
}

h3.titleh3blacksitelinks{
	font-size: 36px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 10px 0 20px 0;
	padding: 0;
	font-weight: normal;
}

h4.titleh4,
h4.titleh4 a{
	font-size: 30px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
}

h4.h4-referral a{
	font-size: 28px;	
}

h4.titleh4 a:hover{
	text-decoration: none;
	color: #DF3E82;
}

h4.toppageh4 a:hover{
	text-decoration: none;
	color: #DF3E82;
}

h4.toppageh4,
h4.toppageh4 a{
	font-size: 25px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0 0 10px;
	font-weight: normal;
	text-decoration: none;
 	background:  url(../images/sprite.jpg) no-repeat #E5A2C1;
	background-position: -210px -322px;
}


h4.toppageh4-purple,
h4.toppageh4-purple a{
	font-size: 25px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0 0 10px;
	font-weight: normal;
	text-decoration: none;
}

h4.toppageh4-purple a:hover{
	text-decoration: none;
	color: #35393A;
}

h4.titleh4-small,
h4.titleh4-small a{
	font-size: 25px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
	padding: 5px 0 0 10px;
	line-height: 24px;
	font-weight: normal;
	text-decoration: none;
}

h4.titleh4-small a:hover{
	text-decoration: none;
	color: #DF3E82;
}

/*******************domain results*******************/

h1.domain-available{
	font-size: 32px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.domain-tick{
	display: inline-block;
	height: 40px;
	width: 35px;
	margin: 0 8px 0 0;
	background:  url(../images/sprite2.jpg) repeat;
	background-position: -162px -2354px;	
}

h2.domain-available{
	font-size: 20px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 25px 0 0 0;
	padding: 0 0 5px 0;
	font-weight: normal;	
}

/***taken****/

h1.domain-taken{
	font-size: 32px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 25px 0 0 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;	
}

.domain-cross{
	display: inline-block;
	height: 40px;
	width: 35px;
	margin: 0 8px 0 0;
	background:  url(../images/sprite2.jpg) repeat;
	background-position: -130px -2354px;	
}

h2.domain-taken{
	font-size: 20px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 25px 0 0 0;
	padding: 0 0 5px 0;
	font-weight: normal;
}

/******************************************************* PARAGRAPH TEXT***********************************************************************/

.titleh5{
	font-size: 46px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.titleh6, .titleh6 a{
	font-size: 36px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-align: left;
}

.titleh6-referral, .titleh6-referral a{
	font-size: 31px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-align: left;
}

.titleh6 a:hover, .titleh6-referral a:hover{
	text-decoration: none;
	color: #DF3E82;
}

.p-package{
	display:block;
	font-size: 24px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: -10px 0 0 0;
	font-weight: normal;	
}

.p-price{
	display:block;
	font-size: 22px;
	text-decoration: none;
	color: #DF3E82;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: bold;	
}

.p-permonth{
	display:block;
 	font-size: 14px;
	text-decoration: none;
	color: #35393A;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	padding: 0 0 0 13px;
	margin: 0;
	font-weight: normal;
}

.p-smalltext{
	display:block;
	font-size: 18px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;	
	text-indent: 3px;
}

.p-smalltext-small{
	display:block;
	font-size: 15px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;	
	text-indent: 3px;
}

.p-smalltext-small2{
	display:block;
	font-size: 14px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;	
	text-indent: 3px;
}

.p-smalltext-pink{
	display:block;
	font-size: 18px;
	text-decoration: none;
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;	
	text-indent: 3px;
}

.domain-results{
	font-size: 20px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 25px 0 0 0;
	padding: 0;
	font-weight: normal;
}

/*******************************************************ARROW BORDERS ***********************************************************************/

.arrow-border-top{
 	height: 11px;
 	width: 100%;
	background:  url(../images/sprite.png) repeat;
	background-position: 0 -24px;
	z-index: 25;
	position: relative;
}

.arrow-border-bottom{
 	height: 11px;
 	width: 100%;
 	margin: -10px 0 0 0;
	background:  url(../images/sprite.png) repeat;
	background-position: 0 -38px;
	z-index: 26;
	position: relative;
}

.arrow-border-cream{
 	height: 11px;
 	width: 100%;
	background:  url(../images/sprite.png) repeat;
	background-position: 0 -60px;
	z-index: 27;
	position: relative;
}

.arrow-border-bottom-black{
 	height: 11px;
 	width: 100%;
 	margin: -10px 0 0 0;
	background:  url(../images/sprite.png) repeat;
	background-position: 0 -116px;
	z-index: 26;
	position: relative;
}

.arrow-border-blackcream{
 	height: 13px;
 	width: 100%;
	background:  url(../images/sprite.png) repeat;
	background-position: 0 -87px;
}

/*******************************************************MAIN PAGE PRICE BOXES***********************************************************************/
.mainpage-price-box-wrapper{
	float: left;
	width: 200px;
	margin: -11px 8px 0 8px;
	z-index: 20;
	position: relative;
	
}

/***************PLATINUM***************/
.mainpage-price-box-plat,
.mainpage-price-box-plat a{
 	float: left;
	text-align: left;
	text-indent: 15px;
	width: 200px;
	height: 130px;
	padding: 3px 0 0 0;
	cursor: pointer;
	text-decoration: none;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 0;
}

.mainpage-price-box-plat a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -134px;
}

/***************GOLD***************/
.mainpage-price-box-gold,
.mainpage-price-box-gold a{
 	float: left;
	text-align: left;
	text-indent: 15px;
	width: 200px;
	height: 130px;
	padding: 3px 0 0 0;
	cursor: pointer;
	text-decoration: none;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -271px;
}

.mainpage-price-box-gold a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -405px;
}

/***************SILVER***************/
.mainpage-price-box-silver,
.mainpage-price-box-silver a{
 	float: left;
	text-align: left;
	text-indent: 15px;
	width: 200px;
	height: 130px;
	padding: 3px 0 0 0;
	cursor: pointer;
	text-decoration: none;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -542px;
}

.mainpage-price-box-silver a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -679px;
}

/***************eCOMMERCE***************/
.mainpage-price-box-ecommerce,
.mainpage-price-box-ecommerce a{
 	float: left;
	text-align: left;
	text-indent: 15px;
	width: 200px;
	height: 130px;
	padding: 3px 0 0 0;
	cursor: pointer;
	text-decoration: none;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -816px;
}

.mainpage-price-box-ecommerce a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -953px;
}

.mainpage-price-box-bottom a{
	text-align: left;
 	float: left;
 	width: 190px;
 	height: 39px;
 	background: url(../images/sprite.jpg) bottom no-repeat;
	background-position: -532px -172px;	
}

.bottom-border-up a{
	text-align: left;
 	float: left;
 	width: 190px;
 	height: 39px;
 	background: url(../images/sprite2.jpg) bottom no-repeat;
	background-position: 0 -2283px;	
}

/*******************************************************MAIN PAGE LEFT - RIGHT BOXES AND BORDERS***********************************************************************/

.second-row{
 	float: left;
 	margin: 25px 0 0 0;
}

.left-content{
 	float: left;
	width: 416px;
	background: #CBDDDD;
 	margin: 16px 16px 0 8px;
 	text-align: left;
}

.full-content{
 	float: left;
	width: 845px;
	background: #CBDDDD;
 	margin: -10px 10px 0 10px;
 	z-index: 5;
 	position: relative;
 	text-align: left;
}

.full-content-portfolio{
 	float: left;
	width: 875px;
 	margin: -11px 0 0 0;
 	z-index: 5;
 	position: relative;
 	text-align: left;
}

.full-content-margin{
 	float: left;
	width: 849px;
	background: #CBDDDD;
 	margin: 15px 8px 0 8px;
 	z-index: 5;
 	position: relative;
 	text-align: left;
}

.left-gap{
	 float: left;
	height: 16px;
	width: 416px;
	background: #EABDD2;
}

.right-content{
 	float: left;
	width: 416px;
	background: #CBDDDD;
 	text-align: left;
 	margin-top: 16px;
}

.left-inner-content{
 	float: left;
	padding: 5px 5px 0 5px;
}

.full-inner-content-normal{
 	float: left;
	padding: 5px 5px 0 5px;
	margin: 0 0 30px 0;
}

.full-inner-content{
 	float: left;
	padding: 15px;
}

.full-inner-content-notop{
 	float: left;
	padding: 0 15px 15px 15px;
}

.extra-padding{
 	float: left;
	padding: 5px 5px 0 5px;
	margin: 0 0 15px 0;
}


.little-left{
 	float: left;
	width: 180px;
	margin: 10px 10px 10px 0;
}

.little-right{
 	float: left;
	width: 195px;
	height: 218px;
	background: url(../images/sprite2.jpg) top no-repeat;
	background-position: -10px -1090px;
	margin: 10px 0;
}
/*********************REFERALLS CALCULATOR*********************/
.hiddenDiv {
	display: none;
	}

.visibleDiv {
	display: block;
	}



/******BORDERS***********/

.content-border-topleft {
	width: 10px; 
	height: 10px;
	float: left;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -525px -212px;
}

.content-border-topright {
	width: 10px; 
	height: 10px;
	float: right;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -541px -212px;
}

.content-border-bottomleft-blue {
	width: 10px; 
	height: 12px;
	float: left;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -553px -212px;
}

.content-border-bottomright-blue {
	width: 10px; 
	height: 12px;
	float: right;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -569px -212px;
}

.content-border-bottomleft{
	width: 10px;
	height: 39px;
	float: left;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -523px -172px;
}


.content-border-bottommiddle{
	width: 216px;
	height: 39px;
	float: left;
 	background: #35393A;
}

/****FULL******/

.content-border-bottommiddle-full{
	width: 825px;
	height: 39px;
	float: left;
 	background: #35393A;
}


.content-border-bottomleft-full{
	width: 10px;
	height: 39px;
	float: left;
	margin: 0 0 0 10px;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -523px -172px;
}


.content-border-bottomright-clean{
	width: 10px;
	height: 39px;
	float: left;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -712px -172px;
}

.content-border-bottomright{
	width: 40px;
	height: 39px;
	float: right;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -682px -172px;
}

.toppage-border-topleft {
	width: 10px; 
	height: 10px;
	float: left;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -613px -212px;
}

.toppage-border-topright {
	width: 10px; 
	height: 10px;
	float: right;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -629px -212px;
}

.toppage-border-topleft-purple {
	width: 10px; 
	height: 10px;
	float: left;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -644px -212px;
}

.toppage-border-topright-purple {
	width: 10px; 
	height: 10px;
	float: right;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -650px -212px;
}

/****PORTFOLIO******/
.content-border-bottommiddle-potfolio{
	width: 645px;
	height: 39px;
	float: left;
 	background: #35393A;
}

/****UP ARROWS FOR SCROLL TO TOP******/

.up-arrow-dark{
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: -422px -355px;
	margin: 0 0 0 20px;
}



/*******************************************************MAIN PAGE portfolio, domain search, referral***********************************************************************/

.calculator-link{
 	margin: 10px 0 0 0;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
	background-position: 0 -319px;	
	height: 50px;
	width: 115px;
	font-size: 15px;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	padding: 10px 0 0 60px;
}

.calculator-link a{
	text-decoration: none;
	color: #DF3E82;	
}
 
 
.calculator-link a:hover{
	text-decoration: none;
	color: #E09633;
}

/**************************************************** SCROLLER ***********************************************/

.infiniteCarousel {
 	 width: 390px;
 	 margin: 0 0 0 13px;
 	 position: relative;
}

.infiniteCarousel .scoller-wrapper {
  	width: 330px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
 	overflow: auto;
  	min-height: 100px;
  	margin: 0 35px 0 35px;
  	position: relative;

}

.infiniteCarousel ul a img {
    border: 1px solid #35393a;
    padding: 1px;
    background: #35393a;
	height: 75px;
	width: 95px;
}

.infiniteCarousel .scoller-wrapper ul {
 	 width: 9999px;
 	 list-style-image:none;
 	 list-style-position:outside;
 	 list-style-type:none;
 	 margin:0;
 	 padding:0;
 	 position: absolute;
 
}

.infiniteCarousel ul li {
  	display:block;
 	 float:left;
 	 height: 75px;
 	 padding: 5px;
 	 width: 95px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  	display: block;
  	height: 33px;
  	width: 34px;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
  	text-indent: -999px;
  	position: absolute;
  	top: 25px;
  	cursor: pointer;
}

.infiniteCarousel .forward {
  	background-position: -663px -211px;
  	right: 0;
}

.infiniteCarousel .back {
	  background-position: -697px -211px;
 	 left: 0;
}

.infiniteCarousel .forward:hover {
  	background-position: -663px -244px;
}

.infiniteCarousel .back:hover {
  	background-position: -697px -244px;
}

/**************************************************** EXAMPLES SCROLLER ***********************************************/

.infiniteCarousel2 {
 	 width: 340px;
 	 margin: 0 0 0 20px;
 	 position: relative;
 	 overflow: hidden;
}

.infiniteCarousel2 .scoller-wrapper {
  	width: 260px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
 	overflow: auto;
  	min-height: 100px;
  	margin: 0 35px 0 35px;
  	position: relative;

}

.infiniteCarousel2 ul a img {
    border: 1px solid #35393a;
    padding: 0;
    background: #35393a;
	height: 60px;
	width: 77px;
}

.infiniteCarousel2 .scoller-wrapper ul {
 	 width: 9999px;
 	 list-style-image:none;
 	 list-style-position:outside;
 	 list-style-type:none;
 	 margin:0;
 	 padding:0;
 	 position: absolute;
 
}

.infiniteCarousel2 ul li {
  	display:block;
 	 float:left;
 	 height: 60px;
 	 padding: 5px;
 	 width: 77px;
}

.infiniteCarousel2 ul li a img {
  display:block;
}

.infiniteCarousel2 .arrow {
  	display: block;
  	height: 33px;
  	width: 34px;
 	background:  url(../images/sprite.jpg) bottom no-repeat;
  	text-indent: -999px;
  	position: absolute;
  	top: 25px;
  	cursor: pointer;
}

.infiniteCarousel2 .forward {
  	background-position: -663px -211px;
  	right: 0;
}

.infiniteCarousel2 .back {
	  background-position: -697px -211px;
 	 left: 0;
}

.infiniteCarousel2 .forward:hover {
  	background-position: -663px -244px;
}

.infiniteCarousel2 .back:hover {
  	background-position: -697px -244px;
}


/**************************************************** DOMAIN INPUT ***********************************************/


input.domainbutton{
 	color: red;
 	float: right;
	border: none;
	width: 190px;
 	height: 39px;
 	background: url(../images/sprite.jpg) bottom no-repeat;
	background-position: -532px -172px;	
	cursor: pointer;
	font-size: 30px;
	text-decoration: none;
	color: #fff;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
	text-indent: 40px;
}

input.domainbutton:hover{ text-decoration: none;color: #DF3E82; }

.domaininput{
 	float: left;
 	margin: 10px 0 15px 0;
	border: 1px solid #35393A;
	padding: 3px;
	background: #F0EBD8;
	color: #343A3A;
	font-size: 20px;
	width: 210px;
}



/**************************************************** QUICK CONTACT ***********************************************/

.quickcontactdiv{
	margin: 15px 0 0 0;
	width: 380px;
	height: 350px;
	text-align: right;
}

.quick-contact-p{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #35393A;
}

input.button {
	cursor: pointer;
	border: none;
	background: url(../images/sprite.jpg) no-repeat center top;
	background-position: -660px -278px;
	width: 107px;
	height: 36px;
}

input.button:hover {
	cursor: pointer;
	border: none;
	background: url(../images/sprite.jpg) no-repeat center top;
	background-position: -660px -314px;
	width: 107px;
	height: 36px;
}

input, textarea, select {
	padding: 3px;
	font-size: 20px;
	color: #343A3A;
	font-weight: bold;
	border: 1px solid #35393A;
	background: #F0EBD8;
	width: 225px;
	margin-bottom: -10px;
}

.required{
	font-size: 13px !important;
	color: red !important;
	background: url(../images/sprite.jpg) no-repeat center top;
	background-position: -732px -260px;
	width: 100px;
	height: 20px;
}

.errormsg {
 	text-align: left;
	float: left;
	display: block;
	width: 180px;
	margin: 0 0 0 25px;
	padding: 0 0 0 50px;
	color: #E09633;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background: url(../images/sprite.jpg) no-repeat center top;
	background-position: -178px -321px;
}

.thankyou-mail{
	text-align: center;
}

/**************************************************** TWEETS ***********************************************/

.twitter-outer{
	width: 365px;
	height: 357px;
	padding: 0 0 0 10px;
}

.twitter{
	width: 375px;
	margin-left: -25px;
}

#twitter_update_list ul{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	text-indent: 0px;
	list-style: none;
	text-align: left;
    margin:0;
    padding: 0;
    list-style-image: url(../images/bullet.png);
}

#twitter_update_list li{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	line-height: 20px;
	text-indent: 0px;
	list-style: none;
	text-align: left;
	margin: 0;
    padding: 0;
    list-style-image: url(../images/bullet.png);
}

#twitter_update_list li a{
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


.titleh6-twitter, .titleh6-twitter a{
	font-size: 36px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.titleh6-twitter a:hover{
	text-decoration: none;
	color: #DF3E82;
}


/***********************ABOUT TWEETS ***************************/

.twitter-outer-about{
	width: 800px;
	height: 36px;
	margin: 0 0 15px 0;

}

.twitter-about{
	width: 800px;
	margin-left: -40px;
}

#twitter_update_list_about ul{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	text-indent: 0px;
	list-style: none;
	text-align: left;
    margin:0 0 10px 0;
    padding: 0;

}

#twitter_update_list_about li{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	line-height: 20px;
	text-indent: 0px;
	list-style: none;
	text-align: left;
	margin: 3px 0;
    padding: 0 0 0 25px;
    background:url(../images/sprite2.jpg) no-repeat -176px -1676px;
}

#twitter_update_list_about li a{
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/***********************JIM TWEETS ***************************/

.twitter-jim{
	width: 270px;
	margin: -10px 0 15px -40px;
	text-align: left;
	overflow: hidden;
	height: 115px;
}

#twitter_update_list_jim ul{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	list-style: none;
}

#twitter_update_list_jim li{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	list-style: none;
    padding: 0 0 0 25px;
    background:url(../images/sprite2.jpg) no-repeat -176px -1676px;
}


#twitter_update_list_jim li a{
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/***********************ASh TWEETS ***************************/

.twitter-ash{
	width: 270px;
	margin: -10px 0 15px -40px;
	text-align: left;
	overflow: hidden;
	height: 115px;
}

#twitter_update_list_ash ul{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	list-style: none;
}

#twitter_update_list_ash li{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	list-style: none;
    padding: 0 0 0 25px;
    background:url(../images/sprite2.jpg) no-repeat -176px -1676px;
}

#twitter_update_list_ash li a{
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/***********************FOLLOW UNDER TWEETS***************************/

.minifollow-facebook a{
 	float: left;
 	width: 33px;
 	height: 32px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -664px -352px;
	margin: 0 10px 0 0;
	display: inline;
}
.minifollow-facebook a:hover{background-position: -697px -352px;}

.minifollow-twitter a{
 	float: left;
 	width: 33px;
 	height: 32px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -729px -352px;
	margin: 0 10px 0 0;
	display: inline;
}
.minifollow-twitter a:hover{background-position: -762px -352px;}

.minifollow-youtube a{
 	float: left;
 	width: 33px;
 	height: 32px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -795px -352px;
	margin: 0 10px 0 0;
	display: inline;
}
.minifollow-youtube a:hover{background-position: -830px -352px;}

.minifollow-vimeo a{
 	float: left;
 	width: 33px;
 	height: 32px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -865px -352px;
	margin: 0 10px 0 0;
	display: inline;
}
.minifollow-vimeo a:hover{background-position: -899px -352px;}

.minifollow-linkedin a{
 	float: left;
 	width: 33px;
 	height: 32px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -935px -352px;
	margin: 0 10px 0 0;
	display: inline;
}
.minifollow-linkedin a:hover{background-position: -732px -228px;}

.minifollow-flickr a{
 	float: left;
 	width: 33px;
 	height: 32px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -442px -320px;
	margin: 0 10px 0 0;
	display: inline;
}
.minifollow-flickr a:hover{background-position: -475px -320px;}


.minifollow-dutchflag a{
 	float: left;
 	width: 29px;
 	height: 29px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -450px -352px;
	margin: 0;
	display: inline;
}

.minifollow-englishflag a{
 	float: left;
 	width: 29px;
 	height: 29px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -481px -352px;
	margin: 0;
	display: inline;
}


.news-center-div{
	padding: 0 0 0 60px;
}


/**************************************************** HOME PAGE TEXT BLOCK COLOUMNS ***********************************************/

.column-left{
	width: 400px;
	padding: 0 20px 0 10px;
	float: left;
	text-align: left;
	border-right: 2px solid #35393A;
	margin: 0 0 20px 0;
}

.column-left-bottom{
	width: 400px;
	padding: 0 20px 0 0;
	float: left;
	text-align: left;
	margin: 0 0 20px -10px;
}

.column-right{
	width: 400px;
	padding: 0 10px 0 20px;
	float: left;
	text-align: left;
	margin: 0 0 20px 0;
}

p.mainpage-white-text{
	color: #fff;
	font-size: 17px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
}

p.mainpage-white-text a{
	color: #CBDDDD;
	text-decoration: none;
}

p.mainpage-white-text a:hover{
	color: #35393A;
	text-decoration: none;
}

p.mainpage-black-text{
	color: #343839;
	font-size: 18px;
	padding: 0;
	margin: 0;
	font-family:  Arial, Helvetica, sans-serif;
}


p.mainpage-text-medium{
	color: #343839;
	font-size: 15px;
	padding: 0 10px 0 10px;
	margin: 0;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
}

p.portfolio-black-text{
	color: #343839;
	font-size: 18px;
	padding: 0 0 0 25px;
	margin: 0;
	font-family:  Arial, Helvetica, sans-serif;
 	background:  url(../images/sprite2.jpg) bottom no-repeat #CBDDDD;
	background-position: -175px -2093px;
}

p.mainpage-black-text-medium{
	color: #343839;
	font-size: 15px;
	padding: 0 10px 0 10px;
	margin: 0;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
}

p.mainpage-black-text a, p.mainpage-black-text-medium a, p.portfolio-black-text a{
	color: #343839;
	text-decoration: none;
}

p.mainpage-black-text a:hover, p.mainpage-black-text-medium a:hover, p.portfolio-black-text a:hover{
	color: #DF3E82;
	text-decoration: none;
}


/*********************TOP OF PAGE LINKS *********************/

.top-of-page{
 	margin: 0 30px 0 0;
 	float: right;
	width: 210px;
	background: #CBDDDD;
	height: 55px;
	text-align: left;
}

.top-of-page-purple{
 	margin: 0 30px -30px 560px;
 	float: right;
	width: 210px;
	background: #DF3E82;
	height: 55px;
	text-align: left;
}

/********************* BOTTOM 3 COLUMNS *********************/

.three-column-left{
	float: left;
	width: 220px;
	margin: 15px 10px 0 0;
	text-align: left;
}

.three-column-center{
	float: left;
	width: 275px;
	margin: 15px 10px 0 0;
	text-align: left;
}

.three-column-right{
	float: left;
	width: 330px;
	text-align: left;
	margin: 15px 0 0 0;
}


p.bottom-sitelinks{
	color: #DF3E82;
	font-size: 20px;
	padding: 0;
	margin: 0;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
}

p.bottom-sitelinks a{
	color: #DF3E82;
	text-decoration: none;
}

p.bottom-sitelinks a:hover{
	color: #35393A;
	text-decoration: none;
}

/********************* MAIN FOOTER *********************/


p.bottom-footer-text1,
p.bottom-footer-text1 a{
	color: #F0EBD8;
	font-size: 14px;
	font-family: arial, tahoma;
	text-decoration: none;
	margin: 15px 0 5px 0;
}

p.bottom-footer-text1 a:hover{
	color: #DF3E82;
	text-decoration: none;
}

p.bottom-footer-text2,
p.bottom-footer-text2 a{
	color: #F0EBD8;
	font-size: 12px;
	text-decoration: none;
	font-family: arial, tahoma;
	margin: 0 0 5px 0;
}

p.bottom-footer-text2 a:hover{
	color: #DF3E82;
	text-decoration: none;
}


#nabo, #nabo a{
	float: right;
	margin: -50px 40px 0 0;
	width: 109px;
	height: 38px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -520px -225px;
	display:block;
	cursor: pointer;
}

#htmlguild, #htmlguild a{
	float: right;
	margin: -50px 0 0 0;
	width: 31px;
	height: 38px;
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -629px -225px;
	display:block;
	cursor: pointer;
}




/***************************************************ABOUT US ************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/


#aboutus-wrapper{
 	margin-top: 25px;
 	float: left;
 	text-align: left;
	width: 875px;
	padding: 15px 0 30px 10px;
}

/****************************************ABOUT US FOLLOWS****************************************/

.twitter-black{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -518px -140px;
}

.facebook-black{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -586px -140px;
}

.linkedin-black{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -553px -140px;
}

.flickr-black{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -620px -140px;
}

.youtube-black{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -653px -140px;
}

.vimeo-black{
	background:  url(../images/sprite.jpg) bottom no-repeat #E5A2C1;
	background-position: -686px -140px;
}

/*********ASH JIM ABOUT*********/

.about-ash{
 	float: left;
	padding: 7px 0 0 120px;
 	text-align: left;
	background:  url(../images/sprite2.jpg) bottom no-repeat #CBDDDD;
	background-position: 0 -1326px;
	height: 165px;
	overflow: hidden;
}

.about-jim{
 	float: left;
	padding: 7px 0 0 120px;
 	text-align: left;
	background:  url(../images/sprite2.jpg) bottom no-repeat #CBDDDD;
	background-position: 0 -1493px;
	height: 165px;
	overflow: hidden;
}

.twitter-ashjim, .twitter-ashjim a{
	background:  url(../images/sprite.jpg) bottom no-repeat #CBDDDD;
	background-position: -728px -352px;
	padding: 10px 10px 0 10px;
	margin: 0;
	display: block;
}
.twitter-ashjim a:hover{background-position: -762px -352px;}

.facebook-ashjim, .facebook-ashjim a{
	background:  url(../images/sprite.jpg) bottom no-repeat #CBDDDD;
	background-position: -664px -352px;
}
.facebook-ashjim a:hover{background-position: -697px -352px;}

.linkedin-ashjim, .facebook-ashjim a{
	background:  url(../images/sprite.jpg) bottom no-repeat #CBDDDD;
	background-position: -935px -352px;
}
.linkedin-ashjim a:hover{background-position: -732px -228px;}




ul.about-ashjim-ul{
	list-style: none;
	display: inline;
}


ul.about-ashjim-ul li{
	list-style: none;
	display: inline;
}

.ashjimabouth6, .ashjimabouth6 a{
 	float: left;
	font-size: 36px;
	text-decoration: none;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: -7px 10px 0 0;
	font-weight: normal;
	text-align: left;
}

.ashjimabouth6 a:hover{
	text-decoration: none;
	color: #DF3E82;
}


/********************SKILLS ***************/

.skills-seo{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -305px -134px;
	height: 21px;
	width: 64px;
	display: inline-block;
	cursor: pointer;
}

.skills-design{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -371px -134px;
	height: 20px;
	width: 22px;
	display: inline-block;
	cursor: pointer;
}

.skills-development{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -394px -134px;
	height: 20px;
	width: 22px;
	display: inline-block;
	cursor: pointer;
}

.skills-optimisation{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -417px -134px;
	height: 20px;
	width: 17px;
	display: inline-block;
	cursor: pointer;
}

.skills-graphicdesign{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -434px -134px;
	height: 20px;
	width: 20px;
	display: inline-block;
	cursor: pointer;
}

.skills-socialmedia{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -453px -134px;
	height: 20px;
	width: 38px;
	display: inline-block;
	cursor: pointer;
}

.skills-frontend{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -423px -321px;
	height: 21px;
	width: 20px;
	display: inline-block;
	cursor: pointer;
}

.skills-backend{
	background:  url(../images/sprite.jpg) no-repeat #E5A2C1 -491px -135px;
	height: 20px;
	width: 23px;
	display: inline-block;
	cursor: pointer;
}
	
	
.skills{
	margin: 20px;
	text-align: center;
}


/**************************************************** PRICES PAGE ***********************************************/

p.pricestabletext,
p.pricestabletext a {
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 2px 2px 2px 4px;
	margin: 0px;
}
p.pricestabletext a:hover {
	color: #39393B;
	text-decoration: none;
}

p.pricestabletext-center,
p.pricestabletext-center a {
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #676565;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 2px 2px 2px 4px;
	margin: 0px;
}
p.pricestabletext-center a:hover {
	color: #E03E83;
	text-decoration: underline;
}

p.pricestabletext-center-small{
	font-family: arial, tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #676565;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 2px 2px 2px 4px;
	margin: 0px;
}

.pricestabletext-white,
.pricestabletext-white a {
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.pricestabletext-white a:hover {
	color: #E03E83;
	text-decoration: underline;
}

#prices_comparison{
	margin: 25px 0 0 40px;
}

.blue-back{
	background: #35393A;
}

.pink-back{
	background: #F7CFE0;
	text-align: center;
}


.pricetable-title{
	width: 275px;
	padding: 3px;
	background:  url(../images/sprite2.jpg) left no-repeat #39393B;
	background-position: -178px -1793px;
}

.pricetable-title:hover{
	width: 275px;
	padding: 3px;
	background:  url(../images/sprite2.jpg) left no-repeat #DF3E82;
	background-position: -178px -1820px;
}

.pricetable-left-back{
	background:  url(../images/sprite2.jpg) left no-repeat #CBDDDD;
	background-position: -178px -1729px;
	width: 21px;
	height: 26px;
	display: inline-block;
}

.grey-back{
	background: #F1EAD8;
	text-align: center;
}

.pricetable-greytick{
	background:  url(../images/sprite.jpg) bottom no-repeat #CBDDDD;
	background-position: -732px -199px;
}

.pricetable-pinktick{
	background:  url(../images/sprite.jpg) bottom no-repeat #CBDDDD;
	background-position: -750px -199px;
}

.price-table-price{
 	width: 107px;
 	height: 50px;
}

.price-table-price-black{
 	width: 107px;
 	height: 24px;
 	background: #35393A;
	display: inline-block;
	padding: 10px 0 0 0;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	color: #DF3E82;
	font-size: 23px;
	text-align: center;
	letter-spacing: 1px;
}

.price-table-price-border{
 	width: 107px;
 	height: 16px;
	background: url(../images/sprite2.jpg) no-repeat;
	background-position:  0 -2265px;
	display: inline-block;
}


/******* PRICE PLATINUM TABLE ******/

.plat-price-table,
.plat-price-table a{
 	float: left;
	text-align: left;
	width: 107px;
	height: 70px;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	background: url(../images/sprite2.jpg) no-repeat;
	background-position: 0 -1665px;
}

.plat-price-table a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -1964px;
}

/******* PRICE GOLD TABLE ******/


.gold-price-table,
.gold-price-table a{
 	float: left;
	text-align: left;
	width: 107px;
	height: 70px;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	background: url(../images/sprite2.jpg) no-repeat;
	background-position: 0 -1739px;
}

.gold-price-table a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -2039px;
}


/******* PRICE SILVER TABLE ******/


.silver-price-table,
.silver-price-table a{
 	float: left;
	text-align: left;
	width: 107px;
	height: 70px;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	background: url(../images/sprite2.jpg) no-repeat;
	background-position: 0 -1814px;
}

.silver-price-table a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -2114px;
}

/******* PRICE ecommerce TABLE ******/


.ecommerce-price-table,
.ecommerce-price-table a{
 	float: left;
	text-align: left;
	width: 107px;
	height: 70px;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	background: url(../images/sprite2.jpg) no-repeat;
	background-position: 0 -1889px;
}

.ecommerce-price-table a:hover{
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: 0 -2189px;
}


/***************************************** NL REFERRAL TITLE TAGS *****************************************/

.titleh6-ecomtitle-nl{
	font-size: 30px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 45px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -160px -1856px;
	display: inline-block;
	height: 45px;
}


.titleh6-plattitle-nl{
	font-size: 30px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -140px -1905px;
	display: inline-block;
	height: 45px;
}

.titleh6-goldtitle-nl{
	font-size: 30px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -140px -1947px;
	display: inline-block;
	height: 45px;
}

.titleh6-silvertitle-nl{
	font-size: 30px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -140px -1992px;
	display: inline-block;
	height: 45px;
}

/***************************************** PRICE IMAGE TITLES*****************************************/

.titleh6-ecomtitle{
	font-size: 36px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 45px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -160px -1856px;
	display: inline-block;
	height: 45px;
}


.titleh6-plattitle{
	font-size: 36px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -140px -1905px;
	display: inline-block;
	height: 45px;
}

.titleh6-goldtitle{
	font-size: 36px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -140px -1947px;
	display: inline-block;
	height: 45px;
}

.titleh6-silvertitle{
	font-size: 36px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -140px -1992px;
	display: inline-block;
	height: 45px;
}

.titleh6-bustitle{
	font-size: 36px;
	color: #35393A;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 0 60px;
	margin: 10px 0 0 0;
 	background:  url(../images/sprite2.jpg) no-repeat #CBDDDD;
	background-position: -150px -2040px;
	display: inline-block;
	height: 45px;
}


/***************************************** PRICE PACKAGE LISTS COMPARISON*****************************************/

.tick{
 	background:  url(../images/sprite.jpg) no-repeat -750px -258px #CBDDDD;
	display: inline-block;
	height: 19px;
	width: 15px;
	margin: 0 5px 0 0;
}

.package-features{
	width: 340px;
	height: 1060px;
	margin: 15px 0 0 30px;
}

.package-features ul{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	text-align: left;
	margin: 0px;
	padding: 0;
}

.package-features li{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	list-style: none;
	text-align: left;
    list-style-image: url(../images/bullet-tick.gif);
}

.package-features li a{
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/*******BOTTOM*********/


.package-features-bottom{
	width: 340px;
	height: 940px;
	margin: 15px 0 0 30px;
}

.package-features-bottom ul{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	text-align: left;
	margin: 0px;
	padding: 0;
}

.package-features-bottom li{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	list-style: none;
	text-align: left;
    list-style-image: url(../images/bullet-tick.gif);
}

.package-features-bottom li a{
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/*******BSUNIESS*********/


.package-features-bus{
 	width: 775px;
	margin: 15px 0 40px 30px;
}

.package-features-bus ul{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	text-align: left;
	margin: 0px;
	padding: 0;
}

.package-features-bus li{
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #35393A;
	list-style: none;
	text-align: left;
    list-style-image: url(../images/bullet-tick.gif);
}

.package-features-bus li a{
	color: #DF3E82;
	font-family: CoolveticaRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}




/***************************************************PORTFIOLio ************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/


.jimgMenu {
	position: relative;
	width: 845px;
	height: 300px;
	overflow: hidden;
	margin: 0 0 0 10px;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 300px;
	width: 1200px;	 
}

.jimgMenu ul li {
	float: left;
}

.jimgMenu ul li a {
	text-indent: -1000px;
	background:#CBDDDD none repeat scroll;
	border-left: 3px solid #35393A;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:78px;
	height: 300px;
}


.jimgMenu ul li.slide_banner, .jimgMenu ul li.slide_banner a{
	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -2798px;
	width: 320px;
	height: 300px;
}

.jimgMenu ul li.slide_aquarium, .jimgMenu ul li.slide_aquarium a , .portfolio-aquarium {
	background: url(../images/portfolio/portfolio_sprite.jpg) 0 -848px;
}

.jimgMenu ul li.slide_chameleon, .jimgMenu ul li.slide_chameleon a, .portfolio-chameleon {
	background: url(../images/portfolio/portfolio_sprite.jpg) 0 -1533px;
}

.jimgMenu ul li.slide_gchuk, .jimgMenu ul li.slide_gchuk a, .portfolio-gchuk {
	background: url(../images/portfolio/portfolio_sprite.jpg)  0 -1853px;
}

.jimgMenu ul li.slide_hawkeye, .jimgMenu ul li.slide_hawkeye a, .portfolio-hawkeye {
	background: url(../images/portfolio/portfolio_sprite.jpg) 0 -417px;
}

.jimgMenu ul li.slide_pictureme, .jimgMenu ul li.slide_pictureme a, .portfolio-pictureme {
	background: url(../images/portfolio/portfolio_sprite.jpg) 0 -2378px;
}

.jimgMenu ul li.slide_amazon, .jimgMenu ul li.slide_amazon a, .portfolio-amazon {
	background: url(../images/portfolio/portfolio_sprite_2.jpg) 0 0;
}

.jimgMenu ul li.slide_tattoo, .jimgMenu ul li.slide_tattoo a, .portfolio-tattoo{
	background: url(../images/portfolio/portfolio_sprite.jpg) 0 0;
}


/***********  IMAGE ELSEWHERE***********/

#tablist{
	list-style: none;
	padding: 0;
	margin: 0;	
}

#tablist li{
	list-style: none;
	padding: 0;
	margin: 0;	
}

.tabcontent{
 	float: left;
	display: none;
	margin: 0;
}

.portfolio-hawkeye, .portfolio-banner, .portfolio-tattoo, .portfolio-aquarium, .portfolio-snappy, .portfolio-pubsave, .portfolio-chameleon, .portfolio-gchuk, .portfolio-pictureme, .portfolio-woodpecker, .portfolio-logistics, .portfolio-tuneup, .portfolio-paintballclub, .portfolio-storacom, .portfolio-entertainments, .portfolio-mailforbusiness, .portfolio-flamegas, .portfolio-propertycctv, .portfolio-omnay, .portfolio-bubble, .portfolio-deojuvente, .portfolio-amazon{
	display: inline-block;
	width: 320px;
	margin: 0;
	border: 2px solid #35393A;
}

.portfolio-tattoo{height: 409px;}
.portfolio-hawkeye{height: 430px;}
.portfolio-aquarium{height: 364px;}
.portfolio-snappy{height: 321px;}
.portfolio-chameleon{height: 320px;}
.portfolio-gchuk{height: 523px;}
.portfolio-pictureme{height: 419px;}
.portfolio-banner{
 	height: 442px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -2798px;
}
.portfolio-pubsave{
 	height: 298px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -3240px;
}
.portfolio-flamegas{
 	height: 613px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -6226px;
}
.portfolio-woodpecker{
 	height: 198px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -3539px;
}
.portfolio-logistics{
 	height: 459px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -3738px;
}
.portfolio-tuneup{
 	height: 368px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -4196px;
}
.portfolio-paintballclub{
 	height: 328px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -4566px;
}
.portfolio-storacom{
 	height: 257px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -4895px;
}
.portfolio-entertainments{
 	height: 391px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -5152px;
}
.portfolio-mailforbusiness{
 	height: 417px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -5543px;
}
.portfolio-propertycctv{
 	height: 266px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -5960px;
}

.portfolio-omnay{
 	height: 464px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -6839px;
}

.portfolio-bubble{
 	height: 330px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -7303px;
}

.portfolio-deojuvente{
 	height: 252px;
 	background: url(../images/portfolio/portfolio_sprite.jpg) repeat scroll right;
	background-position: 0 -7633px;
}

.portfolio-amazon{
 	height: 503px;
 	background: url(../images/portfolio/portfolio_sprite_2.jpg) repeat scroll right;
	background-position: 0 0;
}
/***********************PORTFOLIO COLUMNS*************************/

.column-left-portfolio{
	width: 280px;
	padding: 20px 20px 0 40px;
	float: left;
	text-align: left;
	height: 600px;
	margin: 0 0 20px 0;
}

.column-right-portfolio{
	width: 410px;
	padding: 20px 10px 0 60px;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
}


/******PACKAGE ICONS******/

.ecommerce_icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -112px -1800px;
	height: 19px;
	width: 24px;
	margin: 0;
}

.plat_icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -142px -1800px;
	height: 19px;
	width: 27px;
	margin: 0 3px 0 0;
}

.gold_icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -142px -1824px;
	height: 17px;
	width: 27px;
	margin: 0 3px 0 0;
}

.silver_icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -112px -1824px;
	height: 17px;
	width: 27px;
	margin: 0 3px 0 0;
}

.rightarrow_icon{
	display: inline-block;
	background: url(../images/sprite.jpg) -403px -365px;
	height: 18px;
	width: 16px;
	margin: 0 0 0 3px;
}

.downarrow_icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -115px -1845px;
	height: 19px;
	width: 20px;
	margin: 0 20px 0 5px;
}



/*********************************TITAL ICONS *********************************/

.title-candyflosspc-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -111px -1995px;
	height: 28px;
	width: 26px;
	margin: 0 5px 0 0;	
}

.title-navigation-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -111px -2088px;
	height: 28px;
	width: 28px;
	margin: 0 5px 0 0;	
}



.title-contact-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -111px -2121px;
	height: 28px;
	width: 31px;
	margin: 0 5px 0 0;	
}

.title-morefromcandy-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -111px -2029px;
	height: 25px;
	width: 25px;
	margin: 0 5px 0 0;	
}

.title-about-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -110px -1965px;
	height: 28px;
	width: 28px;
	margin: 0;	
}

.title-terms-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -110px -2056px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-pricespaccom-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -114px -1937px;
	height: 26px;
	width: 30px;
	margin: 0 5px 0 0;	
}

.title-portfolio-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -110px -1905px;
	height: 28px;
	width: 25px;
	margin: 0 5px 0 0;	
}

.title-referralcalc-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -114px -1874px;
	height: 28px;
	width: 25px;
	margin: 0 5px 0 0;	
}

.title-20percent-icon{
	display: inline-block;
	background: url(../images/sprite2.jpg) -113px -2149px;
	height: 28px;
	width: 25px;
	margin: 0 10px 0 0;	
}

.title-services-rental-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -141px -2149px;
	height: 28px;
	width: 28px;
	margin: 0 5px 0 0;	
}

.title-services-design-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -171px -2149px;
	height: 28px;
	width: 29px;
	margin: 0 5px 0 0;	
}

.title-services-development-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -171px -2174px;
	height: 28px;
	width: 29px;
	margin: 0 5px 0 0;	
}

.title-services-cms-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -113px -2177px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-optimisation-report-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -142px -2203px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-optimisation-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -112px -2203px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-seo-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -160px -2229px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-cross-browser-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -111px -2229px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-search-engine-submission-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -171px -2203px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-w3c-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -137px -2229px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-psd-2-html-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -111px -2255px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-custom-error-pages-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -109px -1966px;
	height: 28px;
	width: 29px;
	margin: 0 5px 0 0;	
}

.title-services-personal-email-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -177px -2255px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-graphic-design-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -156px -2255px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}

.title-services-google-analytics-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -174px -2114px;
	height: 28px;
	width: 25px;
	margin: 0 5px 0 0;	
}

.title-services-ebay-templates-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) 0 -2353px;
	height: 28px;
	width: 28px;
	margin: 0 5px 0 0;	
}

.title-services-email-templates-icon{
	display: inline-block;
 	background:  url(../images/sprite2.jpg) -133px -2255px;
	height: 28px;
	width: 23px;
	margin: 0 5px 0 0;	
}


/***************************************************REFERRAL ************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/


#referral-wrapper{
 	margin-top: 25px;
 	float: left;
 	text-align: left;
	width: 875px;
	padding: 15px 0 30px 10px;
	background:  #DF3E82;
}

/***************************************************SAERVICES ************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/


.column-left-services{
	width: 400px;
	padding: 0;
	float: left;
	text-align: left;
	margin: 0;
}

.column-right-services{
	width: 400px;
	padding: 0;
	float: left;
	text-align: left;
	margin: 0;
}


/**************************************************** DROP DOWN LINK SELECT PLUGIN ***********************************************/
#dropdownmenu{}

.dd {
	/*display:inline-block !important;*/
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	margin: 7px 0 0 15px;
}
.dd .ddTitle {
	background: #CBDDDD;
	padding:0 3px;
	text-indent:0;
	cursor:pointer;
	overflow:hidden;
	height:36px;
}
.dd .ddTitle span.arrow {
	background:transparent url(../images/icon-arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px;
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:CoolveticaRegular, Georgia, Times, serif; font-size:22px;  color:#35393A;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.dd .ddTitle img.selected {
	padding:0 2px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#E6A3C2;
	font-size:14px;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background-color:#DF3E81;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background-color:#66CCFF;	
}