/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #172f53;
}

    div.outer
      {
	position: relative;
	left: 50%;
	width: 960px;
	height: 550px;
	margin-left: -480px;
	margin-top:100px;
	margin-left: -480px;
	margin-top:100px;
	text-align:left;
      }
	  
.intro div.outer
      {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 960px;
	height: 550px;
	margin-left: -480px; /* half of width */
	margin-top: -295px;
	filter:alpha(Opacity=99);
	-moz-opacity: 0.99;
	opacity: 0.99;
      }
	  
.intro div.outer .left img
      {
	  margin: 190px 0 0 10px ;
      }
	  
.intro div.outer #logo
      {
	  height: 35px;
      }
	  
	  /*
	     .intro div.outer .right
      {
	  background: url(../images/dana.jpg)
      }
	  */
      
div.left
      {
      position:relative;
      width: 461px;
      height: 470px;
      margin-left: 0;  
      margin-top: 0;   
      background-color: #fff;
	  float: left;
	  padding: 0 10px;
      }
	  	  	  	  
div.right
      {
	width: 479px;
	height: 470px;
	margin-left: 0;
	background-color: #fff;
	float: right;
	padding: 0;
	clear: right;
      }
	  
#menu {
	width: 481px;
	height: 30px;
	background: #5384cf;
	float: right;
	z-index: 1;
}

#strapline {
	width: 475px;
	height: 25px;
	float: right;
	clear: right;
	margin-top: 25px;
	z-index: 10;
}

#strapline h3{
	font: 120%/1em Lucida Sans Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	color: #fff;
	padding: 12px 5px 0 0;
	text-align: right;
	word-spacing: 1px;
}

#tagline {
	width: 479px;
	height: 30px;
	background: #5384cf;
	float: right;
}

#tagline h3{
	font: 99%/1em Lucida Sans Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #fff;
	padding: 7px 5px 8px 0;
	text-align: right;
}

#logo {
	width: 480px;
	float: left;
	padding-bottom:0px;
	margin:0px;
	margin-bottom:15px;
	/*margin-bottom: -4px;*/
}

#logo h1 {
	font: 192%/1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding: 0 0 3px 0;
	text-align: left;
	letter-spacing: 1px;
}

.snell {
	color: #9f6;
}

.communications {
	color: #e6ecf7;
}

span.snell {
	font: 125%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9f6;
}

span.communications {
	font: 125%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 0 0;
}
	  
.left h1.home {
	font: 140%/1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5384cf;
	width: 300px;
	letter-spacing: 0.8px;
}

.left h1.about {
	font: 150%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5384cf;
	width: 300px;
	padding: 8px 0 0 0;
	letter-spacing: 0.8px;
}

.left h1.philosophy {
	font: 150%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5384cf;
	width: 310px;
	padding: 8px 0 0 0;
	letter-spacing: 0.8px;
}

.left h1.press {
	font: 150%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5384cf;
	width: 340px;
	padding: 8px 0 0 0;
	letter-spacing: 0.8px;
}

.left h1.events {
	font: 150%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5384cf;
	width: 300px;
	padding: 8px 0 0 0;
	letter-spacing: 0.8px;
}

.left h1.clients {
	font: 150%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5384cf;
	width: 300px;
	padding: 8px 0 0 0;
	letter-spacing: 0.8px;
}

.left h1.contact {
	font: 150%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5384cf;
	width: 300px;
	padding: 8px 0 0 0;
	letter-spacing: 0.8px;
}

.left h2 {
	font: 80%/1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #25b;
	padding: 3px 0 0 0;
	letter-spacing: 0.5px;
}

.left ul li {
	margin: 3px 0 0 0;
	list-style-type: none;
}

p {
	font: 74%/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #039;
	padding: 5px 0;
}

p.home {
	font: 78%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #039;
	padding: 5px 0;
}

p.examplehead {
	font: 72%/1em Arial, Helvetica, sans-serif;
	color: #039;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 5px;
	background: #eee;
}

p.example {
	font: 72%/1.3em Arial, Helvetica, sans-serif;
	color: #039;
	padding: 5px;
	background: #f0f6fc;
	border: 1px solid #def;
}

p.link a {
	font: 99%/1em Arial, Helvetica, sans-serif;
	color: #0b0;
}

