/* $Id: layout-fixed.css,v 1.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
  body
  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#244B78 url(images/background.jpg) repeat-y scroll center top;
color:#666666;
font-family:Verdana,Geneva,sans-serif;
font-size:62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:100%;
line-height:normal;
margin:0;
padding:0;
  }

  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 980px;
  }

  #page-inner
  {
  background: #ffffff;
  }

  #navigation-top,
  #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

  #skip-to-nav
  {
    float: right;
    margin: 0 !important;
    font-size: 0.8em;
  }

  #skip-to-nav a:link, #skip-to-nav a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #skip-to-nav a:hover
  {
    color: #000;
    text-decoration: none;
  }

  /* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
     to the link. Un-comment the following CSS to use this technique. */
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */

/** header **/
  #header
  {
  }

  #header-inner
  {
  }

  #logo-title
  {
  }

  #logo
  {
    float: left;
  }

  #site-name
  {
  }

  #site-slogan
  {
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }

/** content **/
  #content,
  .no-sidebars #content
  {
    float: left;
    width: 980px;
    margin-left: 0;
    margin-right: -960px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 780px;
    margin-left: 200px; /* The width of #sidebar-left. */
    margin-right: -980px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-right #content
  {
    width: 780px;
    margin-left: 0;
    margin-right: -780px; /* Negative value of #content's width + left margin. */
  }

  .two-sidebars #content
  {
    width: 580px;
    margin-left: 200px; /* The width of #sidebar-left */
    margin-right: -780px; /* Negative value of #content's width + left margin. */
  }

  #content-inner
  {
    margin: 0;
    padding: 0;
  }

/** navbar **/
  #navbar
  {
    float: left;
    width: 100%;
    margin-left: 0;
    /*margin-right: -100%; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    /*height: 3.6em;*/ /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
 }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    /* margin-top: 3.6em;*/ /* Set this to the same value as the navbar height above. */
  }

  #navbar-inner
  {
  }

  #search-box
  {
    width: 200px;
    margin-right: -200px; /* Negative value of #search-box's width. */
    float: left;
  }

  #primary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #secondary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;


  }

  #navbar .sub-menu li {
background: none;
opacity:0.95;
/*background-color:#94ACD3;*/
background-color: #163667;
border:1px solid #7D8A9F;
color:#142A4D;
display:block;
font:.9em "Trebuchet MS",Helvetica,sans-serif;
padding:5px 5px;
text-decoration:none;
text-transform:uppercase;
width:146px;
height: 25px;
text-align: left;

}

#navbar ul.sub-menu {
	margin-left: -2px;
	padding-top: 3px;
}

#navbar .sub-menu li a {
	color:#FFFFFF;
}


  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0 10px 0 0;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 200px;
    margin-left: 0;
    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner
  {
    margin: 0 20px 0 0;
    padding: 0;
  }

/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 200px;
    margin-left: 780px; /* Width of content + sidebar-left. */
    margin-right: -980px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 20px;
    padding: 0;
  }

/** footer **/
  #footer
  {
  }

  #footer-inner
  {
  }

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }


  #navbar
  {
  }

  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  /*
  #page
  {
    overflow-y: hidden;
  }
  */
  
  /* custom header css */
 

#masthead {
height:103px;
width:980px;
}

#masthead a.logo {
float:left;
}

#hear-live-interaction {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/hear_live_interaction_bg.jpg) no-repeat scroll left top;
float:right;
height:103px;
position:relative;
width:350px;
}

a.btn-hear-live-interaction {
bottom:16px;
left:63px;
position:absolute;
}


#hero-slideshow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(images/loading.gif) no-repeat scroll 50% 50%;
clear:both;
float:left;
height:295px;
position:relative;
width:980px;
}

#hero-slideshow {
  position: relative;
  float: left;
  clear: both;
  width: 980px;
  height: 295px;
  background: #fff url(images/loading.gif) 50% 50% no-repeat ;
}

#hero-slideshow img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
  width: 980px;
  height: 295px;
}

#hero-slideshow a {
  display: block;
}



