/* ---------------------------------------------------- COMMON LAYOUT ELEMENTS --------------------------------------------------------- */

body {
	background-color: #fff;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 0;
}


h1 {
	color: #6E4293;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: normal;
	text-align: left;
}

h2 {
	color: #6E4293;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: normal;	
}

p {
	margin: 0 0 10px 0;
}

ul {
	list-style: disc;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}

li {
	margin: 0 0 5px 0;
}

#footer {
	width:100%;
	position:relative;
	color:#302e82;
	text-align:center;
}

#footer a {
	color:#302e82;
	text-decoration:none;
}

#footer a:hover {
	color:#6f3c8b;
	text-decoration:underline;
}


/* ***** HEADER ELEMENTS  **************************** */


#header {
	width: 760px;
	height: 99px;
	position: relative;
	margin: auto;
	cursor: default;
}

#header h1 {
	width: 294px;
	height: 44px;
	position: absolute;
	top: 29px;
	left: 0px;
	background-image: url(../images/bandwidth_logo.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	cursor: pointer;
}

#header #banner_tagline {
	display: block;
	width: 336px;
	height: 86px;
	position: relative;
	top: 0px;
	left: 460px;
	background-image: url(../images/banner_tagline.gif);
	background-repeat: no-repeat;
	overflow:auto;
}

.banner_tagline_text {
	visibility: hidden;
}


/* ***** NAVIGATION ELEMENTS  **************************** */

#nav_box {
	width: 760px;
	height: 26px;
	left: 0px;
	margin: auto;
	position: relative;
	z-index: 1000;
}

#nav, #nav ul {
	padding: 0;
	margin:auto;
	list-style: none;
}

#nav {
	position: relative;
	left: 297px;
}

#nav a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 0;
	margin:0;
}

#nav li {
	float: left;
	padding: 0;
	margin:0;
}



/* *************** CUSTOM NAV STYLES **************** */

#btn_home  a { width: 62px; height: 26px; background-image: url(../images/btn_home.gif); background-position: 0 0; background-repeat: no-repeat; }
#btn_our_approach a { width: 101px; height: 26px; background-image: url(../images/btn_our_approach.gif); background-position: 0 0; background-repeat: no-repeat; }
#btn_mdu_market a { width: 100px; height: 26px; background-image: url(../images/btn_mdu_market.gif); background-position: 0 0; background-repeat: no-repeat; }
#btn_about a { width: 59px; height: 26px; background-image: url(../images/btn_about.gif); background-position: 0 0; background-repeat: no-repeat; }
#btn_resources a { width: 84px; height: 26px; background-image: url(../images/btn_resources.gif); background-position: 0 0; background-repeat: no-repeat; }
#btn_contact a { width: 68px; height: 26px; background-image: url(../images/btn_contact.gif); background-position: 0 0; background-repeat: no-repeat; }

#btn_home a:hover { background-position: -62px 0; }
#btn_our_approach a:hover { background-position: -101px 0; }
#btn_mdu_market a:hover { background-position: -100px 0; }
#btn_about a:hover { background-position: -59px 0; }
#btn_resources a:hover { background-position: -84px 0; }
#btn_contact a:hover  { background-position: -68px 0; }

#nav span { visibility: hidden; }


#nav li ul {
	position: absolute;
	left: -999em;
	top: 26px;
}


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


#nav li ul li.approach{
	clear: both;
	width:99px;
	border-top: 0; 
	vertical-align: middle;
	position: relative;
	left: 0px;
	top: 2px;
}

#nav li ul li.about {
	clear: both;
	width:83px;
	border-top: 0; 
	vertical-align: middle;
	position: relative;
	left: -12px;
}

#nav li ul li a {
	display: block;
}

#btn_approach_mdu a { width: 99px; height: 29px; background-image: url(../images/approach_mdu_btn.gif); background-position: 0px 0px; background-repeat: no-repeat; }
#btn_approach_process a { width: 99px; height: 29px; background-image: url(../images/approach_process_btn.gif); background-position: 0px 0px; background-repeat: no-repeat; }
#btn_approach_why a { width: 99px; height: 29px; background-image: url(../images/approach_why_btn.gif); background-position: 0px 0px; background-repeat: no-repeat; }
#btn_about_company a { width: 83px; height: 31px; left: -5px; background-image: url(../images/about_company_btn.gif); background-position: 0px 0px; background-repeat: no-repeat; }
#btn_about_bio a { width: 83px; height: 31px; background-image: url(../images/about_bio_btn.gif); background-position: 0px 0px; background-repeat: no-repeat; }


#btn_approach_mdu a:hover { background-position: -99px 0; }
#btn_approach_process a:hover { background-position: -99px 0; }
#btn_approach_why a:hover { background-position: -99px 0px; }
#btn_about_company a:hover { background-position: -83px 0; }
#btn_about_bio a:hover { background-position: -83px 0px; }

/* -------------------------------------------------- HOME ELEMENTS --------------------------------------------------------------------- */



/* ***** MAIN BKGD CENTER ELEMENTS  **************************** */

