*{margin:0;padding:0}
* :focus {outline: 0;}

br {  line-height: 12px;}

body{
	font: verdana,sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background: url("intbackground.jpg") top left repeat-x;
	background-color: #808080;	
	color: #d2d2d2;
}
	
p {margin:0 10px 10px}

.smalltxt{
	font: verdana,sans-serif;
	color: #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
	
.addresstxt{
	color: #d2d2d2;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.inhead{font: verdana,sans-serif;color: #404040;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 32px;}

.intext{
	font: verdana,sans-serif;
	color: #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	display: inline;
}

.tabtext{font: verdana,sans-serif;color: #404040;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}

.tabtextw{font: verdana,sans-serif;color: #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}

.redtxt{font: verdana,sans-serif;color: #c00000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}

.redbig0{font: verdana,sans-serif;color: #c00000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}

.redbig1{font: verdana,sans-serif;color: #c00000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;}

.redbig2{font: verdana,sans-serif;color: #c00000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 36px;}

.redbig3{font: verdana,sans-serif;color: #c00000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 22px;}

.redbig4{font: verdana,sans-serif;color: #c00000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 28px;}


.tabtxtsm {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;font-weight: bold; color: #404040;}
.tabtxtblue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2c5c9a; }
.tabtxtbody {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #404040; }
.tabtxtbold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #404040; }
.tabspace {color: #f4f6f5}

a:link {text-decoration: none;color: #c00000;}
a:visited {text-decoration: none;color: #c00000;}
a:hover {text-decoration: none;	color: #dcdcdc;}
a:active {text-decoration: none;color: #dcdcdc;}

.redlink a:link {text-decoration: none;color: #c00000;}
.redlink a:visited {text-decoration: none;color: #c00000;}
.redlink a:hover {text-decoration: none;	color: #404040;}
.redlink a:active {text-decoration: none;color: #404040;}

.bluelink a:link {text-decoration: none;color: #2c77a2;}
.bluelink a:visited {text-decoration: none;color: #2c77a2;}
.bluelink a:hover {text-decoration: none;color: #404040;}
.bluelink a:active {text-decoration: none;color: #404040;}

.smalllink a:link {font-size: 9px; color: #404040;}
.smalllink a:visited {font-size: 9px; color: #404040;}
.smalllink a:hover {font-size: 9px; color: #2c77a2;}
.smalllink a:active {font-size: 9px; color: #2c77a2;}



div#header h1{height:8px;line-height:70px;margin:0;padding-left:10px;background: #2c77a2;color: #ffffff}

div#subheader{height:53px;margin:0;padding-left:5px;background: #000000;color: #ffffff}
div#topsmalltxt{height:28px;padding-left:9px;padding-top: 0px;vertical-align: top;margin-top: -3px;	background: #000000;word-spacing: 1px;letter-spacing: 1px;}

div#container{text-align:left}
div#content p{width:100%;height:400px;background:#c7d1d4;margin-left:-0px}

div#col1{background-color: #CCCCCC;	padding-top: 20px; background:  url("c_services.jpg") top left no-repeat;}
div#col1b{background-color: #ffffff;background:url("c_bot.jpg") bottom left no-repeat;  position:relative;
bottom:-8px;height: 19px;}

div#col2{background-color: #CCCCCC;padding-top: 34px;padding-right: 0px;background:url("mainpanelalt.jpg") top left no-repeat;}
div#col2b{background-color: #ffffff;background:url("mainpanel_bot.jpg") bottom left no-repeat;  position:relative;
bottom:-8px;height: 19px;}



div#col3{background-color: #CCCCCC; padding-top: 20px; background:  url("c_email.jpg") top left no-repeat;}
div#col3b{background-color: #ffffff;background:url("c_bot.jpg") bottom left no-repeat;  position:relative;
bottom:-8px;height: 19px;}

div#col4{background-color: #CCCCCC; padding-top: 20px; background:  url("c_broadband.jpg") top left no-repeat;}
div#col4b{background-color: #ffffff;background:url("c_bot.jpg") bottom left no-repeat;  position:relative;
bottom:-8px;height: 19px;}

div#col5{background-color: #CCCCCC; padding-top: 20px; background:  url("c_links.jpg") top left no-repeat;}
div#col5b{background-color: #ffffff;background:url("c_bot.jpg") bottom left no-repeat;position:relative;bottom:-8px;height: 19px;}

.iconfloat {float: left;}

div#maincolumn{padding:0px 20px 0px 14px;width:530px; text-align: justify;}

div#splashpanel{
		width: 506px;
	background-color:#68f0ad;
	background:url("inpanel01.gif") top left no-repeat;
		margin-left: 10px;padding:3px 3px 3px 3px;}

div#container{width:950px;margin:0 auto}

div#wrapper{float:left;width:100%;background:#c7d1d3;padding-bottom: 14px;}

div#badge{
	width:184px;
	height:183px;
	background-color:#ffffff;
	background:url("10yearbadge.jpg") top left no-repeat;
	clear: left;
	margin-top: 6px;
}

div#content{width:100%;}

div#col1{float:left;width:183px;margin-left:5px;margin-bottom: 5px;}
div#col2{float:left;width:563px;margin-left:7px;margin-bottom: 5px;}
div#col3{float:left;width:183px;margin-left:7px;margin-bottom: 5px;}
div#col4{float:left;width:183px;margin-left:7px;margin-bottom: 5px;}
div#col5{float:left;width:183px;margin-left:5px;margin-bottom: 5px;}


div#buttonframe{width:415px;margin-left:38px;margin-top:5px;margin-bottom: 15px;}

div#boxframe{width:500px;margin-left:30px;margin-top:5px;margin-bottom: 30px;}

div#whitebox{
	float:left;
	width:213px;
	height:206px;
	margin-right:10px;
	background: url("flatbox.jpg") top left no-repeat;
	background-color: #c7d1d3;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
	div#blankbox{
	float:left;
	width:213px;
	height:206px;
	margin-right:10px;
	background: url("blankbox.jpg") top left no-repeat;
	background-color: #c7d1d3;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
	
	
	div#outlookbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("outlooksmall.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
	div#hordebox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("hordesmall.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}

	div#frintonbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("frintonetsmall.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
	div#spambox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("spamsmall.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
	
		div#smtpbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("mobsmtp.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
	
	
	div#dwebbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("designweb.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}


	div#dcontactbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("designcontact.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}

	div#dsesbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("designses.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}

	div#dcmsbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("designcms.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}

	div#ecommbox{
	float:left;
	width:208px;
	height:210px;
	margin-right:10px;
	background: url("ecommsmall.jpg") top left no-repeat;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
div#bluebox{
	float:left;
	width:213px;
	height:206px;
	margin-right:10px;
	background: url("flatboxb.jpg") top left no-repeat;
	background-color: #c7d1d3;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
	div#adslbox{
	float:left;
	width:213px;
	height:133px;
	margin-right:10px;
	background: url("adslbox.jpg") top left no-repeat;
	background-color: #c7d1d3;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
		div#adslbox2{
	float:left;
	width:213px;
	height:133px;
	margin-right:10px;
	background: url("adslbox2.jpg") top left no-repeat;
	background-color: #c7d1d3;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
div#pic{
	float:left;
	width:254px;
	height:204px;
	margin-right:10px;
	background-color: #f4f6f5;
	color: #f4f6f5;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
div#pic2{
	float:left;
	width:295px;
	height:253px;
	margin-right:10px;
	background-color: #f4f6f5;
	color: #f4f6f5;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
div#pic3{
	float:left;
	width:295px;
	height:214px;
	margin-right:10px;
	background-color: #f4f6f5;
	color: #f4f6f5;
	padding:0px 6px 0px 8px;
	text-align: center;}

div#pic4{
	float:left;
	width:411px;
	height:414px;
	margin-left:54px;
	background-color: #f4f6f5;
	color: #f4f6f5;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
div#pic5{
	float:left;
	width:504px;
	height:675px;
	margin-left:10px;
	background-color: #f4f6f5;
	color: #f4f6f5;
	padding:0px 6px 0px 8px;
	text-align: center;}
	
div#partner0{
	float:right;
	width:219px;
	height:1217px;
	margin-right:10px;
	background-color: #f4f6f5;
	color: #f4f6f5;
	padding:0px 6px 0px 8px;
	}
	
	
div#txtcol{
	float:left;
	width:213px;
	height:2000px;
	margin-right:10px;
	background-color: #f4f6f5;
	color: #ffffff;
	padding:0px 6px 0px 8px;
	text-align: left;}
	
	
div#dropbox{
 width:2px;	height:2px;background-color: #404040;}

div#centrebox{
	width:500px;
	height:206px;
	margin-right:10px;
	padding:0px 6px 0px 8px;
	text-align: center;
}

div#partner{
	clear:left;
	width:100%;
	height:192px;
	margin:0;
	background: url("authorisedpartners.jpg") top left no-repeat;
	background-color: #c7d1d3;
	color: #ffffff;
	padding-top: 0px;
	}

div#address{
	clear:left;
	width:100%;
	height:50px;
	margin:0;
	background: url("addressbox.jpg") top left no-repeat;
	background-color: #c7d1d4;
	color: #ffffff;
	padding-top: 8px;
	text-align: center;
}

div#footer{
	clear:left;
	width:100%;
	height:21px;
	background: url("footer.jpg") top left no-repeat;
	text-align: center;
	margin-bottom: 10px;
	background-color: #c7d1d3;
}

div#footer p{margin:0;padding:3px 15px 3px}

#iconsupport{display: block; width: 48px; height: 34px; background: url("support_icon.jpg") no-repeat 0 0;float: left;}
#iconsupport:hover{background-position: 0 -34px;}
#iconsupport span{display: none;}
	
#icontickets{display: block; width: 48px; height: 34px; background: url("tickets_icon.jpg") no-repeat 0 0;float: left;}
#icontickets:hover{background-position: 0 -34px;}
#icontickets span{display: none;}

#iconnews{display: block; width: 48px; height: 34px; background: url("news_icon.jpg") no-repeat 0 0;float: left;}
#iconnews:hover{background-position: 0 -34px;}
#iconnews span{display: none;}

#iconhost{display: block; width: 48px; height: 34px; background: url("hosting_icon.jpg") no-repeat 0 0;float: left;}
#iconhost:hover{background-position: 0 -34px;}
#iconhost span{display: none;}

#icondomain{display: block; width: 48px; height: 34px; background: url("domain_icon.jpg") no-repeat 0 0;float: left;}
#icondomain:hover{background-position: 0 -34px;}
#icondomain span{display: none;}

#iconwhois{display: block; width: 48px; height: 34px; background: url("whois_icon.jpg") no-repeat 0 0;float: left;}
#iconwhois:hover{background-position: 0 -34px;}
#iconwhois span{display: none;}

#iconemail{display: block; width: 48px; height: 34px; background: url("email_icon.jpg") no-repeat 0 0;float: left;}
#iconemail:hover{background-position: 0 -34px;}
#iconemail span{display: none;}

#iconhorde{display: block; width: 48px; height: 34px; background: url("horde_icon.jpg") no-repeat 0 0;float: left;}
#iconhorde:hover{background-position: 0 -34px;}
#iconhorde span{display: none;}

#iconfnet{display: block; width: 48px; height: 34px; background: url("frintonnet_icon.jpg") no-repeat 0 0;float: left;}
#iconfnet:hover{background-position: 0 -34px;}
#iconfnet span{display: none;}

#iconadsl{display: block; width: 48px; height: 34px; background: url("broadband_icon.jpg") no-repeat 0 0;float: left;}
#iconadsl:hover{background-position: 0 -34px;}
#iconadsl span{display: none;}

#iconadslfaq{display: block; width: 48px; height: 34px; background: url("adslcompare_icon.jpg") no-repeat 0 0;float: left;}
#iconadslfaq:hover{background-position: 0 -34px;}
#iconadslfaq span{display: none;}

#icontelephony{display: block; width: 48px; height: 34px; background: url("telephony_icon.jpg") no-repeat 0 0;float: left;}
#icontelephony:hover{background-position: 0 -34px;}
#icontelephony span{display: none;}

#iconnewline{display: block; width: 48px; height: 34px; background: url("newline_icon.jpg") no-repeat 0 0;float: left;}
#iconnewline:hover{background-position: 0 -34px;}
#iconnewline span{display: none;}

#iconpbx{display: block; width: 48px; height: 34px; background: url("pbx_icon.jpg") no-repeat 0 0;float: left;}
#iconpbx:hover{background-position: 0 -34px;}
#iconpbx span{display: none;}

#icontel{display: block; width: 48px; height: 34px; background: url("tel_icon.jpg") no-repeat 0 0;float: left;}
#iconpbx:hover{background-position: 0 -34px;}
#iconpbx span{display: none;}

#icongen{display: block; width: 48px; height: 34px; background: url("gen_icon.jpg") no-repeat 0 0;float: left;}
#icongen:hover{background-position: 0 -34px;}
#icongen span{display: none;}

.bigicon {float: left;}

#buttonpersonal{display: block; width: 100px; height: 23px; background: url("button-personal.jpg") no-repeat 0 0;float: left;}
#buttonpersonal:hover{background-position: 0 -23px;}
#buttonpersonal span{display: none;}

#buttonbusiness{display: block; width: 100px; height: 23px; background: url("button-bus.jpg") no-repeat 0 0;float: left;}
#buttonbusiness:hover{background-position: 0 -23px;}
#buttonbusiness span{display: none;}

#buttondomain{display: block; width: 100px; height: 23px; background: url("button-domain.jpg") no-repeat 0 0;float: left;}
#buttondomain:hover{background-position: 0 -23px;}
#buttondomain span{display: none;}

#buttonecomm{display: block; width: 100px; height: 23px; background: url("button-ecomm.jpg") no-repeat 0 0;float: left;}
#buttonecomm:hover{background-position: 0 -23px;}
#buttonecomm span{display: none;}