/*=======================================================
 CSS Document for Zephyr Electrical Services
=======================================================*/

@import url("global.css");


.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container { width: 860px; padding: 0; height: auto; display: block; margin: 0 auto; background:url('../images/core/content-bg.gif') repeat-y 0 0; clear: both;}
#content-bg-top { width:860px; height:650px; display: inline; position: absolute; z-index:5; top: 0; left: auto; background: url('../images/core/content-bg-top.gif') no-repeat 0 0;}

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header { width: 850px; height: 136px; left: 5px; clear: both; display: block; background:url('../images/core/header-bg.gif') repeat-x 0 0; margin: 0; position:relative; z-index:10;}

/*navigation*/

ul#nav { width: 190px; height:199px; display: inline-block; clear: both; margin-bottom:30px;}
ul#nav li { display: block; float: left; margin-bottom:5px;}
ul#nav a { width: 190px; height:63px; overflow: hidden; text-indent: -999em; display: block; float: left; }
ul#nav a:hover { background-position: -190px 0!important; }
a#navhome { background: url('../images/nav/nav-home.gif') no-repeat 0 0; }
a#navlifts { background: url('../images/nav/nav-lifts.gif') no-repeat 0 0; }
a#navcontact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0; }

/*=============================================================
	Main body - left + right
=============================================================*/

#content { width: 810px; display: inline-block; float: left; height: auto; clear: both; padding: 0px 25px 20px 25px; position:relative; z-index:10;}
#content-left { width: 190px; float:left;}
#content-right { width: 610px; float:right; }
#content-cta { padding-left:12px; }

#banner { width: 610px; height:220px; overflow:hidden; }


/*=============================================================
	Footer
=============================================================*/

#footer { width: 860px; height: 120px; clear: both; display:block; margin:0 auto; background: url('../images/core/footer-bg.gif') no-repeat 0 0; padding:10px 0 0 0;}
#footer p { text-align:center;}
#footer img { position:relative; top:-45px; left: 730px; }


/*=======================================================
 End of CSS Document for 
=======================================================*/