/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*-  Self-Clearing Floats
----------------------------------------------------------------------*/
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Base Styles
----------------------------------------------------------------------*/
html {
  height: 100%;
}


input,
select,
textarea {
	font-size: 1em;
}

/* Varnish
----------------------------------------------------------------------*/
p {
  font-size: 1.1em;
  line-height: 1.5em;
}

a {
  color: #345994;
	text-decoration: underline;
}

a:hover {
  color: #d07444;
	text-decoration: none;
}

abbr,
acronym {
	cursor: help;
}

input.text,
textarea {
	border: 1px solid #7c7c7c;
	border-color: #7c7c7c #7c7c7c #c4c4c4 #c4c4c4;
}

strong {
  font-weight: bold;
}

/* Common
----------------------------------------------------------------------*/
#container {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: #fff url(images/dotted_line_bg.png) left 15px no-repeat;
}

#container-basic {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: #fff;
}

#wrapper {
  padding-bottom: 75px;
  height: 100%;
  text-align: left;
}

/* Masthead
----------------------------------------------------------------------*/
#masthead {
  width: 980px;
  height: 103px;
}

#masthead a.logo {
  float: left;
}

#hear-live-interaction {
  position: relative;
  float: right;
  width: 350px;
  height: 103px;
  background: url(images/hear_live_interaction_bg.jpg) left top no-repeat;
}

a.btn-hear-live-interaction {
  position: absolute;
  bottom: 16px;
  left: 63px;
}

/* Top Nav
----------------------------------------------------------------------*/


#navbar ul {
  height: 25px;
  /* background: url(images/topnav_bg_parent.jpg) 0 0 repeat-x;
  text-align: center;
  letter-spacing: 0.4em; */
  margin-left:30px;
  margin-top: 2px;
}

#navbar li {
  position: relative;
  display: inline-block;
  height: 25px;
  background: url(images/topnav_bg_child.png) right center no-repeat;
  width: 120px;
  text-align: center;
}

#menu-item-4 {
  width: 145px !important;
}

#navbar .sub-menu  li:last-child {
  /*background: none;*/
-moz-border-radius-bottomleft:1em;
-moz-border-radius-bottomright:1em;
background-color:#163667;
border:1px solid #7D8A9F;
padding-bottom:0.75em;
}

#navbar a {
  cursor: pointer;
  outline: none;
  color: #fff; 
  text-decoration: none;
}

#navbar a.navbar {
  display: inline-block;
  padding: 0 23px;
  height: 27px;
  color: #fff;
  font: bold 1.2em "Trebuchet MS", Helvetica, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  letter-spacing: 3px;
  line-height: 2.325em;
  white-space: nowrap;
}

#navbar a.navbar:hover, #navbar li a.active {
  color: #b2d4ff;
}

/* Drop Menus
----------------------------------------------------------------------*/
.navbar-inner {
  position: absolute;
  top: 27px;
  left: 20px;
  display: none;
  padding-bottom: .75em;
  background-color: #94acd3;
  border: 1px solid #7d8a9f;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-bottom-left-radius: 1em;
  opacity: .95;
}

.last-menu {
  left: auto;
  right: -15px;
}

.navbar-inner a {
  display: block;
  padding: 5px 18px;
  width: 155px;
  color: #142A4D;
  background-color: #94acd3;
  font: bold 1.2em Verdana,Geneva,sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #7d8a9f;
}

.navbar-inner a:hover {
  display: block;
  color: #fff;
  background-color: #6d90c7;
  
}

.navbar-inner a:last-child {
  border: none;
}

/* Hero slideshow
----------------------------------------------------------------------*/
#hero-slideshow {
  position: relative;
  float: left;
  clear: both;
  width: 980px;
  height: 295px;
  background: #fff url(images/loading.gif) 50% 50% no-repeat ;
}

#hero-slideshow img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
  width: 980px;
  height: 295px;
}

#hero-slideshow a {
  display: block;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Home Content
----------------------------------------------------------------------*/
#home-content {
  float: left;
  height: 216px;
  width: 980px;
  background: #fff url(images/home_content_bg.jpg) left top no-repeat;
}

