@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
  body {
  	font:76% Arial, Helvetica, Verdana, sans-serif;
  	background:#FFFFFF;
  	color:#333333;
  	margin:0 0 0;
  }
  
  p {font-size:1em; margin-bottom:1em; line-height:1.5em;}

  h1 { 
  	width:229px;
  	height:0;
  	padding-top:42px;
  	overflow: hidden;
  	position:absolute;
  	top:7px; left:15px;
  	background:url(../images/header_logo.gif) no-repeat;
  	font-size:1em;
  	cursor: pointer;
  }
  h2 { 
  	color:#04397f;
  	font:1.7em Helvetica, Arial, verdana, sans-serif;
  	margin:0 0 .5em;
  }
  h3 {
  	color:#333333;
  	font:1.4em Helvetica, Arial, verdana, sans-serif;
  	margin:0 0 .2em;
  }
  p + h3, ul + h3 {
  	margin-top:1.7em;
  }
  h5 { font-size:1.1em; font-weight:bold; margin:0; }

  em { font-style:italic; }
  strong { font-weight:bold; }
  blockquote.normal { font-style:italic; padding:0; background:none; }
  blockquote {
  	clear:both;
  	padding:10px 0 0 60px;
  	background:url(images/pullquote_bg.gif) top left no-repeat;
  	color:#333333;
  	font:italic 1.2em Arial, Helvetica, sans-serif;
  }
  blockquote p.right {  color:#333333; font:normal .9em Arial, Helvetica, sans-serif; width:340px;}
  blockquote + blockquote { margin-top:6em; }

  p.quoted {
  	float:right;
  	padding:0 60px 0 0;
  	width:250px;
  }

  ul {
  	list-style-type:disc;
  	margin-left:2.5em;
  	padding-left:0;
  	font-size:1em;
  	line-height:1.5em;
  }
  li { margin-bottom:1em; }
  ol {
  	list-style-type: decimal;
  	margin-left:2.5em; padding-left:0;
  }

  a:link { color:#0046a2; text-decoration:none;}
  a:visited { color:#0046a2; text-decoration:none; }
  a:hover, a:active { color:#666; text-decoration:underline;}
  
  #header{
    width: 100%;
    height: 95px;
    background-image: url('images/headerbg.png');
  }
  #headerBody{
    width: 980px;
    height: 95px;
    padding-left: 20px;
    margin: auto;
    color: white;
  }
  #navigation {
    height: 46px;
    background-image: url('images/navbg.png');
  }
  #navigationBody{
    width: 980px;
    height: 31px;
    margin: auto;
    padding-top: 15px;
    padding-left: 20px;
  }
  #mainBody{
    background-image: url('images/bodybg.png');
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    min-height: 500px;
  }
  #mainBodyBody{
    width: 960px;
    min-height:500px;
    padding-top:20px;
    padding-left: 20px;
    padding-right: 20px;
    margin:auto;
    background-color: white;
  }
  #boxes {
    height: 188px;
    width: 950px;
    padding-left: 10px;
  }
  .box {
    width: 250px;
    float: left;
    margin-right: 10px;
  }
  .boxHeader {
    width: 260px;
    font-size: 18px;
    color: #01275a;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    display:block;
  	padding:15px 15px 5px;
  	margin:0;
  	background:url(images/innerSidebar_headbg.gif) no-repeat top left;
  }
  .boxContent {
    width: 228px;
    height: 130px;
    background-color: white;
    padding-left: 10px;
    padding-right:10px;
    padding-top: 10px;
    background-color:#EEEEEE;
    border:1px solid #DDDDDD;
  }
  #copy {
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #footer {
    width: 100%;
    height: 50px;
    background-image: url('images/headerbg.png');
    margin-top: 20px;
    bottom: 0px;
    float:left;
  }
  #footerBody {
    width: 960px;
    padding-left: 20px;
    padding-top: 20px;
    margin:auto;
    color: white;
    font-size: 12px;
  }
  #sidebar {
  	height:520px;
  	width:225px;
  	position:relative;
  	left:0;
  	background:url(../images/sidebar_bg2.png) repeat-y;
  	z-index:2;
  	padding:20px 15px 10px;
  }
  #sidebar_gradient {
  	position:absolute;
  	top:0; left:1px;
  	width:246px;
  	height:394px;
  	z-index:5;
  	background:url(../images/sidebar_gradient.gif) repeat-x;
  }
  #sidebar_content { position:absolute; z-index:10; }
  body.inner #sidebar {
  	background:#EEEEEE;
  	left:20px; top:10px;
  	padding:0;
  	width:250px; height:auto;
  	border-top:none;
  }
  body.inner #sidebar h2 {
  	display:block;
  	padding:15px 15px 5px;
  	margin:0;
  	background:url(images/innerSidebar_headbg.gif) no-repeat top left;
  }
  body.inner #sidebar ul {
  	display:block; list-style:none;
  	width:218px;
  	background-color:#EEEEEE;
  	border:1px solid #DDDDDD;
  	padding:15px; margin:0;
  	height:300px;
  }
  body.inner #sidebar ul li {
  	border-bottom:1px solid #DDDDDD; margin-bottom:1em; padding-bottom:.2em;
  }
  body.home #sidebar ul {
  	margin-left:0;
  	padding-left:1.2em;
  	width:200px;
  } 
  #mainContent {
  	margin:0 20px 0px 300px;
  	padding-top:20px;
  }
  body.inner #mainContent {
  	padding-top:25px;
  	float:left;
  	margin-top: -375px;
  }
  /*--------------------*/
  /* Cut Travel Costs */


  div#travelCosts div {
  	display: block;
  	width: 150px;
  	float: left;
  	margin-bottom: 10px;
  }
  div#travelCosts div.item {
  	text-align: right;
  	width: 100px;
  	padding-right: 20px;
  }
  div#travelCosts br {
  	clear:both;
  }
  /* Common */
  div#wrapper .left {float:left;}
  div#wrapper .right {float:right;}
  .clear {clear:both;}
  .caps { text-transform: uppercase; }
  .bold { font-weight:bold; }
  .red { color:#FF0000; }

  .mt1 { margin-top:1em; }
  .mt2 { margin-top:2em; }
  .bt1 { margin-bottom:1em; }
  .btHalf { margin-bottom:.5em; }

  /*--------------------------------------------------------------*/
  /*--------------------------------------------------------------*/
  /* FORMS */
  
  /*--------------------*/
  /* SIGN UP */
  form#trial_signup { padding-top:1em; }
  form#trial_signup input { width:150px; }
  form#trial_signup label {
  	text-align: right;
  	width: 100px;
  	padding-right: 20px;
  	font-weight:bold;
  }
  form#trial_signup div.req {
  	display:inline;
  	float:left;
  	color:#FF0000;
  	clear:both;
  	margin-left:120px;
  }

  /*--------------------*/
  /* CONTACT */
  form#contact label { width:80px; font-weight:bold; }
  form#contact select { width:205px; }
  form#contact input { width:200px; }
  form#contact textarea { width:280px; margin-bottom:10px; }
  form#contact input[type=submit] { width:80px; }
  
  /*--------------------------------------------------------------*/
  /*--------------------------------------------------------------*/
  /* PAGE-SPECIFIC */

  /*--------------------*/
  /* Feature Comparison */
  /*
  =Start table structure
  */
  #Summary, #Caption {
  	width: 28em;
  }

  .tableStyle {
  	width: 100%;
  	margin: 0;
  	border: solid #CCC;
  	border-width: 1px 0 0 1px;
  	border-collapse: collapse;
  }

  .tableStyle th, .tableStyle td {
  	border: solid 1px #CCC;
  	border-width: 0 1px 1px 0;
  	padding: 0.5em;
  }

  th.features { width:300px; }
  th.webcon {width:130px;}
  th.competitors {width:130px;}
  /*
  =End table structure
  */

  /*
  =Start grey colour scheme
  */
  .greyScheme, .greyScheme th, .greyScheme td {
  	border-color: #DDD;
  }

  .greyScheme .even {
  	background-color: #DAF0B8;
  }

  .greyScheme th, .greyScheme thead td {
  	background-color: #EEEEEE;
  	color:#333333;
  	font:1.4em Helvetica, Arial, verdana, sans-serif;;
  }

  .greyScheme th.firstColumn {
  	background-color: #D1D1D1;
  }
  /*
  =End grey colour scheme
  */

  #featureComparison ul { margin:.2em 0 0 2em; }
  #featureComparison ul li { margin-bottom:0;}



  /*--------------------*/
  /* Pricing */
  th.attendees {width:150px; }
  th.extras {width:326px; }
  th.cost {width:80px; }

  #pricing_addons {margin-top:2em;}
  
  /*--------------------------------------------------------------*/
  /*--------------------------------------------------------------*/
  /* NAVIGATION */
  #nav {
  	list-style-type:none;
  }
  #nav li {
  	float:left;
  	padding:0 24px; margin:0;
  	position:relative;
  	background:url(images/nav_notch.gif) no-repeat center right;
  }
  #nav li#first { padding-left:20px; }
  #nav li#last { padding-right:0; background-image: none; }

  #nav li ul {
  	position: absolute;
  	width: 125px;
  	left: -999em;
  	background:#EEE;
  	border:1px solid #CCC;
  	margin:0; padding:5px 10px;
  	list-style:none;
  }

  #nav li:hover ul {
  	left:15px;
  	top:18px;
  	z-index:10;
  }
  #nav li ul li {
  	background:None;
  	padding:0; margin:0;
  	clear:both;
  	width:125px;
  }



  #nav_02 {
  	position:absolute;
  	display:block;
  	top:17px; right:10px;
  	list-style-type:none;
  	margin:0;padding:0;
  }
  #nav_02 li {
  	display:inline;
  	padding-right:20px;
  	color:#FFFFFF;
  }
  #nav_02 a:link, #nav_02 a:visited { color:#FFFFFF; text-decoration:none; }
  #nav_02 a:hover, #nav_02 a:active { color:#FFFFFF; text-decoration:underline; }

  #survey {
    border: 1px #e7e7e7 solid;
    margin-top: 10px;
    float:left;
    width: 930px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  #perfSurvey {
    float: left;
  }
  
  #perfInfo {
    float: left;
    width: 400px;
    margin-left: 20px;
  }
  
  .boxHeader {
    display:block;
  	padding:15px 15px 5px;
  	margin:0;
  	background:url(images/innerSidebar_headbg.gif) no-repeat top left;
	}