


html, body { 
	height: 100%;
	}
	
body { 
	margin: 0;
	padding: 0;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #40464a;
	text-align: center;
	background: #f2f2f2 url(../images/common/BG-body.jpg) repeat-x top center;
	z-index: 0;
	}

	
#wrapper { 
    position: relative;
    padding: 0 0 10px 0px;
    margin: 0 0 60px 0px;
    min-height: 100%;
    background: url(../images/common/BG-wrapper2.gif) no-repeat bottom center;
    behavior: url(/_scripts/iepngfix.htc);
    display: block;
    z-index: 1;
    }		
	
	*html #wrapper { height: expression('100%'); }

a { outline: none; text-decoration: none; }
#midSection a { text-decoration: underline; }

.container { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position: relative;
	}

.clear { 
	clear: both; 
	}

 .left {
	float: left;
	width: 660px;
	}		


 .right {
	float: left;
	width: 300px;
	}		

	.page-home .content {
		padding: 0px 60px 0 35px;
		}

	.content {
		padding: 30px 0px 0 36px;
		}

	.content-smaller {
		padding: 0px 60px 0 0px;
		}

.content-left {
	float: left;
	width: 280px;
	margin: 0 40px 0 0px;	
	}
	
	.content .content-left p { width: 280px; margin: 3px 0; }

.content-right {
	float: left;
	width: 280px;
	margin: 0 0px 0 0px;	
}


/* - TOP SECTION - */
	
	
	#flashSection {
		display: block;
		width: 100%;
		height: 172px;
		position: absolute;
		top: 0px;
		z-index: 10;
		}
		
	#flashSectionBG { width: 100%; }
	
	#flash { position: relative; z-index: 0; margin-top: 16px; }


#topSection {
	height: 152px;
	margin: -152px 0 0 0px;
	position: relative;
	z-index: 999;
	}

		
		#topSection #logo {
			height: 90px;
			width: 660px;
			}

			#topSection #logo a {
				cursor: pointer;
				display: block;
				}

		#topSection #mainNav {
			height: 40px;
			margin: 22px 0 0 0px;
			width: 660px;
			}


		#topSection #phone {
			width: 290px;
			height: 20px;
			margin: 0px;
			}


		#topSection #login {
			width: 290px;
			height: 130px;
			margin: 0px;
			background: url(../images/common/topLogin-BGtwo.png) no-repeat;
			}

#login form {
	padding: 55px 0 0 35px;
}

#login #field-one {
	width: 220px;
}

#login #field-two {
	width: 180px;
	float: left;
	margin: 6px 0 0 0px;
}

#login #field-three {
	width: 30px;
	float: left;
}


input.top-login {
	border: none;
	margin: 0 0 0 2px;
	padding: 4px 5px 0px 5px;
	height: 17px;
	width: 170px;
	background: url(../images/common/login-input-BG.png) no-repeat 0px 0px;
}

input.button-go {
	border: none;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	height: 32px;
	width: 35px;
	background: url(../images/common/Button-Go.png) no-repeat 0px 0px;
	text-indent: -5000px;
	cursor: pointer;	
	display: block;
	}

input.button-go:hover {
	background-position: 0px -31px;
	}


/* - NAVIGATION SECTION - */

#mainNav ul {
	float: left;
	margin: 0 0 0 36px;
	padding: 0px;
	}

#mainNav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 114px;
	border: none;
	background: none;
	}

#mainNav ul li a.mainMenu {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 114px;
	display: block;
	background-position: 0px 0px;
	text-indent: -5000px;
	cursor: pointer;
	background-repeat: no-repeat;
	border: none;
	overflow: hidden;
	}

#mainNav ul li.last a.mainMenu {width: 110px;}


#mainNav ul li.home a.mainMenu {background-image: url(../images/common/mainNav-home.png);}
#mainNav ul li.services a.mainMenu {background-image: url(../images/common/mainNav-services.png);}
#mainNav ul li.about a.mainMenu {background-image: url(../images/common/mainNav-about.png);}
#mainNav ul li.news a.mainMenu {background-image: url(../images/common/mainNav-news.png);}
#mainNav ul li.contact a.mainMenu {background-image: url(../images/common/mainNav-contact.png);}
#mainNav ul li.network a.mainMenu {background-image: url(../images/common/mainNav-network.png);}

.page-home #mainNav ul li.home a.mainMenu {background-position: 0px -40px;	cursor: pointer;}
.page-services #mainNav ul li.services a.mainMenu {background-position: 0px -40px;	cursor: pointer;}
.page-about #mainNav ul li.about a.mainMenu {background-position: 0px -40px;	cursor: pointer;}
.page-news #mainNav ul li.news a.mainMenu {background-position: 0px -40px;	cursor: pointer;}
.page-contact #mainNav ul li.contact a.mainMenu {background-position: 0px -40px;	cursor: pointer;}
.page-network #mainNav ul li.network a.mainMenu {background-position: 0px -40px;	cursor: pointer;}

