/*

	Vocantas main stylesheet

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #dcdbdb url('../images/wrapper/body-bg.gif') 0 0 repeat-x;
	font-family: 'trebuchet ms', arial, verdana, sans-serif;
	font-size: 12px;
}

table tr td {
	font-size: 12px;
	vertical-align: top;
}

.clearit:after { 
    content: ""; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

.clearit { 
    min-height: 0; 
    height: 0; 
}

html>body .clearit { 
    height: auto; 
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Branding
--------------------------------------------------------------------------------------------------- */
#branding  {
	background: url('../images/wrapper/branding-bg.jpg') 0 0 no-repeat;
	width: 1006px; 
	min-height: 125px;
	height: auto !important;
	height: 125px;	
	margin: 30px auto 0 auto;
}

#branding #logo {
	display: block;
	float: left;
	width: 211px;
	height: 72px;
	padding: 37px 0 0 41px;
}

#branding #wordmark {
	float: right;
	color: #ffffff;
	font-size: 36px;
	font-weight: normal;
	padding: 52px 41px 0 0;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */
#home-wrapper-btm {
	background: url('../images/wrapper/home-wrapper-border-btm.jpg') 0 100% no-repeat;
	width: 1006px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#home-wrapper {
	background: url('../images/wrapper/home-wrapper-bg.jpg') 0 0 repeat-y;
	width: 1006px;
	margin: 0 auto;
}

#intro #flash-content {
	float: left;
}

#intro #flash-content img {
	display: block;
}

#intro #callout-btns {
	background: url('../images/wrapper/home-callouts-bg.jpg') 0 0 repeat-y;
	float: left;
	height: 284px;
	width: 276px;
	padding: 13px 0 0 14px;
}

#intro #callout-btns div {
	background: url(/images/homepage/audio_demo.jpg) no-repeat top left;
	width: 265px;
	height: 89px;
	margin-bottom: 4px;
	cursor: pointer;
}
#intro #callout-btns div.callout-one {background-image: url(/images/homepage/audio_demo.jpg); }
#intro #callout-btns div.callout-one:hover {background-image: url(/images/homepage/audio_demo_hover.jpg); }
#intro #callout-btns div.callout-two {background-image: url(/images/homepage/news.jpg); }
#intro #callout-btns div.callout-two:hover {background-image: url(/images/homepage/news_hover.jpg); }
#intro #callout-btns div.callout-three {background-image: url(/images/homepage/ivr_solutions.jpg); }
#intro #callout-btns div.callout-three:hover {background-image: url(/images/homepage/ivr_solutions_hover.jpg); }

/* Three column feature */
#three-col-feature {
	float: left;
	clear: both;
}

#three-col-feature a.read-more-link {
	font-size: 12px;
	color: #0b5e84;
	font-weight: bold;
}

#three-col-feature a.read-more-link:hover {
	color: #333333;
}

#three-col-feature li.left {
	float: left;
	width: 346px;
	padding: 14px 26px 0 26px;
}

#three-col-feature li.left h3 {
	color: #0b5e84;
	font-size: 22px;
	margin-bottom: 15px;
}

#three-col-feature li.left p {
	color: #666666;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

#three-col-feature li.middle {
	float: left;
	width: 260px;
	padding: 12px 15px 0 15px;
}

#three-col-feature li.middle p {
	color: #666666;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 16px;
}

#three-col-feature li.middle .message {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

#three-col-feature li.right {
	float: left;
	width: 256px;
	padding: 12px 17px 0 17px;
}

#three-col-feature li.right p {
	line-height: 16px;
}

#three-col-feature li.right ul li {
	padding-bottom: 16px;
}

#three-col-feature li.middle h3, #three-col-feature li.right h3 {
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper-btm {
	background: url('../images/wrapper/wrapper-border-btm.jpg') 0 100% no-repeat;
	width: 1006px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#wrapper {
	background: url('../images/wrapper/wrapper-bg.jpg') 0 0 repeat-y;
	width: 1006px;
	margin: 0 auto;
}

#wrapper-inner {
	background: url('../images/wrapper/wrapper-border-top.jpg') 0 0 no-repeat;
	width: 980px;
	margin: 0 auto;
}

#left-nav {
	float: left;
	width: 206px;
	padding-top: 60px;
}

#main-content {
	float: left;
	width: 578px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#sub-content {
	background: url('../images/wrapper/sub-content-bg.jpg') 0 0 no-repeat;
	float: right;
	width: 184px;
	padding: 75px 0 0 9px;
}

