@charset "utf-8";

/* CSS Document */

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

*Website Design by Contasta

* ©2008 Contasta Ltd

* by Rebecca Smiley MBCS

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

body {

text-align: center;

/* margin: 0; 

padding: 0;  */

}

table.seosem {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

table.seosem th {
font-size: 16px;
font-weight: bold;
}

table.seosem td {
text-align: left;
}

table.seosemresult {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

table.seosemresult td {
background: #cccccc;
border: 2px solid #000000;
text-align: center;
}

.budgetpc { font-size: 14px; font-weight: bold; }

#container {

	width: 965px;

	margin: 0 auto;

	text-align: left;

	position: relative;

	height: auto;

}



#header {

	width: 965px;

	background-image: url(images/Contasta-Website_03.jpg);

	z-index:1;

	height: 231px;

	position: absolute;

	margin-left: auto;

}

#bluebox {

	position: absolute;

	top: 0px;

	left: 0px;

	height: 296px;

	width: 484px;

	background-image: url(images/Contasta-Website_32.jpg);

	z-index: 2;

}

#television {

	position: absolute;

	top: 0px;

	width: 460px;

	height: 296px;

	background-image: url(images/Contasta-Website_34.jpg);

	z-index: 3;

	right: 0px;

}

#magentawindow {

	position: absolute;

	height: 415px;

	width: 499px;

	left: -14px;

	top: 316px;

	background-image: url(images/Contasta-Website_13.jpg);

	z-index: 4;

}

#window {

	position: absolute;

	height: 502px;

	width: 461px;

	top: 306px;

	background-image: url(images/Contasta-Websites_55.jpg);

	right: -2px;

}

#breadcrumbs {

	position: absolute;

	height: 23px;

	width: 663px;

	left: 10px;

	top: 241px;

}

.breadcs {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}

#newsbar {

	position: absolute;

	height: 38px;

	width: 483px;

	left: 2px;

	top: 748px;

	

}

#news {

	position: absolute;

	height: 196px;

	width: 472px;

	left: 7px;

	top: 794px;

	overflow: hidden;

}

#ticker {

	position: absolute;

	left: 516px;

	top: 816px;

	width: 436px;

	height: 160px;

}

#linkbar-back {

	height: 47px;

	width: 963px;

	left: 195px;

	top: 106px;

	background-image: url(images/Contasta-Website_23.jpg);

	padding: 0;

}

#docklands-business-club {

	position: absolute;

	height: 110px;

	width: 188px;

	left: 0px;

	background-image: url(images/membership_logos.gif);

	top: 70px;

}

#london-chamber {

	height: 81px;

	background-image: url(images/greater-manchester-logo.gif);
	background-repeat:no-repeat;

	width: 188px;

	position: absolute;

	top: 70px;

	float: right;

	left: 774px;

}

#footertext {

	position: absolute;

	height: 67px;

	width: 336px;

	left: 329px;

	top: 74px;

}



.footerstyle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}



a {

	color: #ff9c00;

	font-family: Arial, Helvetica, sans-serif;

}     /* unvisited link */

a:visited {

	color: #d58d1c;

	font-family: Arial, Helvetica, sans-serif;

}  /* visited link */

a:hover {

	color: #ffcb7a;

	font-family: Arial, Helvetica, sans-serif;

}   /* mouse over link */

a:active {

	color: #ff9c00;

	font-family: Arial, Helvetica, sans-serif;

}   /* selected link */



#textlinks-top {

	position: absolute;

	top: 241px;

	width: 285px;

	height: 23px;

	right: 10px;

}

#navigation {

	position: absolute;

	height: 42px;

	width: 874px;

	z-index: 10;

	left: 35px;

	top: 193px; /* was 189px */

}





.home

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(images/Contasta-butsact_06.png) no-repeat;

white-space: nowrap;

display: block;

width: 118px;

height: 38px;

margin: 0;

padding: 0;

}



.home a

{

display: block;

color: #000000;

font-size: 11px;

width: 118px;

height: 38px;

display: block;

float: left;

color: black;

text-decoration: none;

}



.home img

{

width: 118px;

height: 38px;

border: 0

}



* html a:hover

{

visibility:visible

}



.home a:hover img

{

visibility:hidden

}



.home span

{

	position: absolute;

	left: 0px;

	top: 0px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	visibility: hidden;

} 





.home img

