/*---------------------------------------------------------------------------------------
Roberts Roofing: Navigation Styles
Author:  Mario S. Cisneros
Version 1: 15 May 2007
Email: mario@webnet-ts.com 
-----------------------------------------------------------------------------------------*/

/* GLOBAL NAVIGATION BAR  #C9B167
----------------------------------------------------------------------------------------*/
#global
{width: 760px;margin-top: 4px;
  height: 34px; 
  font: bold 0.8em "trebuchet ms", arial, verdana, sans-serif;
  border-top: 1px solid #D5C289;
  background: transparent url("../img/backgrounds/nav/nav.jpg") repeat-x;}

#global ul
{margin: 0;
  padding: 0;
  list-style: none;}

#global ul li
{display: inline;
  line-height: 2.7;
  margin: 0;
  padding: 0;}

#global ul li a:link, #global ul li a:active, #global ul li a:visited
{color: #333; 
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  padding: 9px 12px;
  border-right: 1px solid #D5C289;}

#global ul li a:hover
{color: #BB5E00;
  text-decoration: none;
  border-bottom: none;
  padding: 9px 12px;
  background: transparent url("../img/backgrounds/nav/nav-over.jpg") repeat-x;}

#global #pipe
{border-left: 1px solid #D5C289;}


/*SIDE BAR background-color: #004674;
----------------------------------------------------------------------------------------*/
#sidenav ul
{margin: 0 0 25px 0;
  padding: 33px 0 3px 0;
  list-style: none;
  width: 200px;
  background: #004674 url("../img/backgrounds/roof.gif") no-repeat center top;}

#sidenav ul li
{display: block;
  border-bottom: 2px solid #004674;
  background-color: #E5E5E5;}

#sidenav ul li a:link, #sidenav ul li a:visited
{color: #004674;
  font: bold 0.8em "trebuchet ms", arial, verdana, sans-serif;
  display: block;
  padding: 8px 0 5px 10px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: none;}

#sidenav ul li a:hover
{color: #BB5E00;
  text-decoration: none;
  border-right: 5px solid #BB5E00;}

.topcap
{border-top: 1px solid #ddd;}


/* LINKS 
-----------------------------------------------------------------*/
a:link, a:active, a:visited 
{color: #004674; 
  font-weight: normal; 
  text-decoration: underline;}

a:hover
{color: #990000; 
  font-weight: normal; 
  text-decoration: none;}

span.arrow
{color: #FFF;
  font-weight: bold;
  padding-left: 2px;}

a:link span.seearrow, a:active span.seearrow, a:visited span.seearrow
{color: #004674;
  font-weight: bold;
  padding-left: 2px;
  text-decoration: none;}


/* READ MORE LINKS
----------------------------------------------------------------------------------------*/
.more
{background: transparent url("../img/backgrounds/more.jpg") no-repeat;
  font-size: 0.85em;
  padding: 5px 0 10px 8px;}

.more a:link, .more a:active, .more a:visited
{color: #FFF; 
  font-weight: bold;
  text-decoration: none;}

.more a:hover
{color: #ED9678; 
  text-decoration: none;}


/*FOOTER: HOMEPAGE
----------------------------------------------------------------------------------------*/
#homefooterwrap
{position: relative;
  width: 100%;
  height: 65px;
  text-align: center;
  padding-top: 22px;
  border-top: 2px solid #3F0;
	background-color: #004674;}

#homefooter
{position: relative;
  width: 760px;
  color: #fff;
	font-size: 0.8em;
  text-align: center;
  margin: 0 auto;}

#homefooter #copyright
{position: relative;
  float: left;
  margin-left: 5px;
  padding: 0;}

#homefooter #copyright p
{text-align: center;
  margin: 0 0 5px 0;
  padding: 0;}

#homefooter #copyright p span
{padding: 0 5px;}

#homefooter #webnet
{position: relative;
  float: right;
  margin-right: 5px;
  padding: 0;}

#homefooter #webnet p 
{text-align: left;
  margin: 0 0 5px 0;
  padding: 0;}

#homefooter #webnet p a
{text-transform: none;}

#homefooter #webnet li span
{color: #B3C2D1;}

#homefooter ul
{list-style: none;
  margin: 0;
  padding: 0;}

#homefooter ul li
{display: inline;
  padding-left: 0;
  background: none;}

#homefooter a:link, #homefooter a:visited
{text-decoration: underline;
  text-transform: lowercase;
	color: #FFF;
  padding: 0 3px;}

#homefooter a:hover
{text-decoration: none;
  color: #D3CE48;
  border-bottom: none;}


/*FOOTER: CORE PAGES
----------------------------------------------------------------------------------------*/
#footerwrap
{position: relative;
  width: 100%;
  height: 35px;
  text-align: center;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 2px solid #3F0;
	background-color: #004674;}

#footer
{position: relative;
  width: 760px;
  color: #fff;
	font-size: 0.8em;
  text-align: center;
  margin: 0 auto;}

#footer ul
{list-style: none;
  margin: 0;
  padding: 0;}

#footer ul li
{display: inline;
  background: none;}

#footer a:link, #footer a:visited
{text-decoration: none;
  text-transform: capitalize;
	color: #FFF;
  padding: 0 5px;}

#footer a:hover
{text-decoration: underline;
  color: #D3CE48;
  border-bottom: none;}


/*SAME NAVIGATION CODE ON EVERY PAGE
----------------------------------------------------------------------------------------*/
#home .home,
#about .about,
#testimonials .testimonials,
#contact .contact,
#roofing .roofing,
#choose .choose,
#directory .directory,
#careers .careers
{background: #C9B167 url("../img/backgrounds/nav/nav-over.jpg") repeat-x;}


/* PRINT TOOLS
------------------------------------------------------- */
#pagetools
{position: relative;
  width: 520px;
  text-align: left;
  margin: 0;
  padding: 15px 0;
  border-top: 1px solid #ddd;}

#pagetools ul
{padding: 0;
	margin: 0;
  list-style: none;}

#pagetools li
{display: inline;
  font-size: 0.8em;
	margin: 0;
  padding: 0 20px;}

#pagetools li a
{color: #000;}

#pagetools li a:hover
{color: #DB5C24;}

#printthis
{background: url("../img/icons/print-friendly.gif") no-repeat 0% 50%;}

#emailthis
{background: url("../img/icons/envelope.gif") no-repeat 0% 50%;}


/* VIDEO TESTIMONIALS BUTTON ON THE HOMEPAGE
----------------------------------------------------------- */
#header #estimate
{position: absolute;
  width: 125px;
  top: -3%;
  left: 82%;
  color: #FFF;
  letter-spacing: 1px;
	font: bold 0.9em "trebuchet ms", arial, sans-serif;
  font-variant: small-caps;
  margin:0;
  padding: 0;}

#header p#estimate 
{padding: 8px 0 15px 0;
  background: transparent url("../img/backgrounds/estimate.jpg") no-repeat;}

#header #estimate a
{color: #FFF;
  text-decoration: none;}

#header #estimate a:hover
{color: #48B6FF;
  text-decoration: none;
  background-color: transparent;}