/* All pages */
body {
	text-align: center;
	background: #eeece0 url(/tpl/img/bg-body.jpg) top no-repeat;
	color: #282c26;
	margin: 0;
	padding: 0;
	font-family: 'Myriad Pro', 'Myriad Web Pro', 'Myriad Web', 'Segoe UI', Calibri, Arial, sans-serif;
	font-size: 90%;
}

/* self clearing rules */
dl:after, div:after, ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html dl, * html div, * html ul {height: 1%;}
dl, div, ul {display: inline-block;}
/* !IE Mac \*/
dl, div, ul {display: block;}
/* */

#wai {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

form {
	text-align: left;
	width: 903px;
	margin: 0 auto;
	position: relative;
	padding-top: 15em;
}

/* The stuff at the top of the page */
div#head {
	position: absolute;
	top: 0;
	left: 0;
	width: 903px;
	background: url(/tpl/img/bg-head-ie.png) bottom left no-repeat;
	z-index: 1;
}
form[id] div#head {
	background: url(/tpl/img/bg-head.png) bottom left no-repeat;
}
	p#logo {
		position: absolute;
		top: 0;
		left: 39px;
		width: 206px;
		margin: 0;
		z-index: 3;
	}
	#head div {
		margin: 0 0 43px 300px;
		padding: 23px 0 0 0;
		text-transform: uppercase;
	}
		#head a {
			text-decoration: none;
		}

		/* Supplementary navigation, top left */
		#supnav ul {
			font-size: 110%;
			margin: 0 0 3.95em 0;
			position: relative;
			right: 0.3em;
		}
			#supnav li {
				display: inline;
			}
				#supnav a, #supnav em {
					padding: 0.3em;
				}
				#supnav a:hover, #supnav em {
					font-style: normal;
					text-decoration: underline;
				}

		#head h2 {
			margin: 0 0 0.45em 0;
			padding: 0;
			font-size: 108%;
			color: #1f1d1d;
		}
		
		/* Main navigation */
		#nav ul {
			position: relative;
			z-index: 3;
		}
			#nav li {
				float: left;
				width: 145px;
				font-weight: bold;
			}
				#nav li a, #nav li em {
					display: block;
					color: white;
					background: #7ac143;
					margin: 0 5px 0 0;
					padding: 0.7em 11px 2.2em 11px;
					font-style: normal;
					letter-spacing: 0.05em;
				}
					/* "Broadband" title spans 2 lines */
					#nav li#broadband a, #nav li#broadband em {
						padding-bottom: 1.0em;
					}	
						html>/**/body #nav li#broadband a, 
						html>/**/body #nav li#broadband em {padding-bottom: 0.9em;}	
									
				#nav li a:hover, #nav li em, #nav li em a {
					color: white;
					background-color: #008040;
				}
				#nav li em a, #nav li em a:hover {
					display: inline;
					margin: 0;
					padding: 0;
					background: #008040;
				}
				/* "Broadband" */
				li#broadband a {
					background: #7ac143 url(/tpl/img/bg-li-broadband-a.png) top right no-repeat;
				}
				li#broadband a:hover, ul li#broadband em {
					background: #008040 url(/tpl/img/bg-li-broadband-a-hover.png) top right no-repeat;
				}
				/* "Networking" */
				li#network a, li#network em {
					background: #9c3 url(/tpl/img/bg-li-network-a.png) top right no-repeat;
				}
				li#network a:hover, li#network em {
					background: #008040 url(/tpl/img/bg-li-network-a-hover.png) top right no-repeat;
				}
				/* "Telephony" */
				li#telephone a {
					background: #7ac143 url(/tpl/img/bg-li-telephone-a.png) top right no-repeat;
				}
				li#telephone a:hover, li#telephone em {
					background: #008040 url(/tpl/img/bg-li-telephone-a.png) top right no-repeat;
				}				


div#main, div#services {
	background: url(/tpl/img/bg-main.png) left repeat-y;
	padding: 4em 0 1.5em 43px;
	position: relative;
	z-index: 1;
}
div#services {
	padding-right: 124px;
}

/* Main content, left */
div#content {
	float: left;
	width: 526px;
	padding: 0.25em 0 0 0;
}
	#content h1 {
		margin: 0 0 1.05em 0;
		font-size: 320%;
		line-height: 0.85;
		letter-spacing: -0.05em;
	}
	#content p, #content ul {
		margin: 0 0 1em 0;
		line-height: 0.99;
	}

/* Related links, right */
div#related {
	float: left;
	width: 213px;
	padding: 0.2em 0 0 0;
}
	#related h2, #related h3, #related h4, #related h5, #related h6 {
		margin: 0 0 0 15px;
		text-transform: uppercase;
		font-size: 108%;
		line-height: 0.8;
	}
	#related p, #related ul {
		margin: 0 0 0.35em 15px;
	}
		#related p strong {
			font-size: 190%;
			color: #004e23;
		}
		#related ul li {
			margin: 0 0 0.4em 0;
			font-size: 105%;
		}
			#related ul a, .button a, .submit input {
				display: block;
				border: solid 1px #999;
				text-transform: uppercase;
				font-weight: bold;
				padding: 0.2em 15px;
				color: #004e23;
				background: white url(/tpl/img/bg-related-ul-a.png) bottom repeat-x;
			}
		#related a {
			text-decoration: none;
		}


/* Tabbed navigation, right */
div#tabnav {
	float: left;
	width: 121px;
}
	#tabnav ul {
		margin: -1em 0 0 41px;
	}
		#tabnav li {
			float: left;
			width: 41px;
		}
			#tabnav map a, #tabnav map em {
				display: block;
				text-align: center;
				padding: 1.3em 0;
			}

div#footer {
	color: #555;
	background: url(/tpl/img/bg-footer-ie.png) top left no-repeat;
	padding: 49px 80px 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 90%;
}
form[id] div#footer {
	background: url(/tpl/img/bg-footer.png) top left no-repeat;
}
	#footer p {
		margin: 0;
	}
	#footer map ul, #footer map li {
		padding: 0.4em 0;
	}
		#footer map li {
			display: inline;
		}
			#footer map li a, #footer map li em {
				padding: 0.4em;
				background: #eeece0;
			}
			#footer map li a:hover, #footer map li em {
				font-style: normal;
				text-decoration: underline;
			}

	#footer a {
		text-decoration: none;
	}

/* Killing lists */
ul, ul li, dl, dt, dd, fieldset, legend, map ol, map li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
*:first-child+html legend {margin-left: -7px;}
* html legend {margin-left: -7px;}
* html ul li {height: 1%;}
a {
	color: #004e23;
}
table {	font-size: 100%;}
.print {display: none;}
.c {text-align: center;}
.r {text-align: right;}
a img {border: none;}
p {margin: 0 0 1em 0;}
map {display: block;}
input, select, textarea {
	font-family: 'Myriad Pro', 'Myriad Web', 'Frutiger Linotype', 'Humanist 777', 'Trebuchet MS', sans-serif;
	font-size: 100%;
}
/* To indicate content which is omitted */
s, ins {
	text-decoration: none;
	color: black;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 1px 3px;
}