{

width: 118px;

height: 38px;

border: 0

}





.about

{

	position: absolute;

	font-family: arial, helvetica, sans-serif;

	background: url(images/Contasta-butsact_09.png) no-repeat;

	white-space: nowrap;

	display: block;

	width: 126px;

	height: 38px;

	margin: 0;

	padding: 0;

	left: 118px;

	top: 0px;

}



.about a

{

	display: block;

	color: #000000;

	font-size: 11px;

	width: 126px;

	height: 38px;

	display: block;

	float: left;

	color: black;

	text-decoration: none;

	left: 0px;

	top: 0px;

}

.about img

{

	width: 126px;

	height: 38px;

	border: 0;

	left: 0px;

	top: 0px;

}



.about a:hover img

{

visibility:hidden

}



.about span

{

	position: absolute;

	left: 118px;

	top: 0px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	visibility: hidden;

} 





.services

{

	position: absolute;

	font-family: arial, helvetica, sans-serif;

	background: url(images/Contasta-butsact_12.png) no-repeat;

	white-space: nowrap;

	display: block;

	width: 126px;

	height: 38px;

	margin: 0;

	padding: 0;

	left: 244px;

	top: 0px;

}



.services a

{

	display: block;

	color: #000000;

	font-size: 11px;

	width: 108px;

	height: 38px;

	display: block;

	float: left;

	color: black;

	text-decoration: none;

	left: 0px;

	top: 0px;

}

.services img

{

	width: 108px;

	height: 38px;

	border: 0;

	left: 0px;

	top: 0px;

}



.services a:hover img

{

visibility:hidden

}



.services span

{

	position: absolute;

	left: 108px;

	top: 0px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	visibility: hidden;

} 





.superstore

{

	position: absolute;

	font-family: arial, helvetica, sans-serif;

	background: url(images/Contasta-butsact_17.png) no-repeat;

	white-space: nowrap;

	display: block;

	width: 124px;

	height: 38px;

	margin: 0;

	padding: 0;

	left: 352px;

	top: 0px;

}



.superstore a

{

	display: block;

	color: #000000;

	font-size: 11px;

	width: 124px;

	height: 38px;

	display: block;

	float: left;

	color: black;

	text-decoration: none;

	left: 0px;

	top: 0px;

}

.superstore img

{

	width: 124px;

	height: 38px;

	border: 0;

	left: 0px;

	top: 0px;

}



.superstore a:hover img

{

visibility:hidden

}



.superstore span

{

	position: absolute;

	left: 124px;

	top: 0px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	visibility: hidden;

} 





.help

{

	position: absolute;

	font-family: arial, helvetica, sans-serif;

	background: url(images/Contasta-butsact_19.png) no-repeat;

	white-space: nowrap;

	display: block;

	width: 122px;

	height: 38px;

	margin: 0;

	padding: 0;

	left: 476px;

	top: 0px;

}



.help a

{

	display: block;

	color: #000000;

	font-size: 11px;

	width: 122px;

	height: 38px;

	display: block;

	float: left;

	color: black;

	text-decoration: none;

	left: 0px;

	top: 0px;

}

.help img

{

	width: 122px;

	height: 38px;

	border: 0;

	left: 0px;

	top: 0px;

}



.help a:hover img

{

visibility:hidden

}



.help span

{

	position: absolute;

	left: 122px;

	top: 0px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	visibility: hidden;

} 



.contact{

	position: absolute;

	font-family: arial, helvetica, sans-serif;

	background: url(images/Contasta-butsact_14.png) no-repeat;

	white-space: nowrap;

	display: block;

	width: 117px;

	height: 38px;

	margin: 0;

	padding: 0;

	left: 598px;

	top: 0px;

}



.contact a

{

	display: block;

	color: #000000;

	font-size: 11px;

	width: 117px;

	height: 38px;

	display: block;

	float: left;

	color: black;

	text-decoration: none;

	left: 0px;

	top: 0px;

}

.contact img

{

	width: 117px;

	height: 38px;

	border: 0;

	left: 0px;

	top: 0px;

}



.contact a:hover img

{

visibility:hidden

}



.contact span

{

	position: absolute;

	left: 117px;

	top: 0px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	visibility: hidden;

} 



a .alt { display: none; }

#blueboxtext {

	position: absolute;

	height: 245px;

	width: 441px;

	left: 23px;

	top: 17px;

	z-index: 10;

}

