/* Basic Elements
------------------------------------------------------------------------------------ */

html {
    	margin:0;
    	padding:0;
    }

body {
	margin:0;
	padding: 0;	
	font: normal 11px/14px verdana, arial, sans-serif;
	}

body#services {
	background: #E6E6E6 url('http://www.broadaspect.com/images/sub_back.gif') top center repeat-x;	
	}

a, a:link, a:visited, a:active {
	text-decoration:none;
	color:#555555;	
	}

img {
	border: 0;
	}

h1 {
	font: bold 14px verdana, arial, sans-serif;
	color: #E98B21;
	margin-bottom: 2px;
	}

h2 {
	font: bold 12px verdana, arial, sans-serif;
	color: #E98B21;
	margin-bottom: 0;
	}



p {
	font: normal 11px/14px verdana, arial, sans-serif;
	color: #000000;
	margin: 3px 0px 7px 0px;
	}


#printbutton {
	float: right;
	margin: 0px 225px 0px 0; 
	padding: 0px 0px 0px 0px;
	}

.supportlocalip {
	border: 0;
	background: #E6E6E6;
	font: Bold 11px/14px verdana, arial, sans-serif;
	color: #000000;
	width: 100px;
	height: 14px;
	padding: 0px 0px 2px 0px;
	}

/* Wrap
-------------------------------------------------------------------------*/	

#wrap {
	position: relative;
	width: 800px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	top: 0;
	background: url('http://www.broadaspect.com/images/top_navline.gif') top center no-repeat;
	}	


/* Top Navigation
------------------------------------------------------------------------------------ */

#topnav {
	position: relative;
	left: 420px;
	top: 0;	
	width: 378px;
	height: 17px;
	}

#topnav ul {
	position: relative;
	padding: 0;
	margin: 0 0 0 4px;
	list-style-type: none;
	width: 447px;
	height: 18px;
	}

#topnav li {
	display: inline;
	padding: 0 5px;
	margin: 0;
	}

#topnav a {
	position: absolute;
	height: 18px;
	background: transparent;
	top: 3px;	
	}

#homelink a:link, #homelink a:visited {
	left: 0;
	padding: 0 25px;
	background: url('http://www.broadaspect.com/images/home_link.gif');
	}

#serviceslink a:link, #serviceslink a:visited {
	left: 67px;
	padding: 0 34px;
	background: url('http://www.broadaspect.com/images/services_link.gif');
	}

#supportlink a:link, #supportlink a:visited {
	left: 151px;
	padding: 0 33px;
	background: url('http://www.broadaspect.com/images/support_link.gif');
	}

#aboutlink a:link, #aboutlink a:visited {
	left: 233px;
	padding: 0 27px;
	background: url('http://www.broadaspect.com/images/about_link.gif');
	}
	
#contactlink a:link, #contactlink a:visited {
	left: 302px;
	padding: 0 37px;
	background: url('http://www.broadaspect.com/images/contact_link.gif');
	}

#customerlink a:link, #customerlink a:visited {
	left: 391px;
	padding: 0 37px;
	background: url('http://www.broadaspect.com/images/customer_link.gif');
	}

	
#homelink a:hover,
#serviceslink a:hover,
#supportlink a:hover,
#aboutlink a:hover,
#contactlink a:hover,
#customerlink a:hover {
	background-position: 0 -18px;
	}

#logo {
	position: relative;
	left: 0
	top: 0;
	}

.nodisplay {
	display: none;
	} 
		

/* Services area
------------------------------------------------------------------------------------ */	

#topicarea {
	position: relative;
	left: 170px;;
	top: 7px;	
	height: 88px;
	width: 650px;
	clear: both;
	}
#topictitle {
	float: left;
	padding: 0;
	margin: 0;
	width: 300px;
	}

#topictext {
	float: left;
	width: 345px;
	height: 63px;
	margin-top: 28px;
	padding: 0 0 0 0;
	vertical-align: baseline;
	font: normal 10px/14px verdana, arial, sans-serif;
	color: #ffffff;	
	}

#contentwrap {
	position: relative;
	margin-top: 15px;
	left: 0;
	}

	
#breadcrumb {
	float: left;
	width: 800px;	
	margin-bottom: 10px;
	font: normal 10px/14px verdana, arial, sans-serif;
	color: #687281;
	}
	
#breadcrumb a:link, #breadcrumb a:visited {
	color: #757F8F;
	}
	
#breadcrumb a:hover {
	color: #E98B21;
	text-decoration: underline;
	}
	
#leftcol {
	float: left;
	width: 555px;
	padding: 5px 20px 20px 10px;
	}
	
#leftcol ul li {
	color: #000000;
	margin: 3px 0px 3px 0px;
	list-style-type: circle;
	}




#rightcol {
	float: left;
	width: 208px;
	}

#rightcol ul li{
	color: #000000;
	margin: 3px 0px 3px 0px;
	}


#colheader {
	height: 42px;
	background: transparent url("http://www.broadaspect.com/images/rightnav_top.gif") top center no-repeat;
	font: normal 14px/16px 'century gothic', verdana, sans-serif;
	color: #575E69;
	padding: 25px 3px 0 8px;
	}

