/* CSS Document */

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Typography
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/	

/*img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}*/



a {
	color: #7398BE;
	text-decoration: none;
	}

a:hover {
	color: #0364A9;
	text-decoration: none;
	}

.tabs a:focus {
	outline-style:none;
	}

.flow {
	float:left;
	}

html {
	margin: 0;
	padding: 0;
	font-family: "Univers", sans-serif;
	font-size:14px;
	font-weight:200;
	color: #5E656C; /*Medium gray; Original, lighter gray was #7A848D*/
	}

.smalltext {
	font-size:12px;
	line-height: 18px;
	}

.bottomtext {
	font-size: 11px;
	line-height: 24px;
	margin: 5px 0 5px 0;
	}

.line {
	border-bottom: 1px dotted #BEC4C6;
	}

.up {
	padding: -7px 0 0 0;
	}

.override {
	color: #5E656C; /*Medium gray; Original, lighter gray was #7A848D*/
	}

.news_headline {
	font-size:14px;
	line-height:18px;
	font-weight:800;
	color:#2846AA;
	margin: 35px 0 5px 0;
	}

.news_date {
	font-size: 12px;
	font-weight: 400;
	color: #CCCCCC;
	margin: 0 0 5px 0;
	}

.name {
	font-size: 12px;
	font-weight: 400;
	color: #2846AA; /*Blue*/
	margin: 25px 0 0 0;
	}

.position {
	font-size:12px;
	margin: 5px 0 5px 0;
	}

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Imagery and Positioning
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/

.space {		/*This is just a clearing element*/
	clear: both;
	}

body {
	background: #D4DDE3 url('images/bknd_tile2.png') top center repeat-y;
	margin: 0;
	padding: 0;
	}

#bknd_topblue {
	background: url('images/bknd_bluetop.jpg') top left repeat-x;
	height: 35px;
	}

#bknd_topblue_center {
	background: url('images/bknd_bluetop_center.png') top center no-repeat;
	height: 35px;
	}

#bknd_sideshadows {
	background: url('images/bknd_sideshadows3.png') top center no-repeat;
	width: 1024px;
	/*height: 397px;*/
	margin: 0 auto;
	position: relative;
	}

#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;	
	background: #edf1f3; /*This background color is annoying, but is only here to utilize the large blue top background. Remove if possible*/		
	}

#subcontainer {
	padding: 0 30px 0 30px;
	}


#home_hero {
	background: url('images/home/home_hero.jpg') top left no-repeat;
	height: 280px;
	}

/*CTA ARROW*/
#cta_arrow {
	height: 45px;
	width:264px;
	padding: 230px 0 10px 613px;
	display:block;
	
	}

#cta_arrow a {
	display:block;
	background: url('images/home/cta_arrow.png') top left no-repeat;
	width: 264px;
	height: 45px;
	text-indent: -9999px;
	}

#cta_arrow a:hover {
	background-position: 0 -45px;
	}
/*END CTA ARROW*/

.maintext {
	width: 585px;
	padding:0 15px 0 0;
	margin:0;
	line-height:24px;
	float:left;
	}

h1 {
	line-height:24px;
	font-size:14px;
	font-weight: 100;
	}


#sliderbuttons_bknd {
	background: url('images/home/slider_button_bknd.png') top left no-repeat;
	width: 585px;
	height:65px;
	margin: 45px 0 15px 0;
	}


.checkmark {
	background: url('images/home/checkmark.png') top left no-repeat;
	width: 61px;
	height: 61px;
	margin: 0 23px 35px 0;
	padding: 0;
	float:left;
	}

.vert_divider {
	background: url('images/home/vert_divider.png') top left no-repeat;
	width: 15px;
	height: 357px;
	float:left;
	display:block;
	margin: 40px 15px 15px 0;
	}

.vert_divider_tall {
	background: url('images/info/vert_divider_tall.png') top left no-repeat;
	width: 15px;
	height: 447px;
	float:left;
	display:block;
	margin: 40px 15px 15px 0;
	}

.sidebar {
	width:245px;
	display:block;
	float:left;
	}

.homeheader_right {
	background: url('images/home/header_right.png') top left no-repeat;
	margin: 45px 0 25px 0;
	float:left;
	display:block;
	height:52px;
	width:245px;
	}

#logo_avaya {
	background: url('images/home/logo_avaya.png') top left no-repeat;
	height: 57px;
	width: 113px;
	float:right;
	display:block;
	margin: 0 0 15px 15px;
	}

