/*
Theme Name: Sylva Control Systems
Theme URI: http://www.sylvacontrols.com/
Description: 
Version: 1.0
Author: Josh Chunick
Author URI: http://sequituris.com/
Tags: green, custom header, floating and centered page, two columns, left menu

	Sylva Control Systems
	 http://sequituris.com

	This theme was designed and built by Josh Chunick

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

html body {
  margin:0;
  padding:0;
  background:#53784d url('images/top-x-repeat-bg.jpg') repeat-x;
  font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  text-align:center;
}

h1 {

}

h2 {
  font-size:1.5em;
  padding:0;
  margin:0;
  line-height:1em;
}

h2 a, h2 a:active, h2 a:visited, h2 a:hover {
  text-transform:uppercase;
  text-decoration:none;
  color:#000;
  
}

a, a:hover, a:active, a:visited {
  text-decoration:none;
  color:#666;
}

p a, p a:hover, p a:active, p a:visited {
  text-decoration:underline;
  color:#666;
}

h3 {
  font-size:1.3em;
}

h4 {
  font-size:1.0em;
  padding-top:5px;
}

h5 {
  font-size:1.0em;
}


img {
  border:0;
}

ul {
  margin-top:0;
  padding-top:0;
}

li a, li a:hover, li a:visited, li a:active {
  color:#666;
  text-decoration:underline;
}

.top-left-bg {
  /* border:1px solid purple; */
  position:absolute;
  left:0;
  top:0;
  background:url('images/top-left-bg.jpg') no-repeat top left;
  width:132px;
  height:100%;
  padding-bottom:34px; /* mirrors the padding-top style of the container div */
}

div#container {
  /* border:1px solid blue; */
  padding-top:34px;
  padding-left:132px;
  width:770px;
  text-align:left;
  margin:0 auto;
}

div#container div#header {
  background:url('images/header.gif');
  width:770px;
  height:138px;
}

.imgheader {
  position:relative;
  float:left;
  margin-top:5px;
  margin-left:5px;
}

div#container div#breadcrumbs {
  float:left;
  width:770px;
  height:20px;
  margin-left: 165px;
  padding:8px 0;
  font-weight:bold;
  font-size:1.0em;
  text-transform:uppercase;
}

div#container div#breadcrumbs a {
  color:#888;
}

div#container div#breadcrumbs a:hover {
  text-decoration:underline;
}

span.sep {
  color:#888;
}

div#container div#content {
  float:left;
  background: url('images/body.gif') repeat-y;
  padding-left:5px;
  width:770px;
}

.left-menu-pane {
  float:left;
  /*background:url('images/left-menu-bottom-bg.gif') no-repeat bottom left;*/
  width:165px;
  max-height:100%;
  vertical-align:top;
  margin-bottom:20px;
}

div#rightcontent {
  float:left;
  width:580px;
  padding:0;
  margin:0;
}

.content-body {
  padding:15px 15px 21px 15px;
  border-left:2px solid #989696;
  border-right:2px solid #989696;
  background:url('images/circuit-watermark.gif') no-repeat bottom right;
}

.topcontentbar {
  height:2px;
  width:580px;
}

.bottomcontentbar {
  height:2px;
  width:580px;
  margin-bottom:15px;
}

div#footer {
  float:left;
  background:url('images/footer.gif');
  width:770px;
  height:80px;
}

.footer {
  margin:0px;
  padding-top:20px;
  font-family:Arial;
  font-size:8pt;
  color:#97c891;
  text-align:center;
}

.clearboth {
  clear:both;
}

div#feature {
  background:url('images/featured_product_bkgrnd.png') no-repeat top left;
  min-height:170px;
  margin-top:30px;
  width:100%;
}

.feature_image {
  float:left;
  margin:5px 20px 70px 5px;
  cursor:url('images/magnify.cur'), pointer;
}

div#feature_image {
  width:116px;
  height:116px;
  text-align:center;
}


p#featureDesc {
  width:460px;
  padding-top:15px;
}

a.read_more, a.read_more:active, a.read_more:visited {
  float:right;
  margin-top:5px;
  padding:3px 5px;
  background:#FFF; 
  border:1px solid #888;
  color:#000;
  text-decoration:none;
  font-variant:small-caps;
}

a.read_more:hover {
  background:#8fce86;
  color:#FFF;
  border:1px solid #53784d;
  text-decoration:none;
}

/* ---------------------------------
   Format WordPress classes
   --------------------------------- */

/* left menu - start */
div#leftmenu {

}

ul#pagenav {
  margin-left:10px;
  padding:0;
}

li {
  line-height:18px;
  margin:0;
  padding:0;
}

li.page_item {
  margin-left:10px;
  padding:0;
  text-transform:uppercase;
  font-size:1.1em;
  font-weight:bold;
  list-style-type:none;
  color:#070707;
}

li.page_item a{
  text-decoration:none;
  color:#888;
}

li.page_item a:hover{
  text-decoration:underline;
}

li.current_page_item {
  /* background:url('images/leftmenu_tier1.gif') no-repeat top right; */
}

li.current_page_item a {
  color:#000;
}

li.current_page_item ul li a {
  color:#888;
}

li.page_item ul li {
  font-size:1.0em;
  margin-left:-15px;
  list-style-type: square;
  color:#888;
}

li.page_item ul li.current_page_item {
 /* background:url('images/leftmenu_tier2.gif') no-repeat top right; */
  list-style-type: square;
  color:#888;
}

/* left menu - end */

/* ngg_single pic - Product Picture */
img.ngg-singlepic {
  cursor:url('images/magnify.cur'), pointer;
}