#mainNav ul li a:hover {background-position: 0px -40px;	cursor: pointer;}
#mainNav ul li:hover a.mainMenu {background-position: 0px -40px;	cursor: pointer;}

/* SUB NAV SECTION */

#nav li ul {
	margin: 0 0 0 -4px;
	padding: 0px;
	background: none;
	list-style: none;
	position: relative;
	z-index: 999;
	display: none;
}

#nav li ul li {
	margin: 0px;
	padding: 0px;
	background: none;
	height: 22px;
	}



#nav li ul li a {
	background-image: url(../images/common/subNav-mid.png);
	background-repeat: no-repeat;
	width: 168px;
	height: 22px;
	line-height: 22px;
	background-position: 0px 0px;
	display: block;
	text-indent: 0px;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 14px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	}
	
#nav li ul li.first a {background-image: url(../images/common/subNav-top.png); height: 26px; line-height: 26px;}
#nav li ul li.last a {background-image: url(../images/common/subNav-bottom.png); height: 28px;}

#nav li ul li.first { height: 26px;}
#nav li ul li.last { height: 28px;}

#nav li ul li a:hover {background-position: 0px -22px; cursor: pointer;}
#nav li ul li.first a:hover {background-position: 0px -26px; cursor: pointer;}
#nav li ul li.last a:hover {background-position: 0px -28px;	cursor: pointer;}


#nav li ul li a .title {
	float: left;
	width: 42px;
	display: block;
	font-weight: bold;
}

#nav li ul li a .divider {
	float: left;
	display: block;
	width: 10px;
}

#nav li ul li a .subtitle {
	float: left;
	display: block;
}





/* MID SECTION */


#midSection {
	background: url(../images/common/BG-midSection.jpg) top center no-repeat;
	padding: 5px 0 20px 0px;
	}
	
	#midSection .container {
		}
	

	h1.weGrow {background-image: url(../images/title/title-weGrow.gif);}
	h1.chooseService {background-image: url(../images/title/title-services.gif); height: 60px;}
	h1.testimonials {background-image: url(../images/title/title-testimonials.gif); }
	h1.customerTest {background-image: url(../images/title/title-customerTestimonials.gif); }
	h1.video-overview {background-image: url(../images/title/title-overviewVideo.gif); }
	h1.news {background-image: url(../images/title/title-news.gif); }
	h1.aboutUs {background-image: url(../images/title/title-aboutUs.gif); }
	h1.contactUs {background-image: url(../images/title/title-contactUs.gif); }
	h1.teamBios {background-image: url(../images/title/title-teamBios.gif); }
	h1.managementBios {background-image: url(../images/title/title-managementBios.gif); }
	h1.network {background-image: url(../images/title/title-network.gif); }
	h1.partners {background-image: url(../images/title/title-partners.gif); }
	h1.sales {background-image: url(../images/title/title-sales.gif); }
	h1.service {background-image: url(../images/title/title-service.gif); }
	h1.services-stream {background-image: url(../images/title/title-services-stream.gif); }
	h1.services-voice {background-image: url(../images/title/title-services-voice.gif); }
	h1.services-vault {background-image: url(../images/title/title-services-vault.gif); }
	h1.services-overview {background-image: url(../images/title/title-services-overview.gif); }
	h1.sitemap {background-image: url(../images/title/title-sitemap.gif); }
	h1.totalOffice {background-image: url(../images/title/title-totalOffice.gif); }
	h1.services-t1 {background-image: url(../images/title/title-services-t1.gif); }

#featured {
	margin: 30px 0 0 23px;
}

#featured a {
	float: left;
	display: block;
	width: 290px;
	height: 160px;
	text-indent: -5000px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	}

/*
#featured a:hover {
	background-position: 0px -160px;
	}	
*/
#featured a.team {background-image: url(../images/common/featured-team.jpg);}
#featured a.attention {background-image: url(../images/common/featured-attention.jpg);}

#services {
	margin: 20px 0 10px 0px;
}

#services ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 250px;
}

#services ul li {
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 250px;
	line-height: 35px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	background: none;
	overflow: hidden;
	}

#services ul li a {
	margin: 0xp;
	padding: 0px;
	height: 35px;
	width: 250px;
	line-height: 35px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	}

#services ul li a:hover {background-position: -250px 0px;}

