/* --------- spiretech CSS --------- */

/*	
################## 
### the colors ### 
################## 	
	happy blue=	#008CD4
	earthy green=	#348017
	blue grey= 	#CFD4D8
	light grey=	#EDF1F6
*/


/* --------- first things first --------- */

body { 	
	margin: 0px;	
	padding: 0px;	
	background:#cfd4d8;
}
	
p {
	margin:0;
	padding:0;
	line-height:20px;
	font-size:14px;
	font-family:verdana;	
	color:#000;
	text-align:justify;
}

td {
	margin:0;
	padding:0;
}

a, a:link, a:visited {
	text-decoration:none;
	color:#008CD4;
}

a:active, a:hover, a:focus {
	color:#008CD4;
	text-decoration:underline;
}

h1 { 
	font-family:arial;	
	margin:0;	
	padding:0;	
	line-height:30px;	
	color:#555;
	font-size:30px;
}

h2 {
	font-family:arial;	
	margin:0;
	padding:0;	
}

h3 { 
	font-family:arial;	
	margin:0;
	padding:0 0 5px 0;
	color:#555;
	font-size:19px;
	line-height:22px;
}

h4 {
	font-family:arial;	
	margin:0;
	padding:0;
}

h5 {
	font-family:arial;	
	margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
	font-family:verdana;
	line-height:22px;
	color:#000;
}

img {
	border:none;
} 

textarea { 
	resize:none;
}


/* --------- header --------- */

#channels {
	float:right;
	background:#eee;
	text-align:right;
	width:960px;
	border-bottom:1px solid #ccc ;
}

#channels ul {
	list-style:none;
	margin:0;
	padding:0;
}

#channels li {
	display:inline;
	padding:0 10px;
}

#channels a, #channels a:link, #channels a:visited {
	font-family:verdana;
	font-weight:bold;
	text-decoration:none;
	color:#555;
	font-size:14px;
}

#channels a:active, #channels a:hover, #channels a:focus {
	text-decoration:underline;
	color:#008CD4;
}

.brandStatement {	
	position: absolute;	
	top: 50px;
	left:280px;	
	font-family: Trebuchet MS;	
	font-weight: bold;	
	line-height:22px;
	color: #008CD4;	
}

.brandStatement a {
	text-decoration:none;
}

.brandStatement h1 {
	line-height:20px;
}

.header {
	background:#fff url(header.png) no-repeat;
	height:101px;
}

.logo {
	position:absolute;
	top:48px;
	left:20px;	
}

.logo a {
	padding:0;
}



/* --------- main navigation--------- */

#nav {
	font-family:verdana;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
	position:relative;
	top:72px;
	float:right;
}

#nav a, #nav a:link, #nav a:visited {
	display: block;
	text-decoration:none;
	color:#000;
	padding:0;
	background:url(navbg.png);
	height:26px;
	text-align:center;
}

#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited {
	background:#fff;
}

#nav a:active, #nav a:hover, #nav a:focus {
	color:#008CD4;
	background:url(navbg0.png);
}

#nav li ul li a:active, #nav li ul li a:hover, #nav li ul li a:focus {
	color:#008CD4;
	letter-spacing:1px;
}

#nav li {
	float: left;
	border-left:1px solid #aaa;
	width:122px;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	top:26px;
	width:210px;
	border:3px solid #aaa;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li {
	width:208px;
	border:1px solid #eee;
}


/* --------- structure --------- */

#wrappertop {
	margin:5px 0 0 0;
	background:#fff url(wrappertop1000.png) no-repeat;	
	height:15px;
}

#wrapperbg {
	background:#fff url(background1000.png) repeat-y;	
	margin:0px auto 0;
	width:1000px;	
}

#wrapper {	
	width: 960px;	
	line-height: 100%;	
	position: relative;	
	margin:0 auto;	 
	background:#edf1f6;
}

#wrapperbottom {
	background:#fff url(wrapperbottom1000.png) no-repeat;	
	height:15px;
}	

