@charset "UTF-8";

/* Generic Layout for entire www.Syndyne.com site

Color Palette:
-------------------------------
	Dark Grey: #202020
	Dark Green: #3A412F
	Medium Green: #555346
	Grey Green: #BCB692
  White: #FFFFFF
	Black: #000000
	White Smoke: #F5F5F5
*/	

/* Normalizing - from Andy Clarke's book 'Transcending CSS'
------------------------------- */
body, div, ul, li, h1, h2, h3, h4, p , cite, table, tr, td, fieldset {
  margin: 0; padding: 0;}
ul {list-style: none;}
img {border: 0;}

/* Global Settings
------------------------------- */  
h1, h2, h3, h4 {
	font-size: 125%;
	text-transform: uppercase;
	color: #FFFFFF;}
h2 {font-size: 150%;}
h3 {font-size: 110%em;}
span {color: #000000;}
.hidden {display: none;}

/* Links
------------------------------- */
a:link, a:visited, a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;}
.current_page a:link, .current_page a:visited {
	color: #BCB692;}
a:hover, a:active {color: #000000;}
ul#nav_sub a:hover, ul#nav_sub a:active {font-weight: bold;}

/* Page Structure 
------------------------------- */  
body {
  background-color: #202020;
  text-align: center;
  font-family: "Arial";}
div#container {
  position: relative;
  width: 775px;
  margin: auto auto;
  text-align: left;}

/* Content Section 
------------------------------- */	
div#content {
  background: #BCB692;
	position: relative;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;} 

div#content_main {
  position: relative;
	top: 10px;}
  
div#advertbar {

  position: relative;
  margin-left: 1px;
  margin-right: 1px;
  top: 14px;
	height: 75px;}
  
div#product_pic {
  position: relative;}

div#product_desc {
  position: relative;}
  
div#product_feature {
  position: relative;}

table#product_detail {
  Width: 775px;
  padding: 0;
  Margin:0;}

table#product_detail td#left_bar {
  Width: 145px;
  padding: 0;
  Margin:0;}

table#product_detail td#body {
  Width: 630px;
  vertical-align: top;
  text-align: left top;
  padding: 0;
  Margin:0;}

/* Site Info Formatting
------------------------------- */
div#site_info {
	background: url(../images/site_fill.gif) repeat-x bottom left;
	position: relative;
	height: 35px;
  text-align: center;
  text-transform: uppercase;
  font-size: 85%;
  color: #FFFFFF;
	border-right: 1px solid #000000;}
	
div#site_info p {
	background: url(../images/site_corner.gif) no-repeat top left;
	height: 35px;
	padding: 10px;}