#testSite {
	position:absolute;
	width:770px;
	margin:0px auto;
	padding:0px;
	font-size:26px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-color:#ff33ff;
	z-index:1000;
	opacity:0.5;
	filter:alpha(opacity=50); 
	top:0px;
}
body {
	background-image:url('gfx/bkg.jpg');
	background-repeat:repeat-x;
	background-color:#ffffff;
}
.container {
	background-color:#ffffff;
}
td{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: none; 
	font-weight: normal; 
	font-variant: normal; 
	color: #666666;
}
h1 {
	color: #000066;
	font-size:16px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:0px;
	padding:0px;
	display:inline;
}
h2 {
	color: #3399cc;
	font-size:15px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:0px;
	padding:0px;
}
h3 {
	color: #cc6633;
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:0px;
	padding:0px;
}
h4 {
	color: #65a328;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:20px 0px 5px 0px;
	padding:0px;
}
h5 {
	color: #000066;
	font-size:22px;
	font-weight:normal;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
}
.size9 {
	font-size: 9px; 	
}
.size10 {
	font-size: 10px;
	color:#999999;
}
.size14 {
	font-size:14px;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: none; 
	font-weight: normal; 
	font-variant: normal; 
	color: #0066CC;
}
.callout {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: none; 
	font-weight: normal; 
	font-variant: normal; 
	color: #333333;
}
.red {
	color: #cc0000;
}
.blue {
	color: #3399cc;
}
.yellow {
	color: #ffff00;
}
.black {
	color: #000000;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: none; 
	font-weight: normal; 
	font-variant: normal; 
	color: #0066CC;
	text-decoration:underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: none; 
	font-weight: normal; 
	font-variant: normal; 
	color: #ff8000;
	text-decoration:underline;
	}
a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: none; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000;
	text-decoration:none;
}
a:hover.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10Px; 
	font-style: none; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000;
	text-decoration:underline;
	}
a.no_dec {
	text-decoration:none;
}
a:hover.no_dec {
	text-decoration:none;
	}
a.orange {
	color:#cc6633;
}
.border {
	border-width: 1px;
	border-color: #000000;
}
.sml {
	font-size: 5px; 
}
@media screen {
form {
	margin:0px;
	padding:0px;
}
.input {	
	border:1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: none;  
	font-variant: normal;
	color: #666666;
	}
.submit {	
	border:1px solid #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: none;  
	font-weight: bold; 
	font-variant: normal;
	background-color:#ffffff; 
	color: #0066CC;
	}
.packageLabel {
	width:285px;
	padding:0px;
	margin:3px 0px 5px 0px;
	float:left;
	clear:left;
}
.packagesCheck {
	margin:0px 0px 4px 0px;
	padding:0px;
	float:left;
	clear:Right;
}
.packagesTotalField {
	border:0px;
	font-size:18px;
	color:#336600;
	font-weight:normal;
	text-align:right;
	background:transparent;
}
.savingsField {
	border:0px;
	font-size:14px;
	color:#208bee;
	font-weight:bold;
	text-align:center;
	background:transparent;
	width:18px;
	padding:1px;
	margin:0px;
}
.savingsTotalField {
	border:0px;
	font-size:16px;
	color:#cc0000;
	font-weight:bold;
	text-align:right;
	background:transparent;
}
}
ul {
	list-style-position:outside;
	list-style:url('gfx/ul.gif');
	margin-left:30px;
	margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
}
.heading {
	background-color:#cbe6fa;
	padding:5px;
}
#userGuides {
	width:125px;
	padding:10px;
	margin:0px 0px 0px 5px;
	background-color:#fef4e9;
}
#hpCommercial {
	width:374px;
	height:112px;
	padding:px;
	margin:0px;
	background:url('gfx/hp_co_commercial_bkg.jpg') no-repeat;
	position:relative;
	cursor:pointer;	
}
#hpPhone {
	width:352px;
	height:112px;
	padding:px;
	margin:0px;
	background:url('gfx/hp_co_phone_bkg.jpg') no-repeat;
	position:relative;	
	cursor:pointer;
}
#hpCommercialTxt {
	width:210px;
	height:75px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:20px;
	left:160px;
	text-align:left;
}
#hpPhoneTxt {
	width:240px;
	height:75px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:20px;
	left:10px;
	text-align:left;
}
#packageLeft {
	width:315px;
	float:left;
	padding:0px;
	margin:0px 28px 0px 0px;
	display:inline;
}
#packageRight {
	width:220px;
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px;
	display:inline;
}
#packageTotal {
	width:200px;
	height:48px;
	margin:0px 0px 20px 0px;
	padding:35px 10px 10px 10px;
	text-align:center;
	background:url('gfx/packages_total.jpg');
	
}
#packageSavings {
	width:200px;
	height:147px;
	margin:0px 0px 20px 0px;
	color:#000000;
	font-size:12px;
	padding:30px 10px 10px 10px;
	background:url('gfx/packages_savings.jpg');
	text-align:right;
}
.save {
	color:#208bee;
}
.packageInfo {
	position:absolute;
	background-color:#ffffff;
	padding:5px;
	border:2px solid #3399cc;
	text-align:left;
	color:#666666;
	z-index:99999;
	width:200px;
	clear:left;
	float:left;
}
.png { 
	behavior:url('iepngfix.htc');
}
.clearer {
	margin:0px;
	padding:0px;
	width:100%;
	height:0px;
	font-size:0px;
	line-height:0px;
	display:block;
	clear:both;
}

