/* ---------------breadcrumb style-------------- */

#breadcrumb{
font-family: "Trebuchet MS", Arial, Sans-serif;
background: url("/chrome/breadcrumbbkg.jpg") repeat-x;
font-size: 11px;
color: blue;
height: 30px;
float: left;
clear: all;
}

#breadcrumb p{
margin: 6px 15px 11px 14px;
}

#breadcrumb a:hover{
color: gray;
}

#breadcrumb a:visited{
color: purple;
}

#breadcrumb a:visited:hover{
color: gray;
}

/* ---------------CONTAINER style-------------- */

#container600{
width: 100%;
height: 650px;
background: white;
}

#container700{
width: 100%;
height: 700px;
background: white;
}

#container670{
width: 100%;
margin-left: auto;
margin-right: auto;
height: 610px;
background: white;
}

#container800{
width: 100%;
margin-left: auto;
margin-right: auto;
height: 800px;
background: white;
}

/* ---------------column style-------------- */

#lefttwo{
width: 320px;
height: 172px;
margin: 15px 10px 10px 10px;
float: left;
background: url("../chrome/ivr-bkg.jpg") no-repeat;
clear: left;
}

#ivrtext{
width: 280px;
height:300px;
margin: -20px 8px 10px 18px;
float: left;
line-height: 100%;
}

#ivrtext p{
font-size: 11px;
margin-top: 0px;
font-family: Verdana, Arial, Sans-serif;
}

#ivrtext h5{
margin-bottom: 15px;
}


#leftthird{
width: 641px;
height: 260px;
margin:5px 10px 0px 5px;
float: left;
clear: left;
}



#mid2{
width: 350px;
height: 260px;
margin: 0px 0px 0px 10px;
float:left;
}

#mid3{
width: 320px;
height: 600px;
margin: 15px 10px 10px 0px;
float: left;
background: url("../chrome/multilingual-bkg.jpg") no-repeat;
}




#mid2 h1{
line-height: 98%;
font-size: 21px;
}

#mid2 h4{
font-size: 14px;
margin: -12px 0px 10px 0px;
line-height: 90%;
color: #000066;
}

#mid2 hr{
float: left;
margin-bottom: 8px;
}

#right3{
width: 320px;
margin: 0px 5px 0px 20px;
float: left;
}

#multilingualright{
width: 325px;
margin: 0px 25px 0px 0px;
float: left;
font-size: 12px;
line-height: 125%;
}

#multilingualright h1{
margin: 23px 0px -5px 0px;
}

/* ---------------TABLES style-------------- */

table{
width: 250px;
font-size: 11px;
border: 1px solid gray;

}

tr.blue{
background: #DFE7FF;
width: 250px;
padding-left: 20px;
border: collapse;

}

td{
padding-left: 20px;
}


#right4{
width: 320px;
height: 600px;
float: left;
margin: 15px 0px 10px 0px;
background: url("../chrome/voiceover-bkg.jpg") no-repeat;
}


#right3 h4{
font-size: 14px;
margin: 9px 0px 0px 0px;
line-height: 90%;
color: #000066;
}

#right3 h2{
font-size: 18px;
margin: 20px 0px 10px 0px;
}

#right3 p{
font-size: 11px;
font-family: Verdana, Arial, Sans-serif;
}

#lowerleft{
width: 320px;
margin: -22px 0px 0px 20px;
float: left;
clear: left;
}

#voiceoverlowerleft{
width: 295px;
height: 150px;
margin: 10px 0px 0px 10px;
float: left;
clear: left;
}

#voiceoverlowerleft h3{
margin: 0px 0px 0px 20px;
}


#ivrlowerleft{
width: 295px;
margin: -30px 0px 0px 10px;
float: left;
clear: left;
}

#ivrlowerleft h3{
margin: 0px 0px 4px 20px;
color: black;
line-height: 14px;
}

#ivrlowerleft p{
color: black;
font-size: 11px;
margin: 2px 0px 0px 20px;
font-family: Verdana, Arial, Sans-serif;
line-height: 128%;
}

#voiceoverlowerleft p{
color: black;
font-size: 11px;
margin: 2px 0px 0px 20px;
font-family: Verdana, Arial, Sans-serif;
line-height: 122%;
}

#lowerleft h4{
margin-bottom: 0px;
}

#lowerleft p{
color: black;
font-size: 11px;
margin-top: 2px;
font-family: Verdana, Arial, Sans-serif;
line-height: 122%;
}


p.question{
font-size: 70%;
margin-top: -5px;
}