#rightnav {
	background: transparent url("http://www.broadaspect.com/images/rightnav_back.jpg") top center no-repeat;
	background-color:#5B606C;
	}

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

#rightnav ul li {
	padding: 8px 0 8px 20px;
	border-bottom: 1px solid #A3A7AD;
	background: transparent url("http://www.broadaspect.com/images/bullet.gif") no-repeat 4% 50%;
	
	}

#rightnav a:link, #rightnav a:visited {
	font: bold 11px verdana, arial, sans serif;
	color: #ffffff;		
	}

#rightnav a:hover {
	color: #E98B21;
	}

#otherservices {
	width: 191px;
	margin-top: 2px;
	padding: 5px 5px 5px 10px;
	background-color: #9FA7B6;
	border: 1px solid #89909F;	
	}

#otherservices ul {
	width: 165px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#otherservices ul li {
	margin: 0;
	padding: 0;
	width: 140px;
	height: 49px;	
	}

#otherservices a {
	background: transparent;
	margin: 0;
	padding: 0;
	display: block;
	width: 140px;
	height: 49px;		
	}
	
#broadbandbttn a:link, #broadbandbttn a:visited {
	background: url('http://www.broadaspect.com/images/rt_broadband_btn.gif') center left no-repeat;
	}
	
#voicebttn a:link, #voicebttn a:visited {
	background: url('http://www.broadaspect.com/images/rt_voice_btn.gif') center left no-repeat;
	}

#hostingbttn a:link, #hostingbttn a:visited {
	background: url('http://www.broadaspect.com/images/rt_hosting_btn.gif') center left no-repeat;
	}

#collabbttn a:link, #collabbttn a:visited {
 background: url('http://www.broadaspect.com/images/rt_collab_btn.gif') center left no-repeat;
 } 
#broadbandbttn a:hover,
#voicebttn a:hover,
#hostingbttn a:hover,
#collabbttn a:hover {
 background-position: -140px 0;
 }

	
/* VPS offering Box
------------------------------------------------------------------------------------ */

#vpsoptions {
	width: 250px;
	margin: 0px auto;
	padding: 0px;
	border-width: 1px;
	border-color: #E98B21;
	border-style: solid;
	background-color: #fff;
	vertical-align: top;

}


#vpsprice {
	margin: 5px 5px 5px 5px;
	font: normal 20px/22px verdana, arial, sans-serif;
	color: #000000;
	font-weight: bold;
}

#vpsdesc {
	margin: 5px 5px 5px 5px;
	font: normal 14px/15px verdana, arial, sans-serif;
	color: #000000;
	font-weight: bold;
}

/* Main Visitor Entry Forms
-------------------------------------------------------------------------*/

#mainforms fieldset {
	float: left;
	width: 550px;
	margin: 8px 0 0 8px;
	padding: 0 0 8px 0;
	display: block;	
	font: normal 12px verdana, arial, sans-serif;	
	}

#mainforms legend { 
	padding: 5px; 
	font-weight: bold; 
	color: #E98B21; 
	border: 0px solid #000066; 
} 

#mainforms .required {
	font-weight: bold;
	}

#mainforms select {
	float: left;
	left: 20px;
	display: block;
	margin: 5px 4px 5px 5px;
	font: normal 12px tahoma, verdana, arial, sans-serif;	
	color: #000000;
	border: 1px solid;
 	border-color: #B8B8B8;	
	}

#mainforms fieldset input {
	float: left;
	display: block;
	margin: 5px 3px 5px 5px;
	color: #000000;
 	}

#mainforms fieldset input.radio {
	width: 20px;
	margin: 5px 0px 0px 3px;
	float: none;
	display: inline;
	}

#mainforms fieldset input.radio2 {
	width: 20px;
	margin: -3px 3px 5px 5px;
	float: left;
	display: inline;
	}

#mainforms fieldset textarea {
	float: left;
	display: block;
	margin: 5px 3px 5px 5px;
	padding: 1px 3px 1px 3px;
	color: #000000;
	border: 1px solid;
 	border-color: #B8B8B8;
 	}

#mainforms label {
	clear: both;
	display: block;
	color: #4C4C4C;
	float: left;
	width: 195px;
	margin: 8px 4px 4px 8px;
	text-align: right;
	}

#mainforms .submit {
	  	float: middle;
	}

#mainforms .inputSubmit {
	clear: both;
  	float: middle;
  	width: 80px;
  	font: normal 13px tahoma, verdana, arial, sans-serif;
  	color: #0066DA;
  	margin: 15px 0 30px 390px; 
	}




#mainforms label.first {
	padding-top: 1em;
	}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

#mainforms fieldset.radio label {
	font-weight: normal;
}




/* scheduledmainttable
------------------------------------------------------------------------------------ */	

#scheduledmainttable {
	width: 550px;
	margin: 5px 0px 5px 0px;
	padding; 5px 0px 5px 0px;
	padding: 0px;
	border-width: 1px;
	border-color: #E98B21;
	border-style: solid;
}

