/* === START GENERIC STYLES === */

/* Restricted declaration reset */

* { margin:0; padding:0; }
html, body { margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; }
sup { vertical-align: text-top; }
.text_navigationname_home { visibility: hidden; }

/* === END GENERIC STYLES === */


*{ border: 0px; margin: 0px; padding: 0px; }
body{ font-size: 62.5%; font-family: Arial, sans-serif; color: #535353; }
.container{ width: 960px; overflow: hidden; margin: 0px auto; }
#white-section{ background: url(http://www.pageplay.com/ppskinfiles/image/white-section-bg.png) repeat-y center #d7d3d2; padding-bottom: 20px; }
#middle{ padding-top: 50px; overflow: hidden; width: 100%; }
#masthead{ overflow: hidden; width: 100%; padding: 20px 0px; }
#logo{ float: left; }
#sectionTitle{ padding: 30px 0px 00px; overflow: hidden; position: relative; }
#sectionTitle h2{ font-size: 4em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999999; float: left; }
#sectionTitle h3{ font-size: 2.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #BBBBBB; float: right; bottom: 50px; right: 0px; top: 45px; padding-top: 10px; text-align: right; width: 600px; }
#header_nav{ height: 32px; margin-top: 10px; list-style-type: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; float: right; }
#header_nav li{ background-image: url(http://www.pageplay.com/ppskinfiles/image/nav_bg.png); float: left; height: 32px; line-height: 32px; }
#header_nav .burger_left{ background-image: url(http://www.pageplay.com/ppskinfiles/image/nav_bg_left.png); }
#header_nav .burger_right{ background-image: url(http://www.pageplay.com/ppskinfiles/image/nav_bg_right.png); background-position: right; }
#header_nav a{ display: block; color: #FFFFFF; text-decoration: none; margin: 0px 1px; text-align: center; }
#header_nav a.current{ color: #5a8c18; }
.widthA a{ width: 49px; }
.widthB a{ width: 59px; }
.widthC a{ width: 74px; }
.widthD a{ width: 84px; }
.widthE a{ width: 104px; }
.widthA a:hover{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_hover_a.png); }
.widthA a.current{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_current_a.png); }
.widthB a:hover{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_hover_b.png); }
.widthB a.current{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_current_b.png); }
.widthC a:hover{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_hover_c.png); }
.widthC a.current{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_current_c.png); }
.widthD a:hover{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_hover_d.png); }
.widthD a.current{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_current_d.png); }
.widthE a:hover{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_hover_e.png); }
.widthE a.current{ background-image: url(http://www.pageplay.com/ppskinfiles/image/item_current_e.png); }
#nav-col-burger{ float: left; width: 350px; background: url(http://www.pageplay.com/ppskinfiles/image/nav-burger-top.png) no-repeat; padding-top: 8px; }
.item_navitem{ font-weight: bold; font-size: 1.8em; height: 33px; }
.first_nav_item{ display: none; }
.item_navitem a{ color: #FFFFFF; text-decoration: none; background: url(http://www.pageplay.com/ppskinfiles/image/nav-item-bg.png); display: block; height: 33px; line-height: 33px; padding: 0px 15px 0px 17px; }
.item_navitem a.current{ background: url(http://www.pageplay.com/ppskinfiles/image/nav-current-bg.png) 0px -1px no-repeat; }
.item_navitem a span{ background: url(http://www.pageplay.com/ppskinfiles/image/nav-bullet.png) no-repeat; padding: 0px 5px 0px 25px; display: block; height: 32px; border-bottom: 1px dotted #9BC95E; font-size: 0.8em; }
.item_navitem a:hover span{ background: url(http://www.pageplay.com/ppskinfiles/image/nav_item_hover.png) repeat-x 0px 50%; }
.item_navitem .current:hover span{ background: url(http://www.pageplay.com/ppskinfiles/image/nav-bullet.png) no-repeat; }
.last_nav_item a span{ border-bottom: 0px; }
 
#nav-col-bottom-shadow{ padding: 0px 5px 0px 2px; background: url(http://www.pageplay.com/ppskinfiles/image/left-bg-shadow.png) no-repeat; }
#nav-col-bottom{ background: url(http://www.pageplay.com/ppskinfiles/image/left-bg-alt.png) repeat-x; min-height: 650px; }
#newsletter{ overflow: hidden; padding-bottom: 10px; padding: 20px 10px 5px; display: none; }
.signup_result{ display: none; }
#newsletter-title{ padding: 10px 0px; }
#newsletter-text-input{ background-image: url(http://www.pageplay.com/ppskinfiles/image/nav-col-newsletter-input.png); height: 37px; background-repeat: no-repeat; float: left; width: 215px; margin-left: 5px; }
#newsletter-text-input input{ margin: 12px; }
#newsletter-submit{ float: left; position: relative; bottom: 2px; }
#testimonials{ padding: 20px 10px 10px; }
.testimonial{ position: relative; height: 100px; padding-top: 10px; font-size: 15px; color: #54880d; }
.testimonial-image{ border: 5px solid #9CC95F; position: absolute; }
.testimonial-play{ position: absolute; top: 15px; left: 3px; padding: 0px 60px 60px 0; display: none; }
.testimonial-text{ position: absolute; left: 110px; width: 220px; }
.testimonial-name{ font-weight: bold; }
.testimonial-name a{ color: #54880d; text-decoration: none; }
.testimonial-name a:hover{ text-decoration: underline; }
.testimonial-company{ font-size: 0.8em; font-style: italic; padding-bottom: 5px; }
#view-more-testimonials{ margin-top: 10px; }
#area_content{ width: 570px; float: right; font-size: 1.4em; line-height: 1.5em; }
.item_heading h2, .item_subheading h3{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; color: #777777; line-height: 1em; }
.item_subheading h3{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; }
.item_divider hr{ border-bottom: 1px dotted #b9b9b9; border-top: 0px; }
.item_paragraph a{ color: #555555; }
.item_paragraph a:hover{ text-decoration: none; }
.item_gallery .item_photo{ margin: 10px; }
.item_photo .title p{ color: #535353; }
.item_gallery{ margin: 0px 30px; }
.item_file a, .item_contentlink a{ color: #535353; display: block; background: url(http://www.pageplay.com/ppskinfiles/image/file.png) no-repeat; padding: 0px 0px 0px 30px; height: 20px; line-height: 20px; }
.item_contentlink a{ background: url(http://www.pageplay.com/ppskinfiles/image/link.png) no-repeat; height: 22px; line-height: 22px; }
.item_list ul, .item_list ol{ list-style-type: none; }
.item_list li{ list-style-image: url(http://www.pageplay.com/ppskinfiles/image/bullet.png); }
.item_flashvideo object{ height: 347px; }
#dark-green-section{ background: url(http://www.pageplay.com/ppskinfiles/image/bg_repeat.png); padding-top: 20px; }
#dark-green-container{ position: relative; height: 51px; }
#pricing-and-social{ position: relative; height: 51px; }
#pricing-and-social-block{ position: absolute; width: 610px; right: 0px; height: 51px; bottom: 0px; }
#social{ width: 393px; height: 51px; background-image: url(http://www.pageplay.com/ppskinfiles/image/middle-social-bg.png); position: absolute; }
#social-twitter{ position: absolute; bottom: 3px; left: 98px; }
#social-twitter-text{ position: absolute; bottom: 15px; left: 150px; }
#social-facebook{ position: absolute; bottom: 3px; left: 232px; }
#social-facebook-text{ position: absolute; bottom: 15px; left: 284px; }
#pricing-and-signup{ background-image: url(http://www.pageplay.com/ppskinfiles/image/middle-pricing-bg.png); height: 50px; width: 211px; position: absolute; left: 400px; }
#pricing-and-signup-bottom{ position: absolute; top: 12px; left: 20px; }
#light-green-section{ font-family: Arial, sans-serif; background-image: url(http://www.pageplay.com/ppskinfiles/image/bottom_bg.png); font-size: 1.3em; color: #FFFFFF: }
#links-block{ overflow: hidden; width: 100%; padding: 25px 0px; }
.links-block-list{ float: left; margin-right: 30px; list-style-type: none; font-weight: bold; color: #FFFFFF; line-height: 1.5em; }
.links-block-list a{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
.links-block-list a:hover{ text-decoration: underline; }
#contact-bottom{ float: right; margin-right: 0px; text-align: right; font-weight:normal; }
#contact-bottom .title, #contact-bottom .title a{ font-weight: bold; }
#footer{ border-top: 1px solid #a0d160; padding-bottom: 40px; overflow: hidden; width: 100%; padding-top: 10px; color: #FFFFFF; font-size: 1.1em; }
#small-footer-logo{ float: left; }
#copyright{ float: right; }
#copyright .text_footer{ font-style: normal; }
.text_footer a{ color: #FFFFFF; }
.text_footer a:hover{ text-decoration: none; }
#overlay{ position: absolute; width: 100%; background: url(http://www.pageplay.com/ppskinfiles/image/overlay.png); top: 0px; left: 0px; z-index: 100; height: 0px; display: none; }
.close{ padding: 10px 10px; text-align: right; position: absolute; top: 20px; right: 0px; }
.close a{ color: #000; }
#video-lightbox{ right: 200px; top: 100px; width: 485px; color: #000; display: none; z-index: 110; position: absolute; }
#video-lightbox-container, #contact-lightbox-container{ position: absolute; width: 100%; z-index: 110; }
#video-lightbox-container .container, #contact-lightbox-container .container{ position: relative; }
#video-lightbox-burger-top{ padding-top: 13px; background: url(http://www.pageplay.com/ppskinfiles/image/video-burger-top.png) no-repeat; }
#video-lightbox-burger-bottom{ background: url(http://www.pageplay.com/ppskinfiles/image/video-burger-bottom.png) no-repeat bottom; padding-bottom: 13px; }
#video-lightbox-middle{ background: url(http://www.pageplay.com/ppskinfiles/image/video-middle-repeat.png) repeat-y; overflow:hidden; width: 100%; text-align: center; padding: 15px 0px; }
#video-lightbox-middle .close{ right: 0px; top: 0px; }
#contact-lightbox{ width: 625px; color: #000; display: none; z-index: 110; position: absolute; padding-top: 16px; background: url(http://www.pageplay.com/ppskinfiles/image/contact-lightbox-point.png) no-repeat 500px 5px; top: 47px; right: 0px; }
.close{ padding: 10px 10px; text-align: right; position: absolute; top: 20px; right: 0px; z-index: 200; }
.close a{ color: #000; }
#contact-lightbox-burger-top{ padding-top: 13px; background: url(http://www.pageplay.com/ppskinfiles/image/contact-burger-top.png) no-repeat; }
#contact-lightbox-burger-bottom{ background: url(http://www.pageplay.com/ppskinfiles/image/contact-burger-bottom.png) no-repeat bottom; padding-bottom: 12px; }
#contact-lightbox-middle{ background: url(http://www.pageplay.com/ppskinfiles/image/contact-middle-repeat.png) repeat-y; overflow:hidden; width: 100%; }
#contact-point{ background: url(http://www.pageplay.com/ppskinfiles/image/contact-lightbox-point.png) no-repeat; height: 16px; width: 22px; position: absolute; top: -10px; right: 26px; }
#contact-details{ float: left; width: 235px; color: #5c8e19; font-size: 1.8em; font-weight: bold; }
#contact-details a{ color: #5c8e19; }
#contact-details a:hover{ text-decoration: none; }
#contact-details p{ padding: 10px 20px; }
#contact-details .image{ padding: 10px 20px 0px; }
#contact-form{ float: right; width: 385px; color: #7ab827; font-size: 2em; font-weight: bold; padding-top: 25px; }
#address{ list-style-type: none; padding: 10px 20px; }
#contact-form p{ margin: 5px 12px; }
#contact-form .inputtext{ height: 40px; background: url(http://www.pageplay.com/ppskinfiles/image/contact-input.png) no-repeat; margin: 0px 10px 15px; }
#contact-form .inputtext.error{ background-image: url(http://www.pageplay.com/ppskinfiles/image/contact-input-error.png); }
#contact-form .inputtext input{ margin: 8px 10px; color: #7a7a7a; width: 330px; font-size: 1em; background: transparent; }
#contact-form .textarea{ background: url(http://www.pageplay.com/ppskinfiles/image/contact-textarea.png) no-repeat; margin: 0px 10px 5px; }
#contact-form .textarea.error{ background-image: url(http://www.pageplay.com/ppskinfiles/image/contact-textarea-error.png); }
#contact-form .textarea textarea{ margin: 8px 10px 15px; color: #7a7a7a; width: 330px; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; letter-spacing: 0.4px; overflow: auto; background: transparent; }
#contact-form .submit{ text-align: right; margin-right: 24px; }