html, body  {
   padding-top: 0px;
   margin: 0px;
   background-color: #bcab8e;
   background-image:url("../img/bg.jpg");
   background-repeat:repeat-x;
   height: 100%;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#666666;
   overflow-y: auto;
   text-align: center;
}
#logobg{
   display:block;
   clear:both;
   background-image:url("../img/logobg.png");
   height: 100%;
   width:100%;
   min-height: 100%;
	margin-bottom: 0px;
	position:relative;
	z-index:1;
	overflow-y: auto;
    overflow-x: hidden;
}
#main_container {
	margin:0 0 auto 0;
}
#tpmbackground  {
display:block;
clear:both;
   background-image:url("../img/logobg.png");
   visibility: visible;
   position: absolute;
   width: 100%;
   height:inherit;
   z-index: 1;
   margin: 0px 0px 0px auto;   
}
.tpmbackground  {
   background-image:url("../img/logobg.png");
   width: 100%;
}
#topbg {
   background-image:url("../img/top.png");
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 25;
   width: 100%;
   height: 211px;
}
* {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
blockquote {
	background:#273322;
	border:1px solid #202B1C;
}
#topcontainer {
	width:780px;
	height:206px;
	margin:0 auto;
}
#bottomcontainer {
	text-align:left;
	width:780px;
	top:206px;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index: 6;
}
#left {
	width:315px;
	float:left;
	margin:0 auto;
}
#wrapper {
	width:760px;
	margin:0 auto;
}
#header {
	font:Arial;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	padding:10px 0px 5px 245px;
	color:#FFFFFF;
	float:right;
	background-color:#000000;
}
#bottomwrapper {
	background-color:#ffffff;
	border-bottom:solid 3px #bcab8e;
	border-left:solid 3px #bcab8e;
	border-right:solid 3px #bcab8e;
	width:745px;
	float:right;
	z-index: 2;
	position: relative;
}
#sidebar {
	width:315px;
	float:left;	
}
#piccont {
	width:315px;
	height:160px;
	float:left;
	z-index: 25;
	position:relative;
}
#content {
	width:465px;
	float:right;
	background-color:#000000;
}
#nav {
    padding-left: 20px;
    padding-top: 80px;
}
#nav li {
	list-style:none;
    color:#bcab8e;
	font-weight:bold;
	display:inline;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 80px;
}
#nav li a {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 80px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#990000;
}
#nav a:hover {
    color:#bcab8e;
}
a em {
	font-style:normal;
	text-decoration:underline;
}
#content_main {
text-align:left;
	width: 440px;
	float:right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position:relative;
	z-index:30;
	
}
a {
	color:#990000;
	text-decoration:none;
}
a.hover {
	color:#bcab8e;
	text-decoration:underline;
}
p.top {
   color:#FFFFFF;
   font-size: 10px;
   font-weight:bolder;
}
#footer {
	margin:30px 0 0 0;
	padding:15px;
	font-size:90%;
	border-top:1px solid #333;
}
#topnav {
	text-align:right;
	width: 455px;
	height:109px;
	width: auto;
}
#sidenav1 {
    width:251px;
    float:left;
	background-color:#ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-top: 60px;
}
#sidenav2 {
    width:250px;
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
}
.divider {
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	height: 3px;
}
#copyright {
	font-size:9px;
	margin-top:30px;
	text-align:center;
	width: 745px;
	float:left;
	padding: 10 px;
	border-top:solid 3px #bcab8e;
	position:absolute;
	bottom:0;
	   width:100%;
   height:30px;   /* Height of the footer */
	z-index:8;
}
.heading {
color:#990000;
font-size:11px;
font-weight:bold;
}
.heading2 {
color:#bcab8e;
font-size:11px;
font-weight:bold;
}
#contactleft {
padding-left:20px;
   width:240px;
   float:left;
   color:#bcab8e;
}
#contactright {
   width:210px;
   float:right;
      color:#bcab8e;
}
#contactbottom {
width:400 px;
text-align:center;
   color:#bcab8e;
}
#spacer {
width:460;
height:10px;
}
/* expanding menu styling */
	#udm ul {
	margin-left:0 !important;
	margin-top:0px !important;
	width:230px !important;
	width:230px !important;
}
#udm ul ul {
	width:220px !important;
	width:225px !important;
}
#udm ul ul ul {
	width:230px !important;
	width:230px !important;
}
/* give all anchors a hand cursor */
#udm a {
	cursor:pointer !important;
	cursor:hand !important;
}img {
	border: 0px none;
}
.clearer {
clear: left;
line-height: 0;
height: 3px;
width:100%;
}
a.redbg {
	text-decoration: none;
	color: #330000;
}
a:hover.redbg {
	text-decoration: none;
	color: #bcab8e;
}

