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

* {
	margin:0px;
	padding:0px;
}

body {
	background-image:url(../images/vivox-page-bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	font-family:Helvetica, Arial, sans-serif;
	background-color:#f1f1f1;
}

.clear {
	clear:both;
	display:block;
}

.red {
	color:#FF0000;
	}
	
.blue {
	color:#264D78;
	}
	
.orange {
	color:#DD6021;
	}
	
.green {
	color:#009000;
	}
	
.orangehighlight {
	background-color:#FFCC66;
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 0px;
	}

	div#container {
		width:948px;
		background-color:#FFF;
		margin:0 auto;
		padding:1px;
		border-right:1px solid #C5C4C4;
		border-bottom:1px solid #C5C4C4;
		border-left:1px solid #C5C4C4;
	}
	
		div#header {
			background-image:url(../images/header-bg.jpg);
			height:107px;
		}
		
			div#header h1 a {
				border:0px;
				float:left;
				margin:13px 0px 0px 28px;
				display:block;
				background-image:url(../images/vivox-logo.jpg);
				width:170px;
				height:72px;
				text-indent:-9999px;
			}
			
			div#header p {
				display:block;
				width:600px;
				text-align:right;
				float:right;
				padding:40px 22px 0px 0px;
				color:#FFFFFF;
				font-size:22px;
				font-weight:bold;
				letter-spacing:-1px;
				text-shadow: 2px 2px 3px #0E2A52;
				}
				
				div#header p span {
					display:block;
					font-weight:normal;
					font-style:italic;
					}
			
		div#nav {
			margin:1px 0px 0px 0px;
		}
		
			ul#navlist-main {
				list-style:none;
				background-position:left top;
				display:block;
				background-image:url(../images/nav-bg-main.jpg);
				background-repeat:repeat-x;
				height:39px;
			}
		
				ul#navlist-main li {
					list-style:none;
					display:inline;
				}
		
					ul#navlist-main li a {
						font-size:13px;
						display:block;
						text-transform:uppercase;
						text-decoration:none;
						float:left;
						padding:12px 20px 0px 20px;
						height:27px;
						color:#808080;
						text-shadow: 2px 2px 3px #CDCDCD;
						margin-right:1px;
					}
		
					ul#navlist-main li.active a, ul#navlist-main a:hover {
						color:#000;
						background-image:url(../images/nav-bg-main.jpg);
						background-repeat:repeat-x;
						background-position:bottom left;
						text-shadow: 2px 2px 3px #808080;
					}
		
			ul#navlist-sub {
				list-style:none;
				background-position:left top;
				display:block;
				background-image:url(../images/nav-bg-sub.jpg);
				background-repeat:repeat-x;
				height:26px;
				width:100%;
			}
		
				ul#navlist-sub li {
					list-style:none;
					display:inline;
				}
		
					ul#navlist-sub li a {
						font-size:12px;
						display:block;
						text-decoration:none;
						float:left;
						padding:6px 20px 0px 20px;
						height:20px;
						color:#FFF;
						text-shadow: 2px 2px 3px #767676;
						margin-right:1px;
					}
		
					ul#navlist-sub li.active a {
						color:#FFF;
						background-image:url(../images/nav-bg-sub.jpg);
						background-repeat:repeat-x;
						background-position:bottom left;
						text-shadow: 2px 2px 3px #5A5A5A;
						font-weight:bold;
						padding:6px 17px 0px 17px;
					}
		
					ul#navlist-sub a:hover {
						color:#FFF;
						background-image:url(../images/nav-bg-sub.jpg);
						background-repeat:repeat-x;
						background-position:bottom left;
						text-shadow: 2px 2px 3px #5A5A5A;
					}
					
			ul#navlist-side {
				list-style:none;
				padding:3px 0px 0px 0px;
				}
				
				ul#navlist-side li {
					list-style:none;
					}
					
					ul#navlist-side li a {
						display:block;
						color:#FFFFFF;
						text-decoration:none;
						font-size:14px;
						background-color:#0D264E;
						margin:0px 3px 3px 3px;
						padding:4px 10px;
						filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
						border-bottom:1px solid #021830;
						border-top:1px solid #3F6596;
						}
					
					ul#navlist-side li a sup {
						font-size:9px;
						}
					
					ul#navlist-side li a:hover {
						filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;
						}
					
					ul#navlist-side li.active a {
						filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;
						font-weight:bold;
						}
				
				ul#navlist-side p {
					display:block;
					color:#FFFFFF;
					margin:0px 3px 3px 3px;
					padding:4px 10px;
					font-size:14px;
					}
				
					ul#navlist-side p a {
						color:#FFFFFF;
						}
					
		div#wrapper {
			background-image:url(../images/main-body-bg.gif);
		}
			
			div#content {
				width:634px;
				float:left;
			}
			
				div#news-slide {
					background-image:url(../images/sample-news.jpg);
					background-repeat:no-repeat;
					background-color:#D7D7D7;
					width:634px;
					height:267px;
				}
				
				div#partners {
					background-image:url(../images/partners-placeholder.jpg);
					height:90px;
					width:632px;
					margin:1px 0px 0px 0px;
				}
				
				div#text {
					padding:18px 18px 8px 18px;
					font-size:12px;
					line-height:18px;
					width:597px;
				}
				
					div#text h1, div#text h2, div#text h3, div#text h4, div#text h5, div#text h6 {
						font-size:18px;
						letter-spacing:-1px;
						font-weight:normal;
						margin:0px 0px 10px 0px;
					}
				
					div#text p {
						margin:0px 0px 10px 0px;
					}
					
					div#text p.benefits {
						margin:0px 30px 10px 30px;
						}
						
					div#text p.phases {
						margin:0px 30px 10px 60px;
						}
				
					div#text ul, div#text ol {
						margin:0px 0px 10px 20px;
						}
						
						div#text ul.faq li {
							margin:0px 0px 10px 0px;
							display:block;
							}
						
					div#text ul#partners {
						margin:0px;
						padding:0px;
						list-style:none;
						}
						
						div#text ul#partners li.partneritem {
							margin:0px;
							padding:0px;
							display:block;
							background-image:url(../images/customers_bg.gif);
							background-repeat:no-repeat;
							background-position:top left;
							min-height:90px;
							list-style:none;
							}
						
						div#text ul#partners li.customeritem {
							margin:0px;
							padding:0px;
							display:block;
							background-image:url(../images/customers_bg.gif);
							background-repeat:no-repeat;
							background-position:top left;
							min-height:90px;
							list-style:none;
							}
						
							div#text ul#partners li.partneritem img.company {
								float:left;
								padding:0px 0px 10px 0px;
								}
						
							div#text ul#partners li.partneritem img.game {
								float:left;
								padding:0px 0px 0px 40px;
								}
						
							div#text ul#partners li.partneritem p.about {
								float:right;
								width:160px;
								display:block;
								clear:right;
								padding:26px 0px 0px 0px;
								line-height:14px;
								}
						
							div#text ul#partners li.partneritem p.quote {
								clear:both;
								width:420px;
								padding:10px 50px 10px 80px;
								}
						
							hr.customer-separate {
								display:block;
								clear:both;
								background-image:url(../images/partners_bottom.gif);
								width:597px;
								height:13px;
								border:0px;
								outline:none;
								background-color:#FFFFFF;
								}
						
						div.recentcoverage p {
							font-size:16px;
							font-weight:bold;
							display:block;
							padding:0px 0px 10px 10px;
							border-bottom:1px dotted #999999;
							}
							
							div.recentcoverage p span.hldate {
								font-size:12px;
								font-weight:normal;
								font-style:italic;
								}
							
							div.recentcoverage p a {
								font-size:12px;
								}
						
						div.pressreleases p {
							display:block;
							padding:0px 0px 10px 10px;
							border-bottom:1px dotted #999999;
							}
							
							div.pressreleases p span.hldate {
								font-size:12px;
								font-weight:normal;
								font-style:italic;
								display:block;
								}
							
							div.pressreleases p a {
								font-size:16px;
								font-weight:bold;
								text-decoration:none;
								}
							
							div.pressreleases p a:hover {
								text-decoration:underline;
								}
						
					div#text ul.awards {
						margin:0px;
						padding:0px;
						list-style:none;
						}
						
						div#text ul.awards li {
							list-style:none;
							display:block;
							background-color:#ECECEC;
							padding:3px;
							margin:3px 0px 0px 0px;
							clear:both;
							height:86px;
							}
						
							div#text ul.awards li img {
								float:left;
								}
						
							div#text ul.awards li span.date {
								display:block;
								font-size:11px;
								padding:0px 0px 0px 10px;
								display:block;
								float:left;
								}
						
							div#text ul.awards li span.title {
								display:block;
								font-size:14px;
								padding:0px 0px 0px 10px;
								width:400px;
								float:left;
								}
								
							div#text ul.awards li span.link {
								display:block;
								float:right;
								width:435px;
								text-align:right;
								padding:0px 5px 0px 0px;
								}
								
					div#text a.pdficon {
						display:block;
						background-image:url(../images/pdficon_large.gif);
						background-repeat:no-repeat;
						background-position:5px 5px;
						padding:14px 0px 4px 46px;
						border:1px dotted #999999;
						color:#000000;
						font-size:16px;
						margin:5px 0px 0px 0px;
						text-decoration:none;
						height:25px;
						}
								
					div#text a.casestudyicon {
						display:block;
						background-repeat:no-repeat;
						background-position:5px 5px;
						padding:12px 12px 12px 14px;
						border:1px dotted #999999;
						color:#000000;
						font-size:16px;
						margin:5px 0px 0px 0px;
						text-decoration:none;
						height:68px;
						}
								
						div#text a.casestudyicon img {
							float:right;
							}
								
					div#text a.casestudyicon:hover {
						background-color:#264D78;
						color:#FFFFFF;
						}
								
					div#text a.pdficon-small {
						display:block;
						background-image:url(../images/pdficon_large.gif);
						background-repeat:no-repeat;
						background-position:5px 5px;
						padding:14px 6px 4px 46px;
						border:1px dotted #999999;
						color:#000000;
						font-size:12px;
						margin:5px 0px 0px 0px;
						text-decoration:none;
						height:25px;
						float:right;
						}
								
					div#text a.pdficon:hover {
						background-color:#1B3C65;
						color:#FFFFFF;
						}
						
					table.reg td {
						padding:3px;
						}
						
					img.img-right {
						float:right;
						margin:0px 0px 15px 15px;
						}
						
					img.img-left {
						float:left;
						margin:0px 15px 15px 0px;
						}
						
			div#sidebar {
				float:right;
			}
			
				a#overlapedge {
					margin:0px -88px 0px 0px;
					display:block;
					background-image:url(../images/headset.png);
					width:344px;
					height:59px;
					padding:208px 0px 0px 55px;
					font-weight:bold;
					font-size:22px;
					letter-spacing:-1px;
					background-repeat:no-repeat;
					color:#FFFFFF;
					text-decoration:none;
					}
					
					a#overlapedge span {
						display:block;
						font-size:12px;
						font-weight:normal;
						padding:5px 0px 0px 0px;
						letter-spacing:0px;
						}				
			
				a#overlapedge-facebook {
					margin:0px -88px 0px 0px;
					display:block;
					background-image:url(../images/sidebar-facebook.png);
					width:399px;
					height:267px;
					background-repeat:no-repeat;
					text-indent:-9999px;
					}
			
				div#sidebar-top {
					background-image:url(../images/voon-bg.jpg);
					width:312px;
					min-height:237px;
					background-repeat:no-repeat;
				}
			
				div#sidebar-stripe {
					background-image:url(../images/orange-bar.gif);
					height:30px;
					width:312px;
				}
				
				div#sidebar-news {
					background-image:url(../images/sidebar-bg.jpg);
					background-repeat:repeat-x;
					border-top:1px solid #FFF;
					width:312px;
				}
				
					ul#newslist {
						list-style:none;
						width:300px;
						margin:0px 0px 0px 6px;
					}
				
						ul#newslist li {
							list-style:none;
							display:inline;
						}
				
							ul#newslist li a {
								display:block;
								margin:4px 0px 0px 0px;
								color:#747474;
								text-decoration:none;
								font-size:12px;
								background-image:url(../images/sidebar-news-bg.jpg);
								padding:8px;
								min-height:55px;
							}
				
							ul#newslist li.item2 a {
								background-position:0px -60px;
							}
				
							ul#newslist li.item3 a {
								background-position:0px -120px;
							}
				
							ul#newslist li.item4 a {
								background-position:0px -180px;
							}
				
								ul#newslist li a img {
									border:0px;
									float:left;
								}
				
								ul#newslist li a span.newslink {
									display:block;
									float:right;
									width:190px;
								}
				
								ul#newslist li a:hover span.newslink {
									color:#000;
								}
								
					div#sidebar-text {
						background-image:url(../images/sidebar-news-bg.jpg);
						background-repeat:repeat-x;
						width:260px;
						margin:0px 0px 0px 6px;
						padding:20px;
						font-size:12px;
						line-height:18px;
						background-color:#E3E3E3;
					}
								
						div#sidebar-text p {
							margin:0px 0px 10px 0px;
						}
								
		div#footer {
			background-image:url(../images/footer-border.gif);
			background-repeat:no-repeat;
			background-position:top left;
		}
		
			a.footer-logo img {
				border:0px;
				float:left;
				padding:17px 0px 9px 29px;
			}
			
			p.footer-nav {
				font-size:10px;
				display:block;
				float:left;
				padding:45px 0px 0px 20px;
			}
			
				p.footer-nav a {
					display:block;
					float:left;
					color:#a2a2a2;
					text-transform:uppercase;		
					text-decoration:none;
					font-style:italic;
					padding:0px 4px 0px 4px;
				}
			
				p.footer-nav a:hover {
					color:#000;
				}
				
			p.copyright {
				float:right;
				display:block;
				color:#a2a2a2;
				text-transform:uppercase;
				font-size:10px;
				padding:45px 15px 0px 0px;
				font-style:italic;
			}
			
	div#drop-shadow {
		background-image:url(../images/drop-shadow.gif);
		width:950px;
		height:34px;
		margin:0 auto;
	}			
	
	
	
	/*
	Featured Content Slider
	Original by: Chris Coyier
*/


