/**
 * Navigator Multimedia Inc Standard CSS.
 * @author Chris satterthwaite <chris@navigatormm.com>
 * @version 1.0
 * @copyright Copyright (c) 2007, Navigator Multimedia Inc
**/

/***** Body Formatting *****/
body { background-color:#626462;}
html {
	min-height:100%;
	margin-bottom:1px;
	}
a {
    outline: none;
}
#wrapper{ width:800px; margin:0 auto;}
	
/*****Flash Image Formatting *****/	
#homeflash {width:259px; margin: 0 0 15px 0;}
	
/***** Header Formatting *****/	
#header {height:144px; background:url(../images/interface/header.gif) no-repeat; }

/***** Main Navigation Formatting *****/	
#main-navagation {
	width:800px;
	height:29px;
	display:block;
	background:url(../images/interface/navbar.gif) no-repeat;/*comment this line if using text only Navigation*/
	position:relative;
	z-index:1;
	}
	
#main-navagation li {
	margin:0px;
	padding:0px;
	list-style:none;
	/*float:left; uncomment this if using text only Navigation*/
	position: absolute;/*comment this line if using text only Navigation*/
	top:0px;/*Remove this line if using text only Navigation*/
	height:27px;
	}
	
#main-navagation li span {display:none;}/*comment this line if useing text only Navigation*/	
#main-navagation li a {height:27px; display:block;}/*remove height and display block if using text only navigation*/

/*comment this block of code if using text only Navigation*/
#home {left:0px;  width:111px;}
#about {left:111px; width:113px;}
#products {left:224px; width:113px;}
#support {left:337px; width:113px;}
/*#applications {left:392px; width:148px;}*/
#contact {left:450px; width:350px;}

 
#home a:hover, .homeon {background:transparent url(../images/interface/navbar.gif) -0px  -29px no-repeat;}
#about a:hover, .abouton {background:transparent url(../images/interface/navbar.gif) -111px -29px no-repeat;}
#products a:hover, .productson {background:transparent url(../images/interface/navbar.gif) -224px -29px no-repeat;}
#support a:hover, .supporton {background:transparent url(../images/interface/navbar.gif) -337px -29px no-repeat;}
/*#applications a:hover, .applicationson {background:transparent url(../images/interface/navbar.gif) -392px -29px no-repeat;}*/
#contact a:hover, .contacton {background:transparent url(../images/interface/navbar.gif) -450px -29px no-repeat;}

/*-------------------------------------------------------*/
/***** Dropdown Formatting *****/
#main-navagation li ul {
	width:160px;
	visibility:hidden;
	position:absolute;
	top:27px;
	left:0px;
	background-color:#fff;
	padding-left:10px;
	}
	
#main-navagation li ul li{
	position:relative;
	height:25px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	}
	
#main-navagation li ul li a {
	color:#84abd2;
	font-size: 0.70em; /* 16x0.60=10px */
	font-weight: bold;
	text-decoration:none;
	width:160px;
	height:25px;
	margin: 0px;
	padding-top: 7px;
	display:block;
	vertical-align: middle;
	}
	
#main-navagation li ul li a:hover {
	color:#000000;
	background:none;
	}

#main-navagation  table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}

/* position the third level flyout menu */
#main-navagation ul ul {
	left:149px;
	top:-1px;
	width:149px;
}

/* make the second level visible when hover on first level list OR link */
#main-navagation  li:hover ul, #main-navagation  a:hover ul {
	visibility:visible;
	}
/* keep the third level hidden when you hover on first level list OR link */
#main-navagation  :hover ul ul {
	visibility:hidden;
	}
/* make the third level visible when you hover over second level list OR link */
#main-navagation  :hover ul :hover ul {
	visibility:visible;
	}

/***** Content Formatting *****/	
#content-wrapper {
	min-height:300px;
	height:auto !important;
	background-color:#fff;
	overflow:hidden;
	}

#col1 {width:534px;
	  border-right:234px solid #617a89;
	  margin-right:-234px; 
  	  float:left;
	padding: 16px;
	}	

