/*
Grid based on 900px wide
10px font
10px gutter
150px grid

Base: FC300B
Base Shade 1: D92917
Base Tint 1:
Grey 1: DEDEDE
Grey 2: 333333
*/

/* --------------------------------------
	START:  STRUCTURE
--------------------------------------*/
	a {text-decoration: none}
	ABBR {letter-spacing:0.1em}
	img.gradient {
		position: absolute;
		top: 0;left: 0;
		z-index: 0;
		width: 100%;
		background: url(/images/gradient_fff_trans_h40.png) repeat-x 0 0;
		opacity: .25;
		filter: Alpha(Opacity=25);
		}
	.align_l {text-align: left}
	.align_c {text-aling: center;margin: 0 auto}
	.align_r {text-align: right}
	.grid_1 {width: 15em;}
	.grid_2 {width: 30em}
	.grid_3 {width: 45em}
	.grid_4 {width: 60em}
	.grid_5 {width: 75em}
	.grid_6 {width: 90em}
	.percent_100 {width: 100%}
	.percent_75 {width: 75%}
	.percent_50 {width: 50%}
	.percent_25 {width: 25%}
	#main .grid_1 {width: 13em;}
	#main .grid_2 {width: 28em}
	#main .grid_3 {width: 43em}
	#main .grid_4 {width: 58em}
	#main .grid_5 {width: 73em}

	.indent_1 {text-indent: .5em;}
	.indent_2 {text-indent: 2em;}

/* --------------------------------------
	START:  STRUCTURE
--------------------------------------*/
	.indent_1 {font-size: 1.5em;color: #fff}
	.indent_2 {}
	
	#page {width: 90em;margin: 5.9em 4em 2em}
	#head, #main, #foot {position: relative;/*overflow: hidden;*/padding: 0;}
	#head {overflow: visible;z-index: 10;}
	#main {z-index: 1;padding-left: 5em;}
	#head, #foot {margin-left: 5em}
	
	
	/*  #head ---------------------------------------*/
	#head #logo {position: absolute;width: 17em;height: 10em;top: -3.8em;left: -2.2em}
	
	
	
	/*  #main ---------------------------------------*/
/*	#main .container {overflow: hidden;padding: 5em 2em 2em}
*/	#main .container {padding: 5em 2em 2em}
	#main .main {float: left;width: 56em;} 
/*	#main .side {float: left;width: 22em;margin: 0 2em 0 0}
*/	#main .side {float: left;width: 23.5em;margin: 0 1em 0 0}
	#main .special {
		position: absolute;
		top: 1em;
		left: 31em; /* 5+2+22+2 */
		height: 5em;
		width: 56em;
	}
	
	#main h1, #main h2, #main h3, #main p, #main ul, #main table {font: normal 1.2em/1.6667 Arial, Helvetica, sans-serif;}
	#main h1, #main h2, #main h3 {font-weight: bold}
	#main h1 {font-size: 2.4em;line-height: .833em;margin: .833em 0 1.6667em;}
	#main h2 {font-size: 1.5em;line-height: 2.6667}
	#main h3 {font-size: 1.25em;}
	#main p {margin: 1.667em 0;}
	#main p:first-child {margin: 0 0  1.667em 0;}
	#main p.strong {font-weight: bold;}
	
	#main .image {margin: 0 2em 1.667em 0;overflow: hidden;}
	#main div.right {float: right;margin-right: 0 !important;}
	#main div.left {float: left;margin-left: 0 !important;}
	
	#main .main .box_w_image {overflow: hidden;clear: both}
	#main .main .box_w_image h2 {}
	#main .main .box_w_image p {margin-top: 0}
	
	#main .main .photobox {overflow: hidden;margin: 0 2em 1.667em 0;font-size: 1em}
	#main .main .photobox span {}
	#main .main .photobox .caption {float: left}
	#main .main .photobox .credit {float: right;font-size: .8em}
	
	/* Images */
	#main .main .image {float: left;}
	#main .main .box img {display: block;margin: 0 auto}
	#main .main .box_w_image .image img {width: 100%}
	#main .main .photobox img {display: block;float: none;width: 100%;margin: 0;padding: 0;}

	#main .side .image {display: block;}
	#main .side .image img {width: 100%;border: 1px solid #133463;margin-left: -1px}

	#main .special strong {}

	/*  #contact_form ---------------------------------------*/
	#contact_form {margin-bottom: 1.6667em}
	#contact_form li {margin: .416667em 0 ;clear: both;}
	#contact_form input,
	#contact_form select {vertical-align: top}
	#contact_form select {}
	#contact_form label {float: left;width: 30%;text-align: right;margin-right: 2.5%}
	#contact_form label em {color: red;font-size: 2em;vertical-align: middle;line-height: 1}

	/*  #company links ---------------------------------------*/
	#main .profile_group {overflow: hidden;}
	#main .profile_group .company {
		position: relative;
		margin: 0 0 2em;
		padding: 0 1em .5em;
		border: 1px solid #000;
		background: none;
		overflow: hidden;float: none;
	}
	#main .profile_group h2 {font-size: 2em;line-height: 2.25;}
	#main .profile_group .company p {font-weight: normal;margin: 1em 0;}
	#main .profile_group .company .description {font: normal 1.2em/1.3333 Arial;}
	#main .profile_group .company.alt {float: none}
	#main .profile_group .company strong {font-size: 1.5em;line-height: 2.25;display: block;}
	#main .profile_group .company img {float: right;width: auto;margin-left: .5em}
	#main .profile_group .company span {font: normal 1.2em/1.666 Arial;}
	#main .profile_group .company a {font-size: 1em;color: #333;border-bottom: 1px dotted #999;}
    #main .profile_group .company a:hover {color: #D92917} 
	/*  #links  ---------------------------------------*/
	#main span.link,
	#main span.continue,
	#main span.learnmore,
	#main span.visit {display: block;margin-top:1em;clear: both}
	#main .link {float: right;}
	#main .link a {display: block;font-weight: bold;text-transform: uppercase;font-style: italic}
	#main .link a:hover {}
	#main .link a em {font: bold italic 1.5em/.5 'Times New Roman'}
	#callouts .link {margin-top: .5em;}
	#callouts .link a {}
	#callouts .link a:hover {}

	#copyright {
		position:absolute;
		top: 4em;
		color: #aaa;
		left: 0;
		}
	
