/* --------------------------------------------
|  GLOBAL STYLES
--------------------------------------------- */

input {
        font: 11px Verdana, Geneva, ms sans serif;
}

.smallInput {
        font: 9px Verdana, Geneva, ms sans serif;
}

.price {
	font: bold 10pt Verdana, Geneva, ms sans serif;
	/*
	border: 1px solid #ccc;
	background-color: #ffcccc;
	padding: 4px;
	*/
}

html { border: none; }
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #b6b6b6;
}
body, td {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
}
img { border: 0; }
p { margin: 0 0 15px 0; }
a {
	text-decoration: underline;
	color: #006307;
}
a:hover {
	text-decoration: underline;
	color: #0064ff;
}

a.aname {
	text-decoration: none;
}
a:hover.aname {
	text-decoration: none;
}

h1, h2, h3, h4, h5, form { margin: 0; }

h1 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:24px;
	line-height:28px;
	margin-bottom:20px;
}

h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
	
ul {
	margin:0;
	padding:0;
}

.clearBoth {
	clear:both;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}

.tableHeading, .tableHeading a {
	background-color: #698aab;
	color: white;
	font-weight: bold;
}

/* --------------------------------------------
|  NAVIGATION
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#nav {
	position:absolute;
	margin: 88px 0 0 0;
	padding: 0;
	list-style: none;
	height: 25px;
	width:940px;
	background:url(../img/layout/bg_nav.gif) repeat-x;
}
#nav li {
	float: left;
}
#nav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 25px;
	line-height: 25px;
	float: left;
	text-decoration: none;
	text-indent:-9999px;
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;
	background-image: url("../img/layout/nav_matrix.gif");	
}
#nav li a:hover {
	background-image: url("../img/layout/nav_matrix.gif");
}

#bOne {width: 93px;}
#bOne:hover {background-position: 0 0;}
#nav li.current #bOne {background-position: 0 -25px;}

#bTwo {width: 170px; background-position: -93px 0;}
#bTwo:hover {background-position: -93px -25px;}
#nav li.current #bTwo {background-position: -93px -25px;}

#bThree {width: 112px; background-position: -263px 0;}
#bThree:hover {background-position: -263px -25px;}
#nav li.current #bThree {background-position: -263px -25px;}

#bFour {width: 140px; background-position: -375px 0;}
#bFour:hover {background-position: -375px -25px;}
#nav li.current #bFour {background-position: -375px -25px;}

/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */

#siteContainer {
	width:960px;
	margin: 0 auto;
	text-align: left;
	background:url(../img/layout/bg_container.gif) repeat-y;
	line-height: 14px;
}

	#sitePad {
		background:url(../img/layout/bg_container_bot.gif) no-repeat bottom left;
		padding:0 10px;
	}


#floatingPeople {
	position:absolute;
	z-index:10000;
	margin:11px 0 0 662px;
}
	
#header {
	width:940px;
	height:123px;
	background:url(../img/layout/bg_header.jpg) no-repeat;
}

#logo {
	position: absolute;
	margin: 24px 0 0 24px;
	display: block;
	width: 614px;
	height: 47px;
	padding: 0;
	font-size: 18px;
	line-height:18px;
	overflow: hidden;
}

#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../img/layout/logo_bandwidth_builders.gif") no-repeat 0 0;
}

#logo-notext {
	position: absolute;
	margin: 24px 0 0 24px;
	display: block;
	width: 217px;
	height: 46px;
	padding: 0;
	font-size: 18px;
	line-height:18px;
	overflow: hidden;
}


#logo-notext span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../img/layout/logo_bandwidth_builders_notext.gif") no-repeat 0 0;
}

#logo a {
	text-decoration: none;
}

#logo-notext a {
	text-decoration: none;
}

#qwest {
	position:absolute;
	margin:15px 0 0 832px;
}

#centurylink {
	position:absolute;
	margin:31px 0 0 772px;
}

#mainIris {
	width:940px;
	height:220px;
	background: url(../img/layout/main_iris.jpg) no-repeat;
	margin-bottom:15px;
}

#mainIris h1 {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:20px;
	font-weight:normal;
	padding:28px 0 15px 50px;
	margin:0;
}

#mainIris h2 {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	padding:28px 0 15px 50px;
	margin:0;
}

#mainIris p {
	color:#9cc3ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	line-height:17px;
	font-weight:bold;
	padding:0 0 0 50px;	
	margin:0;	
}


#colLeft {
	float:left;
	width:420px;
	padding-left:50px;

}

#colRight {
	float:left;	
	width:455px;
}

