/* -----------------------------------------
NAVIGATOR MULTIMEDIA INC CSS PAGE STRUCTURE
Designed by: Chris Satterthwaite
Modified By: Chris Satterthwaite
Date Modified: Oct.02.2009
--------------------------------------------
TABLE OF CONTENTS
--------------------------------------------
Reset: 
Body:
Wrapper:
Typography:
Header Section:
Navigation Section:
Content Section:
Footer Section:
Hacks/Fixes:
--------------------------------------------
STYLE RULES
--------------------------------------------
Box
			hieght
			width
			background
			border
			margin
			padding
			display
			
Position
			position
			top
			left
			float
			z-index
			
Font
			color
			font family
			font size
			line hieght
----------------------------------------- */
/* Reset                                  */
html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th {
	background: 			transparent;
	border: 					0;
	margin: 					0;
	padding:          0;
	font-size: 				100%;
	outline: 					0;
	vertical-align: 	baseline;
}

body { 
line-height: 				1;
}

ol, ul { 
	list-style: 		  none;
}

blockquote, q { 
	quotes: 					none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: 					'';
	content: 					none;
}

/* remember to define focus styles! */
:focus {
	outline: 					0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 	none;
}

del { 
	text-decoration: 	line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 	collapse;
	border-spacing: 	0;
}

input {
	background: #FFF;
	border: 1px solid #5c88bd;
}

textarea {
	background: #FFF;
	border: 1px solid #5c88bd;
}

button {
	background: #FFF;
	border: 1px solid #5c88bd;
}

.left {
	float:left;
}

.right {
	float:right;
}
/*----------------- Body ---------------- */
body {
	background:				#000 url(../images/interface/bg-main.jpg) no-repeat;
	margin: 					0px;
	
	padding: 	    	  0px;
	font: 						12px/16px Arial, Helvetica, sans-serif;
}

/*-------------- Wrapper ---------------- */
#wrapper {
	width:						1000px;
	margin:         	0px auto;
	padding:          0px;
	
	position:       	relative;
	z-index:					10;
}

/*-------------- Typography ------------- */
h1 span, h2 span, h3 span { 
	display: 					none; 
}

h2 {
	margin-bottom:		14px;
	
	font-size:				18px;
	font-weight:			bold;
}

h3 {
	font-size:				16px;
	font-weight:			bold;
}

/*-------------- Header Section --------- */
#header {
	height:						172px;
	width:						auto;
	background:				#FFF url(../images/interface/bg-header.gif) repeat-y top right;
	border-bottom:		1px solid #FFF;
	display:					block;
	
	position:					relative;
	z-index:					20;
}

#logo {
	height:						153px;
	width:						203px;
	
	position:					absolute;
	top:							10px;
	left:							41px;
}

#header .search {
	height:						12px;
	width:						467px;
	border:						1px solid #292929;
	padding:	        10px;
	
	position:					absolute;
	top:							16px;
	right:						41px;
	
	font-size:				11px;
	font-weight:			bold;
}

#header .search-button {
	height:						17px;
	width:						80px;
	background:				url(../images/interface/search-button.png) no-repeat;
	border:						none;
	cursor:						pointer;
	
	position:					absolute;
	top:							56px;
	right:						41px;
}

#facebook {
	height:						14px;
	width:						133px;
	
	position:					absolute;
	bottom:						10px;
	right:						181px;
}

#twitter {
	height:						14px;
	width:						114px;
	
	position:					absolute;
	bottom:						10px;
	right:						41px;
}

/*----------- Navigation Section -------- */
#nav {
	height:						40px;
	width:						auto;
	background:				url(../images/interface/navigation.gif) no-repeat;
	
	z-index:					30;
}

#nav ul {
	height:						40px;
	width:						1000px;
	display:					block;
}

#nav ul li {
	margin:						0px;
	padding:          0px;
	
	position:					absolute;
	float:						left;
	
	list-style-type:	none;
}

#nav ul li span { display:					none; }

#nav ul li a {
	height: 					40px;
	display: 					block;
}

.home 					{ left:170px; 	width:95px;}
.aboutus 				{ left:265px; 	width:102px;}
.ourhistory 		{ left:367px; 	width:83px;}
.ourmembers 		{ left:450px; 	width:104px;}
.becomeamember 	{ left:554px; 	width:105px;}
.inthecommunity { left:659px; 	width:104px;}
.testimonials 	{ left:763px; 	width:105px;}
.contactus 			{	left:868px; 	width:105px;}