/* --------------------------------------
	END:  STRUCTURE
--------------------------------------*/




/* --------------------------------------
	START:  NAVIGATION
--------------------------------------*/
	#page .nav {padding: 0;margin: 0;list-style: none;line-height: 1;overflow: hidden}
	#page .nav li {float: left;width: 20%;}
	#page .nav li a {
		display: block;
		font: bold 1.4em/1.6 Geneva, sans-serif;
		letter-spacing: .125em;
		background: none;
		color: #000;
		text-transform: uppercase;
		text-align: center;
		height: 1.7em;
		padding-top: .25em;
		border: 0px solid transparent;
		border-width: 0 2px;
	}
	
	/*  Header  */
	#head .nav {margin-bottom: -2px;margin-left: 14em}
	#head .nav li {}
	#head .nav li a {}
	#head .nav li.last a.selected {border-right: 0}
	#head .nav li a.selected {border-color: #000;background: #fff;}
	#head .nav li a:hover {background: #fff;/*height: 1.5em;*/}
	#head .nav li a.selected:hover {/*height: 1.7em;*/border-color: #000;background: #fff;}

/* --------------------------------------
	END:  NAVIGATION
--------------------------------------*/



/* --------------------------------------
	START:  DECORATION
	background, border, color
--------------------------------------*/
	body {background: #222 url(/images/background_1.png) repeat 0 0;}
	abbr {border-bottom: 1px dotted;}
	#page #light {position: absolute;left: 0;top: 0;width: 100%;height: 300px;background: #222 url(/images/background_2.png) repeat -599px -6px;}
	#head,
	#foot {background-color: #FC300B;border: 2px solid;}
		
	/*  #HEADER ---------------------------------------*/
	#head #tagline {color: #fff}

	/*  #FOOTER ---------------------------------------*/
	#copyright {position:absolute;top: 4em;color: #aaa;left: 0;}
    #foot .nav .last.address {word-spacing: .25em;width: auto;line-height: 1.2;font-weight: bold;margin: .125em 0 0 5em;}
	
	/*  #BODY ---------------------------------------*/
	#main h1, #main h2, #main h3, #main p {color: #111}
	#main p {color: #444}
	#main p.strong {color: #333;font-style: italic}
	#main p a {color: #333;border-bottom: 1px dotted #999;}
	#main .container {background-color: #fff;border: .2em solid #000;border-width: 0 .2em;}
	#main .side {border-right: 1px solid #dedede}


	#main #headers {overflow: hidden;position: relative}
	#main #headers h1, #main #headers h2 {}
	#main #headers h1 {background: #fff;font: bold 2.6em/1.3 Arial, sans-serif;margin: .41333em 0 .41333em;}
	#main #headers h1 a {font: inherit;color: #000}
	#main #headers h1 a:hover {color: #FC300B}
	#main #headers h2 {font: bold 1.3em/2.4 Arial;}
	#main #headers.catalog h2 {position: absolute;left: 18.5em;top: 1.2em}
		
	
	#main .main .box_w_image {overflow: visible;}
	#main .main .box_w_image .image {border: 0px solid #999;width: 300px}
	#main .image.right {float: right;margin: 0 0 1.667em 2em;}
	#main .image.left {float: left;margin: 0 2em 1.667em 0;}
	#main .main.noside .box_w_image .image.right {margin-right: -20em}

	#main .main .photobox .caption {color: #666;}
	#main .main .photobox .credit {color: #999;}
	.main a {font: inherit}

	#main .special img {float: left}
	#main .special strong {font: bold 3em/1.75 Arial, Helvetica, sans-serif;}
	#main .container img.decoration {width: 100%;height: 1px} /*solves overflow issue*/


/* --------------------------------------
	START:  Catalog area
--------------------------------------*/
	#main .side .catalog_box {font: normal 1em/2 Arial;}
	.catalog_box li {font: normal 1.68em/2 Arial;}
	.catalog_box li li {font: normal .595em/1.958333 Arial;}
	#main .side a {font: inherit;}
	.catalog_box li a span.tab {font: bold 1.4em/1 Arial;}

	.catalog_box {background: #dedede;border: 1px solid #333;}
	.catalog_box a {display: block;padding: 0 0 0 .5em;color: #333;border: 1px solid #fff;border-width: 1px 0;border-bottom-color: #666;}
	.catalog_box a em {display: block;font-size: .6em;margin-top: -1em}
	.catalog_box a span.tab {float: left;width: 1.3em;margin: .05em 0 0 -2em;padding-left: .25em;border: 1px solid #999;border-right: none;background: #ddd;color: #D92917;text-transform:uppercase;}
	.catalog_box a:hover, 
	.catalog_box a:hover span.tab {color: #fff;background: #D92917;border-color: #FF301B #FF301B #600}
	.catalog_box li {white-space: nowrap;}
	.catalog_box li:last-child {border-bottom: 0}
	.catalog_box li ul {display: none;background: #fff;border-right: none;border-bottom: 1px solid #000;max-height: 15em;overflow-y: auto;overflow-x: hidden;white-space: nowrap;}
	.catalog_box li a {white-space: nowrap;}
	.catalog_box li li {padding: 0;}
	.catalog_box li li a {color: #000;border: none !important;padding: 0;}
	.catalog_box li li a:hover {color: #fff;background: #333;}
	.catalog_box li li span.number {float: left;width: 1.5em;margin: 0 .5em;padding: 0;display: block;text-align: right;font-weight: bold;}
	
	.catalog_box li.selected {margin-left: -.5em;padding-left: .5em;background: #D92917;border-color: #FF301B;border-bottom: 2px solid #D92917;color: #fff;}
	.catalog_box li.selected ul {display: block;border: 1px solid #600;}
	.catalog_box li.selected li {}
	.catalog_box li.selected a {color: #fff;border-color: #FF301B;border-bottom: none;}
	.catalog_box li.selected a span.tab {font-size: 2em;margin-top: -1px;width: 1.75em;padding-left: .25em;border: 1px solid #FF301B;border-width: 1px 0 0 1px;text-indent: 0;background: #D92917;color: #fff;}
	.catalog_box li.selected li a {color: #000;border: none}
	.catalog_box li.selected li.chosen a {background: #333;color: #fff;}
	.catalog_box li.selected li a:hover {background: #333;color: #fff;}

/* --------------------------------------
	START:  Catalog pages
--------------------------------------*/
	#main #catalog_page {/*width: 55em;height: 70em;*/}
	#main iframe {width: 55em;height: 70em;border: 1px solid #333;background: #333 url(/images/loader_30_fff-333.gif) no-repeat 50% 4em;}
	
	#catalog_page ul {}
	#catalog_page ul li {border:1px solid #666;text-align: left;font: 1em/1 Arial, Helvetica, sans-serif;padding: 1em;margin: 1em 0;overflow: hidden;}
	#main #catalog_page ul li img {float: left;}
	#catalog_page ul li a {color: #333;}
	#catalog_page ul li a:hover {color: #FC300B;}
	#catalog_page ul li a em {margin-left: .5em;font-size: .823em;}
	#catalog_page ul li a strong {margin-top: .5em;font: bold italic 1.2em/1.2 Arial, Helvetica, sans-serif;display: block;}
	
/**/
	#main .index_box div {width: 47.5%;float: left;padding: 0 2.5% 0 0}
	#main .index_box table {width: 100%;border-collapse: separate}
	#main .index_box th {text-align: left}
	#main .index_box tbody th {background: #ccc;text-align: center;color: #333;font-size: 1.2em}
	#main .index_box tbody td a {font-size: .8em;}
	#main .index_box tbody td + td a {text-align: center;display: block}
	#main .index_box tbody td.dec_0 {text-align: right;text-transform: uppercase}
	
	#main #products_table img {margin: 0 0 3em;border: 1px solid }
	#main #products_table h3 {line-height: 3}	
	#main #products_table table {width: 100%;text-align: center;}
	#main #products_table td {border: 1px solid #ccc;font-size: .8333em;}
	#main #products_table tr.alt {background: #eee;border: 1px solid #ccc;border-width: 1px 0}
	#main #products_table th {background: none;border-bottom: 2px solid #333;color: #333;letter-spacing: .125em;font-style: italic}
	#main #products_table th,
	#main #products_table td {padding: 0 1em;text-align: left}
	#main #products_table th:first-child,
	#main #products_table td:first-child {padding}
	#main #products_table td a {font-weight: bold;font-size: 1.2em;}	



/* --------------------------------------
	START:  Contact Info
--------------------------------------*/
	.vcard {font: normal 1.2em/1.3 Arial, Helvetica, sans-serif;color: #333}
	.vcard .tel {position: relative;clear: both;margin: 2em 0;}
	.vcard .tel span {display: block;}
	.vcard .tel .number {font: bold 2em/1 Arial, Helvetica, sans-serif;}
	.vcard .tel .type {font-size: .8em;color: #666;}
	.vcard .tel img {float: left;margin: -.4em .8em 0 0;}
	.vcard .org {font-size: 1.2em;line-height: 1.667}
	#main .map {text-align: center;float: left;}
	#main .map a {font-size: .84em;letter-spacing: .2em;color: #aaa;width: 7em;display: block;}
	#main .map a:hover {color: red;}
	#main .map img {display: block;margin: .5em auto 0;}



/* --------------------------------------
	START:  Index Page
--------------------------------------*/
	body.index #main .container {padding: 0;/* fixes IE7 */}
	
	.index #main .decoration {display: none}
	.index #main .container {position: relative;}
	#image_grid {overflow: hidden;position: relative;height: 380px;}
	#image_grid ul {width: 33.33%;position: absolute;top: 0;left: 0;z-index: 1;}
	#image_grid li {position: relative;height: 100px;overflow: hidden;margin: 10px 10px 0 0;padding: 5px 5px 5px 2px;border: 2px solid #222;border-width: 2px 2px 2px 0;}
	#image_grid li img {display: block;width: 100%;height: 100%;background: #fff;position: relative;}
	.index #main #image_grid li img.decoration {position: absolute;top: 0;left: 0;display: block;background: #000;opacity: .5;filter: Alpha(Opacity=50);width: 100%;height: 110%;z-index: 0;}
	#image_grid #img_1,
	#image_grid #img_2,
	#image_grid #img_3 {background: #fff url(/images/backgrounds/rotator.php?src=logo&select=1) no-repeat 50% 50%;}
	#image_grid #img_4 {width: 100%;background: url(/images/backgrounds/rotator2.php) no-repeat right top;}
	#image_grid .tagline {font: bold 3em/1 Arial;color: #fff;background: none;position: absolute;right: 0;top: 4.5em;width: 40%;}
	#image_grid .tagline span {font-size: .823em;font-style:;position: relative;z-index: 5;font-weight: normal;display: block;padding: .5em 1em .5em 1em;}
	#image_grid .tagline span strong {font-size: 1.5em;font-style: italic;margin-right: .2em;letter-spacing: -.05em;}
	#image_grid .tagline img {position: absolute;width: 100%;height: 100%;background: #000;top: 0;left: 0;opacity: .6;filter: Alpha(Opacity=60);z-index: 0;border: 2px solid #fff;}


	
	
/* --------------------------------------
	START:  Corner Rounding
--------------------------------------*/
#image_grid li {
	border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	}
#image_grid li img {
	border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	}
#image_grid .tagline img {
	border-radius: .5em 0 0 .5em;
	-moz-border-radius: .5em 0 0 .5em;
	-webkit-border-radius: .5em 0 0 .5em;
	}
.catalog_box span.tab,
.catalog_box li.selected,
.catalog_box li.selected span.tab {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	}







#main .main #product_listing tbody tr th {font-size: 1.2em;background: #eee;-top: .5em;color: #000;font-style: italic;

border-top: 1em solid #fff;
border-bottom: 1px solid}
#main .main #product_listing tbody {font-size: .823em}





/* --------------------------------------
				DEBUG
--------------------------------------*/



.geo {display: none}
.box.WF.catalog {border: 0px solid }