/* RESETS FOR MAIN CSS 
--------------------------------*/
* { margin: 0; padding:0;}
html {background:#000;}
body {font:62.5% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;}
a {outline:none;}
a img {border:none;}
img{display:block;}
li {list-style:none;}
/*COLORS
LIGHT BLUE - #0099ff
*/


/*GLOBALS STYLES
-----------------------------*/
p, h1 {color:#999;}
a, li{color:#0099ff;	text-decoration:none;}
a:hover{color:#FFF;}
h1, h2, h3, h4{font-weight:normal;}

/*TOOLBOX
-----------------------------*/
.clear{clear: both;}
.right{float:right;}
.left{float:left;}
.text-right{text-align:right;}
.text-left{text-align:left;}


/*HEADER & WRAPPER
-----------------------------*/
#wrap {
	padding-top:20px;
	width:1000px;
	margin: 0 auto 0;
}
#header {
	width:100%;
	border-bottom:1px solid #999;
	}
.logo {
	padding:0 0 0px 5px;
}
p.head-copy {
	padding:3px 0 5px 8px; 
	
}
/*NAVIGATION
-----------------------------*/
#nav {
	font-size:12px;
	margin-left:670px;
	margin-top:-20px;
	margin-bottom:3px;
	}
#nav li{
	color:#0099ff;
	display:inline;
	padding-left: 35px;
	background: url(../img/arrow_bullet.gif) no-repeat 18px 0px;
	}

/*MISSION STATEMENT
-----------------------------*/
#tag-line {
	margin-top:2px;
}

.mission-button{
	font-size:13px;
	padding-left:25px;
	color:#fff;
	background: url(../img/arrow_bullet.gif) no-repeat 4px 1px;
	text-decoration:none;
}

#mission{
	position:absolute;
	width:500px;
	background:#000;
}
#mission p{
	font-size:11px;
	color:#999;
	line-height:15px;
	margin:5px;
	
}
#mission a{
	margin:10px;
	float:right;
}

/*NEWS TICKER
----------------------------*/
#newsticker {
	overflow:hidden;
	position:absolute;
	text-align:right;
	width:400px;
	height:25px;
	margin-left:635px;
}
#newsticker p, li{
	font-size:12px;
	margin-top:5px;
	}

#newsticker p {
	float:left;
	color:#fff;
	}

#newsticker li{
	margin-left:5px;
}
#newsticker ul {
	float:left;
	list-style: none;
}

#togglenewsticker {
display:none;
}

/*MAIN CONTENT AREA
-----------------------------*/
#main-content{
	width:1000px;
	margin:0 auto 0;
	padding-top:50px;
}
#main-content h1{
	padding-left:10px;
	color:#0099ff;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-top:10px;
}
#main-content p{
	font-size:11px;
	padding:10px;
	line-height:15px;
}

/*CONTACT
----------------------------*/
#contact{
	padding-top:100px;
	margin-left:-15px;
}

#contact-copy{
	margin-top:25px;
	margin-left:15px;
	float:left;
	text-align:left;
	width:410px;
	background: url(../img/camera.jpg) no-repeat 180px;
}
#contact-copy h2{
	margin-top:40px;
	color:#FFF;
	font-weight:normal;
}
#contact-copy p{
	margin:0;
	padding:0;
}
fieldset{
	padding-top:0px;
	float:left;
	width:500px;
	border:0;
}

label, label span{
	color:#999;
	display:block;
	padding-bottom:.45em;
	}
label {
	float:left;
	width:520px;
}
label span{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
}
fieldset input{
	color:#fff;
	background:#222;
	float:left;
	border:1px solid #fff;
}
fieldset input:hover{
	border-color:#0099ff;
}
fieldset input:active, input:focus{
	border-color:#0099ff;
}

#mess{
	width:380px;
	height:150px;
}
#submit input{
	color:#fff;
	margin-left:398px;
	padding:3px;
}


/*BIOS
----------------------------*/
#main div{
	width:48%;
	margin:50px auto 10px;
}
#main img{
	display:block;
	margin:0 auto 0;
	margin-top:20px;
	border:6px solid #fff;
}

/*PRESS
----------------------------*/
#press{
	width:650px;
	padding-right:20px;
}
/*COVER FLOW STYLES
----------------------------*/

#pflow {
	color: #330033;
	background-color: #000;
}

/*FOOTER
-----------------------------*/
#footer {
	border-top:1px solid #999;
	width:100%;
	text-align:center;
	padding-top:5px;
	margin-top:50px;
	margin-bottom:50px;
}
#footer p{
	color:#0099ff;
	font-size:11px;
}


/*SHADOWBOX STYLES
----------------------------------------------------------------------------------------------------*/
/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
	display: none;
	visibility: hidden;
	margin: 0 auto;
	position: relative;
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	white-space: nowrap;
	padding: 5px 0 4px 8px;
	color: #999;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 2px solid;
	background-color: #000;
	border-color: #000000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
	position: absolute;
	top: 0;
	left: 0;
	height: 10000px; /* overflow:hidden will clip this */
	width: 100%;
	background-color: #000;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
	color: #999;
	font-weight:bold;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #999;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
	text-decoration: none;
	font-weight: normal;
	color: #999;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}

/*PROTOTIP
-------------------------------------------------------------------*/
/* CSS to go with Prototip.Styles */

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #000;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */