/* global width definition */
#header-bar>.container,
#primary-menu-bar>.container,
#breadcrumb-menu-bar>.container,
#hero-widgets-bar>.container,
#callouts-widgets-bar>.container,
#homepage-widgets-bar>.container,
#footer-bar>.container,
#footer-widgets-bar>.container,
#body-bar>.container,
#colophon-bar>.container { max-width: 1140px; }

/* layout */
.container { margin: 0 auto; position: relative; }
#header-bar { position: relative; z-index: 100; }
#branding { margin: 25px 25px 25px 0; margin: 2.5rem 2.5rem 2.5rem 0; float: left; }
#site-title { padding: 5px 0 10px 0; padding: .5rem 0 .5rem 0; text-transform: uppercase; }
#site-title a { color: #555555; }
#site-description { margin: 0; padding: 0 0 0 2px; padding: 0 0 0 .2rem; color: #888888; border-top: 1px solid rgba(0,0,0,0.075); }

#primary-menu-bar { position: relative; }
#hero-widgets-bar { position: relative; overflow: hidden; }
#hero-slideshow { overflow: hidden; }
#hero-slideshow>li { display: block; text-align: center; width: 100%; }


#callouts-widgets-bar { position: relative; }
#content-bar, #side-bar { margin: 0 3%; float: left; }
#content-bar { width: 70%; margin: 0 7% 0 0; }
#body-bar .column { float: left; }
#content-c1 { width: 45%; margin: 0 7% 0 0; }
#content-c2 { width: 45%; margin: 85px 0 0 0; }
#side-bar { padding-top: 40px; width: 22%; margin: 0 1% 0 0; }
#footer-bar { position: relative; background: #373737; }
/* #colophon-bar { border-top: 1px solid #444444; } */
#colophon { padding: 5px 0; color: #afafaf; }

.body-bar-homepage #content-bar { width: 100%; float: none; }