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

.container_12 {margin-bottom: 20px;}

body {background: #112633 url(../images/bkgd_tile_01.jpg) center top repeat-x; color: #c7c2be; font-family: Georgia, "Times New Roman", Times, serif;}

p a {color: #c7c2be; border-bottom: 1px solid #c7c2be; text-decoration: none;}
p a:hover {color: #fff; border-bottom: 1px solid #fff;}

img {border-bottom: none;}

#container {margin: 0 auto; padding: 0; background: url(../images/bkgd_01.jpg) center top no-repeat; position: relative; z-index: 5;}

#wrapper {background: #221f1d url(../images/bkgd_wrapper.gif) center top repeat-x; position: relative; z-index: 10;}

/* ===== HEADER =============== */
#header {}

#logo {margin: 0; padding: 0; width: 240px; height: 190px; background: transparent url(../images/logo_02.png) 60px top no-repeat; position: absolute; top: 0; left: 0; /*z-index: 900 !important;*/}
#logosmall {margin: 0; padding: 0; width: 240px; height: 150px; background: transparent url(../images/logo_small_02.png) left top no-repeat; position: absolute; top: 0; left: 0; z-index: 900;}

#navbars {height: 60px; position: relative; z-index: 15;}

#nav {height: 30px; margin-bottom: 0; float: right;}

#nav ul#menu {width: 700px; background: transparent url(../images/spacer.gif) top left no-repeat; margin: 0; padding: 0; position: relative; z-index: 50; list-style: none;}

#nav ul#menu li {height: 30px; margin: 0; padding: 0; position: absolute; top: 0;}
	
ul#menu li, ul#menu a {
	height: 30px;
	/*\*/overflow: hidden;/**/
	display: block;
	}
	
#nav ul#menu li a {text-indent: -9999px; text-decoration: none;}
	
#aboutnav {left: 146px; width: 95px; background: transparent url(../images/nav_02.gif) top left no-repeat;}
#productsnav {left: 241px; width: 130px; background: transparent url(../images/nav_03.gif) top left no-repeat;}
#servicesnav {left: 371px; width: 125px; background: transparent url(../images/nav_04.gif) top left no-repeat;}
#quotenav {left: 496px; width: 99px; background: transparent url(../images/nav_05.gif) top left no-repeat;}
#ordernav {left: 595px; width: 105px; background: transparent url(../images/nav_06.gif) top left no-repeat;}

#aboutnav a:hover {background: transparent url(../images/nav_02.gif) 0 -30px no-repeat;}
#productsnav a:hover {background: transparent url(../images/nav_03.gif) 0 -30px no-repeat;}
#servicesnav a:hover {background: transparent url(../images/nav_04.gif) 0 -30px no-repeat;}
#quotenav a:hover {background: transparent url(../images/nav_05.gif) 0 -30px no-repeat;}
#ordernav a:hover {background: transparent url(../images/nav_06.gif) 0 -30px no-repeat;}

#nav ul#menu li.currentpage {background-position: 0 -30px;}



#nav2 {height: 30px; margin-bottom: 0; float: right;}

#nav2 ul#menu2 {width: 700px; background: transparent url(../images/spacer.gif) top left no-repeat; margin: 0; padding: 0; position: relative; z-index: 70; list-style: none;}

#nav2 ul#menu2 li {height: 30px; margin: 0; padding: 0; position: absolute; top: 0;}
	
ul#menu2 li, ul#menu2 a {
	height: 30px;
	/*\*/overflow: hidden;/**/
	display: block;
	}
	
#nav2 ul#menu2 li a {text-indent: -9999px; text-decoration: none;}
	
#homenav {left: 380px; width: 65px; background: transparent url(../images/nav2_02.gif) top left no-repeat;}
#educationnav {left: 445px; width: 97px; background: transparent url(../images/nav2_03.gif) top left no-repeat;}
#pressnav {left: 542px; width: 65px; background: transparent url(../images/nav2_04.gif) top left no-repeat;}
#contactnav {left: 607px; width: 93px; background: transparent url(../images/nav2_05.gif) top left no-repeat;}

#homenav a:hover {background: transparent url(../images/nav2_02.gif) 0 -30px no-repeat;}
#educationnav a:hover {background: transparent url(../images/nav2_03.gif) 0 -30px no-repeat;}
#pressnav a:hover {background: transparent url(../images/nav2_04.gif) 0 -30px no-repeat;}
#contactnav a:hover {background: transparent url(../images/nav2_05.gif) 0 -30px no-repeat;}

#nav2 ul#menu2 li.currentpage {background-position: 0 -30px;}


/* ===== HOME ================= */

#img_12 {width: 960px; height: 240px; background-color: #333;}
#tagline {width: 960px; height: 150px; background: url(../images/home_tagline_03.jpg) center top no-repeat;}
#tagline h2 { text-indent: -9999px;}
#divider {width: 960px; height: 50px; background: url(../images/divider.jpg) center top no-repeat;}

/* ===== PAGES ================ */

.headline {text-indent: -9999px;}

h1.headline {background: url(../images/h1_headline.gif) left top no-repeat; width: 460px; height: 28px; display: block;}
.home {background-position: 0 0;}
#about {background-position: left -28px;}
#products {background-position: left -56px;}
#services {background-position: left -84px;}
#quote {background-position: left -112px;}
#order {background-position: left -140px;}
#education {background-position: left -168px;}
#press {background-position: left -196px;}
#contact {background-position: left -224px;}

h2 {margin: 0 0 15px 0; padding: 0; font-size: 15px; font-weight: normal; color: #fff; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;; text-transform: uppercase; letter-spacing: .25em;}

h3.headline {background: url(../images/sidebar_headlines.gif) left top no-repeat; width: 207px; height: 21px;}
h3#education {background-position: left top;}
h3#proudmembers {background-position: left -21px; margin-top: 20px;}
h3#section {background-position: left -42px;}
h3#facts {background-position: left -63px;}

.grid_6 p, .grid_9 p {font-size: 14px; line-height: 25px; margin: 0 0 15px 0; padding-right: 20px; /*margin: 0; padding: 0 20px 0 0;*/}

.grid_6 ul, .grid_9 ul {font-size: 14px;}
.grid_6 ul li, .grid_9 ul li {line-height: 25px; padding: 5px 0;}

.grid_12 {margin: 0; padding: 0;}

#bkgd_tex_1col {width: 960px; margin: 0; padding: 30px 0 15px 0; background: url(../images/content_1col.gif) left top no-repeat;}

#bkgd_2col {width: 960px; margin: 0; padding: 0; background: url(../images/bkgd_2col.gif) left top repeat-y;}
#bkgd_tex_2col {width: 960px; margin: 0; padding: 30px 0 15px 0; background: url(../images/content_2col.jpg) left top no-repeat;}

.grid_3 ul {margin: 0; padding: 0 0 15px 0; list-style-position: outside; list-style-type: none;}
.grid_3 ul li {margin: 0 0 15px 0; padding: 0 0 0 25px; font-size: 13px; font-weight: bold; color: #fff; letter-spacing: .25em; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;; text-transform: uppercase; line-height: 18px; background: url(../images/bullet.gif) 0 50% no-repeat;}
.grid_3 ul li a {color: #fff; border-bottom: none; text-decoration: none;}
.grid_3 ul li a:hover {color: #fff; border-bottom: 1px solid #fff;}

h4 {margin: 0 0 15px 0; padding: 0; font-weight: normal;}
span.smallcaps {text-transform: uppercase; font-size: .7em; letter-spacing: .15em; font-style: italic; color: #7b7570;}

/* ===== PRESS ================ */

.btmborder {margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #444;}
.btmborder a {color: #fff; border-bottom: none; text-decoration: none;}
.btmborder a:hover {color: #fff; border-bottom: 1px solid #fff;}

.date {width: 60px; height: 70px; background: url(../images/calendar.png) center top no-repeat; color: #fff; text-align: center; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 10px; text-transform: uppercase; /*letter-spacing: .25em;*/}
.month {margin: 0 auto; padding: 6px 0 0 0; color: #fff; line-height: 10px; clear: both;}
.day {margin: 0 auto; padding: 6px 0 0 0; font-weight: bold; font-size: 23px; line-height: 20px; clear: both; color: #545045;}
.year {margin: 0 auto; padding: 3px 0 0 0; font-size: 11px; line-height: 9px; clear: both; color: #545045;}

/* ===== QUOTE/ORDER ========== */

.forms input.infobox, .forms textarea.infobox {margin: 0; padding: 3px; border: 1px solid #444; background-color: #000; color: #fff; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-size: .9em; color: #fff;}
.forms input.contactinfo {width: 180px;}
.forms input.contactinfoshort {width: 100px;}
.forms input.contactinfolong {width: 240px;}
.forms textarea {width: 320px;}
.forms p {margin: 10px 0 0 0; padding: 0;}
.forms p.variable {font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; text-transform: uppercase; font-size: .9em; color: #fff;}
.forms div.btmborder {margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #444;}

/* ===== EDUCATION ============ */

.slideshow {height: 208px; width: 165px; margin: 0;}
.slideshow img {padding: 0; border: none; background-color: #110f0e;}

/* ===== CONTACT ============== */

.grid_2 p.smallcaps {text-align: right; margin: 0; padding: 0; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; text-transform: uppercase; font-size: .8em; letter-spacing: .15em; color: #fff;}

/* ===== FOOTER =============== */

#footer {color: #39576a; width: 960px; height: 100px; margin: 0 auto; background-color: #112633; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;}
#doublecol div#footer {background: #112633 url(../images/footer_2col_03.jpg) center top no-repeat;}
#singlecol div#footer {background: #112633 url(../images/footer_1col_03.jpg) center top no-repeat;}
#footer p {text-align: center; font-size: 12px; line-height: 25px; padding: 40px 0 0 0;}
#footer a {color: #39576a; text-decoration: none; border-bottom: none;}
#footer a:hover {color: #fff; text-decoration: none; border-bottom: none;}
#mccomm {background:url(../images/mccom_link.gif) right 50% no-repeat; padding-right: 35px; height: 30px;}