@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0px;
	height: 100%;
	background-color: #303030;
	font-family: 'Coda', arial;
}
#wrapper {
	width: 100%;
	min-width: 1024px;
	height: 100%;
	min-height: 768px;
	position: absolute;
	overflow: hidden;
}
#header {
	width: 100%;
	height: 90px;
	background-image: url(../images/header.png);
	background-position: center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #818181;
	z-index: 20;
	position: absolute;
	top: 0px;
	text-align: center;
	overflow: hidden;
}
#header img {
	margin-right: 568px;
	margin-top: 25px;
}
#footer {
	width: 100%;
	height: 247px;
	background-color: #303030;
	background-image: url(../images/footer.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	border-top: 1px solid #818181;
	position: absolute;
	bottom: 0px;
	z-index: 21;
	font-size: 12px;
	color: #666;
}
#slide-panel {
	width: 100%;
	top: 90px;
	position: absolute;
	background-color: #000;
	z-index:1;
	
}
#tab-wrapper {
	width: 100%;
	top: 90px;
	position: absolute;
	z-index:1;
	
}

#content {
	width: 608px;
	padding-left: 30px;
	padding-right: 386px;
	margin: 0 auto;
	padding-top: 20px;
	color: #f2f2f2;
	font-size: 15px;
	height: 100px;
}
#rock {
	margin-left: 50%;
	position: absolute;
	bottom: 100px;
	z-index: 22;
	padding-left: 105px;
}
.contact {
	font-size: 30px;
	color: #ff0000 !important;
}
.phone-number {
	font-size: 20px;
	color: #9a9a9a;
	letter-spacing: 1px;
}
#footer-txt {
	width: 800px;
	padding-left: 224px;
	margin: 0 auto;
	margin-top: 50px;
}
#footer-txt a {
	text-decoration: none;
	color: #666;
}
#nav {
	height: 43px;
	width: 100%;
	background-image: url(../images/nav-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	top: 90px;
	position: absolute;
	z-index: 23;
}
#nav-content {
	width: 944px;
	padding-left: 80px;
	margin: 0 auto;
	font-size: 18px;
	padding-top: 23px;
	color: #fff;
	text-shadow:1px 1px 1px #000000;
}
#nav-content a {
	color: #fff;
	text-decoration: none;
}
#nav-content .select {
	color: #000;
	text-decoration: none;
}
#panel-1 {
	width: 100%;
	height: 100%;

}
#panel-2 {
	width: 100%;
	height: 100%;
}
#panel-3 {
	width: 100%;
	height: 100%;
}
#slogan { width: 1024px; position: absolute; z-index: 90; left: 50%; margin-left: -512px; top: 170px; }
#slogan a { color: #FFF; text-decoration: none; }
.advantages { font-size: 12px; line-height: 16px; width: 1000px !important; padding-top: 360px !important; }
.advantages-titles { font-weight: bold; color: #999; }
#applications img { margin-top: 170px; margin-bottom: 10px; }
#applications { font-size: 14px; line-height: 19px; color: #fff; }
#gallery-button { z-index: 900; position: absolute; left: 50%; margin-left: -482px; bottom: 187px; }
#contact-content { width: 1024px; margin: 0 auto; left: 0; right: 0; position: absolute; z-index: 900; top: 240px; }
#map { width: 550px; float: left; }
#contact-form { float: left; height: 380px; width: 450px; background-image: url(../images/cform-bg.jpg); background-position: 0 45px; }
#contact-blurb { width: 1024px; position: absolute; bottom: 160px; margin: 0 auto; left: 0; right: 0; text-align: center; color: #f2f2f2;
	font-size: 15px; }
	#slogan { color: white; font-size: 14px; }
	#specsbutton { position: absolute; bottom: 193px; z-index: 900; font-family: 'Coda', arial; color: white; left: 50%; margin-left: -202px; text-decoration: none; }

/* Tabbed Panel CSS */
    .etabs { margin: 0; padding: 0;  position: absolute; top: 125px; z-index: 900; padding-left: 50px; width: 974px; left: 50%; margin-left: -512px; color: #FFF; }
    .tab { display: inline-block; zoom:1; *display:inline;  }
    .tab a { font-size: 14px; outline: none; color: white; text-decoration: none; text-shadow: #000 1px 1px 1px; }
    .tab a:hover { text-decoration: none; }
    .tab.active {  }
    .tab a.active {  color: #CCC; }
    .panel-container { padding: 0px; position: absolute; top: 0px; width: 100%; background-color: #202020; }
	.tab-container { padding: 0px; }
    .panel-container { margin-bottom: 0px; height: 100%; }
	.panel-container div { width: 1024px; margin: 0 auto; margin-top: 0px;}
	.panel-container div div { width: 300px; padding-top: 200px; color: #FFF; margin-left: 50px; }
	.applications-textbox { width: auto !important; padding-top: 0px !important; margin-left: 0px !important; padding-right: 20px !important; padding-left: 5px !important; }
	
/* Contact Form */

.info-field { width: 190px; height: 30px; position: relative; z-index: 90; border: none; font-size: 15pt; }
.message { z-index: 90; border: none; width: 429px; height: 87px; position: relative; }
label { font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fff; }