/* Colors --------------- 
  dark gray #666666;
  orange: #ff9900;
  background: #eeeeee
  black: #333333
  gray #888888
  turq. #227f9a
End Colors --------------- */

@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('graphics/events/anniversary/fonts/GothamBook.woff') format('woff');
}

@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('graphics/events/anniversary/fonts/GothamBold.woff') format('woff');
}

@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('graphics/events/anniversary/fonts/Gotham-Bold.woff') format('woff');
}

@font-face {
font-family: 'Gotham Black Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Black Regular'), url('graphics/events/anniversary/fonts/Gotham-Black.woff') format('woff');
}


@media print {
html, body, table { 

    font-size: 12pt;
    line-height:1.4em;
    font-family: 'Open Sans', 'sans-serif';
    color:#000;
    margin:0;
    padding:0;
    background:#fff;
}    
    
}
@media screen {
/* ---------------HTML Element Over rides --------------- */
#content-inner .eventBody .slides {
    margin:0 0;
    padding:0 0;
    text-align:center;
    list-style:none;
    background:#fff;
}
#content-inner .eventBody .slides img {
    max-width:98%;
    vertical-align:middle;
}

#sectionImage { display: block; position: relative; width: 100%; padding-bottom: 33.333%; box-sizing: border-box; /*height: 450px;*/ background-repeat: no-repeat; background-size: contain; background-position: top center; color: #fff; font-family: 'Gotham Black Regular'; font-weight: normal; }

#sectionImage.event-header-override-js { display: block; position: relative; width: 100%; height: 450px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; color: #fff; font-family: 'Gotham Black Regular'; font-weight: normal; }
#sectionImage .header-caption { display: block; position: absolute; top: 50px; left: 50px; font-family: 'Gotham Black Regular'; font-weight: normal; font-size: 52px; line-height: 66px; text-shadow: 1px 1px 5px rgba(0,0,0, 0.8); -webkit-text-shadow: 1px 1px 5px rgba(0,0,0, 0.8); }
#sectionImage .waterworks-logo { display: block; position: absolute; bottom: 30px; right: 50px; width: 150px; }
#sectionImage .waterworks-logo img { max-width: 100%; }
#sectionImage img { max-width: 100%; }

.round {
    display:inline-block;
    background: #ff9900;
    border:thin solid #ff9900;
    border-radius: 2.5em;
    color:#ffffff;
    width:1em;
    padding: 0em 0.1em;
    text-align:center;
}
.col33 {
    float:left;
    width:33%;    
}
.col50 {
    float:left;
    width:50%;

}
.col50 h2 {
    color:#ff9900;
    font-weight:bold;

}
.col50.left {
    width:49%;
    margin-right: 1%;
}
.col50.right {
    width:49%;
    margin-left: 1%;

}
.col50.right h2 {
    text-align:right;    
}
/* UI Tab styles */
#tabs {

}
#tabs ul.ui-tabs-nav,
#tabs ul.ui-tabs-nav li{
    margin: 0 0 !important;
    padding: 0 0 !important;
    list-style:none;
    }
#tabs ul.ui-tabs-nav li.ui-state-default { 
    display:inline-block;
}
#tabs ul.ui-tabs-nav li.ui-state-default { 
    line-height: 1.5em;
    background: #fff;
    margin-right: 0.8em;
    }

#tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active { 
    margin-bottom: -1px;
}
#tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active a,
#tabs ul.ui-tabs-nav li.ui-state-default a:hover {
    text-decoration:none;
    color:#fff;
    background:#ff9900;
    }
#tabs ul.ui-tabs-nav li.ui-state-default a {
     margin: 0 0.5em 0 0;
     font-size: 1em;
     text-align:center;
     display:block;
     color:#666;
     background:#eee;
     padding: 0.5em 0.7em;
    }

.tab-item {
    border-top: solid 0.2em #ff9900;
    padding: 0.5em 0 0 0;
    }
#tabs div.ui-tabs-hide { 
    display:none;
    }
html, body, table { 

    font-size: 12pt;
    line-height:1.4em;
    font-family: 'Open Sans', 'sans-serif';
    margin:0;
    padding:0;

}