/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
a											{ outline: none;}
a img										{ outline: none;border:0px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 634px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.panel .wrapper a span						{background-color:#CBCBCB; display:block; font-size:11px;padding:9px 0px 0px 8px;height:20px;color:#000; text-decoration:none; border:0px;}
.panel .wrapper a							{text-decoration:none;}
.stripViewer								{ position: relative; overflow: hidden; width: 634px; height: 266px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 634px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
#movers-row									{ margin: -24px 0 0 528px; height:24px;}
#movers-row div								{ float: left; width:16px; height:19px; background-color:#FFF; z-index: 9000; position:relative;}
#movers-row div a.cross-link 				{ float: right; }
.cross-link									{ display: block; width: 16px; height:19px; 
											  position: relative; padding: z-index: 9999; text-decoration:none; color:#000;text-align:center;}
a.cross-link:hover 	 								{ background-color:#AAAAAA; }
.active-thumb 								{ background-color:#AAAAAA; }


div.event {
	display:block;
	background-color:#F2F2F2;
	margin:10px 0px 0px 0px;
	padding:10px;
	}
	
	div.event h3 {
		display:block;
		position:relative;
		z-index:900;
		padding:10px;
		background-color:#E37620;
		color:#FFFFFF;
		}

div.labsitem {
	padding:5px 5px 0px 5px;
	background-color:#F5F5F5;
	margin:10px 0px 0px 0px;
	}
	
div#content div#text ul#services {
	list-style:none;
	margin:0px;
	padding:5px 5px 3px 5px;
	border:1px dotted #CCCCCC;
	}
	
	div#content div#text ul#services li {
		list-style:none;
		}
	
		div#content div#text ul#services li a {
			display:block;
			background-image:url(../images/nav-bg-main.jpg);
			line-height:25px;
			padding:0px 10px;
			border:1px solid #CCCCCC;
			color:#000000;
			margin:0px 0px 2px 0px;
			text-decoration:none;
			}
	
		div#content div#text ul#services li a:hover {
			background-position:0px 38px;
			}
				
div#maintenance-header {
	background-image:url(../images/downtown-bg.jpg);
	height:102px;
	background-position:top center;
	}
	
	div#maintenance-header-inner {
		width:900px;
		margin:0 auto;
		padding:0px 25px 0px 25px;
		font-size:12px;
		line-height:18px;
		color:#939292;
		}
	
		div#maintenance-header-inner p {
			width:480px;
			float:left;
			clear:left;
			text-align:left;
			}
		
		p#maintenance-headline {
			font-size:16px;
			font-weight:bold;
			color:#dddddd;
			margin:15px 0px 0px 0px;
			}
		
		p#maintenance-highlight {
			color:#dddddd;
			}