#home-column-left {
  float: left;
  padding-left: 237px;
  height: 216px;
}

h1.home-header {
  margin: 10px 0 5px 0;
  color: #333;
  font: normal 2.2em "Trebuchet MS", Helvetica, sans-serif;
}

p.home-copy-left {
  width: 355px;
}

a.btn-learn-more {
  display: block;
  margin-top: 10px;
}

#home-column-right {
  position: relative;
  float: right;
  width: 368px;
  height: 216px;
  background: #fff url(images/home_mobile_voice_web_bg.jpg) left top no-repeat;
}

p.home-copy-right {
  padding-left: 132px;
  width: 180px;
  font-size: 10px;
}

p.home-red-copy {
  position: absolute;
  top: 85px;
  color: #614f08;
}

p.home-yellow-copy {
  position: absolute;
  top: 13px;
  color: #7a3100;
}

p.home-green-copy {
  position: absolute;
  top: 157px;
  color: #3e5927;
}

/* Home Buckets
----------------------------------------------------------------------*/
#home-buckets {
  float: left;
  padding: 20px 7px 20px 237px;
  background: #fff url(images/home_buckets_bg.jpg) left top no-repeat;
}

#home-buckets td {
  padding-right: 15px;
  width: 345px;
  vertical-align: top;
}

#home-buckets td.right {
  padding-left: 15px;
  border-left: 1px dotted #666;
}


#home-buckets a.header {
  display: block;
  margin-bottom: .5em;
  padding: 4px 0 0 30px;
  height: 23px;
  color: #345994;
  background: url(images/btn_arrow.png) left top no-repeat;
  font: normal 1.3em "Trebuchet MS", Helvetica, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}


#home-buckets p {
  padding-right: 10px;
}

/* Interior
----------------------------------------------------------------------*/
#interior-wrapper {
  float: left;
  padding: 40px 0 0 65px;
  width: 915px;
  min-height: 555px;
  margin: 0 0 0;
}

.interior-why-interactions {
  background: url(images/interior_why_interactions_bg.jpg) right top no-repeat;
}

.interior-solutions, .interior-demo {
  background: url(images/interior_solutions_bg.jpg) right top no-repeat;
}

.interior-case-studies {
  background: url(images/interior_case_studies_bg.jpg) right top no-repeat;
}

.interior-media-room-2, .interior-ivr-industry-glossary, .interior-ivr-technical-glossary, .interior-voip-industry-terms, .interior-job-openings{
  background: url(images/interior_buzz_bg.jpg) right top no-repeat;
}

.interior-media-room {
  padding: 15px 0 0 15px !important;
}

.interior-about-us {
  background: url(images/interior_about_us_bg.jpg) right top no-repeat;
}

.interior-management-team {
  background: url(images/interior_management_team_bg.jpg) right top no-repeat;
}

.interior-investors {
  background: url(images/interior_investors_bg.jpg) right top no-repeat;
}

.interior-board {
  background: url(images/interior_board_bg.jpg) right top no-repeat;
}

.interior-jobs {
  background: url(images/interior_jobs_bg.jpg) right top no-repeat;
}

.interior-contact {
  background: url(images/interior_contact_bg.jpg) right top no-repeat;
}

#interior-wrapper h1 {
  color: #333;
  font: normal 33px "Trebuchet MS", Helvetica, sans-serif;
}

#interior-wrapper h1.smaller {
  font-size: 3em;
}

#interior-wrapper h2 {
  margin-top: 10px;
  color: #333;
  font: normal 2.1em "Trebuchet MS", Helvetica, sans-serif;
}

#interior-wrapper ul {
  margin: 1.5em 0 0 -1.3em;
  color: #5f7dad;
  font-size: 1.1em;
}

#interior-wrapper li {
  margin-bottom: .75em;
  line-height: 1.5em;
  list-style: disc;
}

#interior-wrapper li span {
  color: #333;
}

/* Interior - Two Column Left
----------------------------------------------------------------------*/
#interior-two-col-left {
  position: relative;
  float: left;
  width: 475px;
  margin-top:-45px;
}

#interior-two-col-left p {
  margin-top: 25px;
}