a { 
    color: #ff9900;
    text-decoration:none;
}
a:hover { 
    text-decoration: underline; 
}
a img {
    border:none;    
}
p, h1, h2, h3, h4, h5, h6 {
    padding: 0.4em 0;
    font-style:normal;
    margin:0;
}
h1 { 
    font-size: 3em;
    font-weight:400;
    line-height: 125%;  
    text-transform:uppercase;
    
    color:#ff9900;
}
.no-sidebar h1 {
    text-align:center;
}
h2 { 
    font-size: 2.5em; 
    font-weight:400;
    line-height: 125%;
    padding-bottom: 0.1em;

}
h3 { 
    font-size: 2em; 
    font-weight:400;
    font-family: 'Muli', sans-serif;
    line-height: 125%;
    padding-bottom: 0.1em;
}
h4 { 
    font-size: 1.5em;
    font-weight:400;
    line-height: 125%;
    padding-bottom: 0.1em;
}
h5 { 
    font-size: 1.25em;
    font-weight:400;
    line-height: 125%;
    padding-bottom: 0.1em;
}
td {
    vertical-align:top;    
}
hr {
    border-top: 1px solid #ccc;
    border-bottom:none;
    border-right:none;
    border-left:none;
    background:transparent;
    height:1px;
    margin: 1em 0;
    padding:0;
    clear:both;
}
hr.fancyrule {
    border-top: none;
    border-bottom:none;
    border-right:none;
    border-left:none;
    background:transparent url('graphics/design/decor-line-dot.png') 50% 50% no-repeat;
    height:1em;
    margin: 1em 0;
    padding:0;
}

blockquote {
    padding: 0.5em 0;
    margin:1em 0;
    border-top: #ccc thin solid;
    border-bottom: #ccc thin solid;
    font-style:italic;
}
/* End HTML Element Over rides */
#content-inner ul.testimonials li{
    padding-bottom: 1em !important;
}
#content-inner .inner ul {
    padding: 0.5em 2em; 
}
#content-inner .inner ul.listings {
    padding: 0 0;
}
#content-main.normaltext .scale {
    
}
#content-main.smalltext .scale {
    font-size: 0.9em;
}
#content-main.largetext .scale {
   font-size:1.1em 
}
.copyright {
    text-align:center;
    font-size: 0.7em;
    color:#999;
    }
.button-link a,
.button-link,
.button-style,
.button-style a{
    line-height:1.5em;
    color:#fff;
    background: #ff9900; /* Old browsers */
    display: inline-block;
    padding: 0.2em 1em;

    text-decoration:none;
    margin-bottom: 0.5em;
}

.button-link:hover,
.button-link a:hover,
.button-style:hover,
.button-style a:hover{
     color:#fff;
     text-decoration:none;
     background: #227f9a;
}
.meta {
     font-size:.875em;
     color:#bbb;
}
.pdflink {
  background:transparent url('graphics/pdficon_small.gif') no-repeat 0 50%;
  display:block;
  padding-left:20px;
  border-bottom:none;
  color:inherit
}



    }