#main-content-full {
	float: left;
	width: 710px;
	padding: 22px 0 30px 0;
}

#main-content #text-content, #main-content #text-content {
	padding: 0 20px 20px 10px;
	color: #333333;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	font-size: 11px;
	color: #666666;
	padding: 30px 0 15px 10px;
}

#breadcrumb a {
	font-size: 11px;
	color: #666666;
}

#breadcrumb a:hover {
	color: #333333;
}

/* =Sidebar / Suc content
--------------------------------------------------------------------------------------------------- */
#sub-content .sub-content-block {
	background: url('../images/wrapper/sub-content-block-bg.jpg') 0 0 repeat-y;
	width: 183px;
	font-size:11px;
}

#sub-content .sub-content-block .sub-content-block-items {
	background: url('../images/wrapper/sub-content-block-top.jpg') 0 0 no-repeat;
	min-height: 35px;
	height: auto !important;
	height: 35px;
	padding: 6px 10px 0 16px;
}

#sub-content .sub-content-block .sub-content-block-btm {
	background: url('../images/wrapper/sub-content-block-btm.jpg') 0 0 no-repeat;
    height: 9px;
	font-size: 1px; /* IE6 */
}

#sub-content .quote-block .sub-content-block-items p{
	padding:0 3px 10px 5px;
}

#sub-content .quote-block h3 {
	font-size: 12px;
	color: #666666;
	margin: 5px 0 0 0;
	text-transform:none;
	padding:5px 10px 5px 5px;
}

#sub-content .quote-block {
	margin-top: 20px;
}

#sub-content .quote {
	color: #000000;
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	padding: 12px 10px 10px 3px !important;
}

#sub-content .quoter {
	color: #000000;
	font-size: 10px;
	line-height: 12px;
	padding: 0 0 10px 3px;
}

/* Icons */
#sub-content .sub-content-block a.demo {
	background: url('../images/wrapper/sub-icon-demo.gif') 0 50% no-repeat;
	display: block;
	font-size: 11px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	line-height: 14px;
	padding: 12px 0 0 44px;
}

#sub-content .sub-content-block a.pdf {
	background: url('../images/wrapper/sub-icon-pdf.gif') 0 50% no-repeat;
	display: block;
	font-size: 11px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	line-height: 14px;
	padding: 12px 0 0 44px;
}

#sub-content .sub-content-block a.pdf span {
	display: inline;
	color: #000000;
}

#sub-content .sub-content-block a.news {
	background: url('../images/wrapper/sub-icon-news.gif') 0 50% no-repeat;
	display: block;
	font-size: 11px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	line-height: 14px;
	padding: 12px 0 0 44px;
}

#sub-content a.question {
	background: url('../images/wrapper/sub-icon-question.gif') 0 50% no-repeat;
	display: block;
	font-size: 11px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	line-height: 14px;
	padding: 12px 0 0 44px;
}

/* =Left navigation
--------------------------------------------------------------------------------------------------- */
#left-nav ul {
	padding-left: 9px;
}

#left-nav ul li {
	background: url('../images/wrapper/left-menu-bg.jpg') 0 0 no-repeat;
	min-height: 32px;
	height: auto !important;
	height: 32px;
}

#left-nav ul li a {
	color: #000000;
	text-decoration: none;
	display: block;
	line-height: 18px;
	padding: 8px 0 0 18px;
}

#left-nav ul li a:hover,
#left-nav ul li a.on,
#left-nav ul li a.on:hover {
	color: #0b5e84
}

#left-nav ul li.sub {
	background: url('../images/wrapper/left-menu-sub.jpg') 0 0 no-repeat;
	min-height: 40px;
	height: auto !important;
	height: 40px;
}

#left-nav ul li.sub a {
	padding-top: 11px;
}

#left-nav ul li.first {
	background: url('../images/wrapper/left-menu-first.jpg') 0 0 no-repeat;
	min-height: 40px;
	height: auto !important;
	height: 40px;
}

#left-nav ul li.first a {
	padding-top: 16px;
}

#left-nav ul li.last {
	background: url('../images/wrapper/left-menu-last.jpg') 0 0 no-repeat;
	min-height: 40px;
	height: auto !important;
	height: 40px;
}

#left-nav ul li.last a {
	padding-top: 7px;	
}

#left-nav ul li#sub-nav {
	background: none;
	padding: 2px 0 2px 16px;
}

#left-nav ul li#sub-nav ul li {
	display: inline;
	background: none;
}

