/* 
--------------------------------------
bivhowdesign.com Style Sheet
author: Bivin Howell
version: no{4} yr{2008} 
-------------------------------------- */


/* Global Styles 
-------------------------------------- */

body {
  margin: 0;
  padding: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.1em;
  color: #000;
  background: url(../images/bhdbranding.png) top left no-repeat;  
  }

p {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: .8em;
  }
  
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

.logo {
  position: absolute;
  left: 700px;
  top: 115px;
  }
  
#servelist {
  margin: 0;
  padding: 0;
  list-style-type: square;
  }

#servelist li {
  font-size: .9em;
  font-family: Georgia, 'Times New Roman', serif;
  }

#servelist li ul {
  list-style: none;
  font-size: 1em;
  }
  
a:link, a:visited {
  color: #743110;
  text-decoration: none;
  font-weight: bold;  
  }

a:hover, a:active {
  color: #475063;
  text-decoration: none;
  }
  
h1 { 
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.3em;
  font-weight: normal;
  color: #743110;
  margin-bottom: -3px;
  }
  
h2 { 
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #475063;
  margin-bottom: -10px;  
  }
  
h3 {
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-size: .8em;
  font-weight: normal;
  margin-bottom: -13px;
  color: #475063;
  }      

h4 { 
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1em;
  font-weight: normal;
  color: #743110;
  margin-bottom: -10px;
  }

a img {
  border-width: 0;
  border-style: none;
  }
  
.clear { clear: both; }  
  
p.signature {
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  text-align: left;
  margin-left: 350px;
  font-size: .7em;
  line-height: 1em;
  display: block;
  }

.declaration {
  font-size: 1em;
  font-style: italic;
  }

p.serviceContents { margin-top: -10px; }

.serviceContents a {
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-size: .8em;
  color: #475063;
  border-left: 1px solid #000;
  padding: 2px 0 0 5px;
  }
  
.serviceContents a:hover { color: #743110; }


/* Sub Content 
-------------------------------------- */  

#subContent {
  clear: both;
  width: 900px;
  position: relative;
  left: 50%;
  margin-left: -450px;
  padding: 0;
  }

#subCol1 {
  width: 300px;
  float: left;
  }

#subCol2 {
  width: 500px;
  float: left;
  margin-left: 50px;
  }


/* Navigation
------------------------------------ */

#navcontainer { position: absolute; left: 27px; top: 183px;}

ul#navlist {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
  }
  
#navlist li {
  display: inline;
  list-style-type: none;
  }
  
#navlist a {padding: 12px 10px;}

#navlist a:link, #navlist a:visited {
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-size: .8em;
  color: #000;
  text-decoration: none;
  }
  
#navlist a:hover {
  color: #475063;
  text-decoration: none;
  }  

.home #navlist #home a,
.portfolio #navlist #portfolio a,
.services #navlist #services a,
.priceguide #navlist #priceguide a,
.connect #navlist #connect a {
  background: url(../images/navid.png) 50% 50% no-repeat;
  text-decoration: none;
  color: #743110;
  }

.about #navlist #about a {
  color: #743110;
  }

#serviceNav {
  margin: 0;
  padding: 0;
  }

#serviceNav li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  }

#serviceNav a {
  font-family: Lucida, Arial, Verdana, sans-serif;
  font-size: .7em;
  margin: 0 3px;
  text-decoration: none;
  color: #475063;
  }

#serviceNav a:link, #serviceNav a:visited {  
  text-decoration: none;
  }

#serviceNav a:hover {
  color: #000;
  text-decoration: none;
  }

#footerNav {
  margin-right: 50px;
  padding: 0;
  text-align: right;
  }

#footerNav li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  }

#footerNav a {
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-size: .6em;
  margin: 0 3px;
  text-decoration: none;
  color: #743110;
  padding: 5px 5px;
  }

#footerNav a:link, #serviceNav a:visited {  
  text-decoration: none;
  }

#footerNav a:hover {
  color: #000;
  text-decoration: none;
  }

  
/* Footer
-------------------------------------------- */

#footer {
  clear: both;
  position: relative;
  background: #D0DAE8 url(../images/branding-footer.png) top left no-repeat;
  height: 320px;
  padding-top: 25px;
  }
  
#footer p {
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-size: .6em;
  font-weight: normal;
  line-height: 1.3em;
  }

#footer a {
  font-weight: normal;
  } 

#footer h1 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.2em;
  color: #475063;
  font-weight: normal;
  margin-bottom: -14px;
  }
 
#footer h2 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: .9em;
  color: #475063;
  }

#footer h3 {
  color: #475063;
  margin-bottom: 10px; 
  }
  
#footerCol1 {
  width: 400px;
  float: left;
  margin-left: 50px;
  }

#footerCol2  {
  width: 250px;
  float: left;
  text-align: left;
  }
  
#footerCol2 p {
  font-size: .7em;
  line-height: 1.4em;
  }