/* $Id: local_sample.css,v 1.2.2.2 2009/12/22 06:47:47 jwolf Exp $ */

/* Local CSS
-------------------------------------------------------------- */

/**
 * Put your custom css and css overrides in this file and
 * rename it local.css. By restricting your css changes 
 * to local.css, your changes will not be overwritten when
 * upgrading to a new version of this theme.
 *
 *  Steps to activate local.css:
 *  1. Add your custom css to this file.
 *  2. Rename this file to local.css  
 */

html {background:#eee; }

#page, body.front {
  background:#000;
}

#header {
  background:none;
}
#header-wrapper,
#page {
  background:#000 url(images/bg-header-wrapper.jpg) top left repeat;
}
#header-last .content a:link, #header-last .content a:visited {
color:#fff;
}
#header-last .content { text-align:right; }

#gallery-content div.field-item {
  float:left;
  padding-right:10px;
}

.view-testimonials .views-row {margin: 0 auto 10px auto; border-top: 1px dotted #ccc}
.view-testimonials .views-field-title {padding: 5px 0 0 0; font-size: 15px}
.view-testimonials .views-field-body {padding: 0 20px 0 80px; font-style: italic; color: #999}
.view-testimonials .views-field-field-customername-value {font-size: 12px; font-weight: bold; color: #999}

/* Views: Banner slideshow */
#preface-wrapper, #preface-wrapper div.block-wrapper {margin: 0 auto !important; padding: 0 !important}
#preface-wrapper {position: relative; overflow: hidden}

.view-banner-slideshow {height: 320px}
.views-slideshow-controls-top {z-index: 5; position: absolute; top: 10px; left: 10px; text-indent: 14px}
.views_slideshow_singleframe_pager {}
.view-banner-slideshow .pager-item {float: left; margin: 8px 0 0 8px; padding: 0 !important; display: block; width: 14px; height: 14px; overflow: hidden}
.view-banner-slideshow .pager-item a {display: block; text-decoration: none; color: #fff}
.view-banner-slideshow .pager-item {background-image: url(images/views-slideshow-controls.png); background-repeat: no-repeat; background-position: 0 0}
.view-banner-slideshow .activeSlide {background-position: -14px 0 !important}
.view-banner-slideshow .pager-item:hover {background-position: -28px 0 !important}

div.w50 {
width:49.5%;
}


/*  Float containers fix: */ 
.clr:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clr{display: inline-block;} 
/* Hides from IE-mac \*/
* html .clr{height: 1%;} 
.clr{display: block;}
/* End hide from IE-mac */

h1, h2 {color: #c00; }