#nav {
	width:134px;
	padding:10px;
	margin:0px;
	background-color:#CBE6FB;
	font-size:10px;
	color:#000066;
}
a.nav, a.nav:active, a.nav:visited {
	text-decoration:none;
	color:#000066;
	font-weight:bold;
}
a.nav:hover {
	text-decoration:none;
	color:#0066CC;
}

a.subnav, a.subnav:active, a.subnav:visited {
	text-decoration:none;
	color:#0066CC;
	margin-left:5px;
}
a.subnav:hover {
	text-decoration:none;
	color:#000066;
}
#serviceTabs {
	width:570x;
	padding:0px;
	margin:0px 20px;
}
.serviceTab {
	padding:8px 10px 0px 10px;
	margin:20px 3px 5px 0px;
	font-family:arial;
	font-size:16px;
	float:left;	
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}
.serviceTabRight {
	margin:20px 0px 5px 0px;
}
.phoneTab {
	width:122px;
	height:29px;
	background:url("gfx/home_tab1.jpg") no-repeat;
}
.phoneTabOn {
	width:122px;
	height:29px;
	background:url("gfx/home_tab1on.jpg") no-repeat;
}
.internetTab {
	width:135px;
	height:29px;
	background:url("gfx/home_tab2.jpg") no-repeat;
}
.internetTabOn {
	width:135px;
	height:29px;
	background:url("gfx/home_tab2on.jpg") no-repeat;
}
.tvTab {
	width:100px;
	height:29px;
	background:url("gfx/home_tab3.jpg") no-repeat;
}
.tvTabOn {
	width:100px;
	height:29px;
	background:url("gfx/home_tab3on.jpg") no-repeat;
}
.hostingTab {
	width:128px;
	height:29px;
	background:url("gfx/home_tab4.jpg") no-repeat;
}
.hostingTabOn {
	width:128px;
	height:29px;
	background:url("gfx/home_tab4on.jpg") no-repeat;
}
.serviceBox {
	width:542px;
	height:189px;
	border:1px solid #569ad1;
	padding:15px;
	margin:0px 0px 20px 0px;
	font-size:17px;
	color:#717b95;
	position:relative;
}
.phoneBox {
	background-image:url('gfx/home_phone_bkg.jpg');
}
.internetBox {
	background-image:url('gfx/home_internet_bkg.jpg');
}
.tvBox {
	background-image:url('gfx/home_tv_bkg.jpg');
}
.hostingBox {
	background-image:url('gfx/home_hosting_bkg.jpg');
}
.learnMore {
	position:absolute;
	top:165px;
	left:490px;
}

