@charset "UTF-8";
/* CSS Document */

/* ////////// */
/* box models */
/* ////////// */

body {
	margin: 0;
	}

a img {
	border: none;
	}
img.display_logo{
        display: block;
        margin-left: auto;
        margin-right: auto;
}

img.partner_logo{
	border: 1px solid #ddd;
}

div.container, #MenuBar1, ul#footer, div#footer {
	position: relative;
	margin: 0 auto 0 auto;
	width: 760px;
	}

div.container {
	width: 690px;
	padding: 0 30px 0 40px; /* padding instead of margin because of ie, left-padding used to indent body-copy below the hiwaay  */
	}

/*  container elements */
div#titlegraphic {
	position: relative;
	margin: 0 0 10px -6px; /* offset the title graphic a few pixels on the left */
	width: 334px;
	height: 93px;
	}

div#titlegraphic h1 {		/* this is the subtitle swatch */
	position: absolute;
	bottom: 7px;
	right: 0;
	margin: 0;
	width: 231px;
	height: 19px;
	}

/* category-specific link box */
ul#categorybox, div#announcement {
	display: block;
	position: absolute;
	top: 0;
	left: 368px;
	margin: 0;
	padding: 6px 0 0 30px;
	width: 336px;
	height: 88px;
	font-size: .75em;
	/* Use for Alerts: */background-image: url(/source/custom/bg_categorybox_alert.png); 
	/*background-image: url(/source/custom/bg_categorybox_memorialday.png); */

	}

ul#categorybox li {
	display: block;
	float: left;
	padding: 0 0 2px 0;
	width: 125px;
	}

/* blue bumpers */
div#leftbumper, div#rightbumper {
	position: absolute;
	top: 15px;
	left: 0;
	height: 206px;
	width: 14px;
	}

div#rightbumper {
	width: 13px; /* offest a 1px difference between leftbumper */
	left: auto;
	right: 0;
	}

/* vertical banner */
a.vert_banner {
	position: absolute;
	top: 230px;
	right: 20px;
	}

a.vert_banner img {
	border: none;
	}

/* footer and elements */
ul#footer, div#footer {
	display: block;
	clear: both;
	padding: 10px 0 0 0;
	height: 58px;
	width: 750px;
	}

div#footer h6 {
	margin: 9px 0 -9px 300px;
	}

ul#footer li {
	margin: 5px 0 0 0;
	}

ul#footer a:link, ul#footer a:visited,
div#footer a:link, div#footer a:visited {
	margin: 0 7px 0 7px;
	}
	

div.container {
	height: 950px !important;
	}


ul#homenav_row1, ul#homenav_row2 {
	position: absolute;
	display: block;
	top: 100px;
	width: 760px;
	float: left;
	margin: 0;
	padding: 0;
	}

ul#homenav_row2 {
	top: 165px;
	left: 34px;
	
	}

ul#homenav_row1 li, ul#homenav_row2 li {
	margin: 0;
	padding: 0;
	float: left;
	}

ul#homenav_row1 a, ul#homenav_row2 a {
	display: block;
	margin: 0;
	padding: 0;
	/*float: left;*/
	height: 55px;
	}

ul#homenav_row2 a {
	height:42px;
	}

li#homenav_11 a:link, li#homenav_11 a:visited {
	width: 171px;
	}

li#homenav_12 a:link, li#homenav_12 a:visited  {
	width: 193px;
	}

li#homenav_13 a:link, li#homenav_13 a:visited  {
	width: 167px;
	}

li#homenav_14 a:link, li#homenav_14 a:visited  {
	width: 149px;
	}

li#homenav_21 a:link, li#homenav_21 a:visited  {
	width: 149px;
	}

li#homenav_22 a:link, li#homenav_22 a:visited  {
	width: 206px;
	}

li#homenav_23 a:link, li#homenav_23 a:visited  {
	width: 177px;
	}

li#homenav_24 a:link, li#homenav_24 a:visited  {
	width: 160px;
	}


ul#cel_business, ul#cel_residential {
	display: block;
	position: absolute;
	float: left;
	top: 230px;
	left: 25px;
	margin: 0;
	padding: 0;
	width: 270px;
	height: 380px;
	}

ul#cel_residential {
	left: 320px;
	width: 290px;
	}

ul#cel_business li, ul#cel_residential li {
	margin: 0 0 13px 11px;
	width: 175px;
	}

ul#cel_residential li {	/* hack, firefox (mac) displays fonts a little too big, this lets the content span only 3-rows */
	width: 185px;
	}