#quickcontact {
	width:210px;
	margin:0 auto;
	font-family:verdana;
	font-size:12px;
}

#contactinfo {
	width:180px;
	margin:0 auto;
}	

#contactinfo p {
	font-family:verdana;
	font-size:12px;
	line-height:18px;	
}

#breadcrumb {
	margin:10px 0 0 10px;
}

#accessories {
	text-align:center;
	width:250px;
	margin:0 auto;
}

#accessories p {
	text-align:center;
}

.leftContent {	
	width: 66%;	
	position: relative;	
	float: left;	
}	

.rightContent {	
	position: relative;	
	width: 34%;	
	float: right;	
}

.centerContent {
	margin:0 auto;
	width:600px;
}


/* --------- boxes (borders) for main content chunks--------- */

/* 300px width */
/* for the equipment index */

.boxTop300 {
	background: url(box300Top.png) no-repeat;	
	height:35px;
	width:300px;
}

.boxBody300-fixed1 {
	background: url(box300Body.png) repeat-y;
	width:260px;
	padding:0 20px;
	height:158px;
}

.boxBody300-fixed2 {
	background: url(box300Body.png) repeat-y;
	width:260px;
	padding:0 20px;
	height:166px;
}

.boxBody300-free {
	background: url(box300Body.png) repeat-y;	
	width:260px;
	padding:0 20px;
}

.boxBottom300 {	
	background: url(box300Bottom.png) no-repeat scroll 0 0;			
	height:28px;
	width:300px;
}


/* 314px width */

.boxTop314 {
	background: url(box314sTop.png) no-repeat;	
	height:35px;
	width:314px;
	margin:0 10px 0 0;
}

.boxBody314 {
	background: url(box314sBody.png) repeat-y;	
	height:230px;
	width:314px;
	margin:0 10px 0 0;
}

.boxBody314 h4 {
	padding:10px 10px 0 10px;	
}

.boxBottom314 {	
	background: url(box314sBottom.png) no-repeat scroll 0 0;			
	height:28px;
	width:314px;
	margin:0 10px 0 0;
}

.boxBody314-free {
	background: url(box314sBody.png) repeat-y;	
	width:314px;
	margin:0 10px 0 0;
}

.boxBody314-free h4 {
	padding:10px 10px 0 10px;	
}

.boxBody314-quickcontact {
	background: url(box314sBody.png) repeat-y;	
	width:314px;
	margin:0 10px 0 0;
	height:290px;
}

/* 497px width */

.boxTop497 {
	background: url(box497sTop.png) no-repeat scroll 0 0;	
	width:497px;
	height:35px;
}

.boxBody497 {
	background: url(box497sBody.png) repeat-y;	
	height:230px;
	width:497px;
}

.boxBody497 h1, .boxBody497 h4, .boxBody497 p, .boxBody497 ul {
	padding:0 40px;	
}

.boxBody497 h4 {
	padding:20px 10px 0 30px;	
}

.boxBody497 img {
	padding:10px;
}

.boxBottom497 {		
	height:28px;
	background: url(box497sBottom.png) no-repeat;		
	width:497px;	
}

.boxBody497-free {
	background: url(box497sBody.png) repeat-y;	
	width:497px;
}

.boxBody497-free h1, .boxBody497-free h4, .boxBody497-free p, .boxBody497-free ul {
	padding:0 40px;	
}

.boxBody497-free h4 {
	padding:20px 10px 0 30px;	
}

.boxBody497-free img {
	padding:10px;
}

/* 600px width */

.boxTop600 {
	background: url(box600sTop.png) no-repeat scroll 0 0;	
	width:600px;
	height:35px;
	margin:0 0 0 20px;
}

.boxBody600 {
	background: url(box600sBody.png) repeat-y;	
	height:230px;
	width:600px;
	margin:0 0 0 20px;
}

.boxBody600 h4 {
	padding:20px 10px 0 30px;	
}

.boxBottom600 {
	height:28px;
	background: url(box600sBottom.png) no-repeat;		
	width:600px;	
	margin:0 0 0 20px;
}

