@charset "UTF-8";



/* Layout for navigation of www.Syndyne.com



/* Generic Branding Section 

------------------------------- */ 

div#branding {

	background: #3A412F url(../images/branding_bar.gif) no-repeat bottom left;

	position: relative;

	z-index: 1;

  top: 50px;

	height: 80px;

  width: 773px;

	border: 1px solid #000000;}

div#branding h1,h3 {

	display: none;}

div#logo_holder {

  background: url(../images/logo.gif) no-repeat center center;

  position: relative;

  top: -28px;

  right: -15px;

  height: 103px;

  width: 100px;}



/* Generic Main Navigation Section (Lower Nav Bar - Below Branding)

------------------------------- */  

div#navigation_main {

	background-color: #555346;

	position: relative;

	z-index: 0;

  top: 50px;

	height: 35px;

	width: 773px;

	text-transform: uppercase;

	font-size: 95%;

	font-weight: bold;

	color: #FFFFFF;

	border-left: 1px solid #000000;

	border-right: 1px solid #000000;}

#nav_order, #nav_main, #nav_about, #nav_products, #nav_support, #nav_testimonials, #nav_links {

	position: absolute;

	top: 5px;

	width: 100%;}

li#nav_about {left: 135px;}

li#nav_order {left: 50px;}

li#nav_products {left: 285px;}

li#nav_support {left: 395px;}

li#nav_testimonials {left: 495px;}

li#nav_links {left: 630px;}



/* Generic Sub Navigation Section (Top Nav Bar)

------------------------------- */  

div#navigation_sub {

  background: url(../images/nav_fill.gif) repeat-x center top;

  position: relative;

  z-index: 0;

  top: -100px;

	height: 36px;

	width: 774px;

  text-transform: lowercase;

  font-size: 90%;

  color: #FFFFFF;

  border-left: 1px solid #000000;}

#nav_sub, #nav_home, #nav_contact, #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, #nav_search  {

  top: 11px;}
li#nav_search {
  left: 550px;}
li#nav_home {	left: 125px;}

li#nav_contact {left: 650px;}

li#nav_home a {

  background: url(../images/house.gif) no-repeat center left;

  text-indent: 25px;

  display: block;}