#bluetitleshadow {

	position: absolute;

	height: 30px;

	width: 204px;

	left: 224px;

	top: 9px;

	z-index: 9;

}

#magentatitleshadow {

	position: absolute;

	height: 61px;

	width: 186px;

	z-index: 9;

	left: 351px;

	top: 42px;

}

#websiteexample1 {

	position: absolute;

	height: 133px;

	width: 266px;

	left: 181px;

	top: 67px;

}

#websiteexample2 {

	position: absolute;

	height: 190px;

	width: 259px;

	left: 26px;

	top: 273px;

}







#floatydivblue {

	position: absolute;

	float: left;

}





img.bluebximg {

    float: left; 

    margin: 4px; 

   

   }

.boxtext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	text-transform: none;

	color: #FFFFFF;

}



.highlight {

	color: #FFFF00;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: bolder;

	font-variant: normal;

}

.boxtitle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	font-weight: bolder;

	font-variant: normal;

	color: #FFFFFF;

	z-index: 10;

	float: left;

}

#blueboxtitle {

	position: absolute;

	height: 30px;

	width: 234px;

	left: 219px;

	top: -13px;

}



.titleshadow {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	font-weight: bolder;

	color: #000000;

	z-index: 9;

}

#title {

	position: absolute;

}

#magentatitle {

	position: absolute;

	height: 30px;

	width: 224px;

	left: 236px;

	top: 10px;

	z-index: 10;

}

#magentatext {

	position: absolute;

	height: 264px;

	width: 439px;

	top: 20px;

	left: 38px;

}

#marqueecontainer{

	position: relative;

	width: 430px; /*marquee width */

	height: 160px; /*marquee height */

	background-color: white;

	overflow: hidden;

	padding: 2px;

	padding-left: 4px;

}

#firstsitetext {

	position: absolute;

	height: 122px;

	width: 148px;

	left: 18px;

	top: 101px;

}

#secondsitetext {

	position: absolute;

	height: 50px;

	width: 139px;

	left: 296px;

	top: 308px;

}

.portfoliotext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	text-align: center;

}

.portfoliotext small {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

}

#helpmenu {

	position: absolute;

	height: 360px;

	width: 350px;

	left: 511px; /* was 511 */

	top: 244px;

	z-index: 15;

	background-image: url(images/Contasta-Website_33.png);

}

#helpmenutext {

	position: absolute;

	height: 191px;

	width: 313px;

	left: 23px;

	top: 36px;

}

#servicesmenu {

	position: absolute;

	height: 384px;

	width: 350px;

	left: 214px;

	top: 244px;

	z-index: 15;

	overflow: hidden;

	background-image: url(images/Contasta-Website_36.png);

} 



#servicesmenutext {

	position: absolute;

	height: 338px; 

	width: 313px;

	top: 36px;

	left: 23px;

}

.rollmenutext {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: none;

}

#servicesclosebutton {

        background-image: url(images/Contasta-Website_39.png);

        width: 30px;

        height: 28px;

        right: 16px;

        position: absolute;

        top: 8px;

        z-index: 17;

}



#helpclosebutton {

	background-image: url(images/Contasta-Website_39.png);

	width: 30px;

	height: 28px;

	right: 16px;

	position: absolute;

	top: 8px;

	z-index: 17;

}

.rollmenutext a {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: none;

}



.rollmenutext a:hover {

	font-family: Arial, Helvetica, sans-serif;

	color: #999999;

	text-decoration: none;

}

.rollmenutext a:active {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: none;

}

#footer {

	position: relative;

	margin-top: 15px;

	left: 0px;

}

#seomenu{

	position: relative;

	margin-top: 140px;

	left: 0px;

	font-size:12px;

}



.rollmenutext a:visited {

	font-family: Arial, Helvetica, sans-serif;

	color: #000066;

	text-decoration: none;

}

#contentdiv {

	position: absolute;

	height: auto;

	width: 961px;

	left: 0px;

	top: 276px;

	padding-bottom: 20px;

}

#contenttextleft {

	position: relative;

	width: 570px;

	left: 10px;

	height: 400px;

}

#contenttextleftswd {

	position: relative;

	height: 740px;

	top: 0px;

	left: 10px;

	width: 550px;	

}

#canarywharf1 {

	position: relative;

	height: 740px;

	top: 0px;

	left: 10px;

	width: 550px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #666666;

}