.boxTop600-free h3 {
	margin:0px;	
	font-size:16px;
}

.boxBody600-free {
	background: url(box600sBody.png) repeat-y;	
	width:540px;
	margin:0 0 0 20px;
	padding:0 30px;
}

.boxBody600-free h4 {
	padding:20px 10px 0 30px;	
}

.boxBody600-maincontact {
	background: url(box600sBody.png) repeat-y;	
	width:540px;
	margin:0 0 0 20px;
	padding:0 30px;
}

.boxBody600-makepayment {
	background: url(box600sBody.png) repeat-y;	
	width:540px;
	margin:0 0 0 20px;
	padding:0 30px;
}

.boxBody600-makepayment li {
	list-style-type:none;
	text-align:center;
}

/* 737px width */

.boxTop737 {
	background: url(box737Top.png) no-repeat scroll 0 0;	
	width:737px;
	height:25px;
}

.boxBody737-free {
	background: url(box737Body.png) repeat-y;
	width:657px;
	padding:0 40px;
}

.boxBottom737 {
	height:28px;
	background: url(box737Bottom.png) no-repeat;		
	width:737px;	
}


/* --------- index.php --------- */
	
.firstimage {
	background:url(/images/welcomeparty.jpg) no-repeat;
	width:540px;
	height:400px;
}

.firstimage ul {
}

.firstimage li {
	list-style-type:none;
	width:150px;
	padding:10px 0 0 40px;
}

.firstimage a {
	background:url(btn04.png) no-repeat;
	display:block;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	padding:18px 0;
	line-height:25px;
}

.firstimage a:hover {
	background:url(btn04-1.png) no-repeat;	
	text-decoration:none;
}

.featured-products .left li {
	list-style-type:none;
	width:293px;
	height:55px;
}

.featured-products .right li {
	list-style-type:none;
	background:none;
	width:230px;
	height:55px;
	text-align:left;
}

.featured-products .right h3 {
	line-height:50px;
}

.featured-products a {
	background:url(btn02.png) no-repeat;
	display:block;
	text-align:center;
	padding:15px 0px;
	font-size:25px;
	font-weight:bold;
	font-family:arial;
}
	
.featured-products a:hover {	
	background:url(btn02-1.png) no-repeat;
	text-decoration:none;
}
	
.bigimage {
	width:216px;
	margin:10px auto 0;
}
	
.mapimage {
	width:216px;
	margin:10px auto 0;
}
		

/* --------- /support.php --------- */	

.support-center {
	width:200px;
	margin:0 auto;	
}


/* --------- /tools.php --------- */	

	
/* --------- /dsl/ --------- */	

.dsl-telcos-sub1 {
	margin:0 auto;
	width:170px;
}
	
.dsl-telcos-sub1 p {
	line-height:40px;
}	
	
.dsl-telcos-sub1 a, .dsl-telcos-sub1 a:active, .dsl-telcos-sub1 a:link, .dsl-telcos-sub1 a:visited {	
	border:1px solid #008CD4;
	padding:10px;
}
	
.dsl-telcos-sub1 a:hover, .dsl-telcos-sub1 a:focus {
	border:1px solid #333;
}	


/* --------- /dsl/qwest.php & /dsl/verizon.php --------- */

.dsl-levels {
	width:450px;
	margin:0 auto;
}
	
.dsl-levels ul {
	padding:20px 0 0 40px;
	font-size:14px;
}

	
/* --------- qwest & verizon pricing pages --------- */	

.dsl-pricing {
	width:500px;
	margin:0 auto;
}

.dsl-pricing p {
	padding:0 8px 0 0;
}
	
.dsl-included {
	width:240px;
	margin:0 auto;
}
	
.dsl-included p {	
	text-align:left;
}
	
.dsl-included ul {	
	padding:0;
	margin:10px 15px;
	font-size:14px;
}
	
	
/* --------- /t1-t3-ethernet/ --------- */		

.t1t3ethernet ul {
	margin:0;
	padding:0 0 0 5px;
	list-style-position: inside;
}	

