/* ---------- Wrappers and Gutters ---------- */		

body { background: transparent none; -webkit-text-size-adjust: none; }
#page { box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; }	
.container { width: 100%; }
#site-top-wrapper { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 888; }
#site-top-wrapper.site-top-scrolled { position: fixed; top: 0; width: 100%; z-index: 999; }
#site-top-wrapper.site-top-fixed { position: fixed; top: 0; width: 100%; z-index: 999; }
.container-header-top { width: 100%; }
#header-top { margin-left: 0px; margin-right: 0px; }
#menu-bar-wrapper { position: relative; width: 35%; z-index: 777; }
.container-menu-bar { width: 100%; background: transparent none; z-index: 777; }
#main-wrapper { padding-top: 5em; }
.front #main-wrapper { padding-top: 6em; }
.container-main { width: 100%; }
.main1-column1x100-inner { width: 100%; }
.main2-column1x100-inner { width: 100%; }
.container-footer { width: 100%; }
.footer1-column1x100-inner { width: 100%; }
.footer2-column1x100-inner { width: 100%; }
.footer-bottom-inner { width: 100%; }
.two-sidebars .content-inner, .one-sidebar .content-inner, .region-sidebar-first, .region-sidebar-second { margin-left: 0; margin-right: 0; }
.region-sidebar-first { width: 100%; }
.region-sidebar-second { width: 100%; }
.one-sidebar .sidebar { width: 100%; }
.region-sidebar-first, .region-sidebar-second { overflow: hidden; margin-top: 20px; float: left; clear: none; }
.region-sidebar-first.block, .region-sidebar-second .block { width: 100%; }
.multi-column .region { display: inline; float: left; }


/* ---------- Basic HTML Elements ---------- */

.smartphone-hide-text { position: absolute; left: -999em; }
.tablet-hide-text { position: absolute; left: -999em; }

.columns-2 { position: relative; width: 100%; clear: both; padding: .2em 0px; }
.columns-2-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-2-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-2-offset1 { position: relative; width: 100%; clear: both; padding: .2em 0px; }
.columns-2-offset1-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-2-offset1-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-2-offset2 { position: relative; width: 100%; clear: both; padding: .2em 0px; }
.columns-2-offset2-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-2-offset2-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-2-33-66 { position: relative; width: 100%; clear: both; padding: .2em 0px; }
.columns-2-33-66-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-2-33-66-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-2-66-33 { position: relative; width: 100%; clear: both; padding: .2em 0px; }
.columns-2-66-33-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-2-66-33-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-2-25-75 { position: relative; width: 100%; clear: both; padding: .2em 0px; }
.columns-2-25-75-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-2-25-75-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-2-75-25 { position: relative; width: 100%; clear: both; padding: .2em 0px; }
.columns-2-75-25-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-2-75-25-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-3 { position: relative; width: 100%; clear: both; padding: .5em 0px; }
.columns-3-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-3-second { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-3-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }

