/* Sovereign Full-Width Override */ body, html { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; overflow-x: hidden; } .container, .main-wrap, .wsite-content, .wsite-section, .wsite-body { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .wsite-footer, .wsite-header, .wsite-background { width: 100% !important; max-width: 100% !important; padding: 0 !important; } .wsite-elements, .wsite-content-title, .wsite-content-title h2 { width: 100% !important; color: #000000 !important; font-family: 'Georgia', serif !important; } /* Resets --------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) { body, html { width: 100%; overflow-x: hidden; } .container { padding: 0 !important; } } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; } /* General Styling and Structure --------------------------------------------------------------------------------*/ body { font-family: 'Open Sans', sans-serif; font-size: 13px; background: url(main-bg-blue.jpg) repeat top left #000; color:#6b6d74; } .container { margin: 0 auto; width: 940px; } #top-wrap, #header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap { width:100%; min-width:100%; } #top-wrap { background:url(header-bg-center-blue.jpg) no-repeat center top; position:relative; } .wsite-custom-background #top-wrap { background: none; } a { color: #0ba5f5; } a:hover { color: #006ca4; } h2 { font-size: 26px; padding: .5em 0 .2em 0; line-height: 1.2; font-family: 'Crete Round', serif; font-weight: normal; color: #333; } p { line-height: 1.5; padding: .5em 0; } div#content {min-height:400px;} /* Header --------------------------------------------------------------------------------*/ #header-wrap { background:url(header-bg-blue.jpg) repeat bottom left; box-shadow:inset 0 -1px 3px rgba(0,0,0,0.3); } .wsite-custom-background #header-wrap { background: none; } #header { border-collapse: collapse; border-spacing: 0; width:100%; } #header td { vertical-align: middle; text-align: center; height:48px; } /* Header: Phone Number --------------------------------------------------------------------------------*/ #header .phone-number .wsite-text { color: #fff; display: block; white-space: nowrap; text-shadow: 1px 1px 1px #000; } /* Header: Social Links --------------------------------------------------------------------------------*/ #header .wsite-social { vertical-align: middle; float:right; } .wsite-social-item { width: 32px; height: 32px; margin: 0 0 0 1px; } .wsite-social-rss { background: url(social-icons-blue.png) no-repeat -132px 0px; } .wsite-social-rss:hover { background-position: -132px -33px; } .wsite-social-linkedin { background: url(social-icons-blue.png) no-repeat -66px 0px; } .wsite-social-linkedin:hover { background-position: -66px -33px; } .wsite-social-facebook { background: url(social-icons-blue.png) no-repeat 0px 0px; } .wsite-social-facebook:hover { background-position: 0px -33px; } .wsite-social-twitter { background: url(social-icons-blue.png) no-repeat -33px 0px; } .wsite-social-twitter:hover { background-position: -33px -33px; } .wsite-social-mail { background: url(social-icons-blue.png) no-repeat -99px 0px; } .wsite-social-mail:hover { background-position: -99px -33px; } .wsite-social-pinterest { background: url(social-icons-blue.png) no-repeat -231px 0px; } .wsite-social-pinterest:hover { background-position: -231px -33px; } .wsite-social-youtube { background: url(social-icons-blue.png) no-repeat -330px 0px; } .wsite-social-youtube:hover { background-position: -330px -33px; } .wsite-social-plus { background: url(social-icons-blue.png) no-repeat -198px 0px; } .wsite-social-plus:hover { background-position: -198px -33px; } .wsite-social-flickr { background: url(social-icons-blue.png) no-repeat -165px 0px; } .wsite-social-flickr:hover { background-position: -165px -33px; } .wsite-social-vimeo { background: url(social-icons-blue.png) no-repeat -264px 0px; } .wsite-social-vimeo:hover { background-position: -264px -33px; } .wsite-social-yahoo { background: url(social-icons-blue.png) no-repeat -297px 0px; } .wsite-social-yahoo:hover { background-position: -297px -33px; } /* Logo --------------------------------------------------------------------------------*/ #logo { margin:30px 0px; } #logo, #logo a { font-family: 'Crete Round', serif; color:#fff; font-size:40px; text-shadow: 1px -1px 1px #000; font-weight:normal; float:left; } /* Header: Search Box --------------------------------------------------------------------------------*/ #nav-wrap .search {float:right; padding:7px 3px 0 0 !important;} #nav-wrap .wsite-search { vertical-align: middle; background:url(serach-bg.png) no-repeat top left; width:190px; height:34px; padding-top:2px; } #nav-wrap .wsite-search-input { width: 150px; border: none; font-family: 'Open Sans', sans-serif; color: #a8aebb; font-size: 13px; background: none; height:20px; margin:0px 5px; } #nav-wrap .wsite-search-button { position: relative; width: 12px; height: 13px; border: none; margin: 7px 0px; background: url(serach-icon.png) no-repeat top left; } /* Navigation --------------------------------------------------------------------------------*/ #nav-wrap { padding-bottom:37px; } #nav-wrap .container { clear: both; overflow: hidden; position: relative; background:url(nav-bg.png) repeat-x top left; height:46px; border-radius:5px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); } #nav-wrap .container table { width:100%; left: -2px; position: relative; top: -2px; } #nav-wrap .container table td { padding:0px; vertical-align:middle; } #nav-wrap .container ul { list-style: none; float: middle; } #nav-wrap .container ul li { list-style: none; float: left; background:url(nav-separator.png) no-repeat right center; padding-right:2px; } #nav-wrap .container ul li a { float: left; display: block; color: #fff; padding: 0px 40px; border: 0; outline: 0; list-style-type: none; height:46px; line-height:46px; text-shadow:0 -1px 1px rgba(0,0,0,0.8); } #nav-wrap .container ul li#active, #nav-wrap .container ul li:hover { background:url(nav-active-separator-blue.png) no-repeat right center; } #nav-wrap .container ul li#active a, #nav-wrap .container ul li a:hover { background: url(nav-active-bg-blue.png) repeat-x top left; border: 0; } #nav-wrap .container ul li.wsite-nav-0 a { border-radius:5px 0 0 5px; } /* Navigation Submenu's --------------------------------------------------------------------------------*/ #wsite-menus .wsite-menu { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px ; box-shadow:0 1px 5px rgba(0,0,0,0.5); } #wsite-menus .wsite-menu li a { padding: 8px 0px; color: #fff; background: #434343 url(sub-nav-bg.png) repeat-x top left; border: 0; text-shadow: 1px -1px 1px #000; } #wsite-menus .wsite-menu li a:hover { background: #005884 url(nav-active-bg-blue.png) repeat-x top left; } /* Universal banner --------------------------------------------------------------------------------*/ #banner-wrap { background:url(decoration-blue.jpg) repeat-x left bottom; padding-bottom:10px; } #banner { background:url(banner-bg.png) repeat-x top left; border-radius:5px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); padding:10px; margin-bottom:37px; } /* Page type: Tall header --------------------------------------------------------------------------------*/ .tall-header-page .wsite-header { width: 920px; height: 300px; background: url(banner-tall.jpg) no-repeat; border-radius:5px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5); } /* Page type: Short header --------------------------------------------------------------------------------*/ .short-header-page .wsite-header { width: 920px; height: 150px; background: url(banner-short.jpg) no-repeat; border-radius:5px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5); } } /* Page type: No header --------------------------------------------------------------------------------*/ .no-header-page .wsite-header, .no-header-page #banner { display:none; } /* Page type: Landing page --------------------------------------------------------------------------------*/ .landing-page #banner { background: none; padding: 0; border-radius:none; -webkit-box-shadow: none; box-shadow: none; } #bannerleft { float: left; width: 520px; background:url(banner-bg.png) repeat-x top left; border-radius:5px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); padding:10px; } .landing-page .wsite-header { width: 520px; height: 300px; background: url(banner-landing.jpg) no-repeat; border-radius:5px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5); } #bannerright { float: right; width: 360px; height:320px; overflow:hidden; } .landing-banner-outer { display: table; #position: relative; overflow: hidden; } .landing-banner-mid { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; width: 360px; } .landing-banner-inner { #position: relative; #top: -50%; width: 360px; } #bannerright h2 { color: #fff; padding: 0px; line-height: 100%; text-shadow: 1px -1px 1px #000; } #bannerright p { color: #a8aebb; text-shadow: 1px -1px 1px #000; padding: 20px 0px; line-height: 140%; } #bannerright a:hover {color:#fff;} #bannerright .wsite-button { margin: 0px; } /* Main Content --------------------------------------------------------------------------------*/ #main-wrap { background:url(content-bg.jpg) repeat top left; padding:20px 0px 40px; } #main-wrap .container { min-height:400px; } #main-wrap .paragraph ul { padding-left:0px !important; } #main-wrap .paragraph ul li { list-style:none !important; background:url(bullet-main.png) no-repeat 0px 10px; padding-left:15px !important; line-height:24px; } blockquote { font-family: 'Crete Round', serif; color:#656565; font-style:italic; border-left:none; font-size:14px; line-height:24px; font-weight:normal; border-left:none !important; background:url(blockquote-bg.jpg) repeat-y top left; padding: 12px 25px 12px 30px !important; margin:15px 0px; border:1px solid #ddd; } #main-wrap .container form .wsite-button { margin-top:20px; } /* Footer --------------------------------------------------------------------------------*/ #footer-wrap { text-align:right; background:url(decoration-blue.jpg) repeat-x top left; padding:34px 0px 30px; color:#eee; } #footer-wrap .container h2 { color:#fff; text-shadow: 1px 1px 1px #000; } #footer-wrap .paragraph ul { padding-left:0px !important; } #footer-wrap .paragraph ul li { list-style:none !important; background:url(bullet-footer.png) no-repeat 0px 9px; padding-left:15px !important; line-height:24px; } #footer-wrap .wsite-form-container { text-align:left; margin-top:0 !important; } #footer-wrap .wsite-form-input, #footer-wrap .wsite-search-element-input { color: #a8aebb; background: url(footer-input-bg.png) repeat; border: none; padding: 12px important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 2px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 2px 2px 1px rgba(0, 0, 0, 0.2); } /* Form Customization --------------------------------------------------------------------------------*/ .wsite-form-label { display: inline-block; font-weight:normal; margin:15px 0px 5px 0px; } .wsite-form-input, .wsite-search-element-input { border: 1px solid #c3c3c3; padding: 9px 6px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1); } /* Buttons --------------------------------------------------------------------------------*/ /* Small structure & regular style */ .wsite-button { height: 32px; display: inline-block; padding: 0px 13px 0px 0px; background: url(button-highlight-small-blue.png) no-repeat 100% -102px; } .wsite-button:hover { background-position: 100% -136px; } .wsite-button:active { background-position: 100% -170px; } .wsite-button-inner { color: #fff !important; height: 32px; line-height: 32px; display: block; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 1px #000; padding: 0px 2px 0px 15px; background: url(button-highlight-small-blue.png) no-repeat 0px 0px; } .wsite-button:hover .wsite-button-inner { background-position: 0px -34px; } .wsite-button:active .wsite-button-inner { background-position: 0px -68px; } /* Large structure & regular style */ .wsite-button-large { color: #fff !important; height: 42px; background: url(button-highlight-big-blue.png) no-repeat 100% -132px; padding: 0px 13px 0px 0px; } .wsite-button-large:hover { background-position: 100% -176px; } .wsite-button-large:active { background-position: 100% -220px; } .wsite-button-large .wsite-button-inner { height: 42px; line-height: 42px; padding: 0px 2px 0px 15px; background: url(button-highlight-big-blue.png) no-repeat 0px 0px; } .wsite-button-large:hover .wsite-button-inner { background-position: 0px -44px; } .wsite-button-large:active .wsite-button-inner { background-position: 0px -88px; } /* Highlighted styles */ .wsite-button-highlight { background-image: url(button-small-blue.png); } .wsite-button-highlight .wsite-button-inner { background-image: url(button-small-blue.png); } .wsite-button-large.wsite-button-highlight { background-image: url(button-big-blue.png); } .wsite-button-large.wsite-button-highlight .wsite-button-inner { background-image: url(button-big-blue.png); } /* Overwrites for image caption links --------------------------------------------------------------------------------*/ #wsite-content .wslide-caption-text { color: #fff !important; } #secondlist .wslide-caption-text { color: #fff !important; }