/*
.left blockquote.quote {
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 5px;
	background: #EfF6Ff url(../images/quote.gif) top left no-repeat;
	border: 1px solid #e9ecef;
}

.left blockquote p.unquote {
	font: 88%/1.3em " Times New Roman", Times, serif;
	color: #06c;
	background: url(../images/unquote.gif) bottom right no-repeat;
	padding: 5px;
}

.left cite {
	font: 70%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #36c;
	float: right;
	padding: 5px 0 0 0;
}
*/

.testimonial {
	width: 455px;
	background: url(../images/test_bg_01.gif) #E8F0F9;
	padding: 0px;
	border: 1px solid #cde;
	margin: 10px 0 0 0;
}

.testimonial blockquote{
	background: transparent url(../images/quote.gif) left top no-repeat;
	padding: 15px 10px 5px 10px;
}

blockquote div.quote {
	font: 80%/1.3em "Times New Roman", Times, serif;
	color: #039;
	background: transparent url(../images/unquote.gif) right bottom no-repeat;
}

div.cite {
	font: 84%/1.1em "Times New Roman", Times, serif;
	color: #135;
	padding: 0 0 10px 0;
}

p span.name {
	font-weight: bold;
	float: right;
}

.bottom {
	width: 180px;
	height: 20px;
	background: url(../images/testimonialbot.gif) bottom no-repeat;
}


.left a {
	color: #009966;
	font-weight: normal;
}

.left ul {
	padding: 0 0 0 15px;
}

.left ul li {
	font: 68%/1em Verdana, Arial, Helvetica, sans-serif;
	color: #36c;
	padding: 0 0 0 0;
	margin-left: -15px;
}

.left ul.help {
	padding: 20px 0 0 15px;
}

.left ul.help li {
	font: 71%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #36c;
	padding: 0 0 8px 0;
	list-style: none;
}

.menu {
	font: 12px/1em Lucida Sans, arial, sans-serif;
	width:481px;
	height:30px;
	position:relative;
	font-weight: bold;
	background:#5384cf;
	position:relative;
	z-index:100;
	float: right;
	clear: right;
}

.menu ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
}

.menu ul li {
	float:left;
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	float:left; 
	text-decoration:none; 
	padding:0 13px 0 14px; 
	height:30px; 
	line-height:30px; 
	color:#fff; 
	background:#5384cf; 
	text-align: center;
}

.menu table {
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
	font-size:1em;
}

.menu ul li ul {
	visibility:hidden; 
	position:absolute; 
	top:30px; 
	left:0; 
}


.menu ul li:hover a,
.menu ul li a:hover {
	color:#5384cf; 
	background:#e6ecf7 url(../images/menu_bg.jpg);
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
	visibility:visible; 
	width:480px; 
	background:#e6ecf7; 
	color:#fff;
}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li { 
	border:0; 
}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li { 
border:0; 
}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {
	background:#e6ecf7; 
	color:#5384cf;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
	visibility: visible; 
	position:absolute; 
	left:0; 
	top:30px; 
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block; 
	background:#e6ecf7; 
	color:#5384cf;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background:#e6ecf7; 
	color: #00CC00;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
	visibility:hidden; 
	color:#000; 
	background:#dfc184;
}

.menu ul li:hover ul.right li {
	float:right;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
	background:#fff; 
	color:#000;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {
	background:#e6ecf7; 
	color:#5384cf;
}


.footer {
	width: 450px;
	padding: 15px 5px 0 0;
	font: 76%/1em Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
	text-align: right;
	float: right;
	clear: right;
}

.footer a {
	color: #99CCFF;
	text-decoration: none;
}

.footer a:hover {
	color: #9f6;
	text-decoration: underline;
}

ul li.events {
	margin-left: 95px;
}

#bottom {
	width:955px;
	top:500px;
	clear:both;
}

#bottom p.foot {
	font: 125% Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	letter-spacing:2px;
	text-align: right;
	padding-top:20px;
	}
	
a.enter {
	font: 99%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#993399;
	text-decoration: none;
	background: #f4f4f4;
	border: 1px solid #e9ecef;
	padding: 3px;
}

a.enter:hover {
	font: 99%/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#393;
	text-decoration: none;
	background: #f9f9f9;
	border: 1px solid #ecf6fc;
	padding: 3px;
}