#main_vert_bg {
	background: url(../images/bkg_home_center.gif) no-repeat top center;
	position: relative;
	margin: 0;
	padding: 0;
}

#main_center {
	width: 760px;
	height: 755px;
	position: relative;
	margin: auto;
	background-repeat: no-repeat;
}

#bkg_home_center {
	width: 800px;
	height: 725px;
	position: absolute;
	left: 0px;
	z-index: 100;
} 


/* ***** HOME BANNER ELEMENTS  **************************** */

#home_banner {
	width: 741px;
	height: 213px;
	position: relative;
	top: 19px;
	left: 10px;
	margin: 0px;
	z-index: 1;
}


#flashcontent {
	position: relative;
	z-index: 1;
}

/* ***** HOME LEFT BOX ELEMENTS  **************************** */

#home_left_box_text {
	width: 500px;
	height: 187px;
	position: absolute;
	top: 240px;
	left: 8px;
	text-color: #3333cc;
	z-index: 100;
}

#home_left_box_text .inner {
	margin: 32px;
}

#home_left_box_bottom {
	width: 496px;
	height: 187px;
	position: absolute;
	top: 250px;
	left: 10px;
	margin: 0px;
	background-image: url(../images/home_left_box_bottom.gif);
	background-repeat: repeat-y;
	z-index: 100;
}

#home_left_box_top {
	width: 496px;
	height: 187px;
	position: absolute;
	top: 249px;
	left: 10px;
	margin: 0px;
	cursor: default;
	background-image: url(../images/home_left_box_top.gif);
	background-repeat: no-repeat;
	z-index: 100;
}


/* ***** COMMON QUOTE BOX ELEMENTS  **************************** */


#home_quote_middle {
	width: 490px;
	height: 134px;
	position: absolute;
	top: 437px;
	left: 15px;
	margin: 0px;
	background-image: url(../images/home_quote_middle.gif);
	background-repeat: repeat-x;
	z-index: 100;
}

#home_quote_left {
	width: 20px;
	height: 187px;
	position: absolute;
	top: 437px;
	left: 10px;
	margin: 0px;
	background-image: url(../images/home_quote_left.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

#home_quote_right {
	width: 21px;
	height: 187px;
	position: absolute;
	top: 437px;
	right: 254px;
	margin: 0px;
	background-image: url(../images/home_quote_right.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

#home_quote_title {
	width: 111px;
	height: 30px;
	position: absolute;
	top: 468px;
	left: 48px;
	background-image: url(../images/quote_title.gif);
	background-repeat: no-repeat;
	z-index: 130;
}

#home_quote_mark_sm {
	width: 28px;
	height: 24px;
	position: absolute;
	top: 422px;
	left: 30px;
	background-image: url(../images/quote_small.gif);
	background-repeat: no-repeat;
	z-index: 200;
}

#home_quote_mark_lg {
	width: 50px;
	height: 41px;
	position: absolute;
	top: 515px;
	right: 270px;
	background-image: url(../images/quote_large.gif);
	background-repeat: no-repeat;
	z-index: 200;
}

#home_quote_text {
	width: 446px;
	height: 90px;
	position: absolute;
	top: 422px;
	left: 43px;
	z-index: 220;
	font-style: italic;
}

#home_quote_topbkg {
	width: 483px;
	height: 32px;
	background-color: #FFFFFF;
	position: absolute;
	top: 405px;
	left: 17px;
	z-index: 160;
}




/* ***** HOME RIGHT COLUMN ELEMENTS  **************************** */

#home_right_image {
	width: 235px;
	height: 184px;
	position: absolute;
	top: 250px;
	right: 9px;
	margin: 0px;
	background-image: url(../images/home_right_image.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#home_right_image_btn a {
	display: block;
	height: 46px;
	width: 235px;
	text-indent: -5000px;
}

#home_right_image_btn {
	width: 235px;
	height: 46px;
	position: absolute;
	top: 390px;
	right: 9px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/home_right_image_btn.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#home_right_bg {
	width: 235px;
	height: 136px;
	position: absolute;
	top: 434px;
	right: 9px;
	margin: 0px;
	background-image: url(../images/home_right_bg.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

	


/* -------------------------------------------------- INTERIOR ELEMENTS --------------------------------------------------------------------- */


/************************ LEFT COLUMN *******************/


#left_col {
	width: 496px;
	position: relative;
	top: 19px;
	left: 10px;
	margin: 0px;
	padding: 0;
	background-color: #e9e9f3;
	background-image: url(../images/interior_left_col_bg.gif);
	background-repeat: repeat-y;
}

#left_col_top {
	width: 496px;
	height: 41px;
	background-color: #5f2d87;
	background-image: url(../images/interior_left_col_top.gif);
	background-repeat: no-repeat;
	color: #fff;
	padding: 0;
}

#left_col_bottom {
	width: 496px;
	height: 23px;
	position: relative;
	background-color: #5f2d87;
	background-image: url(../images/interior_left_col_bottom.gif);
	background-repeat: no-repeat;
	color: #fff;
	padding: 0;
	z-index: 100;
}