#scheduledmainttable tr.one {
	color: #000000;
	background-color: #CCCCCC;
        text-align: left;
}

#scheduledmainttable tr.one:hover{
	background-color:#A5BED6;
}

#scheduledmainttable tr.two:hover{
	background-color:#A5BED6;
}

#scheduledmainttable tr.two {
	color: #000000;
	Background-color:#E6E6E6;
        text-align: left;
}
#scheduledmainttable tr.headerorange th {
       background-image: url(http://www.broadaspect.com/images/tablebackground.gif);
       color:#FFFFFF;
       height:35px;
       text-align:left;
       font-size:12px;
       padding:0 6px;
}


#scheduledmainttable td.service {
         margin: 3px;
         padding: 5px;
	 width: 100%;
         height: 12px;
         text-align:left;
         font-size: 11px;
     }











/* Plan offering Tables
------------------------------------------------------------------------------------ */	

#serviceplantables {
	width: 550px;
	margin: 5px 0px 5px 0px;
	padding; 5px 0px 5px 0px;
	padding: 0px;
	border-width: 1px;
	border-color: #E98B21;
	border-style: solid;
}

tr.one {
	color: #000000;
	background-color: #CCCCCC;
	text-align:center;
}

tr.one:hover{
	background-color:#A5BED6;
}

tr.two:hover{
	background-color:#A5BED6;
}

tr.two {
	color: #000000;
	Background-color:#E6E6E6;
	text-align:center;
}

tr.headerorange th {
       background-image: url(http://www.broadaspect.com/images/tablebackground.gif);
       color:#FFFFFF;
       height:35px;
       text-align:left;
       font-size:12px;
       padding:0 6px;
}

td.attribute {
         margin: 3px;
         padding: 5px;
	 width: 28%;
         height: 12px;
         text-align:left;
         font-size: 11px;
     }

td.plans {
          text-align: center;
          color: #E98B21;
          margin: 3px;
          width: 20%;
}

td.service {
         margin: 3px;
         padding: 5px;
	 width: 60%;
         height: 12px;
         text-align:left;
         font-size: 11px;
     }

td.status {
         margin: 3px;
         padding: 5px;
         height: 12px;
	 font: bold 10px verdana, arial, sans-serif;
	 color:Green;	
         text-align:Center;
         font-size: 11px;
     }

td.select {
	background-color:#A6BDD4;
	width:20%;
}

helprollover {
	width:20%;
}


/* 3 box area
------------------------------------------------------------------------------------ */	

#bottomback {
	background-color: #D0D0D0;
	margin-top: 20px;
	position: relative;
	width: 100%;
	}
	
#bottomwrap {
	padding-top: 10px;
	margin: 0 auto;
	position: relative;
	width: 810px;
	height: 160px;	
	background: transparent url('http://www.broadaspect.com/images/columns_bottom.gif') bottom center no-repeat;
	}
	
#bottomwrap2 {
	background: transparent url('http://www.broadaspect.com/images/columns_back.gif') center repeat-y;
	height: 130px;
	}

#bottomwrap3 {
	background: transparent url('http://www.broadaspect.com/images/columns_top.gif') top center no-repeat;
	height: 2px;
	}

#bottomwrap a:link, #bottomwrap a:visited {
	font: normal 10px verdana, arial, sans-serif;
	text-decoration: underline;
	color: #d87a10;
	}

#bottomwrap a:hover {
	color: #66707F;
	}

#bottomleft,
#bottomcenter, 
#bottomright {
	float: left;
	width: 248px;	
	padding: 0 8px 0 14px;
	font: normal 11px/15px verdana, arial, sans-serif;
	color: #656e7f;
	margin: 0;
	}


#bottomwrap h1 {
	font: normal 14px 'century gothic', verdana, sans-serif;
	color: #d87a10;
	margin: 5px 0 12px 0;
	}

#bottomwrap p {
	margin: 0 0 6px 0;
	}

p.rightlink {
	margin: 0;
	text-align: right;
	padding: 0 5px 5px 0;
	}

/* Footer
------------------------------------------------------------------------------------ */	

#footer {
	position: relative;
	top: 0px;
	margin: 0 auto;
	height: 60px;
	width: 810px;
	}

#copyright {
	position: relative;
	top: 45px;
	text-align: left;
	font: normal 11px 'century gothic', verdana, sans-serif;
	color: #66707F;
	}


#w3valid {
	position: none;
	float: right;
	top: 35px;
	}
	

#footerlinks {
	position: relative;
	top: 0px;
	padding: 0;
	margin: 0;
	color: #919498;
	}

#footerlinks ul {
	float: none;
	list-style-type: none;	
	}	
	
#footerlinks li {
	padding: 0;
	display: inline;
	}		

#footerlinks a:link, #footerlinks a:visited {
	font: normal 10px verdana, arial, sans-serif;
	color: #d87a10;
	}

#footerlinks a:hover {
	color: #66707F;
	text-decoration: underline;
	}