html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #171717; font-family: 'Source Sans Pro', sans-serif; font-size: 12pt; font-weight: 300; color: #363636; } h1, h2, h3 { margin: 0; padding: 0; } p, ol, ul { margin-top: 0px; } p { line-height: 180%; } strong { } a { color: #EBA612; } a:hover { text-decoration: none; } a img { border: none; } .image { display: inline-block; } .image img { display: block; width: 100%; } .image-full { display: block; width: 100%; margin: 0 0 2em 0; } .image-left { float: left; margin: 0 2em 2em 0; } .image-centered { display: block; margin: 0 0 2em 0; } .image-centered img { margin: 0 auto; width: auto; } hr { display: none; } /** WRAPPER */ #wrapper { background: #FFFFFF url(images/bg01.png) repeat; } .container { width: 1200px; margin: 0px auto; } .clearfix { clear: both; } /*********************************************************************************/ /* Header */ /*********************************************************************************/ #header { position: relative; height: 150px; } /*********************************************************************************/ /* Logo */ /*********************************************************************************/ #logo { position: absolute; top: 3em; left: 0; width: 100%; } #logo h1 { display: inline-block; font-size: 2.5em; text-transform: uppercase; font-weight: 700; color: #000; } #logo a { text-decoration: none; color: #000; } /*********************************************************************************/ /* Menu */ /*********************************************************************************/ #menu { position: absolute; right: 0; top: 3em; } #menu ul { display: inline-block; } #menu li { display: block; float: left; text-align: center; } #menu li a, #menu li span { display: block; padding: 1em 1.5em; letter-spacing: 0.20em; text-decoration: none; font-size: 0.90em; font-weight: 600; text-transform: uppercase; outline: 0; color: #FFF; } #menu li:hover a, #menu li.active a, #menu li.active span { } #menu .current_page_item a { background: #000; color: #FFF; } /*********************************************************************************/ /* Page */ /*********************************************************************************/ #page { position: relative; overflow: hidden; padding: 6em 0em 5em 0em; } /*********************************************************************************/ /* Content */ /*********************************************************************************/ #content { float: left; width: 790px; } /*********************************************************************************/ /* Sidebar */ /*********************************************************************************/ #sidebar { float: right; width: 345px; } #sidebar .title h2 { font-size: 1.6em; } #sidebar .box1 { margin-bottom: 3em; } /*********************************************************************************/ /* Footer */ /*********************************************************************************/ #footer { } /*********************************************************************************/ /* Wrappers */ /*********************************************************************************/ #header-wrapper { overflow: hidden; height: 700px; background: url('images/header.jpg') no-repeat top center; background-size: 100%; } #header-wrapper:before { } ul.style2 { margin: 0; padding: 0; list-style: none; } ul.style2 li { border-top: solid 1px #E5E5E5; padding: 0.80em 0; } ul.style2 li:first-child { border-top: 0; padding-top: 0; } /*********************************************************************************/ /* Portfolio */ /*********************************************************************************/ #portfolio-wrapper { background: #212121; padding: 6em 0em; } #portfolio { overflow: hidden; text-align: center; color: #C3C3C3; } #portfolio .title h2 { color: #FFF; } #portfolio .byline { color: #EEA7C1; } #column1, #column2, #column3, #column4 { width: 282px; } #column1, #column2 { float: left; margin-right: 24px; } #column3 { float: left; } #column4 { float: right; } /*********************************************************************************/ /* Copyright */ /*********************************************************************************/ #copyright { overflow: hidden; padding: 5em 0em; } #copyright p { letter-spacing: 0.20em; text-align: center; text-transform: uppercase; font-size: 0.80em; color: #6F6F6F; } #copyright a { text-decoration: none; color: #8C8C8C; } /*********************************************************************************/ /* Heading Titles */ /*********************************************************************************/ .title { margin-bottom: 3em; text-transform: uppercase; } .title h2 { letter-spacing: 0.10em; font-weight: 700; font-size: 2em; color: #171717; } .title .byline { letter-spacing: 0.15em; text-transform: uppercase; font-weight: 400; font-size: 0.90em; color: #6F6F6F; } /*********************************************************************************/ /* Button Style */ /*********************************************************************************/ .button { display: inline-block; margin-top: 2em; padding: 1em 3em; background: #FCC44B; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; letter-spacing: 0.20em; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 0.90em; color: #000; } .button:hover { background: #FBC551; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .button:active { background: #F2B42F; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } /*********************************************************************************/ /* Two Column */ /*********************************************************************************/ #two-column { overflow: hidden; padding: 3em 0em 5em 0em; } #two-column .title h2 { font-size: 1.6em; } #two-column #tbox1 { float: left; width: 588px; } #two-column #tbox2 { float: right; width: 588px; } .major { margin-top: 14em; text-align: center; } .major h2 { padding: 0em 1em; background: rgba(0,0,0,.5); text-transform: uppercase; line-height: 2em; font-size: 3em; color: #FFF; } .major span { display: block; padding: 0em 1em; background: rgba(0,0,0,.25); line-height: 3em; text-transform: uppercase; font-size: 1.5em; font-weight: 700; color: #FFF; } .major .button { background: #FCC44B; font-size: 1.5em; font-weight: 700; } /*********************************************************************************/ /* Featured */ /*********************************************************************************/ #featured-wrapper { overflow: hidden; padding: 5em 0em; background: #FFF; text-align: center; } #featured .heading { overflow: hidden; margin-bottom: 3em; padding-bottom: 2em; } #featured .heading h2 { font-size: 3em; } #featured .heading .byline { font-size: 1.3em; } #featured .title { margin-bottom: 1em; } #featured .title h2 { font-size: 1.2em; } #featured h2 { text-align: center; } #featured .icon { position: relative; display: block; margin: 0px auto 20px auto; line-height: normal; font-size: 6em; text-align: center; color: #FCC44B; } .column1, .column2, .column3, .column4 { width: 384px; } .column1, .column2 { float: left; margin-right: 24px; } .column3 { float: left; } .column4 { float: right; }