/* tab pane styling */
.panes div {
	height: 100px;
	display:none;		
	/*padding:15px 10px;*/
	}


/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/
#header {

	height:85px;
}

#headerlogo {
	height:85px;
	width:335px;
	float:left;
	display:block;
	}

#headerlogo a {
	background:url(images/banin_logo.png) top left no-repeat;
	height:85px;
	width:335px;
	text-indent: -9999px;
	display:block;
	float:left;
	}

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Navigation Menu
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/


	
#navigation {
	display: block;
	list-style: none;
	margin: 0 30px 0 0;
	overflow: hidden;
	height: 85px;
	float:right;
	}

#navigation li {
	display: block;
	float: left;
	width:auto;
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
	}

#navigation li a {	
	display: block;
	height: 0;
	background: none;
	overflow: hidden;
	border: 0;
	}

/*STANDARD BUTTONS*/
#navigation li a#menu_home {
	width: 83px;
	height: 85px;
	background: url(images/nav/nav_home.png) top no-repeat;
	}
	
#navigation li a#menu_services {
	width: 105px;
	height: 85px;
	background: url(images/nav/nav_services.png) top no-repeat;
	}

#navigation li a#menu_partners {
	width: 100px;
	height: 85px;
	background: url(images/nav/nav_partners.png) top no-repeat;
	}
	
#navigation li a#menu_news {
	width: 89px;
	height: 85px;
	background: url(images/nav/nav_news.png) top no-repeat;
	}

#navigation li a#menu_info {
	width: 78px;
	height: 85px;
	background: url(images/nav/nav_info.png) top no-repeat;
	}

#navigation li a#menu_contact {
	width: 115px;
	height: 85px;
	background: url(images/nav/nav_contact.png) top no-repeat;
	}

/*HOVER BUTTONS*/
#navigation li a#menu_home:hover {
	background: url(images/nav/nav_home.png) no-repeat 0 -85px;
	}
	
#navigation li a#menu_services:hover {
	background: url(images/nav/nav_services.png) no-repeat 0 -85px;
	}

#navigation li a#menu_partners:hover {
	background: url(images/nav/nav_partners.png) no-repeat 0 -85px;
	}

#navigation li a#menu_news:hover {
	background: url(images/nav/nav_news.png) no-repeat 0 -85px;
	}

#navigation li a#menu_info:hover {
	background: url(images/nav/nav_info.png) no-repeat 0 -85px;
	}

#navigation li a#menu_contact:hover {
	background: url(images/nav/nav_contact.png) no-repeat 0 -85px;
	}

/*SELECTED BUTTONS*/
body#page_home ul#navigation li a#menu_home {
	background: url(images/nav/nav_home.png) no-repeat 0 -170px;
	}

body#page_services ul#navigation li a#menu_services {
	background: url(images/nav/nav_services.png) no-repeat 0 -170px;
	}

body#page_partners ul#navigation li a#menu_partners {
	background: url(images/nav/nav_partners.png) no-repeat 0 -170px;
	}

body#page_news ul#navigation li a#menu_news {
	background: url(images/nav/nav_news.png) no-repeat 0 -170px;
	}

body#page_info ul#navigation li a#menu_info {
	background: url(images/nav/nav_info.png) no-repeat 0 -170px;
	}

body#page_contact ul#navigation li a#menu_contact {
	background: url(images/nav/nav_contact.png) no-repeat 0 -170px;
	}

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Index Javascript Buttons
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/


	
.jbuttons {
	display: block;
	list-style: none;
	margin: 45px 0 15px 0;;
	padding: 0;
	overflow: hidden;
	height: 70px;
	}

ul.jbuttons {
	float: left;
	width: 195px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: block;
	}

ul.jbuttons li {
	display: inline;
	}

ul.jbuttons li a {
	height: 70px;
	background: url('images/home/tabs/tab01.png') top no-repeat;
	text-indent: -9999px;
	}