.pdflink:hover {
  background:transparent url('graphics/pdficon_small.gif') no-repeat;
  display:block;
  padding-left:20px;
  border-bottom:none;
  color:#ff9900;
}
.mswlink {
  background:transparent url('graphics/msw_icon.gif') no-repeat;
  display:block;
  padding-left:20px;
  border-bottom:none;
  color:inherit
}
.mswlink:hover {
  background:transparent url('graphics/msw_icon.gif') no-repeat;
  display:block;
  padding-left:20px;
  border-bottom:none;
  color:#ff9900;
}
.heading {
    text-align:left;
}
.left {
    float:left;
}
.right {
    float:right;
}
.sml, .more {
    font-size:.85em;    
    line-height:1.2em;
}
.xsml {
    font-size:.75em; 
    line-height:1.2em;
}
.med {
    font-size: 1.25em;
    line-height:1.3em;
}
.lrg {
    font-size: 1.5em;
    line-height:1.3em;
}
.xlrg {
    font-size: 1.8em;
    line-height:1.3em;
}
.photo-center {
    display:block;
    clear:both;
    margin: 0.5em 0 0.5em 0;
    border-radius: 0.938em;
  -moz-border-radius: 0.938em;
  -webkit-border-radius: 0.938em;
}
.photo-right {
    float:right;
    margin: 0 0 0.5em 0.5em ;
    border-radius: 0.938em;
  -moz-border-radius: 0.938em;
  -webkit-border-radius: 0.938em;
}
.photo-left {
    float:left;
    margin: 0 0.5em 0.5em 0;
    border-radius: 0.938em;
  -moz-border-radius: 0.938em;
  -webkit-border-radius: 0.938em;
}
#body { 
    background:##fff; 
    color:#666;
    margin:0 auto; 
    padding:0; 

}
#page {
 margin:0 auto; 
}
#page-inner {

}
#pre-header {
position:fixed;
z-index:999;
width:100%;
    background:#fff;
    border-bottom: thin solid #ccc;
}
#pre-header-inner {
    width:98%;
    padding:0 1%;
    text-align:right;
    position:relative;
    background:#fff;
    text-transform:uppercase;

}
#header {
display:none;
}
#post-header {
    height:5em;

}

#post-header-inner {


}
#content {
    background:#fff; /* fall back old browsers */
    /*
    border-bottom: 0.3em solid #333;
    background: -moz-linear-gradient(top,  #bbbbbb 0%, #eeeeee 2%, #eeeeee 98%,#bbbbbb 100%); 
    background: -moz-linear-gradient(top,  #bbbbbb 0%, #eeeeee 2%, #eeeeee 98%,#bbbbbb 100%); 
    background: -webkit-gradient(linear, top, color-stop(0%,#bbbbbb), color-stop(2%,#eeeeee), color-stop(98%,#eeeeee), color-stop(100%,#bbbbbb)); 
    background: -webkit-linear-gradient(top,  #bbbbbb 0%, #eeeeee 2%, #eeeeee 98%,#bbbbbb 100%); 
	background: -o-linear-gradient(top,  #bbbbbb 0%, #eeeeee 2%, #eeeeee 98%,#bbbbbb 100%); 
	background: -ms-linear-gradient(top,  #bbbbbb 0%, #eeeeee 2%, #eeeeee 98%,#bbbbbb 100%); 
	background: linear-gradient(top,  #bbbbbb 0%, #eeeeee 2%, #eeeeee 98%,#bbbbbb 100%); 
	
    min-height:18.75em;
    */
}
/*#content h1 {
    display:inline-block;
    background: #ff9900;
    color:#fff;
    padding: 0.05em;
    margin-bottom: 1em;
}
#content h1 .heading {  
    border: thin solid #fff;
    margin: 0.05em;
    display:block;
    padding:0.2em 1em ;
}
*/
#footer {
    min-height:18.75em;
    background: #333; 
    color:#fff;
    border-top: 0.1em solid #fff;
    padding: 1em 0;
}
#footer h2 {
    border-bottom: thin solid #888888;
    padding-bottom:0.2em;
    margin-bottom: 0.3em;
    text-transform:uppercase;
}
#footer #block-1,
#footer #block-2,
#footer #block-3 {
    width:18.750em;
    float:left;
}
#footer #block-2{
    margin-right: 1.875em;
    margin-left: 1.875em;
}
#footer #block-1 .block-inner {
    pading-right:
}
#footer a,
#footer a:hover {
    color:#ff9900;    
}
#footer .blurb { font-size:0.875em; }
#footer-inner {
   /* padding-top:1em; */
}
#post-footer {
    font-family: verdana, arial, helvetica, sans-serif;
    color:#999;
    height: auto;


}
#post-footer a {
    color:#999;
    }
#post-footer-inner {
    padding: 1em 0 ;

}
.inner-container {
    width: 60em; /* 73.846em */
    margin:0 auto;
}
.page-title,
.formsTitle {
 
    
}