#left-nav ul li#sub-nav ul li a {
	background: url('../images/wrapper/sub-nav-item-bullet.gif') 0 7px no-repeat;
	display: block;
	color: #666666;
	text-decoration: underline;
	padding: 0 0 0 10px;
}

#left-nav ul li#sub-nav ul li a:hover,
#left-nav ul li#sub-nav ul li a.on,
#left-nav ul li#sub-nav ul li a.on:hover {
	color: #0b5e84
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	width: 980px;
	color: #666666;
	font-size: 11px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#footer ul {
	float: left;
	margin: 0;
}

#footer ul li {
	float: left;
	margin: 0;
}

#footer ul li a, #footer p a {
	color: #666666;
}

#footer ul li a:hover, #footer p a:hover {
	color: #0b5e84;
}

#footer #footer-nav {
	padding-left: 245px;
}	

#footer #contact-info {
	float: right;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:focus {
	outline: none;
	color: #0b5e84;
}

a:hover {
	outline: none;
	color: #333333;
}

/* =lists
--------------------------------------------------------------------------------------------------- */
#main-content #text-content ul {
 	list-style: none; 
	margin: -8px 0 16px 12px;
}

#main-content #text-content ul li {
 	background: url('../images/wrapper/list-bullet.gif') 0 7px no-repeat;
	line-height: 18px;
	padding: 0 0 0 10px;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#main-content #text-content p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 16px 0;
}

#main-content #text-content h1 {
	color: #005695;
	font-size: 22px;
	margin: 16px 0 12px 0;
}

#main-content #text-content h2 {
	font-size: 16px;
	color: #666666;
	margin: 0 0 8px 0;
}

#main-content #text-content h3 {
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
}

#sub-content h3 {
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 3px 9px;
}

a.learnMore{
	margin-right:20px;
}

#newsTable tr td, #eventsTable tr td{
	padding:10px;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
#search-form {
	position: absolute;
	top: 2px;
	right: 15px;
	z-index: 999;
}

#search-form ul {
	float: left;
}

#search-form form label {
	float: left;
	display: block;
	color: #0b5e84;
	font-size: 14px;
	text-transform: uppercase;
	padding: 3px 5px 0 0;
}

#search-form ul li {
	float: left;
}

#search-form ul li.search-btn {
	padding: 3px 0 0 4px;
}

#search-form form .search-field {
	background: #ffffff;
	height: 17px;
	width: 187px;
	padding: 1px 0 0 3px;
	border: 1px solid #cbcbcb;
}

/* =Main nav CSS Menus (Core styles - Do not modify)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:10;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:24px;}
#qm0 ul li:hover > ul {top:0px;left:99%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
#main-nav {
	background: #d6d6d6 url('../images/wrapper/main-nav-bg.jpg') 0 0 repeat-x;
	width: 980px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	clear: both;
	margin-left: -1px;
	border-left: 1px solid #b3b2b2;
	border-right: 1px solid #b3b2b2;
	position: relative;
}	

#main-nav a {
	color: #0b5e84;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

#main-nav a:hover {
	color: #000000;
}

/* (MAIN) Container */	
#qm0 {	
	padding: 0;
	margin: 0;
}
#qm0 li {
	padding: 6px 0px;
}
#qm0 li ul li {
	padding: 0px;
}
/* (MAIN) Items */	
#qm0 a {	
	color: #0b5e84;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}	

#qm0 a span {
	background: url('../images/wrapper/main-nav-item-divider.gif') 100% 50% no-repeat;
	display: block;
	padding: 0 35px 0 35px;
}

#qm0 a span.first {	
	padding-left: 28px !important;
}

/* (MAIN) Parent Items */	
#qm0 .qmparent {	
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	color: #000;
}

/* (SUB) Container */
#qm0 div, #qm0 ul {	
	background: #f5f7f8;
	color: #000;
	border: 1px solid #bfbfbf;
	margin: 3px 0 0 0;
	min-width: 160px;
	width: auto !important;
	width: 160px;
}
 
/* (SUB) Items */	
#qm0 div a, #qm0 ul a, #qm0 li ul li.open ul li a {	
	background: none;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}
/* (SUB) Hover State */	
#qm0 li ul li a:hover, #qm0 li ul li ul li a:hover, #qm0 li ul li.open a {	
	background: #096688;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #CCC;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #096688;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #cccccc;
}

#qm0 div a.last {
	border-bottom: 0 !important;
}
p.thumbnail {
	float:left;
	padding:1em;
}