/*


#jbuttons li {
	display: block;
	float: left;
	width:195px; /*Used to be 'auto'
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
	}

#jbuttons li a {	
	display: block;
	height: 0;
	background: none;
	overflow: hidden;
	border: 0;
	}

/*STANDARD BUTTONS
#jbuttons li a#tab01 {
	width: 195px;
	height: 70px;
	background: url(images/home/tabs/tab01.png) top no-repeat;
	}
	
#jbuttons li a#tab02 {
	width: 195px;
	height: 70px;
	background: url(images/home/tabs/tab02.png) top no-repeat;
	}

#jbuttons li a#tab03 {
	width: 195px;
	height: 70px;
	background: url(images/home/tabs/tab03.png) top no-repeat;
	}

/*HOVER BUTTONS
#jbuttons li a#tab01:hover {
	background: url(images/home/tabs/tab01.png) no-repeat 0 -70px;
	}
	
#jbuttons li a#tab02:hover {
	background: url(images/home/tabs/tab02.png) no-repeat 0 -70px;
	}

#jbuttons li a#tab03:hover {
	background: url(images/home/tabs/tab03.png) no-repeat 0 -70px;
	}

/*SELECTED BUTTONS
body#page_home ul#jbuttons li a#tab01 {
	background: url(images/home/tabs/tab01.png) no-repeat 0 -140px;
	}

body#page_services ul#jbuttons li a#tab02 {
	background: url(images/home/tabs/tab02.png) no-repeat 0 -140px;
	}

body#page_partners ul#jbuttons li a#tab03 {
	background: url(images/home/tabs/tab03.png) no-repeat 0 -140px;
	}

*/

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Bottom Elements
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/

.bottom {
	background: #D5DADC url('images/bottom_bknd.jpg') top repeat-x;
	height:200px;
	margin: 0 auto;
	padding: 0;
	}

#bottom_test {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	}

#bottomcontainer {
	width: 950px;
	margin: 0 auto;
	padding: 0;
		
	}

#bottomsubcontainer {
	padding: 0 45px 0 30px;
	}

.bottomcolumn {
	width: 275px;
	float:left;
	margin: 0 25px 0 0; /*Should be 50px right? But couldn't fit*/
	}

.bottomcolumn_right {
	width: 275px;
	float:left;
	margin: 0;
	}

.subcolumn {
	width: 110px;
	float:left;
	display:block;
	margin: 0 25px 0 0;
	}

.header_sitemap {
	background: url('images/bottom/header_sitemap.png') top left no-repeat;
	height: 27px;
	display:block;
	margin: 35px 0 10px 0;
	}

.header_quickcontact {
	background: url('images/bottom/header_quickcontact.png') top left no-repeat;
	height: 27px;
	display:block;
	margin: 35px 0 10px 0;
	}

/*CTA SERVICES*/
#cta_services {
	height: 73px;
	width:275px;
	margin: 35px 0 0 0;
	display:block;
	float:left;
	}

#cta_services a {
	display:block;
	background: url('images/bottom/button_learnservices.png') top left no-repeat;
	width: 275px;
	height: 73px;
	text-indent: -9999px;
	}

#cta_services a:hover {
	background-position: 0 -73px;
	}
/*END CTA SERVICES*/


/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Services Page
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/

#hero_services {
	background: url('images/services/hero_services.png') top left no-repeat;
	height: 95px;
	margin: 30px 0 20px 0;
	}

#horiz_separator {
	background: url('images/services/horiz_separator.png') top left no-repeat;
	height: 15px;
	margin: 15px 0 30px 0;
	}

.services_col {
	width: 430px;
	float:left;
	}

.thirty {
	margin: 0 15px 0 0;
	}

.paddingleft {
	padding: 0 0 0 85px;
	}

.services_icon1 {
		background: url('images/services/icon_01.png') top left no-repeat;
		height: 75px;
		width: 64px;
		float:left;
	}

.services_icon2 {
		background: url('images/services/icon_02.png') top left no-repeat;
		height: 75px;
		width: 64px;
		float:left;
	}

.services_icon3 {
		background: url('images/services/icon_03.png') top left no-repeat;
		height: 75px;
		width: 64px;
		float:left;
	}

.services_icon4 {
		background: url('images/services/icon_04.png') top left no-repeat;
		height: 75px;
		width: 64px;
		float:left;
	}

.services_icon5 {
		background: url('images/services/icon_05.png') top left no-repeat;
		height: 75px;
		width: 64px;
		float:left;
	}

.services_icon6 {
		background: url('images/services/icon_06.png') top left no-repeat;
		height: 75px;
		width: 64px;
		float:left;
	}

.services_icon7 {
		background: url('images/services/icon_07.png') top left no-repeat;
		height: 75px;
		width: 64px;
		float:left;
	}

.services_header1 {
		background: url('images/services/header_01.png') top left no-repeat;
		height: 31px;
		width: 346px;
		margin: 10px 0 25px 20px;
		float:left;
	}
	
.services_header2 {
		background: url('images/services/header_02.png') top left no-repeat;
		height: 31px;
		width: 346px;
		margin: 10px 0 25px 20px;
		float:left;
	}