#services ul li.stream a {background-image: url(../images/common/services-stream.gif);}
#services ul li.voice a {background-image: url(../images/common/services-voice.gif);}
#services ul li.vault a {background-image: url(../images/common/services-vault.gif);}
#services ul li.safe a {background-image: url(../images/common/services-safe.gif);}
#services ul li.totalOffice a {background-image: url(../images/common/services-total.gif);}


.eduroTotalOffice {
	margin: -18px 0 0 0px;
	padding: 0px;
}


.testimonials {
	margin: 0 0 12px 10px;
	color: #f47715;
	width: 280px;
	font-weight: normal;
}

.testimonials img {
	float: left;
	padding: 0 4px 0 0px;
	}

.testimonials h1.testimonials {
	margin: 0 0 4px 0px;
	padding: 0px;
	height: 26px;
}


.quote {
	float:left;
	width: 150px;
	margin: 0 0 5px 0px;
	font-size: 12px;
	line-height: 16px;
	color: #094c8a;
	font-weight: normal;
}

.quote span.name {
	clear: both;
	font-size: 11px;
	font-weight: bold;
	}

.quote span.title {
	font-size: 11px;
	font-style: italic;
	}

#news {
	margin: 0 0 0 10px;
}

#news-item {
	width: 265px;
	margin: 0 0 15px 4px;
}

#news-item a {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	
}

#news-item span.date {
	font-size: 11px;
	color: #40464a;
	line-height: 16px;
	font-weight: bold;
}


.news-item-large {
	margin: 0 0 15px 4px;
}

.news-item-large .title { 
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;

	margin: 0 0 10px 0; 
	color: #f47715;
	}

.news-item-large .title a {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	
}

.news-item-large .date {
	font-size: 11px;
	color: #40464a;
	line-height: 16px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

.first .date { margin-top: 0; padding-top: 0; border-top: none; }

.read { font-size: 11px;margin: 0px;padding: 0px; }
.back { font-size: 11px; }


.photos {
	background: url(../images/common/photos-BG.jpg) top center no-repeat;
	padding: 9px 10px 10px 10px;
	width: 200px;
	float: left;
	margin: 0 10px 10px 0px;
	}


/* BOTTOM SECTION */
	

#botSection {
	height: 172px;
	margin: -172px 0px 0px 0px;
	background: url(../images/common/BG-botSection.jpg) repeat-x center;
	position: relative;
	z-index: 0;
	}

#botSectionInside {
	height: 172px;
	/*background: url(../images/common/BG-botSection2.jpg) top center no-repeat;*/
	position: relative;
	}
	
	#botSection .container {
		padding: 130px 0 0 0px;
		height: 42px;
		}
		
		#botSection #footerNav {
			margin: 0 0 0 30px;
			padding: 0px;
			float: left;
			}

		#botSection #footerNav ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			float: left;
			}

		#botSection #footerNav ul li {
			margin: 0 8px 0 0px;
			padding: 0 8px 0 0px;
			list-style-type: none;
			float: left;
			height: 10px;
			border-right: solid 1px #094c8a;
			line-height: 10px;
			background: none;
			overflow: hidden;
			}
		#botSection #footerNav ul li.last {border-right: none;}

		#botSection #footerNav ul li a {
			font-size: 10px;
			color: #094c8a;
			text-decoration: none;
			font-weight: bold;
			height: 10px;
			line-height: 10px;
			text-transform: uppercase;
			}
		#botSection #footerNav ul li a:hover {color: #337abd;}


		#botSection #copy {
			margin: 0 30px 0 0px;
			padding: 0px;
			float: right;
			}

		#botSection #copy ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			float: left;
			}

		#botSection #copy ul li {
			margin: 0 8px 0 0px;
			padding: 0 8px 0 0px;
			list-style-type: none;
			float: left;
			font-size: 10px;
			line-height: 10px;
			text-transform: uppercase;
			color: #292929;
			border-right: solid 1px #292929;
			font-weight: normal;
			background: none;
			overflow: hidden;
			}
		#botSection #copy ul li.last {border-right: none;}

		#botSection #copy ul li a {
			color: #292929;
			text-decoration: none;
			}
		#botSection #copy ul li a:hover {color: #337abd;}


/* SERVICES STYLES */

.content img.eduroService {
	margin: -30px 0 0 -5px;
}

h3.lock {
	background: url(../images/common/icon-padLock.gif) no-repeat;
	padding: 0 0 0 16px;	
}





/* TESTIMONIALS STYLES */

.testimonial {
	float: left;
	width: 288px;
	height: 112px;
	margin: 0 0 0 0px;
	padding: 5px 5px 5px 5px;
	background: url(../images/common/testimonials-BG.jpg) no-repeat;
}

.testimonial .photo {
	float: left;
	margin: 12px 12px 0 12px;
}

.testimonial .quote {
	float: left;
	width: 160px;
	margin: 8px 0px 0 0px;
	font-size: 12px;
	line-height: 16px;
	color: #094c8a;
}

