/**
 * Navigator Multimedia Structure CSS.
 * @author Chris Satterthwaite <chris@navigatormm.com>
 * @version 2.0
 * @copyright Copyright (c) 2008, Chris Satterthwaite
 * To caculate font size divide the desired amount of pixels by 16
**/

/*Body Formatting*/
body            {background-color:#ffffff; background-image:url(../images/interface/body-int-bg.gif); background-repeat:repeat-x; background-color:#e3e3e3;}
#wrapper        {width:859px; margin:0px auto;}
#header         {background-image:url(../images/interface/header-bg.gif); background-repeat:no-repeat; padding:0px 10px 19px 10px; margin:0px; background-position:bottom; position:relative; z-index:990;}
#contentwrapper {text-align:left; position:relative;}
#footer         {height:62px; background:#1d3f47;}
#copyright      {color:#FFFFFF; font-size:0.5625em; width:859px;}/* 16x0.5625=9px*/

/*Header Formatting*/
#header h1      {display:none;}

/*Header Formatting*/
#header #head-top{width:842px; height:119px; background-image:url(../images/interface/head-top-bg.gif); background-repeat:no-repeat;}
#header #head-bottom{width:842px; height:154px; clear:both;}
#header #head-bottom #index-vid{width:397px; height:154px; background-image:url(../images/interface/index-vid-bg.jpg); background-repeat:no-repeat; float:left;}
#header #head-bottom #demo-btn{width:244px; height:154px; display:block; float:left;}
#header #head-bottom #sign-up-btn{width:201px; height:154px; display:block; float:left;}

/*Main Navigation Formatting*/		
#mainnavagation {
	text-align:left;
	width:385px;
	height:119px;
	display:block;
	float:right;
	background:#666666 no-repeat;
	position:relative;
	z-index:100;
	}
	
#mainnavagation li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: absolute;
	top:0px;
	}
	
#mainnavagation li span {display:none;}
#mainnavagation li a { color:#FFFFFF; height:119px; display:block; margin:0px;}

/*Help*/
#helpbtn{position:absolute; top:145px;}

#help{width:650px; margin:0 auto; z-index:1000; text-align:left; background:#ffffff; border:1px #000000 solid; padding:10px;}
#help h1{color:#0e7d9b; font:1em      Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:0px 0 12px 0; display:block; text-align:center;}
#help h2{color:#ffc415; font:0.875em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:6px 0 2px 0; font-variant:small-caps;}
#help h3{color:#000000; font:0.875em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:6px 0 2px 0;}
#help p{font-size:0.825em;}

/*Content Formatting*/
#sidebar     {float:left; width:180px; padding:10px 10px; background:#CCCCCC;}
#maincontent { float:left; width:830px; min-height:492px; height:auto !important; height:492px; padding:0px 7px 0px 7px; margin-left:7px; border-left:1px solid #426a75; border-right:1px solid #426a75; border-top:1px solid #426a75; background-color:#FFFFFF;}

#contentwrapper #maincontent h1       {color:#0e7d9b; font:1em      Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:12px 0 12px 0;}/*16x1.25=16px*/
#contentwrapper #maincontent h2       {color:#ffc415; font:0.875em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:6px 0 2px 0; font-variant:small-caps;}/*16x1.125=14px*/
#contentwrapper #maincontent h3       {color:#000000; font:0.875em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:6px 0 2px 0;}/*16x1.125=14px*/
#contentwrapper #maincontent p        {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:3px 20px 3px 20px; line-height:1.3em;}/*16x0.75=12px*/ 
#contentwrapper #maincontent ul       {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:5px 0 5px 50px; list-style:square;}/*16x0.75=12px*/
#contentwrapper #maincontent ol       {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:5px 0 5px 57px; list-style:decimal;}/*16x0.75=12px*/
#contentwrapper #maincontent a        {color:#0e7d9b; font:0.75em   Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#contentwrapper #maincontent a:hover  {color:#0e7d9b; font:0.75em   Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-weight:bold;}


/*Features Formating*/
/*#contentwrapper #maincontent #features{width:403px; background-image:url(../images/interface/features-top.gif); background-repeat:no-repeat; display:block; padding-top:62px; margin-top:25px; float:left;}
#contentwrapper #maincontent #features-mid{width:403px; min-height:295px; height:auto !important; height:295px; background-image:url(../images/interface/features-bg.gif); background-repeat:repeat-y;}
#contentwrapper #maincontent #features-bottom{width:403px; height:21px; background-image:url(../images/interface/features-bottom.gif); display:block;}
#contentwrapper #maincontent #features-mid ul{list-style:none; text-indent:none; margin:0px; padding:10px 0px 10px 10px;}
#contentwrapper #maincontent #features-mid li{font-size:1em; font-weight:bold; color:#0e7d9b; margin:10px 0px; font-variant:small-caps;}
#contentwrapper #maincontent #features-mid a{text-align:center; width:296px; margin:20px auto; display:block;}

#contentwrapper #maincontent #index-text{float:right; width:405px; padding:20px 10px;}
#contentwrapper #maincontent #index-text h2{text-align:center; color:#0e7d9b;}
#contentwrapper #maincontent #index-text p{padding:10px 20px;}
#contentwrapper #maincontent #index-text strong{ color:#0e7d9b;}*/