#container{
	margin: 7em auto;
	width: 400px;
}
#container ul{
	list-style: none;
	list-style-position: outside;
}
#container ul.menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#container ul.menu li{
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #bcab8e;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #bcab8e;
	cursor: pointer;
}
#container ul.menu li.active{
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #5f95ef;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0px 2px -1px 0px;
 padding: 3px 0;
 border-bottom: 1px solid #bcab8e;
 font: bold 12px Verdana, sans-serif;

}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
		margin-right: 3px;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 0px;
 border: 1px solid #bcab8e;
 border-bottom: none;
 background: #d1c5b1;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #990000; }
ul.tabbernav li a:visited { color: #990000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #990000;
 border-color: #bcab8e;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 	margin-bottom: -1px;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:4px;
 border:1px solid #bcab8e;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

h1 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #990000;
}
h2 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #990000;
}
h3 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #ae9e84;
}
h4 {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #ae9e84;
}
h5 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #ae9e84;
	text-align:center;
}
hr {
color: #bcab8e;
}
a.index {
	color: #ae9e84;
	text-decoration:none;
	text-indent: 10px;
}
a.index:hover {
	color:#990000;
	text-decoration:underline;
	text-indent: 10px;
}
.dkbg {
 padding:5px;
 background-color: #bcab8e;
 border-top:0;
 width:auto;
 clear:both;
}
/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	margin: 0 px;
	margin-left:auto;
	margin-right:auto;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: 0;
	padding: 0px;
	vertical-align: top;   /* aligns the img/caption container */
	width: 1em;            /* adjusts with text size */
	min-width: 85px;      /* not always honored, but that's OK */
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 60px;         /* a bit larger than highest img */
	line-height: 60px;    /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 1.5em;         /* makes each box a consistent height */
	padding: 1px 1px 0 1px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*border: 1px dashed #00f; */ /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
		cursor: hand;
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover img {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */
.news {
	list-style-image: url(../img/listbullet.png);
	margin-left:15px;
	padding-left:15px;
}
#contact_index {
border: 1px solid #bcab8e;
padding: 5px;
margin-bottom:30px;
text-align:center;
}
.indent{
text-indent:5px;
}
.indentlg{
text-indent:15px;
}
#contactleft2 {
text-align:left;
padding-left:20px;
   width:200px;
   float:left;
}
#contactright2 {
   width:200px;
   float:right;
}
.padded {
 padding:10px 10px 0px 10px;
}
.scsr_bottom {
width:275px;
text-align:center;
	font-size:9px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding: 10 px;
	border:solid 1px #bcab8e;
	background-color:#FFFFFF;
	position:relative;
	bottom:40px;
    height:100px;   /* Height of the footer */
}
.scsrgold{
 text-align:left;
 color: #bcab8e;
 text
}
.scsr {
	list-style-image: url(../img/listbullet.png);
	margin-left:15px;
	padding-left:15px;
	text-align:left;
}
.centerlist {
width:275px;
margin-left:auto;
margin-right:auto;
}
.pages {
	border:solid 1px #bcab8e;
}
#contactleft2 {
padding:15px 0 0 0;
	text-align:right;
   width:30%;
   float:left;
   color:#990000;
   height:100%;
}
#contactright2 {
padding:0 25px 0 0;
   width:auto;
   	text-align:left;
   float:right;
}
#contactleft3 {
padding:0;
	text-align:left;
   width:50%;
   float:left;
}
#contactright3 {
padding:0;
   width:50%;
   	text-align:left;
   float:right;
}
.style2 {font-size: 10}
li {
	text-align: justify;
}
.in1 {
text-indent:5px;
}
.in2 {
padding-left: 15px;
}
.in3 {
text-indent:15px;
}
.in4 {
text-indent:20px;
}
.products {
height: 190px;
}