@charset "UTF-8";
body    { font-family: Helvetica, Sans-Serif; line-height: 1.4em; font-size: 0.8em; margin: 0px; padding: 0px; text-align: center; background: white; color: #606060; }

h1      { color: #606060; font-size: 1.7em; line-height: 1.2em; font-weight: bold; margin: 0px; }
h2      { color: #606060; font-size: 1.5em; line-height: 1.2em; font-weight: bold; margin: 0px; }
h3      { color: #606060; font-size: 1.3em; line-height: 1.2em; font-weight: bold; margin: 0px 0px 3px 0px; }
h4      { color: #606060; font-size: 1.2em; line-height: 1.2em; font-weight: bold; margin: 0px 0px 3px 0px; }
h5      { color: #606060; font-size: 1.1em; line-height: 1.2em; margin: 0px; font-weight: bold; }
h6      { color: #606060; font-size: 1.0em; line-height: 1.2em; margin: 0px; font-weight: bold; }

img     { border: 0px; }

strong  { font-weight: bold; }

a       { color: #c47b25; text-decoration: none; padding: 0px; }
a:hover { color: #c47b25; text-decoration: underline; }


div.hr      { line-height: 0px; font-size: 0px; height: 1px; background-color: #cccccc; margin: 8px 0px 8px 0px; }

img.logo { float: right; }


img.thumbnail {
  border: solid 1px #999999;
  width: 100px;
  height: 100px;
}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none;
/*    border: solid 1px #999999;*/
    z-index: 200;
}

.popup .indicator {
  background: url('../images/indicator.gif') top right no-repeat;
  height: 9px;
  margin-bottom: -1px;
  position: relative;
  z-index: 100;
}

.popup a { color: #c47b25 !important; white-space: nowrap; display: block; }
.popup { line-height: 1.75em;}
.popup a.email { padding-left: 20px !important; background: url('../images/icon-email.png') center left no-repeat; }
.popup span.telephone { padding-left: 20px !important; background: url('../images/icon-phone.png') center left no-repeat; }
.popup a.blog { padding-left: 20px !important; background: url('../images/icon-rss.png') center left no-repeat; }
.popup a.facebook { padding-left: 20px !important; background: url('../images/icon-facebook.gif') center left no-repeat; }

#posts { margin: 5px 0 0 0; padding: 0; line-height: 1.5em; }
#posts li { list-style: none; margin: 0; padding: 0; }


/* PAGE LAYOUT -------------------------------------------------------------------------- */

/* Main webpage (everything but the footer) */
#webpage { background: white; }

/* Wrapper creates a centered DIV to place webpage content within */
div.wrapper { text-align: left;  width: 950px;  margin: 0 auto 0 auto; }

/* Page contents */
#container { background: white; }  /* Main content area */
#contents { padding: 10px 10px 20px 10px; float: right; width: 690px; }  /* Actual contents */

/* Footer */
#footer { font-size: 0.8em; margin: 20px 0 10px 0; color: #dddddd; }
#footer h5 { color: #dddddd; margin-bottom: 5px; }
#footer a       { color: #cccccc; text-decoration: none; padding: 0 0 0 10px; background: url('../images/theme/arrow.gif') center left no-repeat; }
#footer a:hover { color: #f9db07; text-decoration: none; }
/* Footer sitemap */
#footer div.sitemap { margin: 0 0 20px 0; }
#footer div.sitemap div.column { width: 178px; float: left; }
#footer div.sitemap div.spacer { width: 10px; height: 10px; float: left; }
#footer div.sitemap ul { margin: 0; padding: 0; }
#footer div.sitemap ul li { font-size: 1.0em; display: block; margin: 0px 0px 0px 0px; padding: 0 0 0 0px; }


/* HEADER ------------------------------------------------------------------------------- */

#header { position: relative; width: 950px; margin: 50px 0 15px 0; border-bottom: solid 1px #dadada; z-index: 100; }

/* The main bair that contains the entire top menu and logo... it is padded to ensure text does 
not get placed on top of the absolute-positioned logo */
#header div.contents { padding: 50px 0 0 0; }

/* UL used for all the navigation menu items */
#header ul { float: left; margin: 0; padding: 0 0 0 0; }
#header ul li { font-size: 1.0em; display: block; float: left; margin: 0 15px 0 0; }
#header ul.accountinfo { float: right; width: 330px; margin-left: 15px; }
#header ul.accountinfo li { float: right; margin: 0 0 0 15px; }

/* Set link styles for the menu items */
#header a       { color: #999999; text-decoration: none; padding: 0px; }
#header a:hover { color: #444444; text-decoration: none; }
#header *.selected a { color: #444444 !important; font-weight: bold !important; }



/* BANNER  ------------------------------------------------------------------------------ */

/* The main banner/header image */
#banner { position: relative; width: 950px; height: 500px; overflow: hidden; padding: 0 0 5px 0; /*border-bottom: solid 1px #dadada;*/ margin-bottom: 10px; }
#slideshow div.slide { width: 950px; text-align: center; }
img.banner { /*width: 950px; height: 150px;*/ }

/* Slideshow caption bar */
#ss-bar      { position: absolute; top: 122px; width: 950px; height: 28px; background-color: black; opacity: 0.75; z-index: 90; }
/* Positioning for slideshow controls */
#ss-controls { position: absolute; top: 122px; width: 950px; height: 28px; z-index: 95; line-height: 28px; color: #cccccc; }
/* Slideshow control button (next/prev) */
#ss-controls div.btn { float: right; cursor: pointer; margin: 5px 5px 0 0; width: 15px; height: 15px; line-height: 12px; font-size: 1.3em; text-align: center; background: black; border: solid 1px white; color: white; opacity: 0.75; }
/* Slideshow caption text */
#ss-controls div.title { float: right; margin-right: 10px; }