@import url(http://fonts.googleapis.com/css?family=Economica:400,700);

/* ------------ DEFAULT STYLES ------------ */
header { padding:0; margin:0; border:1px solid #ECECEC; border-bottom:none; margin-bottom:0;}
#wrapper {margin-bottom:-20px; background:#FFF;}

footer, .push {height:20px;}
.bottom {color:#555; padding:18px 0 0 0;}
.bottom p { text-transform:uppercase; letter-spacing:.05em; font-size:.75em; margin-bottom:0; }
.bottom a { color:#555; }

/* titles in header */

#headerText {position:absolute; z-index:0; top:auto; bottom:0; left:0; right:auto; width:100%; height:26px; margin:0; padding:0; }
#headerText p.headerBit {text-align:right; height:26px; background:#CCC; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,0.1); text-transform:uppercase; font-weight:400;font-size:.8em; letter-spacing:.05em; line-height:26px; padding:0 5% 0 0; margin:0;}

#content { border:1px solid #ECECEC; border-top:none;margin-top:0; }

/*----- footer logo -----*/
footer #logo2 {width:60px; position:absolute; top:10px; left:20px; 
/* footer logo opacity */
/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/* IE 5-7 */ filter: alpha(opacity=30);
/* Netscape */-moz-opacity: 0.3;
/* Safari 1.x */-khtml-opacity: 0.3;
/* Good browsers */opacity: 0.3;
}


#content { padding:20px 2% 30px 2%; }

.contain-to-grid {max-width:1200px; margin:0 auto; padding:0;}

.breadcrumbs, .breadcrumbs li {border:none; background:none; padding-left:0; }

.side-nav {padding:0;}
.side-nav li {margin-bottom:0;}
.side-nav li ul {padding:10px 0 20px 0;}
.side-nav li ul li{ list-style-type:disc; }
.side-nav li a, .side-nav li.active ul li a  {text-transform:uppercase; font-size:.75em; letter-spacing:.05em; line-height:150%; color:#555;}
.side-nav li.active li a, .side-nav li.active > a:first-child {font-weight:400 !important; color:#111;}
.side-nav li.divider {margin:10px 0;}


/* thumbnails in block grid */

[class*="block-grid-"] > li .crop {height:auto; overflow:hidden;}


/* --- home page slider --- */

.slideshow-wrapper { padding-bottom: 20px; }

/* .orbit-container {-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4); box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4); } */

.dropshadow {width:99.5%; background:url(../content/library/dropshadow.png); display:block; position:absolute; left:0; top:0; height:3px; z-index:9;}

.slideshow-wrapper .orbit-container li { max-height:3000px; }

.orbit-bullets, #page_content ol.orbit-bullets {position:absolute; left:auto; right:10px; top:10px; width:auto; text-align:right; }
.orbit-bullets li {width:16px; height:16px; margin-left:5px; box-sizing:normal; border:2px solid rgba(255,255,255,0.4); }
/* prev and next buttons */
.orbit-container .orbit-prev,
.orbit-container .orbit-next { -webkit-border-radius:100%; 
-moz-border-radius:100%; border-radius:100%; width:60px; }
.orbit-container .orbit-prev { left:10px; background:none;}
.orbit-container .orbit-next { right:10px; background:none;}
/* arrows*/
.orbit-container .orbit-next > span {border-left-color:rgba(255,255,255,0.7);margin-left:-6px;}
.orbit-container .orbit-prev > span {border-right-color:rgba(255,255,255,0.7);margin-left:2px; }

/* captions for each slide */
.orbit-container .orbit-slides-container > * .orbit-caption {background-color:transparent !important;
top:0; bottom:auto; padding:0;width:94%;margin-left:3%; height:100%; font-size:1.1em;}

/* text elements in captions */
.orbit-caption h1,
.orbit-caption h2,
.orbit-caption h3,
.orbit-caption h4,
.orbit-caption h5,
.orbit-caption p { color:#FFF; text-shadow:1px 1px 3px #000; text-shadow:1px 1px 3px rgba(0,0,0,0.6); }

/* position the slide caption and provide options for top right bottom left positioning */
.orbit-caption .top {width:100%; position:absolute; top:36px; bottom:auto;}
.orbit-caption .right {width:100%; position:absolute; right:0; left:auto; text-align:right;}
.orbit-caption .bottom {width:100%; position:absolute; bottom:0; top:auto;}
.orbit-caption .left {width:100%; position:absolute; left:0; right:auto; text-align:left;}
.orbit-caption .center { width:100%; position:absolute; left:auto; right:auto; bottom:auto; top:140px; text-align:center;}

.slideshow-wrapper li { text-align:center ; }

.slideshow-wrapper li img {
    min-width: 100px;
    max-height:550px;
    max-width:400%;
}


.orbit-container .orbit-slides-container img {
    display: inline-block;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {background: rgba(0,0,0,0.2);
border-radius:100%;width:60px; height:60px;}

.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover, .orbit-container .orbit-prev:active, .orbit-container .orbit-next:active {background:rgba(0,0,0,0.4);}

/* headlines */
h1, h2, h3, h4 {font-weight:300;}
h2 {color:#111;font-size:2.2em;}
h3 {color:#999;font-size:1.8em;}
h4 {color:#888;font-size:1.4em;}
h5 {color:#555; font-size:1em; text-decoration:uppercase; letter-spacing:.05em; }

#page_content ul#subpages {left:-10px;}
#subpages h4 {font-size:1.2em;}
#subpages h4 a {color:#888; font-weight:400;}
#subpages h4 a:hover {color:#111; font-weight:400;}

.button {color:#FFF; font-size:.9em; font-weight:400; letter-spacing:.05em; text-transform:uppercase; }

hr, .side-nav li.divider {border:none; border-top:1px solid #EAEAEA; border-bottom:1px solid #FFF; height:0;}

p small {font-size:.8em; }

footer p.credit {position:absolute; bottom:4px; right:10px; margin:0; color:#CCC; font-size:.7em; }
footer p.credit a {color:#CCC;}

#features {padding-top:0;}

/* FEATURED PAGES CAROUSEL */
#slideshow2 {padding:0 5px;}
#slideshow2 .overview {margin-left:-.025%;width:100.5%;}
#slideshow2 .overview li{ position:relative; float: left; margin:0; padding:0;border-right:5px solid #FFF; height: 350px;  width: 601px;}
#slideshow2 .viewport { height: 350px; width:100%; padding:0 !important; overflow:hidden; }

#slideshow2 .buttons { font-family:"Economica",sans-serif; font-size:30px;line-height:32px;
-webkit:border-radius:100%; -moz-border-radius:100%; border-radius:100%;background:rgba(0,0,0,0.35);}
  
#slideshow2 .buttons:hover, #slideshow2 .buttons:active {
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  /* IE 5-7 */ filter: alpha(opacity=70);
  /* Netscape */ -moz-opacity: .7;
  /* Safari 1.x */ -khtml-opacity: .7;
  /* Good browsers */ opacity: .7;}
  
  
#features li .panel {border:none; background:none; background-color:transparent; z-index:3;position:absolute; bottom:10px; right:0; text-align:right; margin:0; padding:10px; display:block;}
#features a .panel h3 { color:#FFF;text-shadow:1px 1px 2px rgba(0,0,0,0.4) z-index:3; font-size:1em; margin:0; line-height:1.2}
#features a:hover .panel, #features a:active .panel {background:rgba(0,0,0,0.5)}


/* ===================== AT MOST 939px WIDE ================ */
@media screen and (max-width: 939px) {

#wrapper {padding-top:20px;}

header, .relative {height:180px;}

#logo {float:none; padding:13px 0 7px 0; margin:0 0 0 2.5%; }
#logo, #logo img {width:140px;}


/* position mobile nav*/
.contain-to-grid {position:absolute; right:0; top:10px; z-index:600;}

/* menu button */
.top-bar .toggle-topbar.menu-icon {right:3%;}
.top-bar .toggle-topbar.menu-icon a span {font-weight:400; font-size:1em;}
/* mobile nav dropdown container */
.top-bar.expanded { background:none; -moz-box-shadow:none;box-shadow:none; border-bottom:1px solid #EBEBEB; }

.top-bar-section ul li {border:1px solid #EBEBEB; border-bottom:none;}
.top-bar-section ul.dropdown { margin-top:98px; }

.top-bar-section ul.left { background:#FFF; margin-top:98px;}
.top-bar-section ul li a { padding:15px 2.85% !important; letter-spacing:.04em; 
color:#555; text-transform:uppercase; font-weight:400;}
/* active tab on mobile */
.top-bar-section ul li.active a {color:#111; background:none; }
#page_content ul#subpages {left:0px;}

/* headlines */
h1, h2, h3, h4 {font-weight:300;}
h2 {font-size:1.8em;}
h3 {font-size:1.4em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}


/* position the slideshow caption and provide options for top right bottom left positioning */
.orbit-caption .top, .orbit-caption .right,.orbit-caption .center, .orbit-caption .bottom,.orbit-caption .left {position:absolute; top:auto; bottom:0; left:auto; right:auto; margin:auto;}

}





/* =================== AT LEAST 768px WIDE =================== */
@media screen and (min-width: 768px) {

header, .relative{height:180px;}

.breadcrumbs {padding:20px 2% 0 2%;}

.contactLeft {width:50%;float:left;}

#com_contact_form { width:40%;float:right;padding:0;margin:0; }

[class*="block-grid-"] > li .crop {height:130px; overflow:hidden;}
#features {padding:0;}
}





/* ============ AT LEAST 940px WIDE ================= */
@media screen and (min-width: 940px) {

header, .relative {height:228px; }

#logo {width:178px; margin-left:5%; padding-top:17px;}

#bg1 #content {padding:0;}
#bg2 #content, #bg4 #content {padding:20px 5% 30px 5%;}

#headerText {height:40px; margin:0; padding:0; }
#headerText p.headerBit {height:40px; line-height:40px;}


.breadcrumbs {padding:20px 0 0 0;}

/* position nav container */
.contain-to-grid {width:100%; position:absolute; top:35px; left:22%; z-index:400; }

/* remove some floats and align center */
.contain-to-grid {max-width:100% !important; width:100%; text-align:center;}
.contain-to-grid ul.left { float:none !important; display:block; text-align:center; }

/* make list items display:inline-block so that they can auto text-align:center */
.top-bar-section ul li { float:none; display:inline-block; text-align:left;}
/* but dropdown menus are display:list-item */
.top-bar-section ul li.has-dropdown.hover li {display:list-item;}

/* change nav link styles and font */
.top-bar-section li a:not(.button), 
.top-bar-section ul li > a,
.top-bar-section .has-dropdown > a {text-transform:uppercase; font-weight:400; font-size:.75em; color:#999; letter-spacing:.03em; padding:5px 15px !important; }

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {margin-top:-20px;}

.top-bar-section li a:not(.button) {line-height:24px; font-size:.75em;}

.top-bar-section ul li.hover > a:hover {color:#826A1B !important; background:none;}
.top-bar-section ul li.active > a, li.has-dropdown.hover a {background:none !important; color:#111 !important;}
li.has-dropdown.hover li.hover a:hover {} 
.top-bar-section .has-dropdown > a:after {border:none !important;}

/*dropdown width*/
nav ul.dropdown {width:180px;}
.dropdown ul, .side-nav .dropdown {font-size:.95em;}
.top-bar-section .dropdown li a {white-space:normal !important;line-height:140%;}
/* hide mobile nav elements */
.js-generated {display:none !important;}

#features {padding:5px 0;}

}


/* ==================== AT MOST 500px WIDE - smartphones ==================== */
@media screen and (max-width: 500px) {

#wrapper {width:100%; padding:0;}
.slideshow-wrapper li img {
    min-width: 100px;
    max-height:400px;
    max-width:400%;
}

}