/* CSS Document */
body 						{ margin: 0; padding: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #a6a6a6; background-image: url(/assets/images/body-bg.jpg); background-repeat: repeat-x; }

/* Headers */
h1 							{ color: #3082B2; font-size: 28px; font-weight: normal; margin: 0 0 20px 0; }
h2  						{ color: #6D6D6D; font-size: 26px; font-weight: normal; }
h3							{ color: #353535; font-size: 20px; font-weight: normal; margin: 20px 0 20px 0; }
h4							{ color: #183581; font-size: 16px; font-weight: normal; margin: 0 0 10px 0; }
h5							{ color: #183581; font-size: 14px; } 

/* Linkage */
a:link 						{}
a:visited 					{}
a:hover						{}
a:focus						{}
a:active					{}

/* Misc. */
img							{ border: 0; }
acronym 					{ cursor: help; }

p.left-ads					{ margin: 0; padding: 0; text-align: center; }

.rollover-shadow			{ width: 438px; height: 39px; margin: 0; background-image: url(/assets/images/rollovers/rollover-shadow.jpg); background-repeat: no-repeat; float: right; }
::-moz-selection			{ background: #e4e4e4; color: #000; }
::selection					{ background: #e4e4e4; color: #000; }

.team-member				{ width: 375px; height: 180px; padding: 10px 0 0 0; border-top: solid #878787 1px; }
.team-member-notop			{ width: 375px; height: 170px; }

/*sub slideshow */
#imageContainer 			{ position:relative; margin: 0; width:220px; text-align: center; height: 137px; }
#imageContainer img 		{ display: none; position: absolute; top: 0; left: 0; border: 0; }
#wraphome 					{ display: none; }

/* Main Styles */
#container					{ text-align: left; margin: 10px auto; width: 800px; padding: 5px 5px 0 5px; background-color: #fff; border: solid #000 1px; }
#logo						{ margin: 0; padding: 0; width: 500px; height: 80px; }
#logo a:link				{ display: block; width: 500px; overflow: hidden; }
#logo a:visited				{ display: block; width: 500px; overflow: hidden; }
#logo a:hover				{ display: block; text-indent: -500px; }
#logo a:focus				{ display: block; text-indent: -500px; }
#logo a:active				{ display: block; width: 500px; overflow: hidden; }

#tri-and-ph					{ width: 122px; float: right; height: 55px; background-image: url(/assets/images/tri-and-ph-bg.jpg); padding: 5px 0 0 18px; background-repeat: no-repeat; margin: 12px 0 0 0; }

a#phone-number:link			{ color: #fff; font-size: 14px; }
a#phone-number:visited		{ color: #fff; font-size: 14px; }
a#phone-number:hover		{ color: #afafaf; font-size: 14px; }
a#phone-number:focus		{ color: #afafaf; font-size: 14px; }
a#phone-number:active		{ color: #afafaf; font-size: 14px; }

.top-triangles				{ width: 92px; height: 20px; margin: 4px 0 0 6px; }

.top-triangles a:link		{ display: block; width: 23px; overflow: hidden; }
.top-triangles a:visited	{ display: block; width: 23px; overflow: hidden; }
.top-triangles a:hover		{ display: block; text-indent: -23px; }
.top-triangles a:focus		{ display: block; text-indent: -23px; }
.top-triangles a:active		{ display: block; width: 23px; overflow: hidden; }

.top-triangles ul			{ margin: 0; padding: 0; }
.top-triangles li			{ display: block; overflow: hidden; float: left; list-style-type: none; }

#main						{ padding: 0 0 10px 0; }
#main p						{ line-height: 190%; font-size: 12px; }

#main a:link				{ color: #005896; text-decoration: none; border-bottom: solid #72c5ff 1px; }
#main a:visited				{ color: #005896; text-decoration: none; border-bottom: solid #72c5ff 1px; }
#main a:hover				{ color: #005896; text-decoration: none; border-bottom: solid #005896 1px; }
#main a:focus				{ color: #005896; text-decoration: none; border-bottom: solid #005896 1px; }
#main a:active				{ color: #005896; text-decoration: none; border-bottom: solid #005896 1px; }

.home-content				{ color: #525252; }

.latest-news				{ width: 340px; margin: 0 0 60px 0; padding: 20px 0 0 0; background-image: url(/assets/images/welcome-shadow.jpg); background-repeat: no-repeat; }
.latest-news p				{ color: #3082B2; }

#manuf-about				{ width: 430px; margin: 0 0 0 15px; }
#manuf-logo					{ width: 300px; float: right; margin: 60px 0 0 0; }

ul.manufacturers			{ margin: 0; padding: 0; height: 570px; }
ul.manufacturers li			{ width: 300px; height: 200px; display: block; margin: 0 0 20px 40px; padding: 0; float: left; list-style-type: none; }
li.short-manuf				{ height: 100px !important; }
#manuf-list					{ padding: 0 0 0 20px; }

/* Navigation */
#nav						{ width: 800px; height: 30px; margin: 10px 0 40px 0; background-image: url(/assets/images/nav-bg.jpg); background-repeat: no-repeat; }

#nav a:link					{ color: #515151; text-decoration: none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#nav a:visited				{ color: #515151; text-decoration: none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#nav a:hover				{ color: #000; text-decoration: none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  }
#nav a:focus				{ color: #000; text-decoration: none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  }
#nav a:active				{ color: #000; text-decoration: none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  }

#nav ul						{ margin: 0; padding: 0; }
#nav li						{ list-style-type: none; float: left; margin: 5px 0 0 50px; }
li#home						{ margin: 5px 0 0 16px; }
html>body li#home			{ margin: 5px 0 0 30px; }

/* left and right columns */
#right						{ width: 255px; float: right; padding: 0 25px 20px 20px; background-color:#F0F9FB; border: solid #2E82CF 1px; }
html>body #right			{ width: 255px; float: right; padding: 0 25px 20px 20px; background-color:#F0F9FB; border: solid #2E82CF 1px; }

ul.about li					{ font-size: 12px; list-style-type: circle; margin: 0 0 20px 0; }

#left						{ width: 380px; margin: 0 0 0 30px; }
#left p						{ color: #252525; }

#left ul					{ color: #2268B5; font-size: 11px; margin: 0; padding: 0; height: 75px; }
html>body #left ul			{ color: #2268B5; font-size: 11px; margin: 0; padding: 0; height: 86px; }
#left li					{ list-style-image: url(/assets/images/arrow2.gif); margin: 20px 0 0 20px; padding: 0 0 2px 0; width: 275px; }
html>body #left li			{ list-style-image: url(/assets/images/arrow2.gif); float: left; margin: 0 0 20px 20px; padding: 0; }

#main-left					{ width: 340px; margin: 20px 10px 0 0; }

#main-right					{ width: 420px; float: right; background-image: url(/assets/images/rollovers/rollover-default.jpg); background-position: top; background-repeat: no-repeat; border-left: solid #D7D7D7 1px; border-right: solid #D7D7D7 1px; border-bottom: solid #D7D7D7 1px; padding: 7px 6px 6px 6px; margin: 8px 0 0 0; }
#main-right p				{ line-height: 150%; margin: 0; font-size: 11px; }
#main-right h5				{ margin: 0 0 5px 0; }

#tellafriend-box			{ width: 252px; height: 152px; float: right; }

/* Rollover Awesomeness on Home Page */
.right-rollovers			{ width: 420px; margin: 0; }

.right-rollovers ul			{ width: 420px; height: 90px; margin: 0; padding: 0; position: relative; }
.right-rollovers li			{ margin: 5px 0 0 0; float: left; width: 90px; height: 90px; list-style-type: none; }

#rollover-voice				{ background-image: url(/assets/images/rollovers/rollover-voice.jpg); margin: 5px 0 0 30px; }
html>body #rollover-voice	{ background-image: url(/assets/images/rollovers/rollover-voice.jpg); margin: 5px 0 0 60px; }
#rollover-data				{ background-image: url(/assets/images/rollovers/rollover-data.jpg); }
#rollover-video				{ background-image: url(/assets/images/rollovers/rollover-video.jpg); }
#rollover-audio				{ background-image: url(/assets/images/rollovers/rollover-audio.jpg); }

.right-rollovers a					{ display: block; height: 90px; }

.right-rollovers a img				{ position: absolute; top: -272px; left: 0; width: 0; border:0; }
html>body .right-rollovers a img	{ position: absolute; top: -281px; left: 0; width: 0; border:0; }

.right-rollovers * html a:hover 	{ display: block; height: 90px; }

.right-rollovers a:hover img 		{ width: 420px; margin: 0 5px 0 0; }
.right-rollovers a:active img,
.right-rollovers a:focus img 		{ z-index: 1; width: 420px; }

.rollover-text				{ width: 407px; background-color: #F5F5F5; padding: 5px 5px 10px 8px; font-size: 10px; margin: 171px 0 0 0; }

/* Sub Main (you know, the three boxes on the bottom part of Home Page */
#sub-main					{ width: 800px; color: #4A526F; font-size: 11px; background-image: url(/assets/images/unused/wide-shadow.jpg); background-repeat: no-repeat; }
#sub-main h2				{ color: #6D6D6D; font-size: 28px; font-weight: normal; margin: 30px 0 0 0; }
#sub-main p					{ line-height: 200%; }

.left-of-3					{ width: 220px; float: left; margin: 0 0 15px 10px; }
html>body .left-of-3		{ width: 220px; float: left; margin: 0 0 15px 20px; }
.middle-of-3				{ width: 220px; float: left; margin: 0 0 15px 50px; }
.right-of-3					{ width: 220px; float: left; margin: 0 0 15px 50px; }

#certifications				{ width: 800px; padding: 20px 0 0 0; height: 220px; background-image: url(/assets/images/wide-shadow.jpg); background-repeat: no-repeat; margin: 20px 0 0 0; }

/* Text Styles */
a.no-hov					{ text-decoration: none !important; background-color: transparent !important; border: 0 !important; }

ul.other-supported-voice	{ margin: 20px 0 0 0 !important; padding: 0 !important; height: 260px !important; }
ul.other-supported-voice li	{ list-style-type: none !important; list-style-image: none !important; float: left !important; display: block !important; width: 130px !important; height: 130px !important; }

ul#vodavi-certifications	{ margin: 0; padding: 0; height: 85px; }
ul#vodavi-certifications li	{ list-style-type: none; float: left; width: 85px; height: 82px; display: block; margin: 0; }

/* Footer */
#footer						{ width: 800px; height: 30px; padding: 25px 0 0 0; background-image: url(/assets/images/footer-bg.jpg); background-repeat: no-repeat; }
#footer p					{ margin: 0; font-weight: bold; font-size: 10px; color: #525252; }

#footer a:link				{ color: #525252; text-decoration: none; font-size: 10px; }
#footer a:visited			{ color: #525252; text-decoration: none; font-size: 10px }
#footer a:hover				{ color: #525252; text-decoration: underline; font-size: 10px }
#footer a:focus				{ color: #525252; text-decoration: underline; font-size: 10px }
#footer a:active			{ color: #525252; text-decoration: underline; font-size: 10px }

.footer-left				{ width: 540px; }
.footer-right				{ float: right; width: 225px; }

/* Form Styles */
#form1 						{ width: 340px; display: block; background-image: url(/assets/images/form-bg.jpg); background-repeat: no-repeat; height: 330px; padding: 25px 0 0 10px; }
#form1 label 				{ float: left; width: 100px; display: block; margin: 2px 0 0 0; font-size: 26px; padding: 0 0 0 10px; }
#form1 span  				{ float: right; width: 55%; display: block; margin: 8px 0 0 0; padding: 0; }
.level 						{ display: block; width: 100%; height: 35px; padding: 0 0 2px 0; }
.level2 					{ display: block; width: 100%; height: 35px; padding: 0 0 2px 0; }
.fieldbox 					{ background-image: url(/assets/images/box-form.jpg); font-size: 16px; font-weight: bold; width: 90%; margin: 0; padding: 0; background-repeat: repeat-x; border: solid #B1B1B1 1px; }
.comments					{ background-image: url(/assets/images/box-form.jpg); font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 307px; margin: 0 0 0 10px; padding: 0; background-repeat: repeat-x; border: solid #B1B1B1 1px; }
.error						{}