.services_header3 {
		background: url('images/services/header_03.png') top left no-repeat;
		height: 31px;
		width: 346px;
		margin: 10px 0 25px 20px;
		float:left;
	}

.services_header4 {
		background: url('images/services/header_04.png') top left no-repeat;
		height: 31px;
		width: 346px;
		margin: 10px 0 25px 20px;
		float:left;
	}

.services_header5 {
		background: url('images/services/header_05.png') top left no-repeat;
		height: 31px;
		width: 346px;
		margin: 10px 0 25px 20px;
		float:left;
	}

.services_header6 {
		background: url('images/services/header_06.png') top left no-repeat;
		height: 31px;
		width: 346px;
		margin: 10px 0 25px 20px;
		float:left;
	}

.services_header7 {
		background: url('images/services/header_07.png') top left no-repeat;
		height: 31px;
		width: 346px;
		margin: 10px 0 25px 20px;
		float:left;
	}

.servicebox1 {
	height: 240px;
	width: 430px;
	}

.servicebox2 {
	height: 200px;
	width: 430px;
	}

.servicebox3 {
	height: 340px;
	width: 430px;
	}

.servicebox4 {
	height: 315px;
	width: 430px;
	}


/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	News Page
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/

.no-sidepadding {
	margin: 40px 0 15px 0;
	}

.news_separator {
	background: url('images/news/news_separator_big.png') top left no-repeat;
	height: 2px;
	width: 556px;
	margin: 15px 0 30px 0;
	}

#news_hero {
	background: url('images/news/news_hero.jpg') top left no-repeat;
	height: 220px;
	}

.newsheader_right {
	background: url('images/news/newsheader_right.png') top left no-repeat;
	margin: 45px 0 25px 0;
	float:left;
	display:block;
	height:32px;
	width:246px;
	}

.news_icon_whitepaper {
		background: url('images/news/icon_whitepaper.png') top left no-repeat;
		height: 34px;
		width: 28px;
		float:left;
	}

.bottomspace {
	height: 30px;
	}

/*CTA ARROW*/
#info_cta_arrow {
	height: 45px;
	width:264px;
	padding: 165px 0 10px 613px;
	display:block;
	
	}

#info_cta_arrow a {
	display:block;
	background: url('images/info/info_cta_arrow.png') top left no-repeat;
	width: 264px;
	height: 45px;
	text-indent:-9999px;
	}

#info_cta_arrow a:hover {
	background-position: 0 -45px;
	}
/*END CTA ARROW*/

.news_sidegraphic {
	background: url('images/news/news_sidegraphic.png') top left no-repeat;
	width: 275px;
	height: 186px;
	display:block;
	float: left;
	margin: 45px 0 25px 0;
	}


/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Info Page
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/

#info_hero {
	background: url('images/info/info_hero.jpg') top left no-repeat;
	height: 220px;
	}

.smallcolumn {
	width: 260px;
	margin: 0 25px 15px 0;
	float:left;
	}

.infoheader_right1 {
	background: url('images/info/infoheader_right1.png') top left no-repeat;
	margin: 45px 0 25px 0;
	float:left;
	display:block;
	height:32px;
	width:246px;
	}

.infoheader_right2 {
	background: url('images/info/infoheader_right2.png') top left no-repeat;
	margin: 45px 0 25px 0;
	float:left;
	display:block;
	height:32px;
	width:246px;
	}

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Contact Page
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/

#contact_hero {
	background: url('images/contact/contact_hero.jpg') top left no-repeat;
	height: 220px;
	}

.contactheader_right1 {
	background: url('images/contact/contactheader_right1.png') top left no-repeat;
	margin: 45px 0 25px 0;
	float:left;
	display:block;
	height:32px;
	width:246px;
	}

.contactheader_right2 {
	background: url('images/contact/contactheader_right2.png') top left no-repeat;
	margin: 45px 0 25px 0;
	float:left;
	display:block;
	height:32px;
	width:246px;
	}

/*SUBMIT BUTTON*/
#cta_submit {
	background: url('images/contact/cta_submit.png') top left no-repeat;
	height: 28px;
	width:66px;
	margin: 15px 0 0 505px;
	display:block;
	float:left;
	text-indent: -9999px;
	border:none;
	}

#cta_submit a {
	display:block;
	background: url('images/contact/cta_submit.png') top left no-repeat;
	width: 66px;
	height: 28px;
	text-indent: -9999px;
	}

#cta_submit:hover {
	background-position: 0 -28px;
	}
/*END SUBMIT BUTTON*/