html { overflow: scroll; }
body { margin: 0; padding: 0 0 50px; color: #000000; background-color: #E8ECEE; font: normal normal normal 62.5%/1.50 Tahoma, Geneva, 'Tahoma', 'Geneva', Arial, Helvetica, sans-serif; }
/****************************************************************
HTML Tags
****************************************************************/
/* a */
a { color: #F54029; text-decoration: underline; outline: none; }
a:hover { color:#EB1007; }
a img { border-style: none; }
/* img */
img { margin: 0; overflow: hidden;}
img.Image-Right { padding-left: 10px; padding-bottom: 17px; }
img.Image-Left { }
h5 img { padding: 5px 0 50px 17px; float: right; }
/* h1 - p */
h1 { font-size: 2.4em; color: #0F242D; font-weight: normal; margin: 0 0 15px; }
body.Internal #Content h1 { margin-bottom: 0;}
h2 { font-size: 1.8em; color:#1D475A; font-weight: normal; margin: 0 0 15px; }
/* .quote - this class is for the small block of text that sits to the left of the content */
body.Home #Main-Content h2.quote { position: relative; }
body.Internal h2.quote { position: absolute; width: 192px; left: 0; top: 0; left: 0; }
h3 { color: #1D475A; font-size: 1.6em; font-weight: normal; margin: 0 0 10px; }
#Sub-Content h3 { font-size: 1.4em; font-weight: normal; margin: 0 0 5px; }
h4 { color: #1D475A; font-size: 1.4em; margin: 0 0 15px; }
#Sub-Content h4 { font-size: 1.2em; font-weight: normal; margin: 0 0 5px; }
h5 { color: #1D475A; font-size: 1.2em; margin: 0 0 5px; }
#Sub-Content h6 { font-size: 1.2em; font-weight: bold; margin: 0 0 5px; }
h6 { color: #000000; font-size: 1.2em; font-weight: bold; margin: 0; }
#Sub-Content h6 { font-size: 1.1em; font-weight: bold; margin: 0; }
p { font-size: 1.2em; margin: 0 0 15px; }
#Sub-Content p { font-size: 1.1em; }
/* Lists - ul, ol */
ul, ol { font-size: 1.0em; padding: 0 0 0 0; margin: 0 0 15px 15px; }
ul ul, ol ol, ul ol, ol ul { margin-top: 10px; margin-bottom: 10px; }
li { font-size: 1.2em; padding: 0 0 0 5px; margin: 0 0 2px; }
#Sub-Content li { font-size: 1.1em; }
li li { font-size: 1.0em; }
#Sub-Content li li { font-size: 1.0em; }
/* Tables */
table,
td
th { border-collapse: collapse; border-spacing: 0; border: 1px none #000000; }
td
th, { text-align: left; vertical-align: top; padding: 2px 5px 2px 0; font-size: 1.2em; }
th { font-weight: bold; }
table.Contact-Table { width: 100%; }
table.Contact-Table td,
table.Contact-Table th { font-size: 1.1em; text-align: left; vertical-align: top; padding: 2px; }
table.Contact-Table th { width: 95px; }
/* Forms */
form { }
label { display: inline; vertical-align: middle; margin-right: 10px; font-size: 1.1em; }
input { padding: 2px 0; margin-right: 10px; vertical-align: middle; border-top: 1px solid #1B4659; border-right: 1px solid #1B4659; border-bottom: 1px solid #1B4659; border-left: 1px solid #1B4659; font-size: 1.1em; }
textarea, label, input, select { font-family: Tahoma, Geneva, 'Tahoma', 'Geneva', Arial, Helvetica, sans-serif; }
input.hidden { display: none; visibility: hidden; }
input.button-form { background-color: #F54029; border-color: #F54029; color:#FFFFFF; padding: 1px 5px; color: #FFFFFF; margin-right: 0; }
/* Other HTML */
div.hr { float: none; clear: both; height: 1px; overflow: hidden; margin: 15px 0 15px 0; background-color: #DDE4E6; }
hr { color: #DDE4E6; background-color: #DDE4E6; border: 1px none #DDE4E6; border-top-style: solid; line-height: 1; margin: 0; padding: 0; }
.ListPressAndEvents, .ListPressAndEvents li { float: left; clear: both; }
.ListPressAndEvents,
.ListPressAndEvents li { list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
.ListPressAndEvents li { margin-bottom: 20px; width: 100%; }
.ListPressAndEvents img { float: right; padding-left: 17px; }
.ListOpinions {}
.ListOpinions,
.ListOpinions li { font-size: 1.0em; list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
.ListOpinions li { margin-bottom: 10px; }
.ListOpinions li h4 { font-size: 1.2em; font-weight: bold; margin: 0; }
.ListOpinions li p { font-size: 1.1em; margin: 0; }
.Author {}
.Date {}
a.pdf { margin-left: 5px;}
s.word {}
s.xls {}
/****************************************************************
Layout
****************************************************************/
/* #Wrapper */
#Wrapper { width: 930px; padding: 0; position: relative; margin: 0 auto 0 auto; overflow: hidden; background: #E8ECEE url(../Images/shadow-left-rightFull.gif) repeat-y left bottom; }
.SectionWrapper { left: 15px; width: 840px; padding: 0 30px; float: left; clear: both; position: relative; z-index: 3; }
.Shadow { overflow: hidden; background-image: url(../Images/shadow-bottom.gif); }
#Shadow-Bottom-Left,
#Shadow-Bottom-Right { float: none; clear: both; position: absolute; bottom: 0; z-index: 2; width: 23px; height: 20px; display: block; }
#Shadow-Bottom-Left { left: 0; bottom: 0;background-position: 0 -13px;}
#Shadow-Bottom-Right { right: 0; bottom: 0;background-position: -24px -13px; }
#Shadow-Bottom { height: 13px; width: 100%; overflow: hidden; float: none; clear: both; position: relative; z-index: 1; background-repeat: repeat-x; }
/* #Header */
#Header { height: 100px; background-color: #FFFFFF; }
/* #Logo */
#Logo { background: #FFFFFF url(../Images/voco-logo.png) no-repeat left top; position: relative; top: 39px; left: 0; margin: 0; padding: 0; }
#Logo,
#Logo a { width: 182px; height: 19px; }
#Logo span { display: none; visibility: hidden; }
/* #Search */
#Search {
clear: both; float:right; margin: 0; padding: 0; position: relative; top: 20px; left: 0;
}
/* #Navigation */
#Navigation { width: 900px; padding: 0 0 7px; background: #FFFFFF url(../Images/content-background.gif) repeat-x left bottom; }
#Navigation .NavigationGroup div { float: left; padding: 0 16px; width: 868px;}
/* #menu_1 - this is the first level of navigation */
#menu_1 { background: #1D475A url(../Images/DarkBlueGradient.gif) repeat-x left bottom; }
#menu_1 ul,
#menu_1 ul li { list-style-type: none; list-style-image: none; padding: 0; margin: 0; }
#menu_1 ul { float: left; }
#menu_1 ul li { float: left; font-size: 1.1em; }
#menu_1 ul li a { padding: 8px 14px 9px; display: block; text-decoration: none; border-right: 1px solid #FFF; color: #FFF; }
#menu_1 ul li a.lastItem { border-style: none; }
#menu_1 ul li a.currentItem,
#menu_1 ul li a:hover { background-color: #FFFFFF; color:#EB1007; padding-right: 10px; }
#menu_1 ul li a.currentItem span,
#menu_1 ul li a:hover span { padding-right: 4px; background-image: url(../Images/navigation-active.gif); background-repeat: no-repeat; background-position: right top; }
/* #menu_1 - this is the 2nd level of navigation */
#menu_5 { background: #FFF url(../Images/sub-navigation-background.gif) repeat-x left bottom; }
#menu_5 ul, #menu_5 li { list-style-type: none; list-style-image: none; }
#menu_5 ul { padding: 10px 9px; margin: 0; float: left; }
#menu_5 ul li { font-size: 1.1em; display: inline; }
#menu_5 ul li a { color: #1B4659; text-decoration: underline; border-right: 1px solid #1B4659; padding: 0 5px; }
#menu_5 ul li a.lastItem { border-style: none; }
#menu_5 ul li a.currentItem,
#menu_5 ul li a:hover { text-decoration: none; }
#menu_5 ul li a.currentItem span, #menu_5 ul li a:hover span { }
/* #Content */
#Content { padding: 23px 23px 25px 30px; width: 847px; background-color: #FFFFFF; }
body.Internal #Content { background-image: url(../Images/circle-background2.gif); background-position: left bottom; background-repeat: no-repeat; }
/* #voco-breadcrumbs */
#voco-breadcrumbs{ font-size:1.1em; }
#breadCrumbs{ display:inline; }
/* #Main-Content */
#Main-Content { position: relative; float: left; margin-right: 28px; }
#Main-Content { width: 515px; }
.Internal #Main-Content { width: 302px; padding-left: 213px; margin-top: 30px; }
/* #Main-Content */
#Body-Copy { float: right; width: 272px; }
/* #Staff-Promo */
#Staff-Promo { width: 220px; float: left; }
#Staff-Promo h2 { font-size: 1.2em; margin-bottom: 3px; font-weight: bold; }
#Staff-Promo p { font-size: 1.1em; margin-bottom: 5px; }
/* #SubContent */
#Sub-Content { float: right; top: 0; right: 0; width: 304px; overflow: hidden; }
.Home #Sub-Content { margin-top: -16px; }
.Internal #Sub-Content { margin-top: 27px; }
.Internal #Sub-Content img { position: relative; z-index: 500; top: 2px;}
#Staff-Promo img { position: relative; z-index: 500; top: 2px;}
/* style to get the subcontent with the shadows */
.Box {
background: #FFFFFF url(../Images/Box-Background-Middle.png) repeat-y 0 0;
position: relative; float: left; clear: both;
overflow: hidden; width: 304px;
}
.Box-Top {
background: #FFFFFF url(../Images/Box-Background-Top.png) no-repeat 0 0;
float: none; clear: both;
height: 13px; overflow: hidden;
}
.InnerWrap {
background-image: url(../Images/Box-Background-Bottom2.png); background-repeat: no-repeat;
float: left; clear: both; width: 100%;
padding-bottom: 7px; margin-top: -11px;
}
.Inner {
background: #DDE4E6 url(../Images/Box-Background-Inner-Standard.png) repeat-x left bottom;
float: left; clear: both; padding: 10px 17px 0 17px; position: relative; left: 2px; margin: 0; }
.Internal .Inner {
left: 4px;
}
#Staff-Promo .Box { width: 222px; background-position: 0 0; }
#Staff-Promo .Box-Top { width: 222px; background-position: 0 0; }
#Staff-Promo .InnerWrap { background-position: 0 bottom; }
#Staff-Promo .Inner { width: 179px; background-position: 0 bottom; }
#Case-Studies .Inner { padding-bottom: 7px; }
#Staff-Promo .Inner { padding-top: 12px; padding-bottom: 7px; }
#Sub-Content .Box { width: 304px; background-position: -220px 0; }
#Sub-Content .Box-Top { width: 304px; background-position: -220px 0; }
#Sub-Content .InnerWrap { background-position: -220px bottom; }
#Sub-Content .Inner { width: 261px; }
body.Home #Sub-Content .Box { background-position: -526px 0; }
body.Home #Sub-Content .Box-Top { background-position: -526px 0; }
body.Home #Sub-Content .InnerWrap { background-position: -526px bottom; }
.Home #Sub-Content .Inner { background: #FFFFFF url(../Images/Box-Background-Inner-Home2.png) no-repeat left bottom; }
/* #Case-Studies */
#Case-Studies { margin-bottom: 15px; position: relative; }
#Case-Studies div.zIndexFix { }
#Case-Studies p { font-size: 1.1em; }
#Case-Studies img { padding-bottom: 80px; padding-left: 15px; float: right; }
#Case-Studies .jCarouselLite {
}
#Case-Studies .jCarouselLite ul,
#Case-Studies .jCarouselLite ul li {
list-style-image: none; list-style-type: none;
margin: 0; padding: 0; font-size: 1.0em;
display: block; width: 100%; height: 190px;
}
#Case-Studies .jCarouselLite ul {
}
#Case-Studies .jCarouselLite ul li {
}
/* #staff */
#staff { position: relative; padding: 0; margin: -11px -17px 17px 0; width: 295px; float:left; left: -17px; }
#staff, #staff li { list-style-image: none; list-style-type: none; }
#staff li { float: left; margin:0; padding:0; display: block; width: 59px; height: 59px; }
#staff a { display: block; width: 100%; height: 100%; background: #FFFFFF url(../Images/staff/navigation/missing-staff-image.gif) no-repeat left top; }
#staff a:hover { background-position: 0 -59px; }
#staff span { display: none; visibility: hidden; }
/* start people rollover function */
#staff #michael-foley a { background-image:url(../Images/staff/navigation/michael-foley.jpg); }
#staff #paul-gordon a { background-image:url(../Images/staff/navigation/paul-gordon.jpg); }
#staff #jon-wallace a { background-image:url(../Images/staff/navigation/jon-wallace.jpg); }
#staff #myles-averns a { background-image:url(../Images/staff/navigation/myles-averns.jpg); }
#staff #vaughn-baker a { background-image:url(../Images/staff/navigation/vaughn-baker.jpg); }
#staff #allie-breslin a { background-image:url(../Images/staff/navigation/allie-breslin.jpg); }
#staff #margie-chambers a { background-image:url(../Images/staff/navigation/margie-chambers.jpg); }
#staff #paul-fagan a { background-image:url(../Images/staff/navigation/paul-fagan.jpg); }
#staff #peter-focas a { background-image:url(../Images/staff/navigation/peter-focas.jpg); }
#staff #alex-gambitsis a { background-image:url(../Images/staff/navigation/alex-gambitsis.jpg); }
#staff #gmurray-gilbertson a { background-image:url(../Images/staff/navigation/murray-gilbertson.jpg); }
#staff #sam-grotrian a{ background-image:url(../Images/staff/navigation/sam-grotrian.jpg); }
#staff #dudley-harris a { background-image:url(../Images/staff/navigation/dudley-harris.jpg); }
#staff #paul-hortop a { background-image:url(../Images/staff/navigation/paul-hortop.jpg); }
#staff #nicole-howard a { background-image:url(../Images/staff/navigation/nicole-howard.jpg); }
#staff #lauren-morrison a { background-image:url(../Images/staff/navigation/lauren-morrison.jpg); }
#staff #craig-nelson a { background-image:url(../Images/staff/navigation/craig-nelson.jpg); }
#staff #joe-oneill a { background-image:url(../Images/staff/navigation/joe-oneill.jpg); }
#staff #sunit-prakash a { background-image:url(../Images/staff/navigation/sunit-prakash.jpg); }
#staff #stephen-tierney a { background-image:url(../Images/staff/navigation/stephen-tierney.jpg); }
#staff #vaughan-baker a { background-image:url(../Images/staff/navigation/vaughn-baker.jpg); }
#staff #murray-gilbertson a { background-image:url(../Images/staff/navigation/murray-gilbertson.jpg); }
#staff #vaughn-woods a { background-image:url(../Images/staff/navigation/vaughn-woods.jpg); }
#staff #jan-schoenfelder a { background-image:url(../Images/staff/navigation/jan-schoenfelder.jpg); }
#staff #alex-bagley a { background-image:url(../Images/staff/navigation/alex_bagley.jpg); }
#Blog {}
h2.Subject { margin: 0; }
p.Date { font-size: 1.1em; margin: 0 0 15px;}
.Blog-Entry { margin: 0 0 20px; }
#BlogList { float: left; width: 100%; position: relative; padding: 0; margin: 0 0 17px; }
.Internal #BlogList { margin-bottom: 12px; }
#BlogList li { padding: 0; margin: 0 0 8px; float: left;}
#BlogList,
#BlogList li { list-style-image: none; list-style-type: none; }
#BlogList span.Date { font-weight: bold; float: left; clear: both; width: 112px; }
#BlogList a { float: left; width: 145px; }
.Internal .BlogLinks { display: none; visibility: hidden; }
.BlogLinks { list-style-image: none; list-style-type: none; padding: 0; margin-left: 0; margin-right: 0; }
.BlogLinks li { margin-bottom: 3px; }
/* People Group - menu styles - this is the grid of voco people on the right hand side */
.PeopleGroup ul,
.PeopleGroup ul li { list-style-image: none; list-style-type: none; padding: 0; margin: 0; }
.PeopleGroup ul { margin-bottom: 20px; }
.PeopleGroup ul li { font-size: 1.1em; }
#menu_4 ul { width: 260px; float: left; clear: both; }
#menu_4 ul li { width: 130px; float: left; }
/* #Footer */
#Footer { padding-top: 2px; padding-bottom: 5px; background: #1D475A url(../Images/DarkBlueGradient.gif) repeat-x left bottom; color: #FFF; }
#Footer a { color: #FFF; }
#Footer #Copyright { font-size: 1.1em; float: left; margin: 0; padding: 0; }
#Footer ul,
#Footer ul li { list-style-type: none; list-style-image: none; }
#Footer ul { float: right; margin: 0; padding: 0; }
#Footer li { font-size: 1.1em; display: inline; }
#Footer a { text-decoration: underline; border-right: 1px solid #FFF; padding: 0 5px; }
#Footer a.lastItem { border-style: none; }
#Footer a:hover { text-decoration: none; }
#tooltip {
position: absolute;
z-index: 3000;
background-color: #f54029;
color:#fff;
padding: 3px 5px;
}
#tooltip h3 {
margin: 0; font-size: 1.2em; font-weight: bold; color: #FFFFFF;
}
#tooltip div {
margin: 0; font-size: 1.1em; color: #FFFFFF;
}
#Clicky img {
position: absolute; top: 0; left: 0;
opacity: .0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}