div#canarywharf1 h1{

	

	font-size: 18px;	

	 color: #2f4b9e;

}

#london1 {

	position: relative;

	height: 740px;

	top: 0px;

	left: 10px;

	width: 550px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #666666;

}

div#london1 h1{

	

	font-size: 18px;	

	 color: #2f4b9e;

}

#london-ec1-1 {

	position: relative;

	height: 740px;

	top: 0px;

	left: 10px;

	width: 550px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #666666;

}

div#london-ec1-1 h1{

	

	font-size: 18px;	

	 color: #2f4b9e;

}

#canarywharf2 {

	position: absolute;

	height: 100px;

	width: 531px;

	right: 8px;

	top: 398px;

	z-index: 16;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #666666;

}

#london2 {

	position: absolute;

	height: 100px;

	width: 531px;

	right: 8px;

	top: 398px;

	z-index: 16;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #666666;

}

#london-ec1-2 {

	position: absolute;

	height: 100px;

	width: 531px;

	right: 8px;

	top: 398px;

	z-index: 16;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #666666;

}

.TitleText {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-style: normal;

	color: #2f4b9e;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 0px;

}

.pagetext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #666666;

}

#contentrightimage {

	position: absolute;

	height: 297px;

	width: 288px;

	top: 0px;

	right: 48px;

}

#offeringinnovative {

	position: absolute;

	width: 463px;

	top: 399px;

	right: 10px;

	height: 284px;

}

#fibre {

	position: absolute;

	height: 195px;

	width: 452px;

	left: 7px;

	top: 434px;

}

#eyes {

	position: absolute;

	width: 315px;

	top: 401px;

	left: 0px;

}

#contentrightimage1 {

	position: absolute;

	right: 10px;

	top: 0px;

}

#contenttextleft1 {

	position: relative;

	width: 510px;

	left: 10px;

	height: 600px;

}

#offeringinnovative1 {

	position: absolute;

	height: 100px;

	width: 439px;

	left: 523px;

	top: 418px;

}

#contentrightimage3 {

	position: absolute;

	width: 200px;

	right: 10px;

	top: 0px;

}

#offeringinnovative3 {

	position: absolute;

	height: 100px;

	width: 531px;

	right: 8px;

	top: 398px;

	z-index: 16;

}



#contentrightimage4 {

	position: absolute;

	height: 343px;

	width: 271px;

	right: 39px;

	top: 0px;

}

#photoleft {

	position: relative;

	left: 10px;

	top: 0px;

	width: 450px;

	height: 660px;

}

#seotextright {

	position: absolute;

	height: 426px;

	width: 489px;

	top: 0px;

	right: 10px;

}

#seophotoright {

	position: absolute;

	height: 309px;

	width: 452px;

	top: 332px;

	left: 10px;

}

#seotextleft {

	position: absolute;

	height: 217px;

	width: 449px;

	top: 423px;

	right: -488px;

}

#hostingtextright {

	position: absolute;

	height: 672px;

	width: 485px;

	top: 0px;

	right: 10px;

}

#realeyes {

	position: relative;

	width: 400px;

	left: 10px;

	top: 0px;

	height: 1620px;

}

#realeyesphotos {

	position: absolute;

	width: 450px;

	top: 0px;

	right: 10px;

	height: 1600px;

}

#contactus {

	position: relative;

	height: 720px;

	width: 400px;

	left: 80px;

}

#maillist {

        position: relative;

        height: 100px;

        width: 400px;

        left: 80px;

}

#newsdiv {

	position: relative;

	height: auto;

	width: 400px;

	left: 80px;

}

#locationphotos {

	position: absolute;

	height: 400px;

	width: 300px;

	top: 0px;

	right: 80px;

}

#dummydiv {

	position: relative;

	height: 990px;

	width: 5px;

	top: 0px;

}



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

*Main Page



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

#mainpagetoplinks{

text-align:right;

font-size:10px;

padding-right:15px;

padding-bottom:2px;

}



#mainpagetoplinks a:link {text-decoration: none; color:#999999; }

#mainpagetoplinks a:visited {text-decoration: none; color:#999999; }

#mainpagetoplinks a:active {text-decoration: none; color:#999999; }

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





#mainpage_breadcrumbs {

	position: absolute;

	height: 23px;

	width: 663px;

	left: 10px;

	top: 235px;

	font-size: 12px;

}

