/*
Title: seedvibe design
Author: Dustin La Mont
Updated: 24 April 2008
*/


/* general
==========================================================================*/

body{
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
img{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}
a{
  font: 12px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #0A5B87;
}
a:hover{
  color: #5CB63A;
}


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

#container{
  margin: 0 auto;
  padding: 0;
  width: 760px;
}

/* twitter feed
==========================================================================*/

#twitter_div{
  color: #444;
  text-decoration: none;
  font: 11px Verdana, Arial, sans-serif;
  width: 215px;
  padding: 0;
}

/* header
==========================================================================*/

#header{
  margin: 0;
  padding: 5px 0 0 5px;
}

/* logo */

#logo{
  margin: 0 0 14px 0;
  padding: 10;
  float: left;
}
#logo a{
  display: block;
  width: 280px;
  height: 72px;
  background: url(logo.jpg) no-repeat 0% 0%;
  border: none;
  overflow: hidden;
  text-indent: -3000px;
}

/* navigation */

#nav{
  margin: 30px 0 0 0;
  padding: 0;
  float: right;
}
#nav ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav li{
  margin: 0;
  padding: 28px 21px 12px 23px;
  background: url(nav_split.jpg) no-repeat 0% 100%;
  float: left;
}
#nav li .item{
  margin: 0;
  padding: 0;
  height: 15px;
  float: left;
}
.item a{
  color: #444;
  text-decoration: none;
  font: 12px Arial, Helvetica, sans-serif;
}
.item a:hover, .current-page a{
  color: #5CB63A;
  text-decoration: none;
}

/* splash
==========================================================================*/

#splash{
  margin: 0;
  padding: 0;
  clear: both;
  background: url(splash_bkg.jpg) no-repeat 0% 0%;
  height: 236px;
}
#splash #main-pic{
  margin: 0;
  padding: 0;
  float: right;
}
#main-text{
  margin: 0;
  padding: 135px 0 0 19px;
  float: left;
  position: absolute;
  z-index: 1;
}
#main-contact-text{
  margin: 0;
  padding: 169px 0 0 40px;
  float: left;
  position: absolute;
  z-index: 2;
}


/* content
==========================================================================*/

#content{
  margin: 0;
  padding: 32px 0 32px 16px;
  font: 12px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #333;
  float: left;
  width: 495px;
  clear: both;
}
#content ul{
  margin: 0;
  padding: 20px;
  list-style: none;
}
#content ul li, #content ol li{
  margin: 0;
  padding: 0 0 0 15px;
  background: url(bullet.jpg) no-repeat 0% 50%;
  color: #313740;
}
#content h2{
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  font: bold 14px/1.5em "Lucida Grande", Verdana, sans-serif;
  background: url(line.gif) repeat-x 0% 100%;
  color: #333;
}
#content .pgf{
  margin: 25px 0 0 0;
  padding: 0;
}
#content ol{
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}



/* table data */

table{
  width: 440px;
  border-collapse: collapse;
  text-align: left;
}
tbody th{
  font-weight: bold;
}


/* latest news */

#latest-news{
  margin: 0;
  padding: 33px 0 0 0;
  float: right;
  width: 206px;
}
#rssBox{
  margin: 0;
  padding: 0 0 32px 11px;
  font: 12px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #1F6792;
}
#rssBox div, #load{
  margin: 0;
  padding: 20px 0 0 0;
}



/* mouseover thumbnails
==========================================================================*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}



/* footer
==========================================================================*/

#footer{
  margin: 0;
  padding: 0;
  clear: both;
  border-top: 1px solid #e1e0e0;
  font-size: 11px;
}
#footer-nav{
  margin: 0;
  padding: 20px 0 5px 16px;
  color: #727272;
  float: left;
}
#footer-nav a{
  color: #626262;
  font: 11px "Lucida Grande", Verdana, sans-serif;
}
#footer-nav a:hover{
  text-decoration: none;
}
#copyright{
  margin: 0;
  padding: 20px 0 0 0;
  float: right;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  color: #8a8888;
}
#copyright span{
  color: #626262;
}
#designed{
  margin: 0;
  padding: 0 0 30px 16px;
  clear: both;
  font: 10px "Lucida Grande", Verdana, sans-serif;
  color: #aaa;
  text-align: right;
}
#designed a{
  text-decoration: none;
  font: 10px "Lucida Grande", Verdana, sans-serif;
  color: #aaa;
}
#designed a:hover{
  color: #8a8888;
}