.columns-3-25-25-50 { position: relative; width: 100%; clear: both; padding: .5em 0px; }
.columns-3-25-25-50-first { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-3-25-25-50-second { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }
.columns-3-25-25-50-last { position: relative; width: 100%; display: block; float: none; padding: 0 0; margin: 0 0; }


/* ---------- Headings ---------- */

h1, h2, h3, h4, h5, h6 { letter-spacing: 1px; }
h1 { font-size: 2.2em; letter-spacing: 1px; }
h2 { font-size: 1.7em; letter-spacing: 1px; }
h3 { font-size: 1.5em; letter-spacing: 1px; }
h4 { font-size: 1.3em; letter-spacing: 1px; }
h5 { font-size: 1.2em; letter-spacing: 1px; }
h6 { font-size: 1.1em; letter-spacing: 1px; }

h1#page-title { font-size: 2.2em; letter-spacing: 1px; }


/* ---------- Header ---------- */

#header { position: relative; max-height: 1000px; padding: 0px 0 0px 0; }

#branding { position: relative; top: 0.9em; left: 0; float: left; background: transparent !important; border-left: 0px solid #ccc; border-right: 0px solid #ccc; width: 38%; max-width: 120px; margin: 0 0; -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); z-index: 888; }

#logo-wrapper {  -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }
#logo-wrapper a { display: block; position: relative; max-width: 100%; padding: 0 0; z-index: 888; }
#logo-wrapper a:visited { z-index: 888; }
#logo-wrapper a:hover { z-index: 888; }
#logo-wrapper a:focus, #logo-wrapper a:active { z-index: 888; }
#logo-wrapper img { margin-top: 0; margin-left: 0; z-index: 888; }

#logo .site-logo-1 { display: block; }
#logo .site-logo-2 { display: none; }
#logo .site-logo-3 { display: none; }

#header-group { position: relative; float: right; background: transparent !important; max-height: 1000px; width: 55%; margin: 0 0; }
#header-group.header-group-1 { padding: 0.1em 0 0 0; }
#header-group.header-group-2 { padding: 0 0; }

#header-first-wrapper { position: relative; float: none; width: 100%; padding: 0 0; z-index: 888; }
#header-first { max-height: 1000px; clear: both; float: none; width: 100%; padding: 0 0; }
#header-first .block { float: none; clear: both; font-size: 1em; }
#header-first .block-content { padding: 0 0; }
#header-first .content ul { text-align: left; }
.ie6-7 #header-first ul { float: left; position: relative; left: 50%; }
.ie6-7 #header-first ul li { left: 0; }


/* ---------- Menu Bar ---------- */

#menu-bar { width: 100%; padding: 0 0; margin: 0 0; background: transparent none; }
.front #menu-bar { min-height: 3em; line-height: 3em; }
#menu-bar .block { clear: both; float: none; }

#menu-bar #block-nice-menus-1 { display: none; background: transparent none; }

#menu-bar .menu-wrapper > ul.nice-menu { display: block; float: none; margin: 0; }
#menu-bar .menu-wrapper > ul.nice-menu-down { display: block; float: none; margin: 0; }
#menu-bar .menu-wrapper > ul.nice-menu > li { display: block; float: none; margin: 2px 0 2px 1%; background: transparent none; }
#menu-bar .menu-wrapper > ul.nice-menu-down > li { display: block; float: none; margin: 2px 0 2px 1%; background: transparent none; }

#menu-bar .sf-menu { height: auto; padding: 0; }

ul.nice-menu li { background: transparent none; }
ul.nice-menu-down li { background: transparent none; }
ul.nice-menu-down li.active-trail  { background: transparent none; }
ul.nice-menu-down li.active-trail:hover { background: transparent none; }
ul.nice-menu-down li.menuparent { background: transparent none; }
ul.nice-menu-down li.last.menuparent { background: transparent none; }
ul.nice-menu-down li.menuparent:hover { background: transparent none; }

#menu-bar ul.nice-menu li a { text-align: center; }
#menu-bar ul.nice-menu-down li a { text-align: center; }

.ie6-7 .mbp-c #menu-bar .menu-wrapper ul { left: auto; }
.ie6-7 .mbp-c #menu-bar .menu-wrapper .sf-menu li { left: auto; }


/* ---------- Mobile Menu ---------- */

.mean-container a.meanmenu-reveal { width: 3.8em !important; height: 2.6em !important; padding: 0.2em 0.1em; top: 0; }
.mean-container a.meanmenu-reveal:visited { top: 0; padding: 0.2em 0.1em; }
.mean-container a.meanmenu-reveal:hover { top: 0; padding: 0.2em 0.1em; }
.mean-container a.meanmenu-reveal:focus { top: 0; padding: 0.2em 0.1em; }
.mean-container a.meanmenu-reveal div span { display: block; width: 3.2em; height: 4px; margin: 4px auto 0 auto; }

.mean-container .meanmenu-showhide { width: 3.8em; }
.mean-container .meanmenu-showhide .showhide-text-open { font-size: 1em; margin-top: 0.8em; }
.mean-container .meanmenu-showhide .showhide-text-close { font-size: 1em; margin-top: 0.8em; }
.mean-container .meanmenu-showhide .showhide-icon { margin: -3.4em 0 0 0; }
.mean-container .meanmenu-showhide .showhide-icon-close { margin: -2.6em 0 0 0; font-size: 1.5em; }

#menu-bar.mean-container .mean-nav { width: 290%; margin-top: 4em; }

#menu-bar.mean-container .mean-nav ul li a { min-width: 96%; width: 96%; max-width: 96%; padding: 0.2em 2% 0.2em 2%; z-index: 999; }


/* ---------- Main Content ---------- */

.node-content h2 { font-size: 1.7em; letter-spacing: 1px; }
.node-content h3 { font-size: 1.5em; letter-spacing: 1px; }
.node-content h4 { font-size: 1.3em; letter-spacing: 1px; }
.node-content h5 { font-size: 1.2em; letter-spacing: 1px; }
.node-content h6 { font-size: 1.1em; letter-spacing: 1px; }

.iframe-container-50 { min-width: 100%; max-width: 100%; }
.iframe-container-100 { min-width: 100%; max-width: 100%; }
.field-name-field-spotlight-video .field-items .field-item { min-width: 100%; max-width: 100%; }

div.inline-text-only-list ul li { float: none; display: block; width: 96%; }

.page-section-anchor { padding: 5em 0 0 0; margin: -5em 0 0 0; }

/* Features */

div.features-list ul li { display: block; margin: 0 0 0 0; padding: 0 0; }
div.features-3x33 ul li { min-width: 100%; max-width: 100%; min-height: 5em; }
div.features-list ul li div.feature-wrapper { min-height: 5em; margin: 0 0; padding: 0 0; }
div.features-list ul li div.feature-inner { min-height: 5em; margin: 0 0; padding: 0 0; }
div.features-list ul li div.feature-image { min-height: 2.5em; margin: 0 0; padding: 0 0; }
div.features-list ul li.views-row-even div.feature-image { position: relative; top: 0; left: 0; }
div.features-list ul li div.feature-image img { padding: 1.5em 0 3em 0; }
div.features-list ul li div.feature-desc { min-height: 2.5em; margin: 0 0; padding: 0 0; }
div.features-list ul li.views-row-even div.feature-desc { position: relative; top: 0; left: 0; }
div.features-list ul li div.feature-title { width: 70%; padding: 2% 10% 0 15%; font-size: 1em; letter-spacing: 2px; }
div.features-list ul li div.feature-title h3 { font-size: 1em; letter-spacing: 2px; }
div.features-list ul li div.feature-desc-body { width: 70%; margin: -1em 0 0 0; padding: 1% 15% 6% 15%; }
div.features-list ul li div.feature-desc-body ul { position: relative; list-style-type: disc; margin: 0 0; padding: 0 0; }
div.features-list ul li div.feature-desc-body ul li { display: list-item; float: none; list-style-type: disc; min-width: 100%; max-width: 100%; margin: 0 0; padding: 0.3em 0; text-align: left; min-height: 0.5em; }

/* Unit Sizes */

#block-block-4 .block-content h3 { width: 100%; }
#block-views-unitsizes-block { margin-top: 1em; }
div.sizes-list ul li { display: inline-block; margin: 0 4% 0 4%; padding: 0 0; }
div.sizes-list ul li.w8 { min-width: 41%; max-width: 41%; min-height: 2em; }
div.sizes-list ul li.w9 { min-width: 41%; max-width: 41%; min-height: 2em; }
div.sizes-list ul li.w10 { min-width: 41%; max-width: 41%; min-height: 2em; }
div.sizes-list ul li.w11 { min-width: 41%; max-width: 41%; min-height: 2em; }
div.sizes-list ul li div.size-wrapper { position: relative; display: block; width: 100%; min-height: 2em; }
div.sizes-list ul li div.size-inner { position: relative; display: block; width: 100%; min-height: 2em; }
div.sizes-list ul li div.size-height { background: transparent none; }
div.sizes-list ul li div.height-6 { height: 100%; }
div.sizes-list ul li div.height-20 { height: 100%; }
div.sizes-list ul li div.height-26 { height: 100%; }
div.sizes-list ul li div.height-36 { height: 100%; }
div.sizes-list ul li div.size-desc { position: relative; display: block; top: 0; left: 0; }
div.sizes-list ul li div.size-title { width: 90%; margin: 0 auto; padding: 8% 5% 0 5%; font-size: 1.3em; letter-spacing: 2px; }

/* Postcard Layout */

.postcard-layout.has-first .title { display: block; float: none; clear: both; }
.postcard-layout.has-first.w150 .title { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w150 .title { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w150 .title { margin: 0 0; }
.postcard-layout.has-first.w200 .title { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w200 .title { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w200 .title { margin: 0 0; }
.postcard-layout.has-first.w250 .title { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w250 .title { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w250 .title { margin: 0 0; }
.postcard-layout.has-first.w300 .title { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w300 .title { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w300 .title { margin: 0 0; }
.postcard-layout.no-first .title { display: block; float: none; clear: both; }
.postcard-layout.has-first .first { display: block; float: none; clear: both; }
.views-row-odd .postcard-layout.has-first .first { float: none; clear: both; }
.views-row-even .postcard-layout.has-first .first { float: none; clear: both; }
.postcard-layout.has-first.w150 .first { width: 100%; margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w150 .first { width: 100%; margin: 0 0; }
.views-row-even .postcard-layout.has-first.w150 .first { width: 100%; margin: 0 0; }
.postcard-layout.has-first.w200 .first { width: 100%; margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w200 .first { width: 100%; margin: 0 0; }
.views-row-even .postcard-layout.has-first.w200 .first { width: 100%; margin: 0 0; }
.postcard-layout.has-first.w250 .first { width: 100%; margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w250 .first { width: 100%; margin: 0 0; }
.views-row-even .postcard-layout.has-first.w250 .first { width: 100%; margin: 0 0; }
.postcard-layout.has-first.w300 .first { width: 100%; margin: 0 0; } 
.views-row-odd .postcard-layout.has-first.w300 .first { width: 100%; margin: 0 0; }
.views-row-even .postcard-layout.has-first.w300 .first { width: 100%; margin: 0 0; }
.postcard-layout.no-first .first { display: block; float: none; max-width: 0px; margin: 0 0; padding: 0 0; }
.postcard-layout.has-first .first img { width: 100%; }
.postcard-layout.has-first .first .img-wrapper { display: block; width: 100%; margin: 0 0 18px 0; padding: 0 0; }
.postcard-layout.has-first .first .img-wrapper img { display: block; width: 100%; }
.postcard-layout.has-first .first a { display: block; width: 96%; margin: 0 0 18px 0; padding: 2% 2%; } 
.postcard-layout.has-first .first a .img-wrapper { display: block; width: 98%; margin: 0 0; padding: 1% 1%; }
.postcard-layout.has-first .first a img { display: block; width: 100%; margin: 0 0; padding: 0 0; }
.postcard-layout.has-first .last { display: block; float: none; clear: both; margin: 0 0; padding: 0 0; }
.postcard-layout.has-first.w150 .last { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w150 .last { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w150 .last { margin: 0 0; }
.postcard-layout.has-first.w200 .last { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w200 .last { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w200 .last { margin: 0 0; }
.postcard-layout.has-first.w250 .last { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w250 .last { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w250 .last { margin: 0 0; }
.postcard-layout.has-first.w300 .last { margin: 0 0; }
.views-row-odd .postcard-layout.has-first.w300 .last { margin: 0 0; }
.views-row-even .postcard-layout.has-first.w300 .last { margin: 0 0; }
.postcard-layout.no-first .last { display: block; float: none; clear: both; margin: 0 0; padding: 0 0; }


/* ---------- Sidebars ---------- */

.region.sidebar .block { width: 100%; }
.region.sidebar .block { width: 100%; }


/* ---------- Main Column 1x100 First ---------- */

.main1-column1x100 h2.block-title { background: transparent none; }
.main1-column1x100 h2 .block-title-inner { background: transparent none; }


/* ---------- Main Column 1x100 Last ---------- */

/* Columns 2 Offset First */

.columns-2-offset-first h2.block-title { display: block; float: none; width: 100%; margin: 0 0; text-align: left; }
.columns-2-offset-last h2.block-title { display: block; float: none; width: 100%; margin: 0 0; text-align: left; }


/* ---------- Footer ---------- */

#footer .block { display: block; float: none; width: 100%; }
#footer .content { display: table; margin: 0 auto; text-align: center; } 
#footer .content ul { text-align: left; }
.ie6-7 #footer ul { float: left; position: relative; left: 0; }
.ie6-7 #footer ul li { left: 0; }


/* ---------- Footer Column 1x100 First ---------- */	

#footer1-column1x100-wrapper .block { float: none; clear: both; width: 100%; }
#footer1-column1x100-wrapper .content { display: table; margin: 0 auto; text-align: center; } 
#footer1-column1x100-wrapper .content ul { text-align: left; }
#footer1-column1x100-wrapper .block-content .image-links-list ul li { display: inline; float: left; margin-left: 0; margin-right: 0; padding: 2% 4% 2% 4%; text-align: center; }
.ie6-7 #footer1-column1x100-wrapper ul { float: left; position: relative; left: 0; }
.ie6-7 #footer1-column1x100-wrapper ul li { left: 0; }
#footer1-column1x100-wrapper .block-content .image-links-4x25 ul li { min-width: 42%; max-width: 42%; min-height: 8em; }


/* ---------- Footer Column 1x100 Last ---------- */	

#footer2-column1x100-wrapper .block { float: none; clear: both; width: 100%; }
#footer2-column1x100-wrapper .content { display: table; margin: 0 auto; text-align: center; } 
#footer2-column1x100-wrapper .content ul { text-align: left; }
#footer2-column1x100-wrapper .block-content .image-links-list ul li { display: inline; float: left; margin-left: 0; margin-right: 0; padding: 2% 4% 2% 4%; text-align: center; }
.ie6-7 #footer2-column1x100-wrapper ul { float: left; position: relative; left: 0; }
.ie6-7 #footer2-column1x100-wrapper ul li { left: 0; }
#footer2-column1x100-wrapper .block-content .image-links-4x25 ul li { min-width: 42%; max-width: 42%; min-height: 8em; }

/* Contact Us */

#footer2-column1x100-wrapper .block-content .contact-us-col1 { display: block; float: none; width: 100%; }
#footer2-column1x100-wrapper .block-content .contact-us-col1-inner { margin-right: 0px; }
#footer2-column1x100-wrapper .block-content .contact-us-col2 { display: block; float: none; width: 100%; }
#footer2-column1x100-wrapper .block-content .contact-us-col2-inner { margin-left: 0px; }
#footer2-column1x100-wrapper .block-content .contact-us-col2-inner .webform-client-form .webform-component-textfield { float: none; width: 100%; clear: both; }
#footer2-column1x100-wrapper .block-content .contact-us-col2-inner .webform-client-form .webform-component-email { float: none; width: 100%; clear: both; }
#footer2-column1x100-wrapper .block-content .contact-us-col2-inner .webform-client-form .webform-component-textarea { float: none; width: 100%; margin-top: 1em; }
#footer2-column1x100-wrapper .block-content .contact-us-col2-inner .webform-client-form .form-actions { float: none; width: 100%; text-align: right; margin-top: 1em; margin-right: 0; }


/* ---------- Footer Bottom ---------- */	



/* ---------- Forms ---------- */

.contact-form #edit-name { width: 95%; }
.contact-form #edit-mail { width: 95%; }
.contact-form #edit-subject { width: 95%; }
.contact-form #edit-message { width: 96.3%; }
.contact-form .resizable-textarea .grippie { width: 96%; }

.node-type-webform .webform-client-form input.form-text { width: 95%; }
.node-type-webform .webform-client-form textarea { width: 96.3%; }
.node-type-webform .webform-client-form .resizable-textarea .grippie { width: 96.3%; }