/* 
      Created by Dizi at Web Design Pond
	  
	  E-Mail: dizi@webdesignpond.co.uk
	  
	  You are free to use this template however you want
	  if you wish to say thanks the best way would be a link 
	  back to webdesignpond.co.uk :)
 */

h1 {
	color: #666;
	font-weight: bold;
}
h2 {}
h3 {
	font-weight: normal;
	color: #666;
}

* {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
html, body {
	height:100%;
}
body {
	text-align:center;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	background-color:#fff;
	background-position:top;
	background-repeat:repeat-x;
}
#wrapper  { margin-top: 0; margin-right: auto; margin-left: auto; height: auto !important; min-height: 100%; max-width:1085px; }

#header       { background-image: none; background-repeat: no-repeat; display: block; margin-top: 50px; margin-right: auto; margin-left: auto; padding-left: 5px; width: 1080px; height: 0 }
#aboutus  {
	color: #eee;
	background-color: #800;
	padding: 50px 10px 10px;
	position: relative;
	top: -85px;
	width: 65px;
	-moz-border-radius: 20px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out;
}
a.aboutus { color: #eee; font-weight: bold; text-decoration: none }
#aboutus:hover {
	color:#EEE;
	background-color:#500;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position:relative;
	top:-80px;
	padding: 50px 10px 10px 10px;
		-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
#terms {
	color: #eee;
	background-color: #800;
	padding: 50px 10px 10px;
	position: relative;
	z-index: 1;
	top: -234px;
	left: 90px;
	width: 130px;
	-moz-border-radius: 20px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out
}
.softsteps {
	position: relative;
	left: 200px;
	width: 700px;
	bottom: 120px;
}
#terms:hover { color: #eee; background-color: #500; padding: 50px 10px 10px; position: relative; z-index: 1; top: -229px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out }
a.terms { color: #eee; font-weight: bold; text-decoration: none }
#viewmybills { color: #eee; font-size: 13px; background-color: #800; padding: 50px 10px 10px; position: relative; z-index: 7; top: -160px; left: 245px; width: 100px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out   }
a.viewmybills { color: #eee; font-weight: bold; text-decoration: none }
#viewmybills:hover { color: #eee; background-color: #500; position: relative; top: -155px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out }
#voip {
	color: #eee;
	background-color: #800;
	padding: 50px 10px 10px;
	position: relative;
	top: -308px;
	left: 370px;
	width: 120px;
	-moz-border-radius: 20px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out
}
#voip:hover { color: #eee; background-color: #500; padding: 50px 10px 10px; position: relative; top: -303px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out }
a.voip { color: #eee; font-weight: bold; text-decoration: none }
#tutorials    {
	color: #eee;
	background-color: #800;
	padding: 50px 10px 10px;
	position: relative;
	z-index: 1;
	top: -456px;
	left: 790px;
	width: 80px;
	-moz-border-radius: 20px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out
}

#tutorials:hover  { color: #eee; background-color: #500; padding: 50px 10px 10px; position: relative; z-index: 1; top: -451px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out }

a.tutorials {
	text-decoration:none;
	font-weight:bold;
	color:#EEE;
}
#contact    {
	color: #eee;
	background-color: #800;
	padding: 50px 10px 10px;
	position: relative;
	z-index: 1;
	top: -382px;
	left: 895px;
	width: 80px;
	-moz-border-radius: 20px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out
}

#contact:hover  { color: #eee; background-color: #500; padding: 50px 10px 10px; position: relative; z-index: 1; top: -377px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out }

a.contact {
	text-decoration:none;
	font-weight:bold;
	color:#EEE;
}


#software    {
	color: #eee;
	background-color: #800;
	padding: 50px 10px 10px;
	position: relative;
	z-index: 1;
	top: -530px;
	left: 515px;
	width: 125px;
	-moz-border-radius: 20px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out
}

#software:hover  { color: #eee; background-color: #500; padding: 50px 10px 10px; position: relative; z-index: 1; top: -525px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out }

a.software {
	text-decoration:none;
	font-weight:bold;
	color:#EEE;
}


#network    {
	color: #eee;
	background-color: #800;
	padding: 50px 10px 10px;
	position: relative;
	z-index: 1;
	top: -604px;
	left: 665px;
	width: 100px;
	-moz-border-radius: 20px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out
}

#network:hover  { color: #eee; background-color: #500; padding: 50px 10px 10px; position: relative; z-index: 1; top: -599px; -moz-border-radius: 20px; -moz-transition: all 0.2s ease-in-out; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-in-out }

a.network {
	text-decoration:none;
	font-weight:bold;
	color:#EEE;
}


img.logo {
	position:relative;
	top:00px;
	left:0px;
	float:left;
}