.testimonial .quote span {
	color: #545454;
}

#playVideos {
	margin: 6px 0 0 2px;
	padding: 0 0 0 32px;
	font-size: 11px;
	line-height: 16px;
	background: url(../images/common/testimonials-playButton.gif) no-repeat 0px 0px;
	}

#playVideos a {
	font-size: 11px;
	line-height: 12px;
	color: #094c8a;
	text-decoration: none;
	}

#playVideos a:hover {
	color: #337abd;
	}


#playVideos img {
	margin: 0 5px -4px 5x;
}


/* GENERAL STYLES */


h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height: 32px;
	width: 560px;
	font-size: 29px;
	line-height: 32px;
	font-weight: normal;
	color: #094c8a;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: -2px 0px;
	border-bottom: solid 1px #c0c0c0;
}

.page-home h1 {border-bottom: none; margin: 0px;}

.right h1 {width: 260px; border-bottom: none; margin: 0px; }


h2 {
	margin: 0 0 3px 0px;
/* 	margin: 0 0 13px 0px; */
	padding: 0 0 0 0px;
	color: #0d4d8a;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	width: 560px;
	}

h3 {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0px;
	color: #134982;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	}
	

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	color: #f47715;
}

a.arrow {
	background: url(../images/common/icon-arrow-orange.gif) no-repeat 7px 3px;
	padding-left: 15px;
	margin-right: 5px;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline; 
	}


a:hover {
	color: #f5ae78;
}


ul {
	margin: 0 0 0 0px;
	padding: 0px 0 0 0px;
	list-style-type: none;
}		

ul li {
	margin: 0px;
	padding: 1px 0 1px 10px;
	background: url(../images/common/icon-bullet.gif) no-repeat 0px 7px;
}

.grayLine {border: none; height: 1px; background: #c0c0c0; margin: 10px 0px;}

.left .grayLine {width: 554px;}
.page-home .left .grayLine {width: 564px; margin-left: 38px;}

.right .grayLine {width: 250px; margin: 10px 0px 12px 10px;}

.twoUp {float: left; width: 260px; margin: 0 0 0 2px;}
		
img { border: none; }	



.bio {
	float: left;
	width: 555px;
	margin: 0 0 20px 0;
	padding: 5px 5px 5px 5px;
	background: #fff url(../images/common/bio-BG.jpg) no-repeat;
}

.bio .photo {
	float: left;
	margin: 12px 12px 0 12px;
}

.bio .photo img { width: 100px; }

.bio .quote {
	float: left;
	width: 400px;
	padding-top: 10px;
	margin: 8px 10px 0 10px;
	line-height: 16px;
	color: #40464a;
}


.bio .quote p { 
	width: 400px;
	margin: 0 0 8px 0; 
	}

.bio .quote span {
	color: #545454;
}

.bio .quote .name { 
	color: #545454;
	font-size: 15px; 
	font-weight: bold; 
	margin-bottom: 0; 
	}

.bio .quote .title {
	color: #545454;
	font-size: 11px;
	font-style: italic;
	}


.contactRow { 
	clear: both;
	display: block;
	}
	
	.contactRow .column { 
		width: 255px;
		float: left;
		}
		
	.contactRow .blue { 
		margin-left: 10px;
		color: #048;
		font-size: 11px;
		font-weight: bold;
		}
		
	input.inputText { 
		border: 0;
		background: url(/images/common/input.gif) no-repeat;
		display: block;
		padding: 5px 10px;
		width: 228px;
		height: 20px;
		outline: none;
		}

	textarea.inputTextArea { 
		border: 0;
		background: url(/images/common/textarea.gif) no-repeat;
		display: block;
		padding: 10px;
		width: 478px;
		height: 105px;
		outline: none;
		font-family: Arial, Helvetica, sans-serif;
		}
	
	input.submit {
		width: 72px;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
		background: url(/images/common/submit.gif) no-repeat 0 0;
		text-indent: -5000px;
		clear: left;
		padding: 0px;
		margin: 10px 0px 5px -4px;
		margin: expression('5px 0 3px -4px');
		border: none;
		}
	
	input.submit:hover {
		background-position: 0 -30px;
		}

.enlarge { 
	display: block;
	height: 16px;
	padding-left: 16px;
	background: url(/images/common/enlarge.gif) no-repeat 0 2px;
	}

.download { 
	display: block;
	height: 18px;
	padding-left: 20px;
	background: url(/images/common/icon-pdf.gif) no-repeat 0 1px;
	}

.content p { 
	width: 560px;
	margin-bottom: 16px;
	}
	
#midSection div.container div.left div.grayLine.home {
	margin-top: 47px;
}


	
