/* CSS Document */

      html, body{
        margin: 0;
        font-family: arial, verdana, sans-serif;
        font-size: 0.8em;
		overflow:hidden;
      }
	  h1{
        font-weight: normal;
        font-size: 2em;
        color: #1ca5b3;
      }
	  
	  h2{
        font-weight: normal;
        font-size: 1.4em;
        color: #1ca5b3;
      }
	  
	  h3{
        font-size: 1.1em;
        color: #e4912f;
      }
	  
	  a{
        color: #1ca5b3;
        font-weight: bold;
      }
	  
	  q:before, q:after { 
	  content: ""; 
	  }
	  
	  img{
        display: block;
        border-width: 0;
      }
	  
	  #header{
	  margin-bottom:5px;
	  }
	  #header h1{
	  background:url(../imgs/navigation.gif) no-repeat;
	  height:600px;
	  margin-top:1px;
	  width:194px;
	  float:left;
	  }
	  #header h1 span{
	  display:none;
	  }
	  
	  #wrapper{
	  width:750px;
	  height:600px;
	  overflow:hidden;
	  margin-left:auto;
	  margin-right:auto;
	  padding-right:160px;
	  border-left:1px solid #999;
	  border-right:1px solid #999;
	  border-bottom:1px solid #999;
	  }
	  
	  #nav{
	  width:400px; 
	  height:50px;
	  float:left;
	  margin-top:10px;
	  }

	  #nav ul {
	  margin-left: 5px; 
	  padding-left: 2px; 
	  }
	  
	  #nav li {
	  display:inline;
	  line-height:150%;
	  width:90%;
	  font-weight:bold; 
	  font-size:1.2em;
	  }


	  #nav a:link, #nav a:visited  {
	  color: #666666; 
	  text-decoration:none;
	  margin-left:-1px;
	  padding-left:13px; 
	  }


	  #nav a:hover, #nav a:focus, #nav a:active {
	  color:#12b8ac; 
	  }
	  
	  #active a:link, #active a:visited, #active a:hover{
	  color:#e4912f;
	  }
	  
	  
	  #content{ 
	  margin-top:25px;
	  margin-left:10px;
	  padding-right:5px;
	  height:450px;
	  width:480px;
	  overflow: auto;
	  float:left;
	  font-size:1.2em;
	  line-height:1.5em;
	  
	  }
	  	  
	  
	  #footer {
	  width:500px;
	  background:url(../imgs/green.gif) right no-repeat;
	  height:50px; 
	  padding-top:3%; 
	  color:#999; 
	  text-align:center;
	  float:left;
	  }
	  /* hide from ie on mac \*/
	  #flashcontent {
		width: 480px;
		height: 680px;
		/* end hide */
	}
	  
	  
	  
	  /**
	  *Individual pages
	  */
	  #enterpriseSoapbox, #howDoesItWork, #aboutUs, #aboutEnterpriseSoapbox, #faqs, #contactBuy, #caseStudies, #gallery, #deepBlueSoapbox{
	   margin-right:-160px;
	  margin-top:-10px;
	  width:194px;
	  height:600px;
	  float:right;
	  }
	  
	  #enterpriseSoapbox{
	  background:url(../imgs/rhs_bg_es.gif) right no-repeat
	  }
	  
	  #howDoesItWork{
	  background: url(../imgs/rhs_bg_how_works.gif) right no-repeat;
	  }
	  
	  #aboutUs{
	  background: url(../imgs/rhs_bg_about_us.gif) right no-repeat;
	  }
	  
	  #aboutEnterpriseSoapbox{
	  background:url(../imgs/rhs_bg_about_es.gif) right no-repeat;
	  }
	  #deepBlueSoapbox{
	  background:url(../imgs/rhs_bg_deepblue.gif) right no-repeat;
	  }
	  #faqs{
	  background: url(../imgs/rhs_bg_faqs.gif) right no-repeat;
	  }
	  
	  #contactBuy{
	   background: url(../imgs/rhs_bg_contact_buy.gif) right no-repeat;
	  }
	  
	  #caseStudies{
	   background: url(../imgs/rhs_bg_case_studies.jpg) right no-repeat;
	  }
	  #gallery{
	   background: url(../imgs/rhs_bg_gallery.gif) right no-repeat;
	  }
	  
	  p.highlight{
        font-weight: bold;
        font-size: 1.1em;
        color: #df8c2e;
      }
	  
	  
	  
	  li.a{
        font-size: 1.1em;
        font-weight: bold;
        color: #cb0088;
      }
      li.b{
        font-size: 1.1em;
        font-weight: bold;
        color: #92c04e;
      }
      li.c{
        font-size: 1.1em;
        font-weight: bold;
        color: #2d4091;
      }
      li.d{
        font-size: 1.1em;
        font-weight: bold;
        color: #df8c2e;
      }
	  
	  
	  p.purple{
        font-weight: bold;
        color: #cb0088;
      }
      div.icons{
        margin: 0 0 10px 0;
        padding: 10px;
        background-color: #f0d4e4;
      }
      div.icons img{
        padding-right: 10px;
        float: left;
      }
      div.icons p{
        margin: 10px 0 0 0;
        zoom: 100%;
      }
      div.clear{
        font-size: 1px;
        height: 1px;
        clear: both;
      }
      span.orange{
        font-weight: bold;
        color: #df8c2e;
      }
      span.purple{
        font-weight: bold;
        color: #cb0088;
      }
      span.green{
        font-weight: bold;
        color: #92c04e;
      }
      span.blue{
        font-weight: bold;
        color: #2d4091;
      }
	  
	  div.green_box{
        margin: 10px 30px 10px 0;
        padding: 5px 20px 5px 0;
        background-color: #e5efd4;
      }
      div.green_box li{
        margin: 5px 0;
      }
	  
	  div.purple_box{
        margin: 10px 30px 10px 0;
        padding: 5px 20px 5px 0;
        background-color: #f0d4e4;
      }
      div.purple_box p{
        margin: 5px 0 0 10px;
      }
	  
	  a.highlight{
        color: #92c04e;
        font-weight: bold;
        text-decoration: underline;
      }
	  
	  p.q{
        margin: 20px 0 0 0;
        font-weight: bold;
        color: #2d4091;
      }
      p.a{
        margin: 2px 0 10px 0;
      }
      p.contact{
        margin: 0;
      }
      span.telephone{
        font-size: 1.8em;
        font-weight: bold;
        color: #df8c2e;
      }
      span.email{
        font-size: 1.2em;
        font-weight: bold;
        color: #df8c2e;
        text-align: center;
      }
      div.spcr{
        height: 20px;
      }
      div.icon{
        margin-top:-10px;
        padding: 20px;

      }
      div.icon img{
	  margin-top:-20px;
	  margin-left:30%;
	  margin-right:auto;
	  
		float:left;
      }
      td.cell{
        padding: 10px;
        width: 160px;
        font-weight: bold;
        text-align: center;
        background-color: #fcf3d6;
      }
      td.spcr1{
        width: 20px;
      }
      td.spcr2{
        width: 25px;
      }

      table.cart{
        margin: 20px 0 10px 0;
        width: 100%;
      }
      table.cart td.a{
        padding: 5px 0;
      }
      table.cart td.b{
        padding: 4px 2px;
        width: 120px;
      }
      table.cart td.c{
        padding: 5px 0;
        text-align: center;
      }
	  .au_list{
	  list-style-type:none;
	  margin: 2px 0;
        text-decoration: none;
        color: #000;
        font-weight: normal;
        font-size: 0.9em;
        display: block;
	  }

	  .au_list a:link{
	  font-weight: bold;
      color: #1ca5b3;
	  }
	  .orange{
	  color: #df8c2e;
	  }
	  
	  #creambox{
	  padding:10px;
	  background-color: #fcf3d6;
	  }
	.img_left{float:left; padding-right:20px; margin-bottom:20px;}

	.img_right{float:right; padding-left:20px; margin-bottom:10px;}

	.letters{list-style-type:lower-alpha;}