/* Theme Name: White Rock Template Theme URI: http://progressionstudios.com/ Author: Progression Studios Author URI: http://themeforest.net/user/ProgressionStudios Description: ThemeForest Premium Theme Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: right-sidebar, flexible-width, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: progression */ /* Table of Contents 01. HTML5 ✰ BOILERPLATE RESET FILE 02. COLORS AND FONTS A. BACKGROUND COLORS AND IMAGES B. FONT COLORS C. FONT FAMILIES D. SOCIAL ICONS 03. PRIMARY STYLES A. DEFAULT STYLES B. BUTTON STYLES C. CSS3 TRANSITIONS 04. MAIN CONTAINERS 05. FOOTER STYLES 06. BLOG STYLES 07. PORTFOLIO STYLES 08. MENU STYLES 09. WIDGET STYLES 10. SIDEBAR STYLES 11. FEATURED SLIDER and PAGE TITLE 12. CONTACT STYLES 13. NAVIGATION 14. DEFAULT GRID 15. PRINT STYLES 16. LIGHTBOX STYLES */ /* =============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE =============================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after, .clear:before, .clear:after { content: ""; display: table; } .clearfix:after, .clear:after { clear: both; } .clearfix, .clear { *zoom: 1; } .lt-ie8 .clearfix, .lt-ie8 .clear {visibility:hidden; width:0;height:0; clear:both;} /* =============================================== 02. COLORS AND FONTS =============================================== */ body #logo, body #logo img {width:288px; max-width:100%;} /* -------------------- A. BACKGROUND COLORS AND IMAGES -------------------- */ /* Dividers */ #header-top-bar, #page-title-divider { background:#88a5b1; } .menu-item-container {border-bottom:4px solid #88a5b1;} #page-title h1 {border-bottom:8px solid #576e78; } /* Footer + Copyright */ body, footer, #main { background:#f2f1ed url("images/body.jpg")/*tpa=http://progressionstudios.com/white-rock/images/body.jpg*/;} .widget-area-highlight {background:#e3e0d9; } #copyright {border-top:6px solid #bdb7a4; } /* Button Color */ a.rock-button, input.button, .pagination a, .social-icons a, ul.filter-children li a { color:#88a5b1; background:#ffffff; border-bottom:2px solid #aacedd; } /* Button Hover Color */ ul.filter-children li a:hover, ul.filter-children li.current_page_item a, a.rock-button:hover, .social-icons a:hover, input.button:hover, .pagination a:hover, .pagination a.selected, .social-icons a:hover { background:#aacedd; color:#ffffff; } /* Image Border */ #main img, .video-container, #map-contact {border-bottom:5px solid #88a5b1;} /* -------------------- B. FONT COLORS -------------------- */ body {color:#5f6567;} a {color:#5f757e;} a:hover {color:#88a5b1;} h1, h2, h3, h4, h5, h6 {color:#7b7562;} #copyright li a {color:#aca693;} #copyright li a:hover {color:#88a5b1;} .header-underline {border-bottom:3px solid #bdb7a4;} hr {border-bottom:1px solid #bdb7a4; } /* -------------------- C. FONT FAMILIES -------------------- */ ul.filter-children li, .sf-menu, .caption-progression, footer #copyright ul, .rock-button, h1, h2, h3, h4, h5, h6, .phone-widget span, .e-mail-widget span, body #main ul.menu-items .grid2column, .pagination a {font-family:'Droid Serif', serif; } body { font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif; } /* -------------------- D. SOCIAL ICONS -------------------- */ @font-face { font-family: 'JustVector'; src: url("e/justvectorv2-webfont.eot")/*tpa=http://progressionstudios.com/white-rock/e/justvectorv2-webfont.eot*/; src: url("social-icons/justvectorv2-webfont.eot-#iefix")/*tpa=http://progressionstudios.com/white-rock/social-icons/justvectorv2-webfont.eot?#iefix*/ format('eot'), url("social-icons/justvectorv2-webfont.woff")/*tpa=http://progressionstudios.com/white-rock/social-icons/justvectorv2-webfont.woff*/ format('woff'), url("social-icons/justvectorv2-webfont.ttf")/*tpa=http://progressionstudios.com/white-rock/social-icons/justvectorv2-webfont.ttf*/ format('truetype'), url("social-icons/justvectorv2-webfont.svg#webfontkw9J4lGf")/*tpa=http://progressionstudios.com/white-rock/social-icons/justvectorv2-webfont.svg#webfontkw9J4lGf*/ format('svg'); font-weight: normal; font-style: normal; } .social-icons { font-family: 'JustVector';} .social-icons a { display:inline-block; font-size:15px; line-height:11px; text-decoration:none; margin-right:0px; margin-bottom:10px; position:relative; padding:7px ; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } /* =============================================== 03. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { font-size: 13px; line-height: 1.4; color:#777777; } body a img, body a {outline:none !important; text-decoration:none;} #main a:hover img {opacity:0.6; filter:alpha(opacity=60);} p {padding-top:0px; margin:0px;} p, ul, ol {margin-bottom: 15px;} ul, ol {margin-left:0px; padding-left:16px;} img {max-width: 100%;height: auto; } h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:1.2; font-style:italic; font-weight:normal;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;} h1 {font-size:30px; margin-bottom:12px; } h2 {font-size:20px; margin-bottom:10px; } h3 {font-size:19px; margin-bottom:10px;} h4 {font-size:16px; margin-bottom:6px;} h5 {font-size:14px; margin-bottom:6px; } h6 {font-size:13px; margin-bottom:6px; font-weight:bold;} .header-underline { padding-bottom:10px; margin-bottom:14px;} hr {background:transparent;border-top:none; margin:20px 0px;} ul.checkmark, ul.arrow {padding-left:0px;} ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;} ul.checkmark li {background:url("images/checkmark.png")/*tpa=http://progressionstudios.com/white-rock/images/checkmark.png*/ 0px 2px no-repeat;} ul.arrow li {background:url("images/sidebar-arrow.png")/*tpa=http://progressionstudios.com/white-rock/images/sidebar-arrow.png*/ -4px 0px no-repeat;} .alignright {float:right; margin:0 0 15px 20px;} .alignleft {float:left; margin:0px 20px 15px 0px;} .aligncenter {text-align:center; margin:0px auto 15px auto; display:block; } blockquote {background:url("images/blockquote.png")/*tpa=http://progressionstudios.com/white-rock/images/blockquote.png*/ 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;} pre {border:1px solid #ddd; padding:7px 15px; background:#fff; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;} #main .noborder, #main img.noborder, #main a .noborder img {border:none;} #main footer a:hover img, #main a:hover img.notransprency {opacity:1; filter:alpha(opacity=100);} #main footer a:hover img, #main a:hover img.notransprency, #main .portfolio-single-container a:hover img {opacity:1; filter:alpha(opacity=100);} .homepage-feature-box { overflow:hidden; height:15px;width:25px; clear:both;} .wine-feature-box { overflow:hidden; height:25px;width:25px; clear:both;} #map-contact {width:100%; height:260px; margin-bottom:20px;} #map-contact img {max-width:none; height: auto; } /* -------------------- B. BUTTON STYLES -------------------- */ a.rock-button, input.button, ul.filter-children li a { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; font-style:italic; padding:9px 12px 9px 12px; font-size:12px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); border-left:none; border-right:none; border-top:none; margin:0px; } /* -------------------- C. CSS3 TRANSITIONS -------------------- */ a, a img { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; -o-transition: all 400ms ease; } .sf-menu a, .rock-button, input.button, ul.filter-children li a { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; -o-transition: all 250ms ease; } .flex-control-paging li a {-webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important;} /* =============================================== 04. MAIN CONTAINERS =============================================== */ /* -------------------- A. HEADER STYLES -------------------- */ header {z-index:15; height:170px; position:absolute; top:0px; width:100%; background: url("images/header.png")/*tpa=http://progressionstudios.com/white-rock/images/header.png*/ top left repeat-x;} header .width-container {position:relative;} body #logo { margin:0px; padding:0px; border:none; position:absolute; top:0px; left:0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow:hidden; z-index:55; } body #logo img { height: auto; } #header-top-bar {width:100%; height:8px; position:absolute; top:0px; z-index:8; left:0px; opacity:0.35; filter:alpha(opacity=35);} body #page-title-divider {height:8px; margin-top:-8px; position:relative; z-index:8; opacity:0.85; filter:alpha(opacity=85);} /* -------------------- B. MAIN CONTAINER STYLES -------------------- */ .width-container, #page-title-divider {width:1140px; margin: 0 auto;} #main {padding:42px 0px 40px 0px;} .widget-area-highlight {padding:35px 0px 35px 0px; margin:-10px 0px 0px 0px; position:relative; top:40px;} /* -------------------- C. PAGE TITLE -------------------- */ .paged-title {height:250px; } .width-container.paged-title {position:relative;} #page-title h1 {position:absolute; color:#ffffff; text-shadow: 1px 1px 10px rgba(0,0,0,1); bottom:-12px; left:0px; padding:0px 30px 20px 30px; z-index:9; }/*bottom:26px; left:30px; */ /* =============================================== 05. FOOTER STYLES =============================================== */ #copyright { padding:20px 0px 20px 0px; width:100%; overflow:hidden;} footer #copyright ul {margin:0px; padding:24px 0px 24px 0px; float:right; font-style:italic; } #footer-text {font-size:12px; padding:5px 0px;} footer #copyright ul a {text-decoration:none;} footer #copyright ul li { margin-top:0px; margin-bottom:0px; display:inline; float:left; display:inline-block; padding-right:15px; margin-right:15px;} footer #copyright ul li:last-child { margin-right:0px; padding-right:0px;} #copyright .lastcolumn {text-align:right;} /* =============================================== 06. BLOG STYLES =============================================== */ .blog-post-image img {margin-bottom:0px;} .blog-post-background {padding:25px 25px 15px 25px; background:#ffffff;} .type-post {margin-bottom:55px; padding-bottom:0px;} .type-post .post-details-meta {font-size:11px; text-transform:uppercase; color:#aeaeab; margin-bottom:10px;} .pagination {text-align:center; margin-top:-15px;} .pagination a { margin:0px 6px; display:inline-block; line-height:11px; text-decoration:none; margin-right:1px; position:relative; text-align:center; padding:8px 10px 7px 10px; font-style:italic; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } /* =============================================== 07. PORTFOLIO STYLES =============================================== */ .portfolio-content-container {padding-bottom:25px;} .portfolio-post-background { padding:15px 15px 10px 15px; background:#ffffff;} body.single-portfolio .portfolio-post-background {margin-top:0px; } ul.filter-children {margin-bottom:20px; padding:0px; list-style:none;} ul.filter-children li {padding:0px; margin:0px 5px 5px 0px; display:inline-block;} ul.filter-children li a {display:inline-block; } .lt-ie8 ul.filter-children li {display:inline;} /* =============================================== 08. MENU STYLES =============================================== */ .menu-spacer {width:100%; overflow:hidden; height:25px;} body #main ul.menu-items .grid2column {font-style:italic; font-size:16px;} body #main ul.menu-items .lastcolumn {text-align:right;} body #main ul.menu-items {margin:0px; padding:8px 0px 0px 0px; list-style:none;} body #main ul.menu-items li {margin-bottom:10px; padding:0px 10px 10px 10px;} .item-description-menu {width:60%; font-size:12px; color:#acb2b4; margin-top:5px;} .menu-description {font-size:14px; margin-bottom:30px;} .menu-item-container {background:#ffffff; padding:10px 15px 5px 15px; margin-bottom:30px;} .content-padding-menu {padding-left:10px; } .menu-item-container img {margin-bottom:10px;} .menu-wine-spacing {padding-top:5px;} /* =============================================== 09. WIDGET STYLES =============================================== */ /* --- MailChimp Form --- */ #mc_embed_signup label {display:block; padding-bottom:15px;} #mc_embed_signup input#mce-EMAIL {float:left; width:150px;} #mc_embed_signup input.button {float:right; width:auto;} /* --- Contact Us Icons --- */ .phone-widget {margin-top:7px;} .e-mail-widget, .mobile-widget {margin-top:5px;} .phone-widget span, .e-mail-widget span, .mobile-widget span {font-style:italic; font-weight:bold;} .homepage-widget .social-icons, #sidebar .social-icons {margin-top:12px;} /* --- Opening Hours --- */ body ul#open-hours {list-style:none; margin:0px; padding:0px;} body ul#open-hours li {margin-bottom:6px; } body ul#open-hours li .date-day {font-weight:bold;} body ul#open-hours li .hours-date {text-align:right; font-size:12px;} body ul#open-hours li, body #main ul.menu-items li, .type-post {border-bottom:1px dotted #bdb7a4; } /* =============================================== 10. SIDEBAR STYLES =============================================== */ #sidebar {border-left:1px dotted #bdb7a4;} .sidebar-base {width:100%; height:1px; display:block;} .sidebar-spacer {width:100%; height:20px; overflow:hidden;} #sidebar {width:22.5%; padding-left:2.5%; float:right; padding-top:8px; } #container-sidebar {width:72.5%; float:left; } #sidebar ul li { padding-bottom:5px; } #flickr-widget ul {margin:0; padding:0;background:none; } #flickr-widget ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:transparent;} #flickr-widget ul li a {display:inline; padding:0px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } #flickr-widget ul li img { width:29%; height:29%; margin:0px 4% 4% 0px;} #flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); } /* =============================================== 11. FEATURED SLIDER and PAGE TITLE =============================================== */ /* -------------------- B. FEATURED SLIDER -------------------- */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block; width:100%; } .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;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px auto; position: relative; zoom: 1; /* overflow:hidden; */ } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px auto; position: relative; zoom: 1; overflow:hidden;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {z-index:5; width: 34px; height: 35px; margin: -5px 0 0 0; display: block; background: url("images/slider/arrows.png")/*tpa=http://progressionstudios.com/white-rock/images/slider/arrows.png*/ no-repeat bottom left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: bottom right; right: 0px; } .flex-direction-nav .flex-prev {background-position: bottom left; left: 0px;} .flexslider:hover .flex-next {opacity: 0.8; right: 20px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 20px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #main .flex-direction-nav .flex-next { right: 20px; } #main .flex-direction-nav .flex-prev {left: 20px;} /* Control Nav */ .flex-control-nav { z-index:5; width: 100%; position: absolute; bottom: 30px; text-align: center; } .flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 20px; height: 20px; display: block; background: url("images/slider/bg_bullets.png")/*tpa=http://progressionstudios.com/white-rock/images/slider/bg_bullets.png*/ 0px -25px no-repeat; cursor: pointer; text-indent: -9999px;} .flex-control-paging li a:hover { background-position:0px -48px; } .flex-control-paging li a.flex-active { background-position:0px -2px; cursor: default; } body #main .flex-control-paging li a { -webkit-transition: none; -moz-transition: none; none; -o-transition: none; } .lt-ie8 .flex-control-nav {bottom:30px;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* Caption style */ ul.slides li { position:relative; } .caption-progression { z-index:45; margin: auto; position: absolute; padding-bottom:145px; padding-left:100px; left: 0; bottom: 0; right: 0; color: #ffffff; text-shadow: 1px 1px 20px rgba(0,0,0,1); font-size:30px; font-style:italic; } .caption-progression a { color:#fff; text-decoration:none;} li.caption-right-progression .caption-progression {text-align:right;} li.caption-center-progression .caption-progression {text-align:center;} .flexslider a:hover img {opacity:1; filter:alpha(opacity=100); } .lt-ie9 .flex-direction-nav .flex-prev {opacity: 1; left: 15px;} .lt-ie9 .flex-direction-nav .flex-next {opacity: 1; right: 15px; } /* =============================================== 12. CONTACT STYLES =============================================== */ #main input, #main textarea { margin:1px 0px 15px 3px; background-color:#fefefe; border:1px solid #a49f8f; padding:7px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); background-image: -ms-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: -o-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F1F1F1), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #F1F1F1 0%, #FFFFFF 100%); } /* =============================================== 13. NAVIGATION =============================================== */ /* -------------------- A. ESSENTIAL STYLES -------------------- */ /*** ESSENTIAL STYLES ***/ nav select {display:none; } .sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} .sf-menu {line-height: 1.0;} .sf-menu ul {position: absolute; top:-999em; width: 10em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left ;position: relative;} .sf-menu a {display:block; position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top:65px; /* match top ul list item height */z-index: 99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;} /* -------------------- B. MENU HEIGHT AND PADDING -------------------- */ .sf-menu a {padding:75px 15px 24px 15px;} /* Top Menu Size */ body .sf-menu li:hover ul, body .sf-menu li.sfHover ul {top:115px;} /* Move sub-menu down */ /* -------------------- C. DEMO SKIN -------------------- */ nav {position:absolute; top:0px; right:0px; z-index:4; } .sf-menu a { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -o-transition: all .4s ease; text-decoration:none; line-height:1; } /* DEFAULT LINK */ .sf-menu a, .sf-menu a:visited { text-shadow: none; color:#000000; font-size:16px; font-style:italic; } .sf-menu ul {background:#6c858a;} /* DEFAULT LINK HOVER AND SELETED */ .sf-menu li.current-menu-item {background:#6c858a; } .sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited { color:#ffffff; } /* HOVER BACKGROUND */ .sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited { background:#6c858a; color:#ffffff; display:block; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited { font-size:13px; font-weight:500; text-transform:none; text-shadow: none; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { outline: 0; -webkit-transition: all .6s ease; -moz-transition: all 1s ease; transition: all .6s ease; -o-transition: all .6s ease; background-image:url("images/transparency-fallback.png")/*tpa=http://progressionstudios.com/white-rock/images/transparency-fallback.png*/; background: rgba(255, 255, 255, 0.15); } .sf-menu li li a {padding:15px 15px ;} .sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url("images/arrows-ffffff.png")/*tpa=http://progressionstudios.com/white-rock/images/arrows-ffffff.png*/ no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url("images/shadow.png")/*tpa=http://progressionstudios.com/white-rock/images/shadow.png*/ no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* =============================================== 14. DEFAULT GRID =============================================== */ .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:3%; } .grid2column { width: 48.5%;} .lt-ie8 .grid2column {width: 48%; } .grid3column {width: 31.2%; } .lt-ie8 .grid3column {width: 30.5%; } .grid3columnbig {width:65.5%;} .grid4column {width: 22.5%; } .lt-ie8 .grid4column {width: 22%; } .grid4columnbig {width:74.2%; } body .lastcolumn {margin-right:0% !important;} /* =============================================== 15. PRINT STYLES =============================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* =============================================== 16. LIGHTBOX STYLES =============================================== */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url("images/prettyPhoto/default/sprite_x.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite_x.png*/ top left repeat-x} div.pp_default .pp_top .pp_right{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url("images/prettyPhoto/default/sprite_y.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite_y.png*/ -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url("images/prettyPhoto/default/sprite_y.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite_y.png*/ top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url("images/prettyPhoto/default/sprite_next.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite_next.png*/ center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url("images/prettyPhoto/default/sprite_prev.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite_prev.png*/ center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url("images/prettyPhoto/default/default_thumb.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/default_thumb.png*/ center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url("images/prettyPhoto/default/sprite_x.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite_x.png*/ bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url("images/prettyPhoto/default/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/sprite.png*/ -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url("images/prettyPhoto/default/loader.gif")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/default/loader.gif*/ center center no-repeat} div.light_rounded .pp_top .pp_left{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url("images/prettyPhoto/light_rounded/btnNext.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/btnNext.png*/ center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url("images/prettyPhoto/light_rounded/btnPrevious.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/btnPrevious.png*/ center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url("images/prettyPhoto/light_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/sprite.png*/ -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url("images/prettyPhoto/dark_rounded/contentPattern.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/contentPattern.png*/ top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url("images/prettyPhoto/dark_rounded/contentPattern.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/contentPattern.png*/ top right repeat-y} div.dark_rounded .pp_next:hover{background:url("images/prettyPhoto/dark_rounded/btnNext.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/btnNext.png*/ center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url("images/prettyPhoto/dark_rounded/btnPrevious.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/btnPrevious.png*/ center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url("images/prettyPhoto/dark_rounded/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/sprite.png*/ -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url("images/prettyPhoto/dark_rounded/loader.gif")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/loader.gif*/ center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url("images/prettyPhoto/dark_square/loader.gif")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/loader.gif*/ center center no-repeat} div.dark_square .pp_expand{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url("images/prettyPhoto/dark_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/sprite.png*/ -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url("images/prettyPhoto/dark_square/btnNext.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/btnNext.png*/ center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url("images/prettyPhoto/dark_square/btnPrevious.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_square/btnPrevious.png*/ center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url("images/prettyPhoto/light_square/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/sprite.png*/ -22px -71px no-repeat} div.light_square .pp_next:hover{background:url("images/prettyPhoto/light_square/btnNext.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/btnNext.png*/ center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url("images/prettyPhoto/light_square/btnPrevious.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_square/btnPrevious.png*/ center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url("images/prettyPhoto/facebook/contentPatternTop.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/contentPatternTop.png*/ top left repeat-x} div.facebook .pp_top .pp_right{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url("images/prettyPhoto/facebook/contentPatternLeft.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/contentPatternLeft.png*/ top left repeat-y} div.facebook .pp_content_container .pp_right{background:url("images/prettyPhoto/facebook/contentPatternRight.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/contentPatternRight.png*/ top right repeat-y} div.facebook .pp_expand{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url("images/prettyPhoto/facebook/loader.gif")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/loader.gif*/ center center no-repeat} div.facebook .pp_arrow_previous{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url("images/prettyPhoto/facebook/btnNext.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/btnNext.png*/ center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url("images/prettyPhoto/facebook/btnPrevious.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/btnPrevious.png*/ center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url("images/prettyPhoto/facebook/contentPatternBottom.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/contentPatternBottom.png*/ top left repeat-x} div.facebook .pp_bottom .pp_right{background:url("images/prettyPhoto/facebook/sprite.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/sprite.png*/ -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url("images/prettyPhoto/facebook/default_thumbnail.gif")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/facebook/default_thumbnail.gif*/ 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url("images/prettyPhoto/light_rounded/btnNext.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/btnNext.png*/ 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url("images/prettyPhoto/light_rounded/btnNext.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/btnNext.png*/ 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url("images/prettyPhoto/light_rounded/loader.gif")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/light_rounded/loader.gif*/ center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url("images/prettyPhoto/dark_rounded/contentPattern.png")/*tpa=http://progressionstudios.com/white-rock/images/prettyPhoto/dark_rounded/contentPattern.png*/ top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}