.footer-address {

    text-align:center;
    line-height: 1.2em;

}
.footer-address p {
    font-size: 0.8em ;
    padding:0;
    margin:0;
}
.center { 
    text-align: center; 
}
.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#logo {
    max-width:250px;
    padding: 0.5em 0;
    position:relative;
    float:left
}
#logo a {

    
}
#logo img {
    max-width:100%;
}

.menu_quicklinks li a,
.menu_quicklinks li a:hover{
    font-size:1.2em;
    padding: 1em 0.2em 0.1em 0.2em;
    line-height:2em;
    text-decoration:none;
    display:block;
    color:#666;
    }
.menu_quicklinks li {
    border-bottom: 0.3em solid #fff;
    -webkit-transition: border-bottom 0.3s ease;
    -moz-transition: border-bottom 0.3s ease;
}

.menu_quicklinks li:hover {
    border-bottom: 0.3em solid #ff9900;
    -webkit-transition: border-bottom 0.3s ease;
    -moz-transition: border-bottom 0.3s ease;
}
.menu_quicklinks li {
  line-height: 2.50em;
  list-style:none;
  text-align:left;
  display:inline-block;
  margin: 0 0.5em !important;
  padding: 0 0 !important;
}

li.menuItemHighlight {
       border-bottom: 0.2em solid #ff9900;
}
.blogInfo {
    clear:both;
}
.social-links {
    height: 1.3em;
}
.footer-menu {
    width:42em;
    float:left;
}
.error {
    color:#ae1a1f;
    font-weight:bold;
}
#content-main {

}
#content-inner {
    position:relative;
    float:left;
    width:40.2em;

}
#content-main.full-width {
    width:100%;
}
#content-inner .inner,
.page-content .inner {
    padding:0 1em;    
}

#sidebar-wrapper {
    width:18.5em;
    margin-left: 1em;

    float:left;

}
#sidebar-wrapper.no-color {
    background:transparent !important;
    }
#sidebar-wrapper .formsTitle {
    font-size: 1.5em;
    }
#sidebar-inner {

}
#sidebar-wrapper .block-item {
    background: #227f9a;
   padding:1em;
   color:#fff;
   margin-bottom:1em;
}
#sidebar-wrapper .block-item a {
    color: #d0e4ea;
}
#sidebar-inner img {
    width:100%;   
}

/* End Global Styles */
/* Home Page Styles */
.no-sidebar #content-main #content-inner {
    width:100%;
}
.front #content-main #content-inner {
    text-align:center;
}
.rotate {
    padding:1em 0;    
}

.showLink{
    font-size: 0.875em;
}
.more-less {
    text-align:left;
    display:block;
    display:none;
}

.no-sidebar #content-inner .inner, .page-content .inner {
    padding:1em 0;
    }
/* End Home Page Styles */
/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; font-size: 0.875em;}
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow {  background:#ff9900; color:#fff; display:inline-block; padding: 0.3em; min-width: 1.2em; margin: 0 0.2em;}
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { background:#ff9900; color:#fff; }
.pagination .prevnextCurrent {background:#333; color:#fff;  padding: 0.3em; display:inline-block;margin: 0 0.2em;}
.pagination a.prevnextLink { background:#ff9900; color:#fff; display:inline-block; padding: 0.3em; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */


/* ModuleBegin::faq */
#faqRoot { margin: 0 auto; padding: 0; }
#faq .faqcontent {  }
#faq h4 {

    font-size:1.3em;
    }
#faq h4.faqopened, #faq h4.faqclosed { cursor: pointer; color: #004171; }
#faq h4.faqclosed:hover { color: #a2162a; }
#faq .answer { 
    border-bottom: 0.1em dotted #c5cdd6;
    border-top: 0.1em dotted #c5cdd6;
    background: #dfe8f2 none 0 0;
    padding: 1em;
}

/* ModuleEnd::faq */









/* ModuleBegin::banner ads */
.fba_links {
    display:block;
    padding: 0 0 0.3em 0;
}
.fba_links:hover {
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.8;
}
/* ModuleEnd::banner ads */

/* ModuleBegin::forms */
.contact-block {
 float:left;
 width:33%;   
}
#form {
    
}
#form table {
    width:100%;    
}
#form td {
    vertical-align:middle;
    line-height:1.5em;
}
#form tr td:nth-child(2) {
    width:60%;    
}
.formtext,
.formtextRequired {

}
.formtextRequired:after {
   content:"*";    
}
input[type="text"],
input[type="password"],
textarea,
select {
    width:98%;
    border: 0.1em solid #ccc;

    background: #fff;
    padding:0.3em;
    color:#666;
    margin: 0.2em 0;
    
}
.buttonlink,
input[type="submit"] {
    width:100%;
    border: 0.1em solid #ff9900;
    background: #ff9900;
    padding:0.3em;
    color:#fff;
    width:auto;
    text-align:center;
}
.enewsEmail input[type="text"] {
    width:80%;
    float:left;
    padding:0em;
    margin:0;
    height: 2em;
    line-height: 1.5em;
    text-indent: 0.5em;
    border:none;
    }
