/* LEGEND 1. Globals 2. Home 3. Login Popup 4. About 5. Portfolio 6. Portfolio Detailed 7. Blog 8. Contact 9. Under Construction 10. Error Page 11. Gallery 12. Sitemap 13. Styles Page */ /* 1. Globals */ * { padding: 0; margin: 0; outline: 0; } a { color: #ccc; cursor: pointer; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0; border-radius:5px; } .img img, img.img { display: block; } input, select, textarea { font: 11px Arial, sans-serif; } input.checkbox, input.radio { float: left; display: inline; height: 13px; width: 13px; margin: 2px 5px 0 0; } label.checkbox, label.radio { float: left; display: inline; line-height: 13px; } input.submit { cursor: pointer; } input::-moz-focus-inner { border: none; padding: 0; } textarea { overflow: auto; } fieldset { border: 0; padding-bottom: 15px; } ul, ol { list-style: none outside none; } .ar { display: block; text-align: right; } .al { display: block; text-align: left; } .ac { display: block; text-align: center; } .fr { float: right !important; display: inline; } .fl { float: left !important; display: inline; } .cl { display: block; clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .hidden { display: none; } .rel { position: relative; } .shell { width: 940px; margin: 0 auto; } header, nav, footer, article, hgroup, section { display: block; } h2, h3, h4, h5, h6 { margin-bottom: 15px; line-height: 1; font-weight: normal; } h2 { font-size: 26px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 16px; } h6 { font-size: 14px; } hgroup h2 { margin: 0 0 10px; } p { padding-bottom: 15px; } small { font-size: 10px; } .no-header { padding-top: 85px; height: auto; } .no-header footer .shell { width: 679px; } .no-header footer ul { display: none; } .no-header header { display: none; } .no-footer footer { display: none; } #page { height: 100%; } .footer-shadow { min-height: 100%; } .btn-1 { display: inline-block; padding: 0 40px; height: 40px; line-height: 40px; font-size: 21px; font-weight: bold; } .btn-2, .btn-3 { display: inline-block; padding: 0 14px; height: 26px; line-height: 26px; font-size: 12px; font-weight: bold; } .btn-reply { padding-left: 13px; } .btn-reply span { padding-left: 19px; } .list-1 {} .list-1 > li, .list-2 > li { padding: 0 0 12px 12px; font-size: 14px; line-height: 1; } .list-2 > li { padding-left: 0; } .list-1 li li { padding: 0 0 0 15px; } .list-2 { list-style: decimal outside none; padding-left: 20px; *padding-left: 25px; } .no-spacing { margin: 0; } #page form fieldset { position: relative; overflow: hidden; padding: 0 0 20px; } #page form label { float: left; display: inline; width: 92px; margin-right: 15px; font-weight: bold; text-align: right; line-height: 39px; } #page form .field { float: left; display: inline; width: 336px; height: 15px; padding: 11px 14px; font-size: 12px; } #page form textarea.field { width: 433px; height: 215px; resize: vertical; } #page form .submit { width: 109px; margin-left: 107px; border: 0; } #page form .error, #page form .LV_validation_message { position: absolute; top: 12px; left: 376px; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; } #page form .LV_invalid_message { font-size: 0; line-height: 0; text-indent: -4000px; } #page form .msg-holder .LV_validation_message { left: 472px; } #page table { margin: 0 0 25px; } #page th { text-align: center; line-height: 28px; } #page td { text-align: center; padding: 8px 0; font-weight: bold; } .widget-socials { } .widget-socials li { line-height: 27px; padding: 0 0 0 32px; margin: 0 0 10px; } .widget-socials li:last-child { margin: 0; } #page .subscribe-form {} #page .subscribe-form .field { width: 181px; padding: 8px 14px 7px; } #page .subscribe-form .submit { width: 93px; height: 32px; margin: 0 0 0 10px; font-size: 14px; } /* Flexslider Default Style */ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* 2. Home */ #featured-content { position: relative; z-index: 2; } #featured-content .slider { position: relative; top: -30px; margin-bottom: -59px; height: 352px; } #featured-content .slider .text-container { width: 490px; height: 260px; padding: 55px 0 0 35px; position: relative; z-index: 2; } #featured-content .loading { display: block; z-index: 100; width: 42px; height: 42px; position: absolute; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; background: url(images/loading.gif); } #featured-content h2 { margin: 0 0 20px; font-size: 37px; line-height: 1; font-weight: normal; letter-spacing: -1px; } #featured-content .slides > li { position: relative; } #featured-content .featured-list { display: block; margin: 0 0 10px; } #featured-content .featured-list li { padding: 0 0 0 25px; font-size: 20px; line-height: 30px; } #featured-content .image-container { position: absolute; top: 0; right: 0; z-index: 1; height: 260px; width: 100%; } #featured-content .image-container img { margin: 0 0 0 auto; } #featured-content .video-container { position: absolute; top: 61px; right: 24px; width: 386px; height: 217px; z-index: 1; } #featured-content .slider .shell { position: relative; } #featured-content .slider .slider-clip { width: 100%; height: 352px; position: relative; overflow: hidden; } #featured-content .slider-arrows { position: absolute; top: 100%; left: 50%; width: 970px; margin-left: -485px; } #featured-content .slider-arrows a { position: absolute; width: 50px; height: 50px; top: -221px; font-size: 0; line-height: 0; text-indent: -4000px; opacity: .5; -moz-opacity: .5; } #featured-content .slider-arrows a:hover { opacity: 1; -moz-opacity: 1; } #featured-content .slider-arrows a.prev { left: -67px } #featured-content .slider-arrows a.next { right: -67px; } #featured-content .fader { position: relative; margin: -25px 0 10px -25px; width: 949px; height: 337px; } #featured-content .fader-clip { width: 949px; height: 312px; position: relative; overflow: hidden; } #featured-content .fader-clip > ul { height: 312px; } #featured-content .fader .slides > li { position: relative; width: 949px; height: 312px; } #featured-content .fader .text-container { padding: 30px 0 0 25px; width: 490px; position: relative; z-index: 2; } #featured-content .fader .image-container { position: absolute; top: 0; right: 0; height: 352px; } #featured-content .fader-nav ol { font-size: 0; line-height: 0; text-align: center; padding: 10px 0 0; } #featured-content .fader-nav ol li { display: inline-block; *display: inline; zoom: 1; width: 14px; height: 14px; margin-right: 3px; } #featured-content .fader-nav ol li a { display: block; width: 13px; height: 13px; } #home-content h2 { padding: 10px 0 0; font-size: 29px; } #home-content .two-cols { position: relative; overflow: hidden; padding: 0 0 20px; margin: 0 0 20px; } #home-content .two-cols .wide-col { width: 970px; } #home-content .two-cols .short-col { width: 274px; }