#phonenumber {
	font-size:40px;
	color:#AAA;
	position:relative;
	left:440px;
	top:-158px;
	width:auto;
	text-align:left;
}

#phonenumber .smalertext {
	font-size:16px;
	line-height:24px;
}

#callnow {
	font-size:25px;
	color:#AAA;
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	text-align:left;
}





#strapline {
	position:relative;
	top:-253px;
	left:820px;
	width:300px;
	color: #800;
	text-align:left;
	font-size: 20px;
	z-index:9;
	font:Tahoma, Geneva, sans-serif;
}

.awesome {
	background: #222 url(img/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

/* Sizes ---------- */
.small.awesome {
	font-size: 11px;
}
.medium.awesome {
	font-size: 13px;
}
.large.awesome {
	font-size: 14px;
	padding: 8px 14px 9px;
}

/* Colors ---------- */
.blue.awesome {
	background-color: #2daebf;
}
.red.awesome {
	background-color: #e33100;
}
.magenta.awesome {
	background-color: #a9014b;
}
.orange.awesome {
	background-color: #ff5c00;
}
.yellow.awesome {
	background-color: #ffb515;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }



.boxes {
	float:left;
	width: 300px;
	height: 400px;
	margin:0px 15px 100px 15px;
	background-color:#fff;
	padding: 20px;
	text-align:left;
}

.boxes h1 {
	color:#FFF;
	font-size:23px;
	text-shadow:#444;
	font:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-shadow: 0.1em 0.1em 0.2em black;
	margin:-20px 10px 10px 10px;
	padding:5px;
	text-align:center;
}

hr {
	color:#fff;
	background-color:#fff;
	height:1px;
	border:none;
	margin-bottom:5px;
}

div.subheading {
	background-color:#FF6;
	padding:10px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:15px 0px 0px 0px;
}

table {
	font-size: 10px;
	width: 1080px;
	padding-bottom: 30px;
}

img.titleimg {
	margin-bottom:10px;
}

.infobutton {
	text-align:center;
	position:relative;
	top:20px;
	z-index:20px;
	width:95%;
}

.infobutton a {
	background: #080 url(img/alert-overlay.png) repeat-x;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-transform:uppercase;
}

.infobutton a:hover {
	background: #0B0 url(img/alert-overlay.png) repeat-x;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-transform:uppercase;
}





	div.textbox {
		width:330px;
		position:relative;
		left:-30px;
		z-index:5;
		padding:15px;
		color: #033;
		background-color: #555;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		font-size:16px;
		margin-top:25px;
		background-image:url(img/boxgradient-blue.png);
		background-position:bottom;
		background-repeat:repeat-x;
	}
	.arrow {
		position:relative;
		top:-35px;
		width:50px;
		height:20px;
		left:110px;
		background-image:url(img/greenarrow.png);
		margin-bottom:-15px;
		z-index:5;
	}

.grennbannerinfo {
	background-color:#B0333B;
	padding:10px;
	margin:5px -15px 5px -15px;
	color:#fff;
	text-shadow: 0.1em 0.1em 0.2em black;
	background-image:url(img/redbanner.jpg);
	background-repeat:no-repeat;
	font-size:13px;
}




#boxes-wrapper    {
	margin-top: -33px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0;
	width: 1110px;
}

#voip-box     {
	background-image: url("img/voip-1.jpg");
	background-repeat: no-repeat;
	background-position: 50% top;
	padding-top: 5px;
	position: relative;
	z-index: 5;
	top: 0;
	left: 0;
}

#broadband-box     { background-image: url("img/img-broadband.jpg"); background-repeat: no-repeat; background-position: 50% top; padding-top: 5px; position: relative; z-index: 5; left: 0 }

#wholesalecalls-box      { background-image: url("img/business-1.jpg") !important; background-repeat: no-repeat; background-position: 50% top; padding-top: 5px; position: relative; z-index: 5; left: 0 }

#inbound-box {
	background-image:url(img/img-004.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:203px;
	position:relative;
	top:27px;
	left:0px;
	z-index:3;
}

#office-box {
	background-image:url(img/img-officebox.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:220px;
		position:relative;
	top:10px;
	left:0px;
	z-index:3;
}

#charitell-box {
	background-image:url(img/img-002.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:150px;
		position:relative;
	top:80px;
	left:0px;
	z-index:3;
}

ul.boxesul {
	list-style-image: url(http://netcommgroup.com/images/tick.png);
	margin:10px 0px 0px 0px;
	color:#FFF;
	font-size:12px;
	border:#FFF dashed thin;
	padding:10px 10px 5px 35px;
	content:✓
}

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

#push   { height: 300px }

#footer   { height: 300px }
#footer    { background-color: #800; background-image: url("img/footergradientbackground.jpg"); background-position: 50% bottom; margin: 0 auto; padding-top: 0; padding-right: 0; padding-left: 0; width: 1100px; clear: both; border-top: medium solid #fff }

#footer-content {
	width: 1000px;
	margin:0px auto 0px auto;
	text-align:left;
	display: block;
}