.enewsEmail input[type="submit"] { 
    width:15%;
    padding:0em;
    margin:0;
    height: 2em;
    line-height: 1.5em;
    float:left; 
    border:none;

}
.enewsWrapper h3,
.enewsWrapper p {
    padding: 0 0;
    }
/* ModuleBegin::photo */
/* Photo Lister */
.photoListerWrapper { clear: both; }
.photoListerWrapper .itemList { margin-bottom: 20px;}
.photoListerWrapper span {display:block;}
.photoListerWrapper .photoImage {float: left;  padding-right: 20px;}
.photoListerWrapper .photoImage img {padding:5px; border: 1px solid #ccc;}
.photoListerWrapper .photoDescription { }

/* Photo Thumbnails */
.photoThumbnailWrapper { }
.photoIntro { padding-bottom: 10px; }
.photoOther { }
.photoThumbnail { float: left; width: 180px; height: 160px; text-align: center; }
.photoThumbnail img { border:1px solid #ccc; padding: 5px;}
.photoThumbnailWrapper .photoTitle { display: block; }

/* Photo Detail */
.photoDetailWrapper { }
.photoDetailWrapper .photoDetail { padding: 10px 0px; text-align: center; }
.photoDetail span { display: block; }
.photoImage img {border:1px solid #ccc; padding:5px;}
.photoDetailWrapper .photoDescription { text-align: left; padding: 5px 0px; width: 400px; margin: 0 auto;} 
.photoRemote { width: 420px; margin: 0 auto; border: 0; clear: both;}
.photoRemote:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.photoRemote span{ border: 0; }
.photoRemote span a{display: block; width: 68px; padding: 4px 0px; border: 1px solid #ccc; text-decoration:none; text-align:center; float:left;}
.photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #000;}
.photoDetailWrapper .pagination { text-align: center; }

/* Photo Slide */
.photoSlidelWrapper { }
.photoSlideWrapper .photoDetail { padding: 10px 0px; text-align: center; }
.photoSlide span { display: block; }
.photoImage img {border:1px solid #ccc; padding:5px;}
.photoSlideWrapper .photoRemote { width: 210px; margin: 0 auto; border: 0; clear: both; }
/* ModuleEnd::photo */

/* ModuleBegin::directory-our_team */
.staffDetailWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.staffPhoto { float: right; margin: 0px 0px 5px 10px; background-color: #ffffff;}
.staffPhoto img { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; }

.directoryListWrapper { }
.directoryDetailWrapper { }
.directoryName { }
.directoryCategory { }
.directorySearchInput { width: 100px; }
/* ModuleEnd::directory-our_team */

.bxslider ul,
.bxslider li {
    list-style:none;
    margin:0;
    padding:0;
}
#content-inner #photoAjax ul.work li {
    margin: 0;
    width:100%;
}
#photoSlideshow .bxslider li {
    position:relative;
    display:block;
}  
#photoLister .bxcaption,
#photoAjax .bxcaption {
    height: 1.5em;
    position:absolute;
    bottom:0;
    left:0;
    width:18.750em;
    background:#666;
    color:#fff;
    text-align:center;
}
#photoLister .bxhovercaption,
#photoAjax .bxhovercaption {
    height: 3em;
    position:absolute;
    bottom:0;
    left:0;
    width:18.750em;
    background:#fff;
    color:#333;
    text-align:center;
    padding-top:9.4375em;
    padding-bottom: 9.4375em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity:0;
    font-weight:700;
    }
#photoLister .bxhovercaption:hover,
#photoAjax .bxhovercaption:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7; 
    
}
#photoLister .bxslider li,
#photoLister .bxslider li img, 
#photoAjax .bxslider li,
#photoAjax .bxslider li img {
    width:18.750em;
    min-height:21.875em;
    background:transparent;
    overflow:hidden;
    }