#interior-two-col-left p.blue {
  color: #345994;
}

#interior-two-col-left p.strong {
  font-weight: bold;
}

#interior-two-col-left p.emphasis, #interior-two-col-left b.emphasis {
  color: #333;
  font: normal 1.4em "Trebuchet MS", Helvetica, sans-serif;
  line-height: 1.5em;
}

#interior-two-col-left p.emphasis-blue {
  color: #6682ad;
  font: normal 1.4em "Trebuchet MS", Helvetica, sans-serif;
  line-height: 1.5em;
}

#interior-two-col-left p.divider {
  padding-bottom: 2em;
  border-bottom: 4px dotted #666;
}

div.toggle-narrow, div.toggle-narrow h1, div.toggle-narrow h2, div.toggle-narrow p, div.toggle-narrow ul, div.toggle-narrow li {
  width: 450px;
}

/* Interior - Two Column Right
----------------------------------------------------------------------*/
#interior-two-col-right {
  position: relative;
  float: right;
}

div.why-interactions {
  width: 360px;
}

div.solutions {
  width: 282px;
}

#interior-two-col-right p {
  width: 200px;
  color: #333;
  font: normal 1.4em "Trebuchet MS", Helvetica, sans-serif;  
}

#interior-two-col-right p.why-interactions {
  width: 200px;
}

#interior-two-col-right p.solutions {
  width: 250px;
}

#interior-two-col-right a.btn-get-started-now {
  position: absolute;
  top: 178px;
}

#interior-two-col-right a.btn-watch-demo-now {
  position: absolute;
  top: 70px;
}

/* Interior - Two Column Right Narrow
----------------------------------------------------------------------*/
#interior-two-col-right-narrow {
  position: relative;
  float: right;
  padding-right: 220px;
  width: 216px;
}

#interior-two-col-right-narrow p {
  color: #333;
  font: normal  "Trebuchet MS", Helvetica, sans-serif;  
}

p.about-us {
  padding: 18px 9px 0 18px;
}

p.case-studies {
  padding-top: 105px;
}

/* Interior - Two Column Right Narrow - "At A Glance" module
----------------------------------------------------------------------*/
#at-a-glance {
  padding: 43px 0 .75em 0;
  background: #bbcae3 url(images/at_a_glance_header.png) left top no-repeat;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-bottom-left-radius: 1em;
}

#at-a-glance p {
  display: block;
  padding: 10px 10px 10px 18px;
  color: #3c557a;
  border-top: 1px dotted #6682ad;
  margin: 0px;
}

p.alt-color {
  background-color: #cfdaeb;
}

/* Interior - Two Column Right Narrow - Quote module
----------------------------------------------------------------------*/
#quote-callout {
  position: relative;
  margin-top: 6em;
  border-right: 1px solid #8198bb;
  border-left: 1px solid #8198bb;
}

#quote-callout img.top {
  position: absolute;
  top:-10px;
  left: -1px;
}

#quote-callout img.bot {
  position: absolute;
  bottom: -53px;
  left: -1px;
}

#quote-callout p {
  padding: 10px;
  color: #6682ad;
  text-align: center;
}

/* Interior - Two Column Right Narrow - Contextual nav
----------------------------------------------------------------------*/
div.cnav-case-studies {
  margin-top: 35px;
}

div.cnav-buzz {
  margin-top: 60px;
}

div.cnav-mgmt-team {
  margin-top: 105px;
}

p.cnav {
  margin-top: 1.5em;
}

#contextual-nav a {
  position: relative;
  display: block;
  padding: .25em 25px .25em 0;
  color: #6682ad;
  font: normal 1.4em "Trebuchet MS", Helvetica, sans-serif;
  text-decoration: none;
  border-bottom: 1px dotted #6682ad;
}

#contextual-nav a:hover {
  background-color: #eee;
}

#contextual-nav a span {
  position: absolute;
  top: 6px;
  right: 10px;
}

#contextual-nav a.active {
  color: #d07444;
}

