@charset "UTF-8";

/* Layout for home page of www.Syndyne.com only


/* Home Branding Section 
------------------------------- */ 
#home div#branding {
	background: #3A412F url(../images/branding1.jpg) no-repeat bottom left;
  position: relative;
  z-index: 1;
	top: 52px;
	left: 256px;
	height: 193px;
  width: 517px;}
#home div#branding h1,h3 {
	position: absolute;
	left: 120px;}
#home div#branding h1 {top: 7px;}	
#home div#branding h3 {top: 30px;}
#home div#logo_holder {
  background: url(../images/logo_home.gif) no-repeat center center;
  position: relative;
  top: -15px;
  left: -10px;
  height: 129px;
  width: 111px;}

/* Home Main Navigation Section (Left Nav Bar)
------------------------------- */  
#home div#navigation_main {
	background-color: #555346;
	position: relative;
	z-index: 0;
	top: -141px;
	height: 193px;
	width: 255px;
	border-left: 1px solid #000000;}
#home ul#nav_main {
	position: relative;
	top: 10px;
	left: 25px;}
#home li#nav_about a, #home li#nav_products a, #home li#nav_support a, #home li#nav_testimonials a, #home li#nav_links a {	
	background: url(../images/button.gif) no-repeat left center;
	display: block;
	width: 190px;
	height: 34px;
	line-height: 34px;
	text-indent: 35px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px dashed #FFFFFF;}
#home li#nav_links a {border-bottom: none;}

/* Home Sub Navigation Section (Top Nav Bar)
------------------------------- */  
#home div#navigation_sub {
  background: url(../images/nav_fill.gif) repeat-x center top;
  position: relative;
  z-index: 0;
  top: -370px;
	height: 36px;
  text-transform: lowercase;
  font-size: 90%;
  color: #FFFFFF;
  border-left: 1px solid #000000;}
#home #nav_sub, #home #nav_home, #home #nav_contact, #nav_search {
  position: absolute;}
ul#nav_sub {
  background: url(../images/nav_corner.gif) no-repeat top right;
  height: 36px;
  width: 100%;}
li#nav_home, li#nav_contact, li#nav_search {
  top: 11px;}
li#nav_search {
  left: 550px;}
li#nav_home {	left: 25px;}
li#nav_contact {left: 650px;}
li#nav_home a {
  background: url(../images/house.gif) no-repeat center left;
  text-indent: 25px;
  display: block;}

/* Content Section 
------------------------------- */	
#home div#content {
  position: relative;
  top: -177px;
  height: 381px;} 

#home div#content_sub {
	background: #BCB692 url(../images/sub_fill.jpg) no-repeat top left;
	position: relative;
	height: 125px;
  border-bottom: 1px solid #000000;}
#home div#content_sub h2 {
	position: relative;
	top: 15px;
	left: -15px;
	text-align: right;}
#home div#content_sub p {
	position: absolute;
	top: 95px;
	left: 60px;
	text-transform: uppercase;
	font-weight: bold;}	
#home div#midbar {
  background: url(../images/content_fill.gif) repeat-x center top;
	position: relative;
  height: 10px;}
#home div#content_main {
	background: #BCB692 url(../images/building.jpg) no-repeat center right;
	height: 280px;}
#home div#content_main h4 {
	position: absolute;
	top: 25px;
	left: 25px;}
#home div#content_main p {
	position: absolute;
	top: 60px;
	left: 25px;
	width: 500px;
	text-align: justify;
	overflow: visible;}
#home div#content_main p cite {
  position: relative;
  top: 10px;
  left: 15px;}

/* Site Info Formatting
------------------------------- */
#home div#site_info {
  position: relative;}