#photoLister,
#photoAjax ,
#photoSlideshow {
    position:relative;
}
#photoSlideshow li img {
    width:100%;
}
.bx-controls-direction a {
  position:absolute;
  top:0%;
  display:block; 
width:45px;
  height:25px;
  text-indent: -200px;
  font-size:1px;
  overflow:hidden;
    }
.bx-prev {
    background: transparent url('graphics/design/slideshow-arrow-prev.png') 0 0 no-repeat;
    left:0;
}
.bx-next {
  background: transparent url('graphics/design/slideshow-arrow-next.png') 0 0 no-repeat;
  right:0;
}
.bx-pager {
    display:none;    
}


ul.tags,
ul.tags li,
ul.menu_services,
ul.menu_services li {
    list-style:none;
    margin:0;
    padding:0;
    }
ul.menu_services li {
    padding-bottom: 0.3em;
}
.photosHeader {
    text-align:center;
    padding-top:0 !important;
    margin-top:0 !important;
}

/* ModuleBegin::leads */
.pcl-name {
	text-align:center;
	width:100%;
	font-weight:bold;
}
/* ModuleEnd::leads */


.membershipLoginWrapper {
background: #333;
color:#fff;
padding: 0.2em;
}
.membershipLoginWrapper .inner-wrapper {
padding: 1em;
color: #fff;
}
#content-inner ul.work,
#content-inner ul.work li{
    margin:0 0;
    padding: 0 0;
    list-style:none;
}
#content-inner  ul.work li {
    width:33%;
    margin: 0.1%;
    float:left;
    text-align:center;
    position:relative;
    font-size: 1.3em;

}
#content-inner  ul.work li .sml {
    padding-bottom:1em;
}
#content-inner  ul.work li img {
    max-width:100%;
    position:relative;
}
#content-inner .workLister ul.work li {
    height: 16em;
    background-size:cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;    
}
#content-inner ul.work li a {
    display:block;
    height:100%;
    color:#fff;
}
#content-inner .workLister ul.work li a {
    background-color: rgba(255,153,0,0.5);
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;    
}
#content-inner ul.work li a {
    display:block;
}
#content-inner .workLister ul.work li a:hover {
    background-color: rgba(255,153,0,0.8); 
    text-decoration:none;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
}