#left_col_top h1 {
	font-size: 16px;
	font-weight: heavy;
	color: #fff;
	padding: 15px 0 0 30px;
	margin: 0;
}

#left_col_inner {
	padding: 32px;
}

#left_col_quote {
	width: 496px;
	height: 134px;
	position: relative;
	background-color: #d5d4e6;
}

#left_col_quote_title {
	width: 111px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 35px;
	background-image: url(../images/quote_title.gif);
	background-repeat: no-repeat;
	z-index: 130;
}

#left_col_quote_text {
	width: 285px;
	height: 90px;
	position: absolute;
	top: 18px;
	left: 185px;
	z-index: 150;
	font-style: italic;
}

#left_col_quote_mark_sm {
	width: 28px;
	height: 24px;
	position: absolute;
	top: 11px;
	left: 168px;
	background-image: url(../images/quote_small.gif);
	background-repeat: no-repeat;
	z-index: 130;
}

#left_col_quote_mark_lg {
	width: 50px;
	height: 41px;
	position: absolute;
	top: 78px;
	right: 16px;
	background-image: url(../images/quote_large.gif);
	background-repeat: no-repeat;
	z-index: 130;
}


#left_col_quote_middle {
	width: 496px;
	height: 134px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px;
	background-image: url(../images/home_quote_middle.gif);
	background-repeat: repeat-x;
	z-index: 100;
}

#left_col_quote_left {
	width: 20px;
	height: 187px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px;
	background-image: url(../images/home_quote_left.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

#left_col_quote_right {
	width: 21px;
	height: 187px;
	position: absolute;
	top: 0;
	left: 475px;
	margin: 0px;
	background-image: url(../images/home_quote_right.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

/* ***** INTERIOR RIGHT COLUMN ELEMENTS  **************************** */

#right_column {
	width: 235px;
	position: absolute;
	top: 19px;
	right: 9px;
	margin: 0px;
	padding: 0;
}

#right_btn2_articles {
	width: 235px;
	height: 34px;
	position: absolute;
	top: 430px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/articles_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}

#right_btn2_difference {
	width: 235px;
	height: 34px;
	position: absolute;
	top: 430px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/difference_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}

#right_btn2_difference a, #right_btn2_articles a {
	display: block;
	height: 34px;
	width: 235px;
	text-indent: -5000px;
}

#right_inside_scoop {
	width: 235px;
	height: 130px;
	position: relative;
	margin: 0px;
	background-image: url(../images/inside_scoop.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

#right_why_bandwidth {
	width: 235px;
	height: 130px;
	position: relative;
	margin: 0px;
	background-image: url(../images/right_why_add_band.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

/* ***** APPROACH **************************** */

#approach_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/bus_computer.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#approach_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#approach_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/bus_computer_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}

#approach_header {
	width: 331px;
	height: 51px;
	position: absolute;
	top: 68px;
	left: 28px;
	background-image: url(../images/approach_header.gif);
	background-repeat: no-repeat;
	z-indez: 150;
}

/* ***** DIFFERENCE **************************** */

#mdumarket_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/building_4.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#mdumarket_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#mdumarket_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/building_4_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}

/* ***** WHY BANDWIDTH **************************** */

#why_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/building_5.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#why_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#why_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/building_5_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}



/* ***** MDU MARKET **************************** */

#mdumarket_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/cityscape.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#mdumarket_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#mdumarket_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/cityscape_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}



/* ***** ABOUT **************************** */

#about_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/apartments_lg.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#about_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#about_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/apartments_lg_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}


/* ***** DIFFERENCE **************************** */

#difference_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/building_4.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#difference_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#difference_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/building_4_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}


/* ***** PROCESS **************************** */

#process_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/remote.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#process_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#process_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/remote_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}

/* ***** COMPANY BIO **************************** */

#cobio_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/couple_computer.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#cobio_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#cobio_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/couple_computer_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}


/* ***** PERSONAL BIO **************************** */

#bio_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/building_3.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#bio_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#bio_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/building_3_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}

/* ***** RESOURCES **************************** */

#resources_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/building_6.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#resources_right_btn1 a {
	display: block;
	height: 44px;
	width: 235px;
	text-indent: -5000px;
}

#resources_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/building_6_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}


/* ***** CONTACT **************************** */

#contact_right_image {
	width: 235px;
	height: 301px;
	position: relative;
	margin: 0px;
	background-image: url(../images/family_computer_nobtn.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#contact_right_btn1 {
	width: 235px;
	height: 44px;
	position: absolute;
	top: 257px;
	margin: 0px;
	cursor: pointer;
	background-image: url(../images/family_computer_btn.jpg);
	background-repeat: no-repeat;
	z-index: 130;
}


/******************** EXPANDERS ***********************/

.tech_intro {
	margin: 0 0 0 0;
	padding: 0;
}

.technology {
	margin: 0 0 20px 0;
	padding: 0;
}

.technology_text {
	position: relative;
	display: none;
	margin: 0 0 0 0;
}