.t1t3ethernet-sub {
	margin:0 0 0 40px;
	font-size:14px;
}
	
	
/* --------- /dialup/ --------- */	
	
.dialup p {
	padding:0 3px;
}	
	
.dialup ul {
	margin:0 0 0 20px;
	padding:0;
	list-style-position:inside;
	font-size:14px;
}	
	
.dialup td {
	padding:0 0 3px 0;
}
	
.dialup	h3 {
	padding:30px 0 10px 0;
}
	
.dialup	h5 {
	padding:30px 0 10px 0;
}	
	
	
/* --------- /hosting/ --------- */	

.hosting-pricing ul, .hosting-pricing h5 {
	margin:0 0 0 40px;
	padding:0;
	list-style-position:inside;
	font-size:14px;
}
	
.hosting-included {
	width:250px;
	margin:0 auto;
}	

.hosting-included ul {
	margin:0 0 0 15px; 
	padding:0;
}

.hosting-included li {
	padding:0 0 10px 0;
	font-size:14px;
}	

.hosting-blurb {
	margin:0 40px;
}

.email-packages ul{
	margin:0 0 0 5px;
	padding:0;
	list-style-position:inside;
	font-size:14px;
}

.email-packages td {
	padding:0 40px;
}
	

/* --------- /contact/ --------- */

.contact {
	margin: 0 auto;
	width:340px;
}

.contact p {
	padding:0;
}

.contact label {
	font-family:verdana;
	font-size:14px;
}

.contact td {
	padding:2px;
}

#subject {
	display:none;
}

#zip {

}	

.error {
	color:#f00;
	font-weight:bold;
}

.success {
	color:#348017;
	font-weight:bold;
	text-align:center;
}


/* --------- /about.php --------- */


/* --------- /makepayment/ --------- */

.makepayment {
	font-family:verdana;
	font-size:14px;
	line-height:20px;
	text-align:justify;
}

.makepayment input {
	font-size:11px;
}
	
.makepayment td {
	padding:2px;
}

.makepaymentL {
	float:left;
	width:250px;	
}

.makepaymentR {
	float:right;
	width:230px;
	padding:0 20px 0 0;
}



/* --------- /nationaldialupnumbers.php --------- */

.nationaldialupnumbers {
	text-align:center;	
}

.nationaldialupnumbers p {
	padding:0 5px 0 0;
}

		
/* --------- /unlimited.php --------- */		

	
/* --------- /childsafe.php --------- */


/* --------- /updateaccount/ --------- */

.updateaccount td {
	padding:2px;
}

.updateaccountL {
	float:left;
	width:250px;	
}

.updateaccountR {
	float:right;
	width:230px;
	padding:0 20px 0 0;
}


/* --------- /cancel/ --------- */

.cancelaccount td {
	padding:2px;
}

.cancelaccountL {
	float:left;
	width:250px;	
}

.cancelaccountR {
	float:right;
	width:250px;
	padding:0 20px 0 0;
}


/* --------- /banners.php --------- */


/* --------- /referral.php --------- */

.referral td {
	padding:2px;
}

.referralcenter {
	width:300px;
	margin:0 auto;
}
	

/* --------- /tos-aup.php --------- */	

.tos-aup {
	width:737px;
	margin:0 auto;
}

.tos-aup pre {
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:14px;
	line-height:20px;
}


/* --------- /index.portlandcolocation.php --------- */

.datacenterinfo li {
	list-style-type:none;
}

.datacenterinfo .left {
	width:320px;
}

.datacenterinfo .right {
	width:200px;
}


/* --------- /colo/ --------- */

.colo ul {
	list-style-position: inside;
}

.colo li {
	font-size:14px;
}

.colo h1 {
	text-align:center;
}

.colo .colo-pics {
	width:410px;
	margin:0 auto;
}

.colo .colo-pics img {
	padding:0 20px;
}


/* --------- /index.spiretechequipment.php --------- */

.equipmentIndexBox {
	float:left;
	width:300px;
	margin:0 0 0 11px;
}