ul#cel_business li.bite, ul#cel_residential li.bite {
	margin-top: 40px !important;
	}

ul#cel_business a:link, ul#cel_business a:visited,
ul#cel_residential a:link, ul#cel_residential a:visited {	/* within the business and residential cells, make put each link on its own line */
	display: block;
	margin: 0 0 14px 0;
	}









/* ////////// */
/* appearance */
/* ////////// */
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* 16 x 1.125 = 18pt */
	background: url(/source/shared/bg_index_html.png) repeat-x #f4f4f4;
	}

body {
	background: url(/source/shared/bg_body_footer.png) repeat-x 0 bottom; /* put the depth-lines graphic at the bottom of the page */
	}

body p, body blockquote {
	font-size: .75em; /* 16 x .75 = 12pt */
	}

div.container {
	background: #f4f4f4;
	}

/* title graphic elements */
div#titlegraphic h1 span {
	display: none;
	}

div#titlegraphic h1 {
	}

div#titlegraphic {
	background: url(/source/custom/bg_hiwaay_title.png); /* universal hiwaay logo and title */
	}

body#pagetype_internetservices div#titlegraphic h1 {
	background: url(/source/custom/img_hiwaay_title_swatch.png) 0 0; /* (0) Internet Services swatch */
	}

ul#categorybox {
	font-size: .6875em; /* 16 x .6875 = 11pt */
	line-height: 1.25em; /* 16 x 1.25 = 20pt */
	list-style: none;
	}

ul#categorybox li a:link, ul#categorybox li a:visited {
	color: #000;
	}

ul#categorybox li a:hover {
	text-decoration: none;
	}

div#leftbumper {
	background: url(/source/shared/bg_blue_bumpers.png) 0 0;
	}

div#rightbumper {
	background: url(/source/shared/bg_blue_bumpers.png) 14px 0; 
	}

div#footer {
	font-size: .625em; /* 16 x .625 = 10pt */
	list-style: none;
	text-align: center;
	background: url(/source/shared/bg_footer.png) no-repeat center bottom;
	}

div#footer a:link, div#footer a:visited {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #000;
	}

div#footer a:hover {
	border-bottom: 1px dotted #fff;
	}

div#footer h6 {
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	text-align: left;
	}

ul#homenav_row1, ul#homenav_row2 {
	list-style: none;
	}

ul#homenav_row1 span, ul#homenav_row2 span {
	display: none;
	}


/* homenav buttons, row 1 */
li#homenav_11 a:link, li#homenav_11 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) 0 0;
	}

li#homenav_11 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) 0 55px;
	}
	

li#homenav_12 a:link, li#homenav_12 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -171px 0;
	}

li#homenav_12 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -171px 55px;
	}


li#homenav_13 a:link, li#homenav_13 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -364px 0;
	}

li#homenav_13 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -364px 55px;
	}


li#homenav_14 a:link, li#homenav_14 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -531px 0;
	}

li#homenav_14 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -531px 55px;
	}

/* homenav buttons, row 2 */
li#homenav_21 a:link, li#homenav_21 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -680px 0;
	}

li#homenav_21 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -680px -42px;
	}

li#homenav_22 a:link, li#homenav_22 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -829px 0;
	}

li#homenav_22 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -829px -42px;
	}

li#homenav_23 a:link, li#homenav_23 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -1035px 0;
	}

li#homenav_23 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -1035px -42px;
	}

li#homenav_24 a:link, li#homenav_24 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -1212px 0;
	}

li#homenav_24 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -1212px -42px;
	}

li#homenav_25 a:link, li#homenav_25 a:visited {
	background: url(/source/custom/btn_index_icons_4x4w.png) -1242px 0;
	}

li#homenav_25 a:hover {
	background: url(/source/custom/btn_index_icons_4x4w.png) -1242px -42px;
	}

ul#cel_business, ul#cel_residential {
	list-style: none;
	font-size: 10pt;
	}

ul#cel_business {
	background: url(/source/res/bg_hiwaay_home_business.jpg);
	}

ul#cel_residential {
	background: url(/source/res/bg_hiwaay_home_residential.jpg);
	}

ul#cel_business a:link, ul#cel_residential a:link,
ul#cel_business a:visited, ul#cel_residential a:visited {
	color: #00c;
	}

ul#cel_business a:hover, ul#cel_residential a:hover {
	text-decoration: none;
	}

.emphasis{
	background-color:#fff;border:1px solid #ccc;padding:10px;
}