#contentwrapper #maincontent #fixDiv {clear:both;}
#contentwrapper #maincontent #flashVideo {width:396px; height:346px; float:left; margin-top:25px;}

#contentwrapper #maincontent #features{width:403px; background-image:url(../images/interface/features-top.gif); background-repeat:no-repeat; display:block; padding-top:62px; margin-top:25px; float:right;}
#contentwrapper #maincontent #features-mid{width:403px; min-height:295px; height:auto !important; height:295px; background-image:url(../images/interface/features-bg.gif); background-repeat:repeat-y;}
#contentwrapper #maincontent #features-bottom{width:403px; height:21px; background-image:url(../images/interface/features-bottom.gif); display:block;}
#contentwrapper #maincontent #features-mid ul{list-style:none; text-indent:none; margin:0px; padding:10px 0px 10px 10px;}
#contentwrapper #maincontent #features-mid li{font-size:1em; font-weight:bold; color:#0e7d9b; margin:10px 0px; font-variant:small-caps;}
#contentwrapper #maincontent #features-mid a{text-align:center; width:296px; margin:20px auto; display:block;}

#contentwrapper #maincontent #index-text{width:810px; padding:20px 10px;}
#contentwrapper #maincontent #index-text h2{text-align:center; color:#0e7d9b;}
#contentwrapper #maincontent #index-text p{padding:10px 20px;}
#contentwrapper #maincontent #index-text strong{ color:#0e7d9b;}


/*Projects Formatting*/
#contentwrapper #maincontent .projectholder{width:630px; margin:10px auto 20px auto; padding:10px; color:#0e7d9b; background-color:#ffffff; border:1px dashed #999999;}
#contentwrapper #maincontent #projectmenu{text-align:right;}
#contentwrapper #maincontent .projectholder h2 a			{color:#0e7d9b; font:1em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:0px 0 2px 0; font-variant:small-caps;}
#contentwrapper #maincontent .projectholder h2 a:hover{color:#0e7d9b; font:1em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:0px 0 2px 0; font-variant:small-caps; text-decoration:underline;}
#contentwrapper #maincontent .projectholder a{color:#0e7d9b; font-size:0.85em;}
#contentwrapper #maincontent .projectholder a:hover{color:#0e7d9b;}

/*Flash Formatting*/
#flashimage{width:915px; height:700px; margin:0px auto; position:relative; z-index:100;}

/*LightBox Formatting*/
#jquery-overlay                                        {width:100%; height:500px; position:absolute; top:0; left:0; z-index:90;}
#jquery-lightbox                                       {text-align:center; width:100%; position:absolute; top:0; left:0; line-height:0; z-index:100;}
#jquery-lightbox a img                                 {border:none;}
#lightbox-container-image-box                          {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image                              {padding:10px;}
#lightbox-loading                                      {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#lightbox-nav                                          {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lightbox-container-image-box > #lightbox-nav          {left:0;}
#lightbox-nav a                                        {outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext           {width:49%; height:100%; zoom:1; display:block;}
#lightbox-nav-btnPrev                                  {left:0; float:left;}
#lightbox-nav-btnNext                                  {right:0; float:right;}
#lightbox-container-image-data-box                     {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
#lightbox-container-image-data                         {padding:0 10px; color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left;}	
#lightbox-image-details-caption                        {font-weight:bold;}
#lightbox-image-details-currentNumber                  {display:block; clear:left; padding-bottom:1.0em;}			
#lightbox-secNav-btnClose                              {width:66px; float:right; padding-bottom: 0.7em;}

/*Footer Formatting*/
#footer #footerlinks    {color:#FFFFFF; font-size:0.625em; width:275px; height:20px; margin:0px auto;}
#footer #footerlinks li {float:left; margin-left:8px;}
#footer #footerlinks a  {color:#FFFFFF;}
#footer #footerlinks a:hover {color:#b6df00;}

/*Copyright Formatting*/
#copyright a {color:#FFFFFF;}
#copyright a:hover {color:#b6df00;}

/*General Styles*/
.redtext{color:#ff0000;}