#content-inner ul.work .info {
    width:100%;
}
.work .xlrg {
    font-weight:bold;
}
#content-inner ul.work .info .sml {
    font-weight:bold;
    text-transform:uppercase;
}
#content-inner ul.work span {
    display:block;
    padding:0.5em;
}
#content-inner ul.work li.clients {
    min-height: 12em;
    line-height:10em;
}
#content-inner ul.work li.clients img {
    vertical-align:middle;
    margin: auto;
    width: 80%;
    height:auto;
}
#headerImage {
    background-repeat:no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height:36em;
    color:#fff;
    position:relative;
}
#headerImage h1 {
    background:url('graphics/design/opacity-orange.png');
    position:absolute;
    bottom:0;
    width:100%;
    color:#fff;
}
#weblinkform {
    display:inline-block;
    width:300px;
    height:100px;
    background: transparent url('graphics/design/web-dev-button.jpg') 0 0;
    text-indent: -1000px;
    overflow:hidden;
}
#weblinkform:hover {
    background-position: 0 100px;
}
#strategylinkform {
    display:inline-block;
    width:300px;
    height:100px;
    background: transparent url('graphics/design/strategy-button.jpg') 0 0;
    text-indent: -1000px;
    overflow:hidden;
}
#strategylinkform:hover {
    background-position: 0 100px;
}
#sidebar-wrapper .simpleAntiSpam p,
#sidebar-wrapper .simpleAntiSpam span, 
#sidebar-wrapper .simpleAntiSpam strong{
    font:none !important;
    width:100% !important;
    clear:both !important;
    font-weight:normal !important;
    font-size: 0.85em;
    padding: 0 0 0 0 !important;
    
}
.bgphoto {
    display:block;
    width:50%;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size: cover;
    margin:auto;
}
.listItem {
    padding: 1em;
    border-bottom:thin solid #ccc;
}
.listItem.blog.odd .listDescription {
    width:60%;
    margin-left:2%;
    float:left;
}
.listItem.blog.odd .listImage {
    width:38%;
    float:left;
}
.listItem.blog.even .listDescription {
    width:60%;
    margin-right:2%;
    float:left;
}
.listItem.blog.even .listImage {
    width:38%;
    float:right;
}
.listItem.blog .listImage source,
.listItem.blog .listImage img {
    max-width:100%;
    height:auto;
}
.listItem.even {
    background:#eee;
}
#ajaxNext {
    margin-bottom: 1em;
}
#recaptcha_widget label {
    font-weight:bold;
}
#recaptcha_reload,
#recaptcha_audio,
#recaptcha_text,
#recaptcha_help {
    display:inline-block;
    padding: 0.5em;
    font-size: 0.8em;
}
#featured li {
    float:left;
    height:30em;
    display:block;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
}

#featured li.item_1,
#featured li.item_4,
#featured li.item_5{
    width:60%;
}
#featured li.item_2,
#featured li.item_3,
#featured li.item_6{
    width:40%;
}

#featured .info {
    
    background-color: rgba(255,153,0,0.3);
    width:80%;
    height:100%;
    padding:10%;
    
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
}
#featured .info:hover {
    background-color: rgba(255,153,0,0.8);
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
}
#featured .info a,
#featured .info span {
    display:block;
    color:#fff;
}
#featured .info a,
#featured .info a:hover {
    width:100%;
    height:100%;
    text-decoration:none;
}
#homeSlideshow a,
#homeSlideshow a:hover {
    text-decoration:none !important;
}
#homeSlideshow .bxitem {
    background-repeat:no-repeat;
    background-size:cover;
    text-align:center;
}
#homeSlideshow .bxiteminner {
    padding: 10%;
    color:#fff;
}
#homeSlideshow .leadin {
   font-size:2em; 
   line-height:1.2em;
}
#homeSlideshow .headline {
    font-size:6em; 
    font-weight:800;
    line-height:1.2em;
}
#homeSlideshow .subhead {
    font-size:3em; 
    font-style:italic;
    line-height:1.5em;
}
#homeSlideshow .action {
     font-size:2em; 
     color:#ff9900;
     background:#fff;
     display:inline-block;
     padding:0.2em;
     margin:0.2em;
     line-height:1.2em;
}

/* responsive options */
#showmenu {
    display:none;
    font-size: 2em;
    font-weight:600;
    line-height:1.5em;
    }