.home a:hover, .home .selected 											{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -170px -40px no-repeat;}
.aboutus a:hover, .aboutus .selected 								{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -265px -40px no-repeat;}
.ourhistory a:hover, .ourhistory .selected 					{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -367px -40px no-repeat;}
.ourmembers a:hover, .ourmembers .selected				 	{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -450px -40px no-repeat;}
.becomeamember a:hover, .becomeamember .selected 		{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -554px -40px no-repeat;}
.inthecommunity a:hover, .inthecommunity .selected 	{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -659px -40px no-repeat;}
.testimonials a:hover, .testimonials .selected 			{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -763px -40px no-repeat;}
.contactus a:hover, .contactus .selected 						{ color:#FFF; background:transparent url(../images/interface/navigation.gif) -868px -40px no-repeat;}

/*-------------- Content Section -------- */
#article {
	min-height:       323px;/*Real browsers will read this for Min-Hieght*/
	height:						auto !important;
	height:						323px;/*Hack to make this work in IE6*/
	background:				#FFF;
	padding:          15px;
}

#article h1 {
	font-size: 			 	24px;
	font-weight:			bold;
	margin-bottom:		15px;
}

#article a, a:visited {
	color:	#5c88bd;
	text-decoration: none;
	font-weight: bold;
}
	
#article a:hover {
	text-decoration: underline;
}

.categories {
	width: 320px;
	float: left;
}

/* Welcome/HomePage                       */	
#welcome {
	height:						323px;
	background:				url(../images/interface/bg-welcome.jpg) no-repeat;
	
	position:					relative;
}

#welcome .text {
	position:					absolute;
	top:							49px;
	left:							41px;
}

#welcome .search {
	height:						12px;
	width:						467px;
	border:						1px solid #292929;
	padding:	        10px;
	
	position:					absolute;
	top:							230px;
	left:							41px;
	
	font-size:				11px;
	font-weight:			bold;
}

#welcome .search-button {
	height:						17px;
	width:						80px;
	background:				url(../images/interface/search-button.png) no-repeat;
	border:						none;
	cursor:						pointer;
	
	position:					absolute;
	top:							275px;
	left:							447px;
}

/*-------------- Testimonials Section -------- */

.thedate {
	font-weight: bold;
}

.title {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	color:	#5c88bd;
}

.desc {
	margin-left: 20px;
}

/*-------------- Members Section -------- */

.company_name {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	color:	#5c88bd;
}

.address {
	font-size: 12px;
	font-weight: bold;
}

.type {
	color:#5c88bd; 
	font-size: 18px;
	padding:0px 0px 15px 0px;
	margin: 0px 0px 0px 0px; 
	font-weight: bolder;
}


/*------------- Footer Section ---------- */
#footer-wrapper {
	height:						302px;
	width:						auto;
	background:				#a0d5f4 url(../images/interface/bg-footer-wrapper.gif) repeat-x;
	border-top:				1px solid #FFF;
	
	color:						#FFF;
}

#footer {
	height:						205px;
	width:						1000px;
	margin:         	0px auto;
	padding:        	0px;
	
	position:       	relative;
	z-index:					20;
}

#fcol1 {
	height:						179px;
	width:						271px;
	padding:          26px 0 0 24px;
	
	position:       	relative;
	float:						left;
}

#fcol2 {
	height:						179px;
	width:						196px;
	background:				url(../images/interface/bg-col2.gif) no-repeat;
	padding:          26px 24px 0 24px;
	
	position:       	relative;
	float:						left;
}

#fcol3 {
	height:						179px;
	width:						436px;
	padding:          26px 0 0 24px;
	
	position:       	relative;
	float:						left;
}

#copyright {
	width:						500px;
	
	float:						left;
}

#webdesign {
	width:						500px;
	
	float:						left;
	text-align:				right;
}

#copyright a, #webdesign a {
	color:						#FFF;
	font-size:        10px;
	text-decoration:	none;
}

/*------------- Hacks/Fixes ------------- */
/* Fire Fox Float Fix                     */
.clearfix:after {
	height:						0;
	visibility: 			hidden;
	display: 					block;
	clear: 						both;
	content: 					".";
	line-height: 			0;
}

.clearfix { display: 					block; }

html[xmlns] .clearfix { display:					block; }

* html .clearfix { height: 					1%; }


.btnAddTestimonial{
    float: right;
    font-size: 18px;
}