/*=================================================
NORTHWEST TERRITORIAL MINT

PROJECT: Silver Bullion Bullets

PSD Mockup: Matt Fiske
Photos: Matt Fiske
SECONDARY GRAPHICS / HTML / CSS: Matt Fiske
pHp: Reed Thayer

VERSION: 1.0

--------------------------

COLOR GUIDE

                          

/*=================================================
CSS RESET

http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
=================================================*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*=================================================
DEFAULTS
=================================================*/

body {

	text-align: center;	
	font-family: georgia, serif;
}

.clear {

	clear: both;	
}

a {

	color: #000;
	text-decoration: underline;	
}

a:hover {

	color: #bc010f;
	/*color: #25468a;*/
}

a.button1 {

	display: inline-block;
	padding: 10px;
	border: 2px solid #000;
	text-decoration: none;	
	margin: 0 10px 0 0;
	border-radius: 10px;
	background-color: #25468a;
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

	a.button1:hover {
	
		background-color: #bc010f;	
	}

strong, b {

	font-weight: bold;
	font-style: inherit;	
}

em, i {

	font-weight: inherit;	
	font-style: italic;
}

.bg1 {

	background-image: url('/images/bg-gradient.png');
	background-repeat: repeat-x;
	background-position: 0 0;
}

.hidden
{
    display: none;
}

/*============================================================================
NEWS BUTTON
Absolute positioning for special annoucnements.
============================================================================*/

.newsbutton {

	position: absolute;
	display: block;	
	left: -82px;
	top: 2px;
	width: 90px;
	background-color: #cc0000;
	border: 2px solid #990000;
	padding: 2px 0 0 3px;
	overflow: hidden;
	background-image: url('images/newsarrow2.png');
	background-repeat: no-repeat;
	background-position: 72px 2px;
	text-align: left;
	border-radius: 5px;
	font-size: 12px;
	height: 16px;
}

	.newsbutton a {
	
		color: #fff;
		text-decoration: none;	
		display: block;
		padding: 1px 0 0 0;
		font-family: arial, sans-serif;
	}

.newsarea {

	padding: 0 15px 5px 15px;	
	background-color: #e6e6e6;
	margin: 0 0 0 18px;
	width: 892px;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}

	.newsinterior {
	
		background-color: #fff;
		padding: 15px 20px 0 20px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;	
	}

	.newsarea p {
	
		line-height: 1.5em;
		padding: 0 0 1em 0;	
	}
	
	.newsarea h4 {
	
		display: block;
		padding: 0px 0 10px 0;	
		font-family: 'Fjalla One', sans-serif;
		text-decoration: none;
		text-transform: uppercase;
	}

/*============================================================================
MAIN COLUMN
Block elements within this will be 922 pixels in width, 
with either a margin: 0 auto or a margin-left: 20px
============================================================================*/

.main_column {

	width: 960px;
	margin: 0 auto;	
	position: relative;
}

/*============================================================================
NEW HEADER
============================================================================*/

.new_header {

	width: 960px;	
}

	.h_thirds1 {
	
		width: 407px;
		float: left;
		position: relative;	
	}
	
	.h_thirds2 {
	
		width: 146px;
		float: left;
		position: relative;	
	}
	
	.h_thirds3 {
	
		width: 407px;
		float: right;
		position: relative;	
	}

	.nwtm_logo {
	
		width: 352px;
		height: 105px;
		overflow: hidden;
		margin: 10px 0 10px 20px;
	}
	
	.nwtm_logo a {
		
		background-image: url('images/logo-larger.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		width: 352px;
		height: 105px;
		overflow: hidden;
		text-indent: -999px;
		
	}
	
	.bullet_logo {
	
		width: 144px;
		height: 177px;
		display: block;
		background-image: url('images/extractor-logo.png');
		background-repeat: no-repeat;
		background-position: top center;	
		text-indent: -9999px;
		overflow: hidden;
		/*margin: 0 auto;*/
		position: absolute;	
		top: 0;
		left: 2px;	
	}
	
	.bullet_logo_mod1 {
	
		width: 144px;
		height: 177px;
		display: block;
		background-image: url('images/extractor-logo.png');
		background-repeat: no-repeat;
		background-position: top center;	
		/*text-indent: -9999px;*/
		overflow: hidden;
		/*margin: 0 auto;*/
		position: absolute;	
		top: 0;
		left: 2px;	
	}
	
		.bullet_logo_mod1 a {
		
			display: block;
			width: 144px;
			height: 177px;
			overflow: hidden;
			text-indent: -999px;	
		}
	
	.phone {
	
		font-size: 20px;
		padding-top: 30px;
		padding-right: 20px;
		font-size: 18px;
		text-align: right;
	}
	
		.phone strong {
		
			font-weight: normal;
			font-family: 'Fjalla One', sans-serif;
			font-size: 39px;
		}

/*============================================================================
NEW NAV
============================================================================*/

.new_nav {
	
	width: 922px;
	margin-left: 20px;
	margin-bottom: 20px;
}

	.new_nav ul {
		
		height: 1%;
		overflow: auto;
		/*background-color: #f1f1f1;*/
		/*border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;*/
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		background-color: #000;
		background-image: url('/images/nav-gradient.png');
		background-repeat: repeat-x;
		background-position: 0 0;
	}
	
		.new_nav ul li {
		
			display: block;
			width: 129px;
			float: left;	
			overflow: hidden;
		}
		
		.new_nav ul li.empty {
		
			width: 148px;	
		}
			
			.new_nav ul li a {
			
				display: block;
				padding: 10px 0 10px 0;	
				font-family: 'Fjalla One', sans-serif;
				text-decoration: none;
				text-transform: uppercase;
				color: #fff;
			}
			
			.new_nav ul li a strong {
				
				display: block;
				font-weight: normal;	
				font-size: 14px;
				/*color: #bc010f;*/
				display: block;
				padding-bottom: 3px;
			}
			
			.new_nav ul li a span {
				
				display: block;
				font-size: 17px;
			}
			
			.new_nav ul li a:hover,
			.new_nav ul li.currentnav a {
			
				background-color: #25468a;
				color: #fff;
			}
			
			.new_nav ul li a:hover strong,
			.new_nav ul li.currentnav a strong {
			
				color: #fff;	
			}

/*============================================================================
NEW PROMO
============================================================================*/

.new_promo {

	display: block;
	width: 922px;
	margin-left: 20px;
	height: 557px;
	/*background-image: url('images/508.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;*/
}

/*============================================================================
HEADER
============================================================================*/

.header {

	margin-top: -55px;	
	height: 55px;
	position: relative;
}

	.logo {
	
		width: 248px;
		height: 350px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -124px;
		background-image: url('images/logo.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		overflow: hidden;
		text-indent: -999px;
		z-index: 10;
	}

/*============================================================================
FLAGS - LEFT/RIGHT - AT TOP OF PAGE
============================================================================*/

	.tab-left,
	.tab-right {
	
		width: 337px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: 0 0;
		position: absolute;	
		top: 7px;	
	}
	
		.tab-left span a,
		.tab-right span a {
		
			color: #fff;	
		}
	
		.tab-left span,
		.tab-right span {
		
			display: block;
			color: #fff;
			font-family: georgia, serif;
			font-weight: bold;
			/*text-transform: uppercase;*/
			text-align: center;
			margin-left: 20px;	
			padding-top: 9px;
			font-size: 20px;
		}
			
			.tab-right span {
			
				margin-left: 0;
				margin-right: 20px;	
			}
			
		.tab-left {
			
			background-image: url('images/tab-left2.png');	
			left: 19px;
		}
		
		.tab-right {
		
			background-image: url('images/tab-right2.png');	
			right: 19px;
		}

/*============================================================================
NAVIGATION THAT GOES TO ANCHORS
============================================================================*/

.nav {

	height: 59px;
	overflow: hidden;	
	background-image: url('images/nav_repeat.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

	.nav .left {
	
		display: block;
		float: left;
		/*padding: 19px 0 0 19px;*/
		font-size: 18px;
		width: 450px;	
	}
	
	.nav .right {
	
		float: right;
		text-align: right;	
		/*padding: 19px 19px 0 0;*/
		font-size: 18px;
		width: 450px;	
	}

	.nav ul {
	
		display: block;
		margin: 0;
		padding: 12px 0 0 0;
		list-style: none;
		overflow: hidden;
		width: 360px;
	}
	
		.nav .right ul {
		
			float: right;	
		}
	
		.nav ul li {
		
			display: block;
			float: left;
			width: 180px;	
			text-align: center;
		}
		
		.nav .right ul li {
		
			/*width: 120px;	*/
		}
			
			.nav ul li a {
			
				height: 25px;
				display: block;
				color: #000;
				text-decoration: none;
				padding-top: 11px;
				font-family: 'Fjalla One', sans-serif;
				font-size: 14px;
				text-transform: uppercase;
			}
				
				.nav ul li a strong {
				
					font-weight: normal;
					color: #bc010f;	
				}
				
				.nav ul li a:hover strong {
				
					color: #fff;	
				}
				
			.nav ul li a:hover {
			
				background-color: #4574b1;
				color: #fff;	
			}

/*============================================================================
FOR 3D "FOLD"
============================================================================*/
			
.corners {

	background-image: url('images/corners.png');
	background-repeat: no-repeat;
	background-position: 0 0;	
	position: relative;
}

.promo_box {

	width: 922px;
	height: 510px;
	background-color: #000;	
	margin-left: 19px;
	background-image: url('images/506.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	text-align: center;
	
	
}
			
/*============================================================================
CENTERED TEXT + "FIND OUT MORE" AREA
============================================================================*/
		
.central_column {

	display: block;
	margin: 0 auto;
	width: 250px;
	padding-top: 245px;
		
}

.cent1 {

	font-family: 'Fjalla One', sans-serif;
	font-size: 50px;
	color: #fff;
	text-transform: uppercase;
		
}

.cent2 {

	font-family: georgia, serif;
	color: #fff;
	font-size: 16px;
	text-align: center;	
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

.more_teaser {

	font-family: 'Fjalla One', sans-serif;	
	/*position: absolute;
	bottom: -60px;*/
	display: block;
	background-image: url('images/more_teaser2.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 160px;
	height: 35px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	/*left: 50%;
	margin-left: -124px;*/
	z-index: 100;
	margin: 0 auto;
}

	.more_teaser a {
	
		color: #fff;
		text-decoration: none;	
	}

/*============================================================================
THOSE LARGE QUOTES
============================================================================*/

.statement {

	font-family: georgia, serif;
	text-align: center;	
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 922px;
	margin-left: 20px;
}

	.statement.two {
	
		/*padding-top: 0;
		padding-bottom: 25px;*/	
	}
	
	.statement.first {
	
		padding-top: 0;
		padding-bottom: 0;	
	}
	
	.statement span {
	
		display: block;
		font-size: 16px;
		font-style: normal;	
	}
	
	.legal {
	
		font-size: 14px;
		font-family: arial, sans-serif;
		color: #999;
		margin-bottom: 20px;
		line-height: 1.3em;
		width: 922px;
		margin-left: 20px;	
	}
	
	.legal.two {
	
		padding-top: 20px;	
	}
	
	.legal p {
	
		padding: 0 0 10px 0;	
	}
	
	.legal_notice {
	
		width: 922px;
		margin: 0 auto;
		font-family: arial, sans-serif;
		font-size: 13px;
		line-height: 1.3em;
		padding-bottom: 15px;	
	}
	
/*============================================================================
THREE COLUMNS - SOME OF THIS IS DECPRICATED
============================================================================*/

.col_container {

	padding-top: 25px;	
	width: 922px;
	margin-left: 19px;
}

	.col_container.full {
		
		padding-top: 25px;
	}

.col_container .col {

	display: block; 
	width: 294px;
	float: left;	
	margin-left: 20px;
	overflow: hidden;
}

	.col_container.full .col {
	
		width: 100%;
		margin-left: 0;	
	}
	
.image_container {

	display: block;
	float: left;
	width: 336px;
	height: 416px;
	margin: 0 10px 10px 0;
}

.col_container .col.first {

	margin-left: 0;
}


.col_container .col .interior,
.video-container {

	display: block;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;	
	background-image: url('images/col.png');
	background-repeat: repeat-x;
	background-position: bottom left;
}
	
	.col_container.full .col {
	
		border-top: 4px solid #000;	
	}
	
	.col_container.full.last .col {
	
		border-bottom: 4px solid #000;
		margin-bottom: 20px;	
	}
	
	.col_container.full .col .interior {
	
		border-top: 0px solid #000;
		border-bottom: 0px solid #000;
		border-top-left-radius: 0;	
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;	
		border-bottom-right-radius: 0;		
	}

.col_container .col h2,
.col_container .col h3,
.col_container .video-container h3   {

	font-family: 'Fjalla One', sans-serif;
	font-size: 18px;	
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0; 
	text-align: center;
	background-image: url('images/ccc.png');
	background-repeat: repeat-x;
	background-position: center center;
}	

.col_container.full .col h3 {

	font-size: 24px;	
	text-align: left;
	padding-left: 341px;
	margin-top: 15px;
}

	.col_container .col h2 span,
	.col_container .col h3 span,
	.col_container .video-container h3 span  {
	
		padding: 0 5px 0 5px;
		background-color: #fff;	
	}

.col_container .col p {

	line-height: 1.5em;	
	padding: 0 0 15px 0;
}

.video-frame {

	border: 1px solid #ccc;
	padding: 9px;
	background-color: #fff;
	margin: 0 0 10px 0;	
	display: inline-block;
}

/*============================================================================
JAVASCRIPT TABS FOR PACKAGING IMAGES
============================================================================*/

.tabs-nav {

	height: 30px;
	width: 336px;
	text-align: center;	
	overflow: hidden;
}

	.tabs-nav .tab-on,
	.tabs-nav .tab-off {
	
		font-weight: bold;	
		display: block;
		width: 166px;
		float: left;
		text-align: center;
		text-decoration: none;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 3px 0 3px 0;
		height: 22px;
		margin-bottom: 1px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.tabs-nav .tab-off {
	
		font-weight: normal;
		border: 0;
		margin-bottom: 0;
		width: 168px;
		border-bottom: 1px solid #ccc;	
	}
	
	.col_container.full .col img {
	
		display: block;
		/*float: left;
		margin: 0 10px 10px 0;*/
		width: 336px;
		height: 396px;
	}

/*============================================================================
PRCING TIERS
============================================================================*/

.tier_container,
.go_links {

	width: 554px;
	float: right;	
	display: block;
}

	.col_container .col .go_links {
	
		padding-top: 20px;	
	}

.tier {

	display: block;
	float: left;
	width: 277px;	
}

	.tier:first-child {
	
		width: 276px;
		border-right: 1px solid #ccc;	
	}

.go_links {
		
}

.col_container .col .fine-print {

	font-style: italic;
	font-size: 14px;	
	padding-top: 10px;
	padding-bottom: 0;
}

/*height added artificially for text that's too long and adds a second line*/
.screwed_up {

	/*display: block;*/
	/*min-height: 1.5em;*/
	/*min-height: 22px;*/
}

ul.details {
	
	display: block;
	border-bottom: 1px solid #ccc;	
	height: 1%;
	overflow: auto;
}

ul.details li {

	display: block;
	float: left;
	width: 50%;
	padding: 4px 0px 4px 0px;
	font-size: 14px;
	/*min-height: 25px;*/
	line-height: 1em;
}

ul.details.last {

	border-bottom: 0;
}

ul.details li:last-child {

	text-align: right;	
}

ul.details.alone li:last-child {

	text-align: left;	
}

ul.details li.subhead {

	width: 100%;
	/*border-bottom: 1px solid #fff;	*/
	font-weight: bold;
	/*font-size: 13px;*/
	border-top: 4px solid #000;
}

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

.footer {

	min-height: 235px;
	display: block;
	border-top: 2px solid #ccc;	
	background-color: #f1f1f1;
	background-image: url('images/footer_bg.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	font-size: 0.9em;
	padding-top: 15px;
	text-align: left;
}

	.f_container {
	
		width: 922px;
		margin: 0 auto;	
	}
	
		.f_container .col {
		
			width: 294px;
			float: left;
			margin-left: 20px;	
		}
		
		.f_container .col.first {
			
			margin-left: 0;
		}
		
			.f_container .col p {
			
				line-height: 1.5em;	
				padding-bottom: 10px;
			}
			
			.f_container .col ul {
			
					
			}
			
				.f_container .col ul li {
				
						
				}
					
					.f_container .col ul li a {
					
						display: block;
						text-decoration: none;
						border-bottom: 1px solid #999;
						padding: 5px 0 5px 0;	
					}
			
.copyright {

	font-size: 0.9em;
	text-align: center;	
}

.copyright a{
	text-decoration: none;
}

/*============================================================================
STYLIZED BULLETED LIST
============================================================================*/

ul.alist,
ul.alist2 {

	list-style-type: square;
	padding: 1em 1em 1em 2em;
	font-family: 'Fjalla One', sans-serif;
	line-height: 2em; 	
	display: block;
	width: 200px;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 10px;
}

ul.alist2 {

	width: auto;	
	margin: 0 auto 10px auto;
}

	ul.alist li {
	
		border-bottom: 1px solid #ccc;	
	}

.comingsoon {

	text-align: center;
	padding: 0 0 1em 0;	
}

/*============================================================================
STARTING OVER - STANRD ENTRY
============================================================================*/

.entry {

	border-bottom: 4px solid #000;
	width: 922px;
	margin: 0 auto;
	background-image: url('images/col.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align: left;
}

	.entry.first {
	
		border-top: 4px solid #000;	
	}

	.entry .interior {
	
		border-left: 1px solid #ccc;	
		border-right: 1px solid #ccc;
		padding: 10px;
		min-height: 180px;
		width: 900px;
	}

	.entry h1,
	.entry h2,
	.entry h3,
	.entry h4,
	.entry h5,
	.entry h6 {
		
		font-family: 'Fjalla One', sans-serif;
		font-size: 26px;	
		text-transform: uppercase;
		display: block;	
		text-align: center;
		background-image: url('images/ccc.png');
		background-repeat: repeat-x;
		background-position: center center;
		line-height: 1em;
		padding: 5px 300px 5px 0;
		margin: 15px 0 15px 0;
	}	
	
	.entry h1 strong,
	.entry h2 strong,
	.entry h3 strong,
	.entry h4 strong,
	.entry h5 strong,
	.entry h6 strong {
		
		font-weight: normal;
		color: #bc010f;	
	}
	
		.entry h1.cancel,
		.entry h2.cancel,
		.entry h3.cancel,
		.entry h4.cancel,
		.entry h5.cancel,
		.entry h6.cancel {
		
			padding-right: 0;	
		}
	
		.entry h1 span,
		.entry h2 span,
		.entry h3 span,
		.entry h4 span,
		.entry h5 span,
		.entry h6 span {
		
			background-color: #fff;
			padding: 0 5px 0 5px;	
		}

	.entry .gallery {
		
		min-height: 300px;
		display: block;
		padding: 0;
		margin: 0 0 15px 0;
	}
	
		.entry .gallery_entry {
		
			/*display: block;
			float: left;
			width: 300px;
			padding: 0;
			margin: 0;
			overflow: hidden;*/
		}
		
		.entry .gallery_entry1 {
		
			display: block;
			float: left;
			width: 600px;	
			/*padding-top: 25px;*/
			/*border-top: 4px solid #ccc;*/
		}
		
		.entry .gallery_entry2 {
		
			display: block;
			float: left;
			width: 300px;	
			overflow: hidden;
			/*padding-top: 15px;*/
			
		}
		
		.gal_copy {
		
			text-align: center;
			font-style: italic;
			font-size: 18px;
			color: #999;
			padding: 10px;	
			line-height: 1.3em;
		}

	.entry .description {
		
		line-height: 1.5em;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 15px 0 0 0;
		margin: 0 0 15px 0;
	}
	
		.entry .description p {
		
			padding-bottom: 15px;
		}

	
	.purchase_links {
	
		text-align: center;
		padding: 0 0 5px 0;	
	}





ul.tabsthumbs {

	font-size: 0;	
}

ul.tabsthumbs li {

	display: inline-block;
	width: 100px;
	height: 100px;	
	font-size: 16px;
	vertical-align: top;
}


ul.tabsthumbs li a {

	display: block;
	height: 80px;
	width: 80px;
	margin: 8px 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
	background-color: #f1f1f1;
}

ul.tabsthumbs li a.selected {

	background-color: #000;	
}

/*============================================================================
MAGNIFY
============================================================================*/

		.zoom {
			display:block;
			position:relative;
			border-top: 4px solid #ccc;
			/*border-bottom: 1px dotted #ccc;*/
			padding-top: 25px;
		}

		.zoom img {
			display: block;
		}

/*============================================================================
UNIVERSAL NAVIGATION
============================================================================*/

.universal_nav {
	
	background-color: #ccc;
	text-align: center;
	width: 922px;
	margin: 0 auto;
	overflow: hidden;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	background-image: url('images/uni_nav_bg.png');
	background-repeat: repeat-x;
	background-position: 0 0;
}

	.universal_nav ul {
		
		font-size: 0;
	}
	
		.universal_nav ul li {
		
			display: inline-block;	
			font-size: 15px;
			vertical-align: top;
			width: 25%;
		}
		
			.universal_nav ul li a {
			
				display: block;
				color: #999;
				text-decoration: none;	
				font-family: 'Fjalla One', sans-serif;
				padding: 5px 0 5px 0;
			}
			
			.universal_nav ul li a:hover,
			.universal_nav ul li.currentnav a {
			
				/*background-color: #000;*/	
				color: #000;
			}

/*============================================================================
DEFAULT PAGE
============================================================================*/

.default_page {

	margin: 0 auto 20px auto;
	width: 922px;
	text-align: left;
}

	.default_page .inside {
	
		padding: 0px 0 0 0;	
	}

	.default_page p {
	
		line-height: 1.5em;
		padding-bottom: 1em;	
	}
	
	.default_page ol {
	
		list-style-type: decimal;
		padding: 0 0 1em 1.25em;	
	}
	
		.default_page ol li {
		
			line-height: 1.5em;
			padding-bottom: 1em;	
		}

	.default_page h1,
	.default_page h2 {
		
		font-family: 'Fjalla One', sans-serif;
		font-size: 32px;	
		text-transform: uppercase;
		display: block;	
		text-align: center;
		background-image: url('images/ccc.png');
		background-repeat: repeat-x;
		background-position: center center;
		line-height: 1em;
		padding: 5px 5px 5px 0;
		margin: 15px 0 15px 0;
		clear: both;
	}	
	
	.default_page h1 strong,
	.default_page h2 strong  {
		
		font-weight: normal;
		color: #bc010f;	
	}
	
	
		.default_page h1 span,
		.default_page h2 span {
		
			background-color: #fff;
			padding: 0 5px 0 5px;	
		}

.image_caption {

	width: 250px;
	float: right;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px;	
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 1.3em;
	margin: 0 0 10px 10px;
}

/*============================================================================
HOMEPAGE PRODUCT TEASER
============================================================================*/

.teaser_new_container {

	text-align: center;	
}

.teaser_new1,
.teaser_new2 {
	
	width: 250px;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #ccc;
	line-height: 1.4em;
}

.teaser_new1 {

	border-left: 1px solid #ccc;	
}

	.teaser_new a {
	
		text-decoration: none;	
	}
	
.teaser_divider {

	height: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;	
	margin-bottom: 10px;
}

/*============================================================================
NAVIGATION CASCADING MENU
============================================================================*/

.the_newest_nav {

	display: block;
	position: relative;
	z-index: 1000;	
	background-color: #ccc;
	text-align: center;
	width: 922px;
	margin: 0 auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	background-image: url('images/uni_nav_bg.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	height: 25px;
}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; font-size: 0; }
ul.dropdown li                      { 	display: inline-block;	
										font-size: 15px;
										vertical-align: top;
										width: 230px;
										font-size: 15px;
										zoom: 1; 
									}
ul.dropdown a:hover,
ul.dropdown li.currentnav a		    { color: #000; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    {   display: block;
										color: #999;
										text-decoration: none;	
										font-family: 'Fjalla One', sans-serif;
										padding: 5px 0 5px 0; 
									}
ul.dropdown li:last-child a         {  } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background-color: #4574b1; }
ul.dropdown li.hover a,
ul.dropdown li:hover a               { color: #fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 231px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li
									{ width: 230px; display: block; background-color: #4574b1; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: left; position: relative; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a,
ul.dropdown li.currentnav ul li a
									{ padding: 7px 0 7px 5px; color: #fff; } 

ul.dropdown ul li a:hover,
ul.dropdown li.currentnav ul li a:hover,
ul.dropdown li ul li.currentnav a { color: #fff; background-color: #000; }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown ul ul li { border-left: 0; }

ul.dropdown li:hover > ul 			{ visibility: visible; }