/* -----------------------------------------
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, h3, 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, table, caption, tbody, tfoot, thead, tr, th, td {
	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;
}
/*----------------- Body ---------------- */
body {
	margin: 					0px;
	padding: 	    	  0px;
	font: 						14px/16px Arial, Helvetica, sans-serif;
	color:						#FFF;
	background:				#000;
	overflow:				auto;
}
#background {
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
}
#flash-container {
	height:100%;
	width:100%;
	overflow:visible;
}

/*-------------- Wrapper ---------------- */
#wrapper {
	width:				901px;
	min-height:         500px;
	height:				100%;
	margin:         	0px auto;
	margin-top:			3%;
	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;
}
.orange {
	color:						#f2a733;
}
/*-------------- Header Section --------- */
#logo {
	position:					absolute;
	top:							32px;
	left:							32px;
}
/*#request-quote {
	position:					absolute;
	top: 						24px;
	right:						24px;
}*/

#background-image {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -100;
}
/*-------------- Content Section -------- */
#content {
	min-height:       562px;/*Real browsers will read this for Min-Hieght*/
	height:						auto !important;
	height:						562px;/*Hack to make this work in IE6*/
	width:						901px;
	background:				url(../../images/splash/splash-border.gif) no-repeat;
}
#text {
	width:						788px;
	height:						138px;
	color:						#FFF;
	font-size:				15px;
	background:				url(../../images/splash/splash-content.png) no-repeat;
	position:					absolute;
	top:							186px;
	left:							35px;
	padding:          20px 20px 20px 20px;
}
#text p {
	padding-bottom: 		0.75em;
}
#text h1 {
	font-size:				18px;
	font-weight:			bold;
	font-family:			Arial Black, Arial, Helvetica;
	color:						#f6e6cd;
	margin-bottom:		20px;
}
#commercial {
	position:					absolute;
	left: 						35px;
	top: 						391px;
}
/*#residential {
	position:					absolute;
	right: 						38px;
	top: 						391px;
}
*/

#residential {
	position:			absolute;
	top:				391px;
	right:				38px;
	height: 			106px;
	width: 				399px;
	background: 		url(../../images/splash/residential.png) no-repeat;
}
#residential span {
	display:			none;
}
#residential a {
	height: 			106px;
	display: 			block;
}
.residential {
	left:				0px;
	width:				399px;
}
.residential a:hover, .residential .selected {
	color:#FFF;
	background:transparent url(../../images/splash/residential.png) 0px -106px no-repeat;
}
#commercial {
	position:			absolute;
	top:				391px;
	left:				35px;
	height: 			106px;
	width: 				399px;
	background: 		url(../../images/splash/commercial.png) no-repeat;
}
#commercial span {
	display:			none;
}
#commercial a {
	height: 			106px;
	display: 			block;
}
.commercial {
	left:				0px;
	width:				399px;
}
.commercial a:hover, .commercial .selected {
	color:#FFF;
	background:transparent url(../../images/splash/commercial.png) 0px -106px no-repeat;
}
#request-quote {
	position:			absolute;
	top:				24px;
	right:				24px;
	height: 			31px;
	width: 				157px;
	background: 		url(../../images/interface/request-quote.gif) no-repeat;
}
#request-quote span {
	display:			none;
}
#request-quote a {
	height: 			31px;
	display: 			block;
}
.request-quote {
	left:				0px;
	width:				157px;
}
.request-quote a:hover, .request-quote .selected {
	color:#FFF;
	background:transparent url(../../images/interface/request-quote.gif) 0px -31px no-repeat;
}
/*------------- Footer Section ---------- */
#footer-wrapper {
	height:						155px;
	width:						100%;
	position:					absolute;
	z-index: 					5;
	color:						#FFF;
	margin-top:					3%
}
#footer {
	height:						146px;
	width:						901px;
	margin:         	0px auto;
	padding:        	0px;
	position:       	relative;
	z-index:					20;
}

#gradient {
	background:url(../../images/bgs/index-footer-bg.png) repeat-x;
	width: 100%;
	height: 600px;
	position: absolute;
	top: -170px;
	left: 0px;
	z-index: 1;
}

#logos {
	width:						690px;
	height:						105px;
	float:						left;
	margin-bottom:				15px;
}
#logos a {
	margin-right: 		10px;
}
#contact {
	width:						208px;
	height:						105px;
	float:						right;
	margin:          	0px;
	text-align:				right;
}

.facebook {
	height: 30px;
	width: 208px;
	display: block;
	margin-top: 10px;
}

.facebook img {
	vertical-align:middle;
}

#contact a, a:visited{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#copyright {
	width:						451px;
	float:						left;
}
#webdesign {
	width:						450px;
	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%;
}