.mainpage_breadcs {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#mainpagecontent1 {

	position:relative;

	width:737px;

	left:10px;

	height:400px;

}



#mainpagecontentbox1{

position: absolute;

	height: 235px;

	width: 300px;

	left: 15px;

	top: 35px;

}

#mainpageflash {

	position: absolute;

	height: 235px;

	width: 430px;

	right: 210px;

	top: 35px;

}



#mainpagelinkbox1{

position: absolute;

 font-size: 12px;

	height: 110px;

	width: 150px;

	left: 15px;

	top: 280px;

}



#mainpagelinkbox2{

position: absolute;

font-size: 12px;

	height: 110px;

	width: 150px;

	left: 170px;

	top: 280px;

}



#mainpagelinkbox3{

position: absolute;

font-size: 12px;

	height: 110px;

	width: 150px;

	left: 325px;

	top: 280px;

}

#mainpagememberbox{

position: absolute;

	height: 110px;

	width: 150px;

	left: 480px;

	top: 280px;

}



#mainpagecontent2 {

	position:relative;

	width:737px;

	left:10px;

	height:330px;	

}



#mainpagecontent3{

	position: relative;

	width: 960px;

	left: 10px;

	height: 480px;

}

#mainpageright1 {

	position: absolute;

	height: 343px;

	width: 160px;

	right: 5px;

	top: 0px;

}



#mainpageflash {

	position: absolute;

	height: 235px;

	width: 430px;

	right: 210px;

	top: 35px;

}



#mainpageseomenu{

	position: relative;

	margin-top: 5px;

	left: 0px;

	font-size:12px;

}



.mainpagetitle1{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	color: #2f4b9e;

	font-weight:lighter;

	margin-top: 0px;

	margin-bottom: 0px;

}

.mainpagetitle2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	color: #28a9e2;

	font-weight:lighter;

	margin-top: 0px;

	margin-bottom: 0px;

}



.mainpagetext1{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #333333;

	font-weight:lighter;

	text-align: left;	

}



#mainpagelinkbox1 a:link {text-decoration: none; color:#6699ff; }

#mainpagelinkbox1 a:visited {text-decoration: none; color:#6699ff; }

#mainpagelinkbox1 a:active {text-decoration: none; color:#6699ff; }

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



#mainpagelinkbox2 a:link {text-decoration: none; color:#6699ff; }

#mainpagelinkbox2 a:visited {text-decoration: none; color:#6699ff; }

#mainpagelinkbox2 a:active {text-decoration: none; color:#6699ff; }

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



#mainpagelinkbox3 a:link {text-decoration: none; color:#6699ff; }

#mainpagelinkbox3 a:visited {text-decoration: none; color:#6699ff; }

#mainpagelinkbox3 a:active {text-decoration: none; color:#6699ff; }

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



#mainpagebottomlinks{
position: absolute;	

	left: 20px;

	top: 1430px;
	
text-align:left;

font-size:11px;

padding-left:15px;

padding-top:2px;

}



#mainpagebottomlinks a:link {text-decoration: none; color:#999999; }

#mainpagebottomlinks a:visited {text-decoration: none; color:#999999; }

#mainpagebottomlinks a:active {text-decoration: none; color:#999999; }

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


#mainpagebottomlogo1{

position: absolute;

font-size: 12px;

	height: 110px;

	width: 300px;

	left: 20px;

	top: 1260px;

}
#mainpagebottomtext{

position: absolute;

font-size: 10px;

	height: 110px;

	width: 515px;

	left: 225px;

	top: 1270px;

}
#mainpagebottomlogo2{

position: absolute;

font-size: 12px;

	height: 110px;

	width: 300px;

	left: 760px;

	top: 1260px;

}

#mainpagetextbox1{

position: absolute;

 font-size: 12px;

	height: 110px;

	width: 300px;

	left: 15px;

	top: 50px;

}



#mainpagetextbox2{

position: absolute;

font-size: 12px;

	height: 110px;

	width: 300px;

	left: 330px;

	top: 50px;

}



#mainpagetextbox3{

position: absolute;

font-size: 12px;

	height: 110px;

	width: 300px;

	left: 645px;

	top: 50px;

}



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

*testimonial Page



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

#testipagecontent1 {

	position:relative;

	width:737px;

	left:10px;

	height:800px;

}