/* Added 4px to width and height on .header .action .footer for drop shadow. Added 4px to .page to keep formatting */

a {text-decoration:none}
a:link {color:#063}
a:visited {color: #063}
a:hover {color:#093; text-decoration: underline}
a:active {color:#063}

#actionFRAME {display:none;}

a.crumb_list {
	padding: 0 5px 0 11px;
	}

a.crumb_list_one {padding: 0 5px 0 4px;}

a.line {
	padding: 0 19px;
	border-right: 1px solid gray;
	margin: -2px;
	}
	
a.line_FIRST {
	padding: 0 19px 0 0;
	border-right: 1px solid gray;
	}
   
a.line_LAST {
	padding: 0 16px 0 19px;
	border-right: none;
	}

a.wBG {
	text-decoration: none;
	background: url(../images/elements/buttonbg.png) no-repeat;
	padding: 8px 18px 15px 16px;
	margin: -3px;
	}	

a.wBG:hover {
	background-repeat: repeat-x;
	}
	
a.white:link {color:#fff}
a.white:visited {color:#CCC}
a.white:hover {color:#999; text-decoration: none;}
a.white:active {color:#999}

.bar {display:none;}

body {
	position:relative;
	margin:0 auto;
	font-family: verdana;
	text-align: center;
	}

#boxes {
	position:relative;
	margin:9px auto;
	height: 106px; 
	text-align: center;
	}

#boxes a {text-decoration:none;}

#boxes a:hover .descript {display:block;}

#boxes p {position: absolute; margin-top: 28px; left:408px; width:128px; text-align: left; color:#555; font-size:9px;}

#IERoot .breadcrumb{top: 0; left: -28px;}

.breadcrumb {
	position: absolute;
	width: 543px;
	top: -10px;
	left: 12px;
	padding: 0 0 6px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-size:10px;
	}

.breadcrumb li {display:inline;}

.click {margin:0 0 -14px 0;}

#IERoot .click {margin-left:-305px;}

#CollapsiblePanel1 {display:none;}

.contact_title {
	width: 543px;
	margin-bottom:14px;
	padding: 0 0 6px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	}

.break {
line-height:0.3; }

.clients {display:none;}

.clock {
	position:absolute;
	z-index:1;
	width:350px;
	height:350px;
	background:url(../images/elements/clock.png);
	margin:-10px 0 0 160px;
	}

#IERoot .clock {margin:97px 0 0 -358px}

#contact {
	width:208px;
	height:146px;
	border:0 none;
	/*background: url(../images/elements/calltoaction/contact.jpg);*/
	background: url(../images/elements/elements.jpg) 0 -15px;
	float:left;
	margin-top:0;
	}

.contact_form {position:relative;
	top:38px;
	left:-45px;
	margin: auto;
	padding-bottom: 40px;
	}
	
#IERoot .contact_form {margin-bottom: 37px;}

.contact_form_fields {
	text-align:left;
	font: 11px Tahoma; 
	padding-top:5px;
	}

.contact_form_input {
	width:300px;
	max-height:100px;
	max-width:300px; 
	font: 12px Tahoma; 
	color: #555; 
	border: 1px solid #BBB;
	margin:2px;
	}

.contact_form_input:focus {background-color:#FFC;}

.contact_form_pic {
	width:106px;
	height:80px;
	float:left;
	margin:3px 10px 0 0;
	}
	
.content {
	position:relative;
	top: 16px;
	left: 2px;
	}
			
.content_bottom {display:none;
	}

#IERoot .content_bottom {
	margin-left:-241px;
	}
		
#contentFRAME {
	position:relative;
	text-align: left;
	font: 300 12px verdana;
	color:#555;
    padding: 0 13px 1px;
	height: auto;
	}

.content_right {
	vertical-align: top;
	padding-right: 10px;
	float:left;
	}
	
.content_left {
	vertical-align: top;
	padding-left: 10px;
	float:right;
	}  

.content_under {
	padding-right: 5px; 
	}

.content_top {display:none;}
	
#IERoot .content_top {
	margin-left:-241px;
	}
	
.crumb_icon {
	position:relative;
	display:inline;
	/*top: 2px;
	background: url(../images/elements/crumb.png) no-repeat;*/
	background: url(../images/elements/elements.jpg) no-repeat -231px -24px;
	}

.descript {
	display:none; 
	position: absolute; 
	margin-top: 26px; 
	left:408px; 
	width:128px;
	height:74px;
	text-align: left;
	background-color:#fff; 
	color:#555; 
	font-size:9px;
	overflow:hidden;}
	
.divider {display:none;}

#IERoot .divider {display:none;}
	
#diy {
	width:208px;
	height:146px;
	/*background:url(../images/elements/calltoaction/diy.jpg);*/
	background: url(../images/elements/elements.jpg) 0 -346px;
	position: absolute; 
	top:361px; 
	left: 12px;
	}

.endimage {	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 13px;
	}
		
#footerFRAME {
	clear:both;
	position:relative;
	left:-2px;
	top:5px;
	margin: 0 auto 17px;
	height: 150px;
	width: 812px;
	font-size: 10px;
	overflow: hidden;
	}

#footerFRAME li {display: inline;}

.panel {margin:auto; padding:12px 50px;}

.panel li {margin-bottom:5px;}

.fourohfour {width: 385px; top:75px;}

.green {color:#060;}

#group {display:none;}

#group_two {display:none;}

h1 {margin: 0; font-size:16px;}

#IERoot h1 {margin-bottom: -6px;}

h2 {margin-bottom: -6px; font-size:14px;}
#IERoot h2 {margin-bottom: -12px;}

h3 {margin-bottom: -7px; font-size:13px;}
#IERoot h3 {margin-bottom: -16px;}

h4 {margin-bottom: -8px; font-size:12px;}
#IERoot h3 {margin-bottom: -16px;}

#headerFRAME {
	position:absolute;
	/*top:15px;    Position if header include is placed AFTER footer in HTML */
	top:-156px; /* Position if header include is placed BEFORE footer in HTML */
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	padding-bottom: 12px;
	height: 137px;
	width: 812px;
	overflow: hidden;
	}

#headerFRAME li {display: inline;}

.headerlinks {display:none;}	

#IERoot .headerlinks {display:none;}
	
.headerlinksbg {display:none;}

.HEADER_right {
	position:absolute;
	top:18px;
	left:-32px;
	width: 100%;
	text-align: right;
	color:#888;
	font: bold x-small verdana;
	margin: -10px 16px ;
	}
	
#IERoot .HEADER_right {z-index: 1; padding-top: 10px; top: 8px;}	

/*li {display: inline;}*/

.linkscontainer {display:none;}

#IERoot .linkscontainer {display:none;}
	
.linkscontainer li{
	padding: 0 19px;
	border-right: 1px solid white;
	}

.linkscontainer li.last{
	padding: 0 19px;
	border-right: none;
	}

.logo {
	width:198px;
	height:86px;
	position: absolute; 
	z-index: 2;
	left: 12px; 
	top:18px;
	overflow:hidden;
	}

#IERoot .logo {top:33px}

.news_hr {padding:0 0 15px 0; border-bottom: #ded 1px solid;}

p {font-size:12px;}

#page {position:absolute;
	top:171px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.phone {
	width:130px;
	height:38px;
	/*background: url(../images/elements/phone.jpg);*/
	margin-left:681px;
	position: relative; 
	top: 36px;
	overflow:hidden;
	}

#IERoot .phone {top: 45px;}
	
.pic {
	position:relative;
	z-index:1;
	border: 3px solid #555;
	vertical-align: top;
	}

.pic_spin {display:none;}

.pic_template {
	margin:4px 5px 10px 0; 
	position:relative;
	z-index:1;
	border: 3px solid #555;
	vertical-align: top;
	}

.print_address {
	clear: both;
	color: #333;
	position: relative; 
	display:inline; 
	z-index: 1;
	left: -3px;
	top: 40px;}

.rating{width:230px; height:230px; margin: 0 auto; background:url(../images/elements/rating.jpg) no-repeat;}

.newbie {background-position:0px -230px;}

.small {background-position:-230px 0px;}

.big {background-position:0px 0px;}

.unconnected {background-position:-230px -230px;}

.red {color:#F00;}

.res {margin:0 0 10px 0;}

.res li {margin:20px 0 0 0;}

.res a {font-weight:bold;}

.res p {margin:5px 0 0 15px;}

.returntotop {display:none;}

#review {
	width:208px;
	height:183px;
	/*background:url(../images/elements/calltoaction/review.jpg);*/
	background: url(../images/elements/elements.jpg) 0 -162px;
	position: absolute;
	top: 168px;
	left: 12px;
	}

.seobox {
	background: url(../images/elements/boxesbg.png) repeat-x;
	padding-top: 5px;
	height: 102px; width:130px; 
	float: left;
	margin-right: 5px;
	}

.seobox img {border: 1px solid #b2d4b3; margin:20px auto;}
	
.seobox_text {
	background: url(../images/elements/boxesbg.png) repeat-x;
	padding-top: 5px;
	height: 102px; width:130px; 
	float: left;
	}


.strapline_BOTTOM {margin: 5px 0 0 0;}

.strapline_BOTTOM_line {
	position:absolute;
	top:0px;
	left:0;
	width:810px;
	}

.strapline_TOP {
	position: absolute; 
	left: 12px; 
	/*top: 5px; if strapline_TOP is placed before header include */ 
	top: 20px; z-index:1; /* if strapline_TOP is placed before #page DIV */
	color: #888; 
	font: bold 10px verdana;
	}



.submitEMAIL {
	position: absolute;
	top:84px;
	left: 9px;
	}
	
.submitEMAIL:focus {background-color:#FFC;}

.submitEMAIL_button {
	position: absolute;
	top:113px;
	left: 149px;
	width:51px;
	}

.submitURL {
	position: absolute;
	top:118px;
	left: 9px;
	}

.submitURL:focus {background-color:#FFC;}

.submitURL_button {
	position: absolute;
	top:149px;
	left: 149px;
	}

table {
	position:relative;
	top: -1px;
	left: -3px;
	}
	
td {vertical-align: top;}

.tahoma10grey {
	font: normal 10px tahoma;
	color: #5C5F5C;
	}

.tahoma11grey {
	font: normal 11px tahoma;
	color: #999898;
	}

.testimonial {display:none;}

.text {position:absolute;z-index:-100;top:-1000px;visibility:hidden;}

.thanks {width: 260px; top:100px;}

.top_links {display:none;}

.vacancy {margin-top:40px;}
	
.verdana10lightgreen {
	font: bold 10px verdana;
	color: #006000;
	}
	
.verify {
	position:relative; text-align:center; /*top:160px; left:133px;*/ top: 24px; left: 125px; border:1px solid #900; background-color:#D70000; color:#FFF; width:297px;
	}

/*#IERoot .verify {top:28px; left:120px; width:302px;}*/

.w3c {display:none;}

.w3c .xhtml{left:11px;}

.w3c .css{left:712px;}

.white {color:#fff;}

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

#index #group {margin:0 -1px 15px;}

#group {
	position:relative;
	margin:25px -3px 48px;
	height: 130px;
	text-align: center;
	font-size:0;
	}

.group_box {
	background:url(../images/elements/group_images.jpg) no-repeat;
	border: 1px solid #060;
	height: 129px; 
	width:130px;
	float:left;
	margin:14px 5px 0 0;
	}

#group br {display:none;}

.group_seo {background-position: 0 0;}


.group_seo:hover {background-position: -130px 0;}

.group_consultancy {background-position: -260px 0;}

.group_consultancy:hover {background-position: -390px 0;}
	
.group_linkbuilding {background-position: 0 -129px;}

.group_linkbuilding:hover {background-position: -130px -129px;}

.group_marketing {background-position: -260px -129px;}

.group_marketing:hover {background-position: -390px -129px;}

#group img {border:0;}

.column a {color:#555;}

.column a:hover {color:#093;}

.column h5 {
	font-weight:bold;
	color:#060;
	font-family:verdana;
	font-size:12px;
	}

.column {
	width:110px;
	float:left;
	margin:-23px 12px 0 0;
	}

.column li {
	list-style-type: none;
	display:block;
	}

.column ul {margin:-34px -23px 0;}

.one ul {margin-bottom:40.7px}

.two ul {margin-bottom:49.5px}

.three ul {margin-bottom:37.5px}

.four ul {margin-bottom:0px}

#IERoot .column {padding-top: 25px;}

#IERoot .column ul {margin:-33px 0 0 20px;}

#IERoot .one ul {margin-bottom:49.7px}

#IERoot .two ul {margin-bottom:55.5px}

#IERoot .three ul {margin-bottom:44.5px}

#IERoot .four ul {margin-bottom:0px}