@import url(dropdown.css);

body, html {
		margin:0;
		padding:0;
		background:#FFF;
		color:#000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		}
	td img {display: block;}
	p {
		font-size: 14px;
		}
	#wrap {
		background:#FFF;
		margin:0 auto;
		width:760px;
		}
	#header {
		background: url(../images/header.jpg) no-repeat top right; 
		width: 760px;
		height: 90px;
		color:#663333;
		border-bottom: 5px solid white;
		}
	/* SEE DROPDOWN.CSS FOR DROP DOWN CSS CODE */
	#bread {
		padding: 8px 0 8px 180px;
		width: 400px;
		}
	#bread ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#bread li{
		display: inline;
		margin: 0;
		padding: 0 0 0 15px;
		background: transparent url(../images/bread.png) top left no-repeat;
		}
	#bread li.start {
		display: inline;
		margin: 0;
		padding: 0;
		background: none;
		}
	#bread a {
		text-decoration: none;
		color: #1568b4;
		font-size: 12px;
		}
	#bread a:hover {
		color: #9d3894;
		}
	#main {
		background:#FFF;
		float:right;
		width:590px;
		}
	#main h2 {
		font-size: 16px;
		}
	/* box.png = blue, box1.png = green, box2.png = yellow, box3.png = purple */
	.cssbox, .cssbox_head, .cssbox_head h2 { background: transparent url(../images/box.png) no-repeat bottom right; }
	.cssbox1, .cssbox1_head, .cssbox1_head h2 { background: transparent url(../images/box1.png) no-repeat bottom right; } 
	.cssbox2, .cssbox2_head, .cssbox2_head h2 { background: transparent url(../images/box2.png) no-repeat bottom right; }
	.cssbox3, .cssbox3_head, .cssbox3_head h2 { background: transparent url(../images/box3.png) no-repeat bottom right; } 
	.cssbox, .cssbox1, .cssbox2, .cssbox3 { 
		width: 580px !important; 
		width: 565px;
		padding-right: 15px;
		margin: 15px auto 0 0;
		} 
	.cssbox_head, .cssbox1_head, .cssbox2_head, .cssbox3_head { 
		background-position: top right; 
		margin-right: -15px;
		padding-right: 40px; 
		} 
	.cssbox_head h2, .cssbox1_head h2, .cssbox2_head h2, .cssbox3_head h2 { 
		background-position: top left; 
		margin: 0;
		border: 0;
		padding: 15px 0 5px 0;
		height: auto !important; 
		height: 1%;
		text-align: center;
		color: #FFF;
		}
	.text_bl {
		margin: 0 15px 15px 0;
		padding-bottom: 10px;
		background: transparent url(../images/list_grad1.jpg) top right no-repeat;
		}
	.text_gr {
		margin: 0 15px 15px 0;
		padding-bottom: 10px;
		background: transparent url(../images/list_grad3.jpg) top right no-repeat;
		}
	.text_pl {
		margin: 0 15px 15px 0;
		padding-bottom: 10px;
		background: transparent url(../images/list_grad2.jpg) top right no-repeat;
		}
	h3 {
		background: url(../images/your_choice.jpg) top left repeat-y;
		display: block;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		color: #FFF;
		padding: 5px 10px;
		}
	h4 {
		margin-top: 0;
		padding-top: 15px;
		}
	h4 span {
		font-size: 10px;
		padding-left: 2px;
		font-weight: normal;
		color: #666;
		}
	h5 {
		font-size: 14px;
		font-weight: bold;
		}
	.bl {
		color: #1568b4;
		}
	.gr {
		color: #4d964e;
		}
	.pl {
		color: #9d3894;
		}
	.yl {
		color: #ffcc00;
		}
	.small {
		font-size: 10px;
		color: #454545;
		}
	ul.list li {
		list-style-image: url(../images/li.jpg);
		padding: 4px 0;
		}
	.intro {
		width: 575px;
		}
	.links {
		text-align: center;
		padding-right: 20px;
		}
	.links a {
		padding: 2px 5px;
		}
	p.pdf {
		padding: 5px 0;
		}
	p.pdf a {
		padding: 10px 0 10px 40px;
		font-size: 16px;
		background: url(../images/pdf.png) center left no-repeat;
		text-decoration: none;
		}
	#sidebar {
		background:#FFF;
		float:left;
		width:170px;
		}
	#sidebar ul {
		list-style: none;
		padding: 0;
		margin: 0 15px 0 0;
		}
	#sidebar ul ul {
		margin: 6px 15px 6px 0;
		padding: 0;
		}
	#sidebar ul a, #sidebar ul a:visited {
		font-size: 14px;
		font-weight: bold;
		display: block;
		padding: 8px 0 8px 30px;
		border-top: 1px solid #1568b4;
		border-bottom: 1px solid #1568b4;
		color: #1568b4;
		text-decoration: none;
		}
	#sidebar ul ul a, #sidebar ul ul a:visited {
		font-size: 12px;
		font-weight: normal;
		display: block;
		padding: 4px 0;
		margin-left: 30px;
		border: 0;
		color: #1568b4;
		}
	#sidebar ul a:hover, #sidebar ul ul a:hover {
		color: #9c3c96;
		}
	#sidebar ul a:active, #sidebar ul ul a:active {
		color: #6cc06a;
		}
	#sidebar ul a.parent {
		padding-left: 35px;
		background: center left no-repeat;
		margin-bottom: 5px;
		}
    #sidebar ul a.home {
		background-image: url(../images/home.png);
		}
	#sidebar ul a.phone {
		background-image: url(../images/phone.png);
		}
	#sidebar ul a.broadband {
		background-image: url(../images/house.png);
		}
	#sidebar ul a.bundles {
		background-image: url(../images/bundles.png);
		}
	#sidebar ul a.dialup {
		background-image: url(../images/dialup.png);
		}
	#sidebar ul a.business {
		background-image: url(../images/work.png);
		}
	#footer {
		background:#fff;
		padding-top: 10px;
		clear:both;
		}
	#footer p {
		padding:5px;
		color: #666;
		margin:0;
		text-align: center;
    	}
	#footer a {color: #1568b4; text-decoration: none; font-size:10px; }
	#footer a:link, #footer a:visited { color: #1568b4; }
	#footer a:active, #footer a:hover  { color: #9c3c96; }
	#footer .phone p {
		color: #1568b4;
		font-weight: bold;
		text-align: right;
		font-size: 18px;
		}
	#footer div.hr {
		background:transparent url(../images/bluebar.png) 0 0 repeat-x;
		height: 4px;
		width: 100%;
		}
	#footer hr {
		display: none;
		}