#contentArea {
	
}

#contentArea h2 {
	color:#1e3458;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	padding:20px 0 15px 0;
}

#contentArea h2 span {
	font-size:15px;
	font-weight:bold;
}

#benefits ul {
	margin: 10px 0 30px 0;
	padding: 0;
	width:410px;
	list-style: none;
	border-bottom:1px solid #ececec;	
}
#benefits li {
	font-family:Arial, Helvetica, sans-serif;
	color:#006307;
	font-size:12px;
	line-height:14px; 
	font-weight:bold;
	padding:14px 0 16px 55px;
	border-top:1px solid #ececec;
}

#benefits #bullet1 {background:url(../img/layout/benefits_01.gif) no-repeat 2px 8px;}
#benefits #bullet2 {background:url(../img/layout/benefits_02.gif) no-repeat 2px 8px;}
#benefits #bullet3 {background:url(../img/layout/benefits_03.gif) no-repeat 2px 8px;}
#benefits #bullet4 {background:url(../img/layout/benefits_04.gif) no-repeat 2px 8px;	padding:8px 0 9px 55px;}
#benefits #bullet5 {background:url(../img/layout/benefits_05.gif) no-repeat 2px 8px;}


.rightBox {
	background:url(../img/layout/bg_rightside_top.gif) no-repeat;
	margin:15px 0 10px 30px;
	font-family:Verdana, Helveltica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#40577d;
	width:421px;
}

.rightBoxBot {
	background:url(../img/layout/bg_rightside_bot.gif) no-repeat bottom left;
	padding:0 24px 10px 21px;
}

.rightBox h3 {
	color:#1e3458;
	font-size:14px;
	font-family:Arial, Helevetica, sans-serif;
	padding:9px 0 26px 0;
}

.rightBox .floatImage {
	float:left;
	margin:0 10px 7px 0;
}


.rightBox label {
	display:block;
	float:left;
	margin:18px 5px 5px 0;
}

.rightBox input {
	display:block;
	float:left;
	margin:16px 0 5px 0;
	width:98px;
	height:19px;
	border:none;
	background:url(../img/layout/bg_input.gif) no-repeat;
	font-size:11px;
	padding:2px 0 0 6px;
}

#forgotPass {
	margin: 0px;
	padding: 0;
}

#loginButton {
	margin:0 0 0 288px;
}

#headerImage {
	margin:-15px 0 -5px 45px;
}

#contactContent {
	width:625px;
	margin: 20px 0 30px 50px;
	line-height:20px;
	color:#1d3758;	
}

#contactContent a {
	color:#1d3758;	
	text-decoration:none;
}

#contactContent a:hover {
	text-decoration:underline;
}

#contactContent strong {
	font-size:14px;
}

#registerContent {
	width:810px;
	margin: 20px 0 30px 50px;
	line-height:15px;
	color:#1d3758;	
}

.contactLine {
	color:#352b2c;
}

#genericPortalContent {
	width:850px;
	margin: 2px 0 30px 50px;
	line-height:15px;
	color:#1d3758;
}

ul#portalList {
	padding-left: 2em;
	margin-left: 0px;
	line-height: 16px;
}

#genericPortalContent h2 {
	color:#1e3458;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	padding:15px 0 10px 0;
}

#genericPortalContent h2 span {
	font-size:15px;
	font-weight:bold;
}


/* FOOTER */

#footer {
	width:960px;
	margin: 0 auto;
	text-align: left;
	color: #808080;
	height:40px;
	font-family:Verdana, Helveltica, sans-serif;
	font-size:9px;
	line-height: 14px;	
 	}

#footerPad {
	padding:5px 25px;
}
	
	#footer ul {
		margin-top:13px;
		list-style:none;
		}
	#footer ul li {
		float:left;
	}
	#footer ul a {
		color: #808080;
		text-decoration:none;
	}
	#footer ul a:hover {
		color: #808080;
		text-decoration:underline;
	}	
		
	
#copyright {
	width:450px;
	text-align:left;
}

#contactDetails {
	width:460px;	
	text-align:right;	
}

#contactDetails span {
	padding:0 10px;
}

.pdesc, .pdesc li {
	font-size: 8pt;
}

div.order_note			{ padding-left: 8px; padding-bottom: 8px; padding-top: 4px; border-bottom: 1px solid #ccc; }
div.order_note_item		{ cursor: hand; cursor: pointer; padding: 0; margin:0; }
div.order_note_item span	{ display:block; padding: 4px; }
div.order_note_item:hover	{ background-color: #ddd; }