#col2 {
	width:234px;
	height: 425px;
	background-image: url(../images/interface/sidebar_logo.gif);
	background-repeat: no-repeat;
	float:left;
}

/***** Col1 General Page Formatting *****/
#col1 h1 {
	color:#617a89;
	line-height: 250%;
	font-size:115%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
#col1 h2 {
	color:#393939;
	padding:5px 0px 5px 0px;
	font-size:100%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
#col1 h3 {
	color:#393939;
	padding:5px 0px 5px 0px;
	font-size:90%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
#col1 p  { color:#393939; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;}
#col1 ul { color:#393939; list-style:square; padding:0px 0px 18px 20px;}
#col1 li { padding:0px 0px 10px 0px;}
#col1 a  { text-decoration:underline;}
#col1 img { border-left:#617a89 solid 4px; border-right:#13395f solid 4px; border-top:#617a89 solid 4px; border-bottom:#13395f solid 4px; margin: 10px 10px 10px 0px;}
#col1 .imgborder {border-left:#bddbf0 solid 4px; border-right:#13395f solid 4px; border-top:#bddbf0 solid 4px; border-bottom:#13395f solid 4px;}
#col1 .bluetext{color:#0053a0;}
#col1 .basic {color:#000000; text-decoration:none;}

#col1 .homeproduct {
	height:165px;
	margin-bottom:30px;
	margin-top: 7px;
	border-top-width: 1px;
	border-top-style: ridge;
	border-top-color: #000066;
}
#col1 .homeproduct h2 {color:#393939; padding:5px 0px 0px 0px; font-size:0.9em; font-weight:bold;}
#col1 .homeproduct p {color:#393939; font-size:0.8em;}
#col1 .homeproduct a { color:#617a89; text-decoration:underline;}
#col1 .homeproduct img { border-left:#617a89 solid 4px; border-right:#13395f solid 4px; border-top:#617a89 solid 4px; border-bottom:#13395f solid 4px; margin: 10px 10px 10px 0px;}
#col1 .imgborder {border-left:#bddbf0 solid 4px; border-right:#13395f solid 4px; border-top:#bddbf0 solid 4px; border-bottom:#13395f solid 4px;}
#col1 a, #col2 a h2{color:#617a89; text-decoration:underline;}
#col1 a{font-size:0.9em; font-weight: bold;}
#col1 .basic {color:#000000; text-decoration:none;}

/***** Products Formatting *****/
#col1 p { color:#393939; font-size:80%;}
#col1 a {color:#617a89;}
#col1 .smalltext {font-size:60%;}

#product .item {
	width:350px;
	float:left;
	border-top:1px #1a5794 solid;
	border-left:1px #1a5794 solid;
	border-right:1px #1a5794 solid;
	border-bottom:2px #113b64 solid;
	padding:10px;
	margin:5px;
	background-color:#e8f0f8;
	}

#product h1 {color:#393939; padding:5px 0px 5px 0px; font-size:95%; font-weight:bold;}
#product .item h2 {margin-left:165px; color:#000000; padding:5px 0px 5px 0px; font-size:1em; font-weight:bold;}
#product .item p {color:#393939; font-size:0.9em; margin-left:170px;}	
#product .item a {color:#617a89; font-size:0.8em; margin-left:5px;}
#product .item .spaceout {margin-left:60px;}
#product .item a:hover {color:#393939;}
#product .item img {border:1px #1a5794 solid;}

/***** Footer Formatting *****/	
#footer {
	width:800px;
	height: 96px;
	background-image: url(../images/interface/footer.gif);
	background-repeat: no-repeat;
}
	
#footer-nav { 
	font-size:0.8em; 
	width:470px;/*Changes the width to center the links*/ 
	margin:0px auto;
	}
	
#footer-nav li{ margin:0px 6px; float:left;}
#footer-nav a{ color:#820024;}

#footer-address { color:#c3daf3; font-size:65%; width:720px;}
#footer-address  a{ color:#c3daf3;}