/**
 * 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-image:url(../images/interface/white-bg-header.gif); background-repeat:repeat-x; background-color:#666666;}
#wrapper{ width:800px; margin:0px auto;}
	
/*****Flash Image Formatting *****/	
#flashimage {width:800px; height:300px;}
	
/***** Header Formatting *****/	
#header {width:800px; height:140px; background-color:#FFFFFF;}

/***** Middle Banner Formatting *****/
#banner {
    width:800px;
	height:51px;
	border-top:#6f0b00 2px solid;
	border-bottom:#6f0b00 2px solid;
	background-color:#c05700;
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	}
#banner img {margin:10px;}
	
.title {font-size:1.8em;}

/***** Main Navigation Formatting *****/	
#main-navagation {
	width:800px;
	height:33px;
	display:block;
	background:url(../images/interface/navbar.gif) no-repeat;
	position:relative;
	}
	
#main-navagation li {
	margin:0px;
	padding:0px;
	list-style:none;
	position: absolute;
	top:0px;
	}
	
#main-navagation li span {display:none;}	
#main-navagation li a {height:33px; display:block;}


#home {left:0px; width:81px;}
#aboutus {left:81px; width:107px;}
#products {left:188px; width:102px;}
#feature {left:290px; width:162px;}
#contact {left:452px; width:119px;}
#phone {left:571px; width:229px;}
 
#home a:hover, .homeon {background:transparent url(../images/interface/navbar.gif) -0px  -33px no-repeat;}
#aboutus a:hover, .aboutuson {background:transparent url(../images/interface/navbar.gif) -81px -33px no-repeat;}
#products a:hover, .productson {background:transparent url(../images/interface/navbar.gif) -188px -33px no-repeat;}
#feature a:hover, .featureon {background:transparent url(../images/interface/navbar.gif) -290px -33px no-repeat;}
#contact a:hover, .contacton {background:transparent url(../images/interface/navbar.gif) -452px -33px no-repeat;}
#phone a:hover, .phoneon {background:transparent url(../images/interface/navbar.gif) -571px -33px no-repeat;}

/*-------------------------------------------------------*/

/***** Vertical Dropdown Formatting *****/
#main-navagation li ul { list-style: none;}
#main-navagation li ul li {float:none;}
#main-navagation ul li {position:relative;}

#main-navagation li ul {
	display:none;
	background-color:#ffffff;
	position:absolute;
	left:0px;
	top:33px;
	}

#main-navagation li ul li{
	width:160px;
	height:10px;
	padding:5px;
	border-bottom: 1px solid #FFFFFF;
	background-color:#666666;
	}

#main-navagation li ul li:hover{
	color:#820024; 
	background-color:#ffffff;
	}

#main-navagation li ul li a { 
	color:#ffbf00; 
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}

#main-navagation li ul li a:hover { 
	color:#ff7300;
	background-image:none;
	}

#main-navagation li:hover ul, #main-navagation li.over ul { display: block; }
#main-navagation li:hover ul, li.over ul { display: block; }

/***** Content Formatting *****/	
#content-wrapper {
	background-color:#FFFFFF;
	min-height:200px;
	height:auto !important;
	height:200px;
	}

/***** Gallery Formatting *****/
#gallery {width:560px; margin:0px auto;}
#gallery img {width:90px; height:60px; border:solid 1px #000000;}
#gallery li {text-align:center; width:100px; height:67px; margin:5px; padding-top:3px; float:left; background-color:#FFFFFF; }
#gallery li:hover {background-color:#c05700;}

#gallery-display {width:550px; text-align:center; margin:0px auto;}
#gallery-display .bigphoto { border:solid 1px #000000;}
#gallery-display .descriptiton {width:500px; margin:0px auto; padding:10px 0px;}
#gallery-display p {color:#f8c629; text-align:justify; padding:0px 0px 8px 0px; }
#gallery-display .backbutton {color:#f8c629; font-size:1em; font-weight:bold; text-align:justify; padding:0px 0px 8px 0px; cursor:pointer;}

#photo {padding:10px;}
#photo h1{color:#999999; font-size:1.7em; padding:5px 0px 5px 0px;}
#photo a {color:#ff8622;}
/*** Home Page ***/	
#col1-home {
	width:428px;
	min-height:189px;
	height:auto !important;
	height:189px;
	background-color:#712028;
	color:#FFFFFF;
    padding:;
	text-align:justify;
	font-size:0.9em;
	padding:12px;
	}
	
#col1-home a {color:#FFFFFF; text-decoration:underline;}
#col1-home a:hover {color:#ffbf00;}
	
#col2-home {width:348px;}
#col3-home {width:800px;}

/*** Products Page ***/
#products-header {width:800px; height:212px;}

#col1-products {
	width:174px;
/*	min-height:200px;
	height:auto !important;
	height:200px;*/
	background-color:#FFFFFF;
	padding:5px;
	}
	
#col2-products {
	width:616px; 
	background-color:#FFFFFF; 
/*	min-height:190px;
	height:auto !important;
	height:190px;*/
	color:#999999;
	text-align:justify;
	font-size:0.9em;
	}
	
#col2-products a {color:#ff8622; text-decoration:underline;}
#col2-products p { padding:5px;}
#col2-products h1 {padding:5px 0px 9px 0px;}
#col2-products h2{color:#ff8622; padding:5px 0px 5px 0px;}


/*** Contact/About Page ***/
#col1-about {
	width:174px;
/*	min-height:200px;
	height:auto !important;
	height:200px;*/
	background-color:#FFFFFF;
	padding:5px;
	}
	
#col2-about {
	width:313px; 
	background-color:#FFFFFF; 
/*	min-height:190px;
	height:auto !important;
	height:190px;*/
	padding:10px 10px 0px 10px;
	color:#999999;
	text-align:justify;
	font-size:0.9em;
	}

#col2-about h1 {padding:5px 0px 9px 0px;}	
#col2-about a {color:#ff8622; text-decoration:underline;}


/*#col3-about {
	width:282px; 
	background-color:#FFFFFF; 
	min-height:210px;
	height:auto !important;
	height:210px;
	}*/
	
/***** Footer Formatting *****/	
#footer {
	width:800px;
	height:30px;
	margin:0px auto;
	background-color:#FFFFFF;
	color:#ff7300;
	font-size:0.8em;
	border-top: solid 1px #666666;
	}
	
#footer a {color:#ff7300;}
	
#footer-address { color:#FFFFFF; font-size:0.8em; width:720px; margin-top:5px; font-weight:bold;}
#footer-address  a{ color:#FFFFFF;}