@media (max-width: 60em) {
    html, body, table {  
    font-size: 11pt;
    }


    #content-wrapper {
    width:62%;
    padding-right:3%;
    }
    .no-sidebar #content-inner .inner, .page-content .inner {
    padding: 1em 0.5em;
}
    #sidebar-wrapper {
    width:30%    
    }
 #content-inner {
      width:65%;  
    }
    .inner-container {
    width:100%;
    }
    #footer #block-1,
    #footer #block-2,
    #footer #block-3 {
    width: 32%;    
    }
    #footer #block-2 {
    margin-left:2%;
    margin-right:2%;
    }
    .footer-address {
    width: 27%;
    padding-left: 1%
    }
    .footer-menu {
    width:70%;    
    }
    #menu_what {
     width:60%;
     margin-left:1%;
     margin-right:1%;
    }
    #menu_about {
    width:31%;
    padding-left:2%;
    }
    #photoSlideshow .bxslider img {
    width:100%;
    }


} /* end media 950 */
@media (max-width: 50.5em) {
    html, body, table {  
    font-size: 10pt;
    }
 #showmenu {
     display:block;
     } 
     #pre-header {
         position:relative;
     }
     #post-header {
         height:0;
     }
    .menu_quicklinks li {
    float:none;
    clear:both;
    display:block;
    padding:0.2em !important;
    text-align:left;
    font-size: 1.2em;
    }

    .menu_quicklinks li ul {
    display:block;
    position:relative;
    background:#fff;
    border-left:none;
    border-right:none;
    border-top:none;
    width: 100%;
    line-height: 1.3em
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    }
    .menu_quicklinks li:before {
        content:"";
    }
    .menu_quicklinks li ul {
    display:none;    
    }
    ul.menu_quicklinks {
     background:#fff;
     height:auto;
}
ul.menu_quicklinks li{
    border-bottom: thin solid #ccc;
}

 ul.menu_quicklinks {
     display:none;
     }
     
     #sectionImage .header-caption { font-size: 36px; line-height: 42px; top: 25px; left: 25px; }
     
} /* end media 50.5 */
@media (max-width: 30em) {
    #content-inner ul.work li {
        width:100%;

    }
    #pre-header {
        text-align:center;
    }

    #logo{
        margin:auto;
        float:none;
    }
    .menu_quicklinks {
        position:relative;
        text-align:center;
    }
    .menu_quicklinks li a, 
    .menu_quicklinks li a:hover {
        padding: 0.25em 0.25em;
    }
    .contact-block {
        width:100%;
        float:none;
        }
    
    .ticketTypePrice { display: none; }
    
    #sectionImage .header-caption { font-size: 36px; line-height: 42px; top: 25px; left: 25px; }
    
    #content-wrapper,
    #content-inner,
    #sidebar-wrapper {
    width:100%;
    float:none;
    }
    #content-main img {
    width:100%;    
    }
    #sidebar-wrapper {
        margin: 1em 0 1em 0;
        background: #444444;
    }
    
    #sidebar-inner {
    border:none;    
    }
    .button-style {
    display:block;
    width:100%;
    font-size: 1.2em;
    text-align:center;
    margin-bottom:1em;
    padding: 0.2em 0;
    }

    .footer-address,
    .footer-menu,
    #menu_what,
    #menu_about {
    width:100%;
    clear:both;
    float:none;
    border-left: none;
    border-right:none;
    padding-top:1em;
    text-align:center;
    margin-left: 0;
    margin-right: 0;
    padding-left:0;
    padding-right:0;
    }
       #footer #block-1,
    #footer #block-2,
    #footer #block-3 {
    width: 100%;
    float:none;
    clear:both;
    padding-bottom:1em;
    }
    #footer #block-2 {
    margin-left:0;
    margin-right:0;
    }
    #featured li.item_1,
    #featured li.item_2,
    #featured li.item_3,
    #featured li.item_4 {
        width:100%;
        float:none;
    }
    #featured .info {
        background-color: rgba(255,153,0,0.5);
    }
    
    #homeSlideshow .bxiteminner {
        padding:10% 5%;
    }
    #homeSlideshow .headline {
        font-size: 5em;
    }
    .listItem.blog.odd .listDescription,
    .listItem.blog.odd .listImage,
    .listItem.blog.even .listDescription,
    .listItem.blog.even .listImage {
        width:100%;
        float:none;
    }
    .col50,
    .col33,
    .col50.right,
    .col50.right h2 {
        width:100%;
        float:none;
        margin: 0 0 0 0;
        text-align:left;
    }
    .col50.left {
        color:#fff !important;
        background:#666;
        width:auto;
        padding: 1em 1em 2em 1em;
    }
    .col50.left h2 {
        color:#fff !important;
    }
    .col50.right {
        margin-top:1em;
        width:auto;
        padding: 0 1em;
    }
    .round {
    background: #fff;
    border:thin solid #fff;
    border-radius: 2.5em;
    color:#666;
    }
    hr.mobile {
    opacity:0;
    margin:0 0;
    }
} /* end media 30 */

} /* end media screen */