#contextual-nav font.title {
  padding-left: 1em;
  font-size: 11px;
  line-height: 1.5em;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 10px 10px 65px;
  width: 905px;
  color: #fff;
  background-color: #142d58;
  border-top: 1px solid #ccc;
}
#event-header {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
background-color:#ffffff;
border:1px solid #6682AD;
margin:10px;
padding:10px;
width:500px;
font-size:2.5em;
color: #6682AD;
}
#eventsheader {
color:#333333;
font:4em "Trebuchet MS",Helvetica,sans-serif;
display: block;
width: 960px;
padding-bottom:20px;
padding-left:70px;
padding-top:25px;
}
#views_slideshow_singleframe_pager_Casestudies-page_1 {
display: block;
border-bottom:medium dotted;
}
#views_slideshow_singleframe_pager_Casestudies-page_1 img {
margin-left:110px;
padding-left:20px;
padding-top:10px;
}
#block-block-7 {
border-bottom:medium dotted;
display:block;
width:975px;
}
#views_slideshow_singleframe_main_careers-page_1 {
margin-left: 20px;
margin-right: 20px;
}
#views_slideshow_singleframe_main_careers-page_2 {
margin-left: 20px;
margin-right: 20px;
}
#views_slideshow_singleframe_main_careers-page_3 {
margin-left: 20px;
margin-right: 20px;
}
#views_slideshow_singleframe_main_careers-page_4 {
margin-left: 20px;
margin-right: 20px;
}
#hiddenimage {
display:none;
}
#slideshowthumb {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:100px;
margin-top:-50px;
width:23px;
}
#slideshowthumbmiddle {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:345px;
margin-top:-50px;
width:23px;
}
#slideshowthumbright {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:580px;
margin-top:-50px;
width:23px;
}
#jobslideshowthumb {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:-10px;
margin-top:-40px;
width:23px;
}
#jobslideshowthumbmiddle {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:110px;
margin-top:-40px;
width:23px;
}
#jobslideshowthumbright {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:265px;
margin-top:-40px;
width:23px;
}
#mgmtpic {
display:block;
/*width:386px;*/
margin-bottom:-2px;
}
#jobslideshowthumbfarright {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:420px;
margin-top:-40px;
width:23px;
}
#jobslideshownew {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:525px;
margin-top:-40px;
width:23px;
}
#jobslideshownew2 {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:674px;
margin-top:-40px;
width:23px;
}
#jobslideshownew3 {
background: url(images/btn_arrow.png) no-repeat 0% 0%;
display:block;
float:left;
height:23px;
margin-left:670px;
margin-top:-40px;
width:23px;
}


/* NEW CLIENT REQUESTS */


#RightColumn {
    width: 195px;
    float: left;
    height: 400px;
    margin: 10px;
}

#RightColumn h3 {
    background: url("images/sidebar_h3.png") no-repeat scroll 0 0 #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    margin: 8px 0 0 !important;
    padding: 9px 0 0 10px;
    width: 181px;
    text-align: center;
}

#RightColumn ul {
    padding: 0px;
    margin: 0px;
}

#RightColumn ul li {
    border-bottom: 1px solid #EEEEEE;
    color: #9D9793;
    display: block;
    line-height: 16px;
    padding: 4px 0;
    width: 185px;
}

#RightColumn li {
    list-style: none outside none;
}

#RightColumn a {
    text-decoration: none;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
}

.comm_date {
    background: url("images/date_comm_box.png") no-repeat scroll 0 0 transparent;
    height: 100px;
    margin: 0 0 0 -97px;
    position: absolute;
    text-align: center;
    width: 57px;
    z-index: 2;
}

.comm_date .data {
    height: 46px;
    display: block;
    font-weight: 700;
    letter-spacing: -1px;
    margin-left: -1px;
    padding-top: 10px;
    text-transform: uppercase;
}

.comm_date .data .j {
    display: block;
    font-size: 24px;
}

.comm_date .nr_comm {
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    padding-top: 14px;
}

.comm_date .nr_comm_spot, .comm_date .dsq-comment-count {
    display: block;
    margin: 0 9px 0 8px;
    padding: 6px 0 5px;
}

.nr_comm a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
}





/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}