//Reset the Page : Removes all brower-specific css (Thanks Yahoo!)

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


html{
	background-color: #000;
}
body{
	background-color: #000000; 
	color: #000000;
	font:14px/1.5 "Lucida Grande","Lucia Sans",Tahoma,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	padding-top: 40px;
}
p{margin-top:10px;}
a{text-decoration: none; border-width: 0px; color: #9d8939 }
a:hover{border-width: 0px; color: #9d8939; text-decoration: underline;}
a:visted{text-decoration: none; border-width: 0px; color: #9d8939;}
a:active{border-width: 0px; text-decoration: none; color: #9d8939;}

.blue a{font-weight: bold; text-decoration: none; border-width: 0px; color: #4a85d0 }
.blue a:hover{font-weight: bold; border-width: 0px;color: #365f91; text-decoration: underline;}
.blue a:visted{font-weight: bold; text-decoration: none; border-width: 0px; color: #4c87d0}
.blue a:active{ font-weight: bold; border-width: 0px; text-decoration: none; color: #4c87d0}

#social{
	margin-top: 20px;
	text-align: right;
}
body#contact #social{
	text-align: left;
}
#body{
	padding-bottom: 75px;
}
div#wrapper{
	padding-top: 20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
body#home #body,body#products #body,body#specials #body{
	padding-bottom: 0px;
}
body#about p{
	margin-bottom: 20px;
}
#container{text-align: center; margin: 0 auto;}
#wrapper,#top{
	background-color: #FFFFFF; width: 960px; margin: 0 auto; padding: 0px;text-align: left;
}
#top{background-repeat: no-repeat; background-image: url(../images/top.png); background-position: top; background-color: transparent;position: relative; top: 1px;}
#bottom{background-repeat: no-repeat; background-image: url(../images/bottom.png); background-position:bottom; background-color: transparent;position: relative; top: -3px;left: -1px;}
#content{
	float: left;margin-left: 30px; width: 530px; min-height: 300px; margin-top: 30px;padding-bottom: 5px;
}
#productss{
	float: right;margin-right:30px; margin-left: 30px; width: 340px; height: 200px;
}
.clear{
	clear: both;
}
#tproducts{
	list-style-type: none;
	display: inline;
	padding-right: 30px;
}
#tproducts li{ border-color: black; border-style: solid; border-width: 1px; margin-right: 20px; margin-left: 20px; padding: 0;
	display: inline; white-space: nowrap;float:right;
}
#logo{
float: left; padding-left: 30px;
}
#tproducts_wrapper{
float:right;
}
#nav_wrapper{min-width: 900px; margin-top: 10px; max-height: 72px; min-height: 72px; width:100%; height: 72px;}
#navigation {
min-width: 900px;
width: 100%;
max-height: 72px;
min-height: 72px;
height: 72px;
list-style-type: none;
letter-spacing: 0px;
line-height: 0px;
word-spacing: 0px;
font-size: 0px;
margin: 0; padding: 0; border: 0; white-space: nowrap;overflow: hidden;
}

#navigation li{
min-width: 20%;
float: left;
max-height: 72px;
min-height: 72px;
width: 20%;
height: 72px;
letter-spacing: 0px;
word-spacing: 0px;
font-size: 0px; border: 0; white-space: nowrap;overflow: hidden;
}

.nav_inside img{ word-spacing: 0px; letter-spacing: 0px; list-style-type: none; border-style: none; border-width: 0px; text-transform: none; text-decoration: none; text-align: center; font-style: normal; font-weight: normal; font-size: 0px; margin: 0 auto; padding: 0px; white-space: nowrap;}

#navigation img{
text-align: center;
letter-spacing: 0px;
word-spacing: 0px;
font-size: 0px;
padding: 0px;
margin: 0 auto;
border: 0;
overflow: hidden;
}

#navr{background-repeat: repeat-x; background-position: left top; background-image: url(../images/navigation/backgrounds/red.png);}

#navb{background-repeat: repeat-x; background-position: left top; background-image: url(../images/navigation/backgrounds/blue.png); }

#navg{background-repeat: repeat-x; background-position: left top; background-image: url(../images/navigation/backgrounds/green.png); }

#navp{background-repeat: repeat-x; background-position: left top; background-image: url(../images/navigation/backgrounds/purple.png); }

#navy{background-repeat: repeat-x; background-position: left top; background-image: url(../images/navigation/backgrounds/yellow.png); }

.nav_inside{height: 100%; text-align: center; padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: auto; margin-top: auto; }

#navr div img{ margin-right: 0px; margin-left: 0px; margin-bottom: 0px; padding: 0px; text-align: center; position: relative; clear: both; margin-top: 20px; }
#navb div img{ padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; text-align: center; position: relative; clear: both; margin-top: 20px; }
#navg div img{ padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; text-align: center; position: relative; clear: both; margin-top: 18px; }
#navp div img{ padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; text-align: center; position: relative; clear: both; margin-top: 22px; }
#navy div img{ padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; text-align: center; position: relative; clear: both; margin-top: 20px; }

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="images" />
		<div class="captions" />
		<div class="controller" />
		<div class="thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	margin: 0 auto;
	width: 400px;
	height: 220px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-image: url(controller-play.gif);
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

.bold{font-weight: bold;}
#iproducts{display: none;}
#iframeproducts{width: 100%;border:0;min-height: 650px;}
#loader{text-align: center;}
#preferred{display: none;}
.preferred{display: none;}
#createdby{ margin: 0 auto; width:960px; color: #4c4c4c; text-align: right; margin-top: 5px;}
.spacing{ line-height: 28px }
.underline{text-decoration: underline;}