#footer-content h1 {
	font-size:30px;
	font-weight: normal;
	margin-bottom: 30px;
}

#footer-aboutus {
	position: relative;
	width: 300px;
	left: -10px;
	top: -30px;
	color: #bbb;
	float: left;
}

#footer-contact  { color: #bbb; padding: 0 50px 0 40px; position: relative; top: -30px; left: 30px; width: 270px; float: left }



#footer-contact li {
	font-size: 16px;
	margin: 5px 0px 20px -40px;
	list-style: none;
}

#footer-services  { color: #bbb; position: relative; top: -30px; left: 100px; width: 280px; float: left }

#footer-services li {
	margin: 5px 0px 12px -30px;
	list-style:none;
}

#footer-services li a {
	text-decoration:none;
	color:#fff;
	background-color:#F00;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#footer-services li a:hover {
	background-color:#FFF;
	color:#F00;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div.flash_box {
	z-index:300;
}

div.html_box1 {
	z-index:300;
}



a:focus {
	outline: none;
}
#panel {
	background: #B0333B;
	height: 300px;
	display: none;
	z-index:500;
	width:340px;
	margin:-5px 0px 0px -15px;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#EEE;
	
}

#panel2 {
	background: #B0333B;
	height: 300px;
	display: none;
	z-index:500;
	width:340px;
	margin:-5px 0px 0px -15px;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#EEE;
}

#panel3 {
	background: #B0333B;
	height: 350px;
	display: none;
	z-index:500;
	width:340px;
	margin:-5px 0px 0px -15px;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#EEE;
}

.slide {
	margin: -5px 0 0 0;
	padding: 0;
	background: url(img/btn-slide.gif) no-repeat center top;
}
.btn-slide, .btn-slide2, .btn-slide3 {
	background: url(img/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 5px auto auto auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	z-index:200;
}





.active {
	background-position: right 12px;
}






a.panelbiglinks {
	color:#B03330;
	text-decoration:none;
	font-size:20px;
	background-color:#FFFF66;
	padding:10px 15px 10px 15px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 7px;
background-image: url(img/alert-overlay.png);
background-repeat: repeat-x;
}

a:hover.panelbiglinks {
	color:#EEE;
	text-decoration:none;
	font-size:20px;
	background-color: #B03330;
	padding:10px 15px 10px 15px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.496094) 0px 1px 3px;

}

.redandbold {
	color: #F00;
}


div.additionalservices   { color: #4b5748; font-size: 18px; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; top: -100px; width: 1000px; height: 50px }

.box1 {
	background-color: #00cc00;
	width: 100px;
	height: 100px;
	box-shadow: #790E10;
}
#star       {
	position: relative;
	bottom: 1880px;
	left: 850px;
	height: 1px;
}
#promostar       {
	position: relative;
	bottom: 1880px;
	left: -460px;
	height: 1px;
}
.social {
	height: 30px;
	padding-right: 5px;
	bottom: 5px;
	position: relative;
}
iframe {
	padding-top: 30px;
}
.obscuretop {
	position: relative;
	top: 100px;
}

.obscure {
	position: relative;
	top: 150px;
}
.promopic {
	padding-right: 50px;
}
.click {
	text-decoration: none;
	background-color: #F00;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1em;
	bottom: 8px;
	position: relative;
}
a:click   {
	color: #ffffff;
	
	font-family: Arial, sans-serif;
	
}
a:visited  { color: #ffffff }
a:hover    { background-color:#FFF;
	color:#F00; }
a:active { color: #ffffff }

.clicks {
	text-decoration: none;
	background-color: #F00;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	bottom: 50px;
	position: relative;
	left: 25px;
	font-size: 1.3em;
}
a:clicks   {
	color: #ffffff;
	font-family: Arial, sans-serif;
}
a:visited  { color: #ffffff }
a:hover    { background-color:#FFF;
	color:#F00; }
a:active { color: #ffffff }

.clickspeed {
	text-decoration: none;
	background-color: #F00;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
	left: 25px;
	font-size: 1em;
}
a:clickspeed   {
	color: #ffffff;
	font-family: Arial, sans-serif;
}
a:visited  { color: #ffffff }
a:hover    { background-color:#FFF;
	color:#F00; }
a:active { color: #ffffff }

ul.promoul {
	list-style-image: url(http://netcommgroup.com/images/tick.png);
	margin:10px 0px 0px 0px;
	color:#666;
	font-size:12px;
	border:#FFF dashed thin;
	padding:10px 10px 5px 35px;
	content:✓
}

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