p.mid{
font-family: Verdana, Arial, Sans-serif;
font-size: 11px;
}

#lowerleft h2{
font-size: 15px;
line-height: 80%;
margin-top: -60px;
margin-bottom: 8px;
}

#otherlinks{
width: 800px;
float: left;
clear: left;
margin: 50px 0px 0px 100px;
}

#ivrotherlinks{
width: 600px;
float: left;
clear: right;
margin: 10px 0px 0px 80px;
}

#voiceoverplayer{
width: 260px;
float: left;
margin: 0 0 0 25px;
}


/* ---------------QA box style-------------- */

#qabox{
width:620px;
margin: -20px 22px 10px 0px;
background: url("../chrome/ivrautoattendant-qabox.gif") no-repeat;
float: right;
border-bottom: 1px solid #CCCCCC;
}

#voiceoverqabox{
width:601px;
margin: -30px 22px 10px 20px;
background: url("../chrome/voiceover-qabox.gif") no-repeat;
float: right;
border-bottom: 1px solid #CCCCCC;
}

#boxinset{
width: 580px;
margin: 35px 10px 10px 10px;
}

span.blue {color: #000066}
span.Q {font-family: Arial, Sans-serif; font-size: 120%; font-weight:bold}
span.A {font-family: Arial, Sans-serif; font-size: 120%; font-weight:bold; color: #000066;}

span.multi {font-size: 18px; margin-top: 10px; line-height: 80%;}




/* ---------------Buttons style-------------- */

a.ppflash{
  margin: 5px;
  display: block;
  width: 250px;
  height: 65px;
  background: #FFF url("../chrome/powerpointflashbutton.jpg") no-repeat 0 0;
  color: white;
  float: left;
 }


a.ppflash:hover{

  background-position: 0 -65px;
}

a.web{
  margin: 5px;
  display: block;
  width: 250px;
  height: 65px;
  background: #FFF url("../chrome/webvoicebutton.jpg") no-repeat 0 0;
  color: white;
  float: left;
   }


a.web:hover{

  background-position: 0 -65px;
}

a.spanish{
  margin: 5px;
  display: block;
  width: 250px;
  height: 65px;
  background: #FFF url("../chrome/spanishbutton.jpg") no-repeat 0 0;
  color: white;
  float: left;
 }


a.spanish:hover{

  background-position: 0 -65px;
}

.headline{
margin: 0px 0px 0px 20px;
height: 180px;
width: 300px;
}


a.voice{
text-decoration: none;
color: white;
font-size: 15px;
line-height: 95%;
}

a.voice:hover{
color: gray;
}

a.morespanish{
  margin: 1px;
  display: block;
  width: 115px;
  height: 51px;
  background: #FFF url("../chrome/morespanish.gif") no-repeat 0 0;
 }


a.morespanish:hover{

  background-position: 0 -52px;
}

a.morefrench{
  margin: 1px;
  display: block;
  width: 115px;
  height: 51px;
  background: #FFF url("../chrome/morefrench.gif") no-repeat 0 0;
 }


a.morefrench:hover{

  background-position: 0 -52px;
}

a.moreivr{
  margin: 1px;
  display: block;
  width: 115px;
  height: 51px;
  background: #FFF url("../chrome/moreivr.gif") no-repeat 0 0;
 }


a.moreivr:hover{

  background-position: 0 -52px;
}


a.morevoiceovers{
  margin: 1px;
  display: block;
  width: 246px;
  height: 102px;
  background: #FFF url("../chrome/morevoiceoversbutton.jpg") no-repeat 0 0;
 }


a.morevoiceovers:hover{

  background-position: 0 -101px;
}

a.ivrmicrophone{
  margin: 1px;
  display: block;
  width: 250px;
  height: 65px;
  background: #FFF url("../chrome/ivr-microphone-button.jpg") no-repeat 0 0;
 }


a.ivrmicrophone:hover{

  background-position: 0 -70px;
}


a.freedemo{
  margin: 5px 1px 1px 1px;
  display: block;
  width: 278px;
  height: 58px;
  background: #FFF url("../chrome/freedemobutton.jpg") no-repeat 0 0;
  float: left;
 }


a.freedemo:hover{

  background-position: 0 -61px;
}





/* -------footer----------------- */

#footer{
	clear: left;
	text-align: center;
	padding-top: 25px;
	width: 1010px;
	background-color: black;
	height: 40px;
	font-family: Trebuchet MS, Arial, Sans-serif;
	color: white;
	font-size: .8em;
	}