/* screen styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
	Typography and Inline Elements
	Navigation
		Specific Nav Button Styling
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#foo {display:none;}
#nav {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */
#nav-bot {text-indent:-9999px; overflow:hidden}

/* Layout */
/* *************************************************************************************** */
body {
	font-size:0.875em; /* makes font a specific size... must find it... */
	text-align:center;
	background: #000000;
}
#container {
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	width: 800px;
	background: url(images/bg.jpg) no-repeat center top;
	padding-top: 150px;
}
#branding-logo {
	position: absolute;
	top: 37px;
	left: 79px;
}
#content {
	padding-right: 80px;
	padding-left: 80px;
}
#content-prod {padding: 2px;}

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {font-family: impact; color: #ED1C24; font-size: 3em; text-align: center; font-weight: normal;}
h2 {font-family: impact; color: #fff; font-size: 2em; text-align:left; font-weight: normal;}
h3 {font-family: impact; color: #fff; font-size: 2em; text-align:center; font-weight: normal;}
p {}


/* Navigation */
/* placement of navigation */
/* *************************************************************************************** */
#nav {
	position: absolute;
	left: 218px;
	top: 54px;
	width:577px
}
#nav ul {}

#nav ul, #nav li {/* fix IE6 and IE7 List bug */ display: inline; }

#nav a:link, #nav a:visited {
	display:block;
	float:left;
	height:47px;
	background-position:left bottom
}
#nav a:hover, #nav a:active {background-position:left top}

/* Specific Nav Button Styling */
/* used if buttons use images instead of text or combined with text */

#btn-about_us {background-image:url(images/btn-about_us.gif); width:116px;}
#btn-products {background-image:url(images/btn-products.gif); width:115px;}
#btn-customer_service{background-image:url(images/btn-customer_service.gif); width:160px;}
#btn-support {background-image:url(images/btn-support.gif); width:117px;}

/*  bottom nav */
#bot-contain {position: relative; width:auto; height: 50px; margin:0 auto;}
#nav-bot {
	width:auto;
	margin-top:10px;
	margin-left: 150px;
}
.over {margin-left: 230px;}
#nav-bot ul {}

#nav-bot ul, #nav-bot li {/* fix IE6 and IE7 List bug */ display: inline; }

#nav-bot a:link, #nav-bot a:visited {
	display:block;
	float:left;
	height:47px;
	background-position:left bottom
}
#nav-bot a:hover, #nav-bot a:active {background-position:left top}

#btn-news_media {background-image:url(images/btn-media.gif); width:115px;}
#btn-company {background-image:url(images/btn-company.gif); width:115px;}
#btn-contact {background-image:url(images/btn-contact.gif); width:115px;}

#btn-in_news {background-image:url(images/btn-in_news.gif); width:117px;}
#btn-web_links {background-image:url(images/btn-web_links.gif); width:115px;}
#btn-events {background-image:url(images/btn-events.gif); width:117px;}

#btn2-products {background-image:url(images/btn2-products.gif); width:115px;}
#btn2-customer_service {background-image:url(images/btn2-customer_service.gif); width:115px;}
#btn2-support {background-image:url(images/btn2-support.gif); width:115px;}

/* //////////// index page /////////////// */
a#intro {border: 2px solid #fff;}


/* /////////// about page /////////////// */

#para {font-size: 1.1em; padding-left: 6px; padding-right: 9px; line-height: 1.4em;}
#sidey {width:158px; font-family: arial; font-size: 12px; height: 330px; overflow: auto; margin-left: 6px;}
#player {background-repeat: no-repeat; background-image:url(images/player.gif);}
#sidescroll {background-image: url(images/side-scroll2.jpg); background-repeat: no-repeat;}


/* //////// support pages ///////// */
#support {
	display: block; 
	width: 690px; 
	text-align: left; 
	border-left: 1px solid #333; 
	border-right: 1px solid #333;
	padding: 10px;
	border-top: 0px dotted #333;}
#contacto {display: block; height: 300px; width: 630px; text-align: left;}



/* ////////// hawk stuff //////// */
#hawk-cont {
	background-image:url(images/hawk-bg.jpg); 
	height: 400px;
	background-repeat: no-repeat; 
	background-position: bottom center;
	text-align: center;
}
.hawkinfo {font-size: 11px; font-weight: bold; font-famliy: arial; color: #eee;}



/* //////// replacement parts pages /////////////// */
#main-blade {
	width: 801px; 
	display: block;
	height: 600px; 
	position: relative;
	background-color: #000;
	background-image:url(images/blade-replace.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 0px dotted #999;
}

/* //////// self help ///// */
table.sample  { background-color: #000; border: outset 2px red; border-collapse: collapse; border-spacing: 2px }
table.sample th  { background-color: #000; padding: 1px; border: inset 1px gray; -moz-border-radius: 0px 0px 0px 0px }
table.sample td  { background-color: #000; padding: 1px; border: inset 1px gray; -moz-border-radius: 0px 0px 0px 0px }
#top {background-color: #333;}

/* ///// ifly series /// */
#ifly {position: absolute; left: 230px; top:0px; width: 100px; height: 100px;}

#prod {display: block; position: absolute; top: 200px; left: 0px;
width: 800px; height: 300px;}
#description {font-size: 0.9em; line-height: 0.9em}

.blue {font-weight: bold; font-style: italic; color:#359DE8; font-size: 1em;}

/* //// air rage /// */
#air-rage {position: absolute; left: 290px; top:0px; width: 300px; height: 100px;}
#blade-runner {position: absolute; left: 280px; top:-100px; width: 300px; height: 100px;}
#licensed {position: absolute; left: 320px; top:-120px; width: 300px; height: 100px;}