.equipmentIndexBox ul {
/*	list-style-position:inside;	*/	
	font-size:14px;
	list-style-type:none;
}

.equipmentIndexBox .title {
	font-weight:bold;
	font-family:verdana;
	font-size:14px;
	line-height:20px;
	color:black;
}

.equipmentIndexBox .list {
	font-family:verdana;
	font-size:14px;
	line-height:20px;
	color:black;
}


/* --------- /equipment/servers.php --------- */

.equipment-servers ul {
	list-style-position: inside;
}

.equipment-servers li {
	font-size:14px;
}

.equipment-servers img {
	margin:0 0 20px 20px;
}

ul.serverlogo {
	list-style-type:none;
	width:415px;
	margin:0 auto;
}

.serverlogo li {
	float:left;
	margin:0 20px;
}

.serverlogo li img {
	margin:0;
}


/* --------- /equipment/desktops.php --------- */

.equipment-desktops ul {
/*	list-style-position: inside;	*/
	padding:0 0 0 15px;
}

.equipment-desktops li {
	font-size:14px;
}

.equipment-desktops .samples {
	float:right;
	width:200px;
}

.equipment-desktops .samples ul{
	list-style-type:none;
	padding:0;
}

.equipment-desktops img {
	padding:0 0 0 40px;	
}

.equipment-desktops img.micro {
	padding:0;
}


/* --------- /equipment/notebooks.php --------- */

.equipment-notebooks ul {
	list-style-position: inside;	
}

.equipment-notebooks li {
	font-size:14px;
}

ul.notebooklogos {
	width:450px;
	margin:0 auto;
}

.notebooklogos li {
	list-style-type:none;
	float:left;
	padding:0 20px;
}	


/* --------- /equipment/packages.php --------- */

.equipment-packages ul {
	list-style-position: inside;
	margin:0 0 0 40px;
}

.equipment-packages li {
	font-size:14px;
}


/* --------- /equipment/win7.php --------- */

.equipment-win7 .left {
	width:265px;
}	

.equipment-win7 .quote {
	background:#eee;
	padding:20px;
}


/* --------- /support --------- */

.support ul {
	list-style-position: inside;
	margin:0 0 0 20px;
}

.support li {
	font-size:14px;
}

.support .premiumsample {
	width:232px;
	margin:0 0 10px 30px;
	background:#EDF1F6;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding:10px;
}

.support .software-support {
	background:#EDF1F6;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding:10px;
	margin:0 0 10px 0;
	width:260px;
}

.support .basic-pricing {
	background:#EDF1F6;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding:20px 10px;
}


/* --------- misc --------- */

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.txtR {
	text-align:right;
}

.left {
	float:left;
}

.right {
	float:right;
}

.ten {
	font-size:10px;	
}

.blue {
	color:#008CD4;
}

.green {
	color:#348017;
	font-weight:bold;
}

#submitcenter {
	width:70px;
	margin:0 auto;
}

a.chunk, a.chunk:visited, a.chunk:hover{
	text-decoration:none;
	cursor:pointer;
}


/* --------- footer --------- */
	
.footer {	
	position: relative;
	clear:both;
	width:920px;
	margin:0 auto;
	color:#666;
}

.col ul{
	float:left;
	padding:0 20px 0;
	margin:10px 0 0 0;
	list-style:none;
	font-family:verdana;
	font-size:12px;
	line-height:22px;
	border-right:3px solid #fff;
}

.creditcards ul {
	float:right;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	list-style:none;
}

.footerTop {
	background: url(boxFooterTop.png) no-repeat scroll 0 0;
	height:35px;
	margin:0 0 -5px 0;
}

.footerText {	
	position: relative;	
	font-family: Arial;	
	color: #666666;	
	font-size: 11px;	
	line-height: 100%;	
	text-align:center;
}
	
.footerBottom {
	background: url(boxFooterBottom.png) no-repeat scroll 0 0;
	margin-bottom: -10px;	
	height:35px;
	margin:-6px 0 0 0;
}