#383236244793984030 { overflow-y:hidden; } .c11{ padding-top:5px; } .circle { float:left; width:150px; height:150px; display:inline; } #deals { background-image:url(http://www.putneysocial.co.uk/files/theme/dealscircle1.png); width:150px; height:150px; } #deals:hover { background-image:url(http://www.putneysocial.co.uk/files/theme/dealscircle2.png); } #drinks { background-image:url(http://www.putneysocial.co.uk/files/theme/drinkscircle1.png); width:150px; height:150px; } #drinks:hover { background-image:url(http://www.putneysocial.co.uk/files/theme/drinkscircle2.png); } #events { background-image:url(http://www.putneysocial.co.uk/files/theme/eventscircle1.png); width:150px; height:150px; } #events:hover { background-image:url(http://www.putneysocial.co.uk/files/theme/eventscircle2.png); } #maps { background-image:url(http://www.putneysocial.co.uk/files/theme/mapscircle1.png); width:150px; height:150px; } #maps:hover { background-image:url(http://www.putneysocial.co.uk/files/theme/mapscircle2.png); } #news { background-image:url(http://www.putneysocial.co.uk/files/theme/newscircle1.png); width:150px; height:150px; } #news:hover { background-image:url(http://www.putneysocial.co.uk/files/theme/newscircle2.png); } #propertys { background-image:url(http://www.putneysocial.co.uk/files/theme/propertycircle1.png); width:150px; height:150px; } #propertys:hover { background-image:url(http://www.putneysocial.co.uk/files/theme/propertycircle2.png); } .preload { display:none!important; } .btn { color:#FAF3BC; background:#0F0E9F; border-radius:25px; text-transform:uppercase; width:115px; cursor:pointer; margin:20px 0; padding:5px; } .btnProperty { color:#FAF3BC; background:#4FB69F; border-radius:25px; text-transform:uppercase; width:115px; cursor:pointer; margin:20px 0; padding:5px; } .btnPub { background:0; color:#FAF3BC; border-radius:25px; text-transform:uppercase; width:115px; cursor:pointer; margin:20px 0; padding:5px; } .normal { width:300px; height:20px; } .large { width:400px; height:300px; } #cookie-bar { background:#ecf0f1; height:24px; line-height:24px; color:#eee; text-align:center; } #cookie-bar.fixed { position:fixed; bottom:0; left:0; right:0; height:2em; z-index:100; width:100%; } #cookie-bar div.paragraph { color:#333; font-size:16px; margin:0; padding:0; } #cookie-bar p { color:#333; font-size:16px; margin:0; padding:0; } #cookie-bar a { color:#fff; display:inline-block; border-radius:3px; text-decoration:none; margin-left:8px; font-size:18px; padding:0 6px; } #cookie-bar .cb-enable { background:#00B0E1; } html,body,header,aside,footer { border:0; font-size:100%; vertical-align:baseline; margin:0; padding:0; } body { line-height:1.5; text-shadow:none; background:url(theme/body-bg2.png?1538228824) repeat scroll 0 0; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; overflow-x:hidden; overflow-y:visible; } ol,ul,li { list-style:none; } table { border-collapse:collapse; border-spacing:0; } .clearfix { display:block; zoom:1; } .clearfix:before,.clearfix:after { content:"."; display:block; overflow:hidden; height:0; } .clearfix:after { clear:both; } html { -webkit-text-size-adjust:none; } #page-wrap.boxed { width:1070px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); margin:0 auto; } #page-wrap.wide { width:auto; } a { font-family:PT Sans, sans-serif; color:#2980b9; text-decoration:none; outline:none; cursor:pointer; } a:hover { color:#3498db; } a img { border:none; vertical-align:bottom; } .wsite-image-border-thick img,html .wsite-theme-dark .galleryImageBorder { background-color:#FFF; } html .wsite-theme-dark .galleryImageBorder,html .wsite-theme-dark a .galleryImageBorder,.wsite-theme-dark .wsite-image-border-hairline a img,.wsite-theme-dark .wsite-image-border-thin a img,.wsite-theme-dark .wsite-image-border-medium a img,.wsite-theme-dark .wsite-image-border-thick a img { border-color:#E3E3E3; } img { display:inline-block; border:0; width:auto\9; height:auto; max-width:100%; -ms-interpolation-mode:bicubic; } body,div.paragraph { font-size:15px; color:#444; font-family:arial, sans-serif; } body,p { font-size:15px; color:#444; font-family:arial, sans-serif; } .breadcrumbs { font-size:14px; } .clear { clear:both; display:block; overflow:hidden; width:100%; height:0; line-height:0; font-size:0; } .one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth { position:relative; float:left; margin-right:1%; } .one-half { width:48%; } .one-third { width:21.6667%; } .two-third { width:71.3332%; margin-right:3%; } .one-fourth { width:22%; } .three-fourth { width:74%; } .one-fifth { width:16.8%; } .two-fifth { width:37.6%; } .three-fifth { width:58.4%; } .four-fifth { width:79.2%; } .last { clear:right; margin-right:0!important; } h1,h2,h3,h4,h5,h6,.toggle-title,.accordion-title,.tabs li a,.widget-title,.member-info .name,.member-info .title { font-family:arial, sans-serif; font-weight:300; font-size:20px; line-height:1.5em; color:#333; } h1,h2,h3,h4,h5,h6 { margin-bottom:8px; } h1 { font-size:30px; color:#939; } h2 { font-size:24px; } h3 { font-size:18px; } .wsite-button,.wsite-editor .wsite-button,.wsite-button-inner,.custom-blocks .block-title,.bar { font-family:arial, sans-serif; font-weight:300; color:#FFF; } div.paragraph,ul,ol,dl,table,fieldset,blockquote,.accordion { margin-bottom:20px; } p,ul,ol,dl,table,fieldset,blockquote,.accordion { margin-bottom:20px; } .table-style { border:1px solid #E3E3E3; border-bottom:0; border-left:none; margin-bottom:20px; } .table-style table { border-left:1px solid #E3E3E3; border-right:0; width:100%; text-align:left; margin:0; padding:0; } .table-style thead { font-size:15px; text-align:center; color:#717171; text-transform:uppercase; } .table-style th { border-right:1px solid #F6F6F6; padding:10px; } .table-style th:last-child { border-right:0; } .table-style td { border:1px solid #F6F6F6; border-right:0; text-align:center; padding:10px; } .table-style tfoot td { font-style:italic; padding:6px; } .wsite-button-inner { background:none!important; color:#FFF; } .wsite-button,.wsite-editor .wsite-button,.wsite-button-highlight,.wsite-editor .wsite-button-highlight,.wsite-button-highlight:hover,.wsite-editor .wsite-button-highlight:hover,.wsite-button-large.wsite-button-highlight:hover { -moz-transition:all .5s ease 0; -webkit-transition:all .5s ease 0; -o-transition:all .5s ease 0; transition:all .5s ease 0; } .wsite-button,.wsite-editor .wsite-button { background:#47AEDE; font-family:arial, sans-serif; text-shadow:1px 1px .01em #258CBC; } .wsite-button:hover,.wsite-editor .wsite-button:hover,.call-bg .call-to-action .button:hover { background:#414141; text-shadow:1px 1px .01em #121212; } .wsite-button-highlight,.wsite-editor .wsite-button-highlight { background:#414141!important; text-shadow:1px 1px .01em #121212!important; border:1px solid #323232!important; box-shadow:0 1px 0 #626262 inset, 0 2px 5px rgba(154,125,108,0.49)!important; } .wsite-button-highlight:hover,.wsite-editor .wsite-button-highlight:hover,.wsite-button-large.wsite-button-highlight:hover,.custom-blocks .block a { background:#47AEDE!important; text-shadow:1px 1px .01em #258CBC!important; border:1px solid #258CBC!important; box-shadow:0 1px 0 #69C0F0 inset, 0 2px 5px rgba(154,125,108,0.49)!important; } .wsite-button,.wsite-editor .wsite-button,.section-title .blue { background:#47AEDE; border:1px solid #258CBC; box-shadow:0 1px 0 #69C0F0 inset, 0 2px 5px rgba(154,125,108,0.49); text-shadow:1px 1px .01em #258CBC; } .wsite-button:hover,.wsite-editor .wsite-button:hover,.section-title .black { background:#414141; border:1px solid #323232; box-shadow:0 1px 0 #626262 inset, 0 2px 5px rgba(154,125,108,0.49); text-shadow:1px 1px .01em #121212; } .testimonials,.v-tabs .tabs li { box-shadow:0 1px 0 #FFF inset, 0 2px 5px rgba(154,125,108,0.19); } .flex-caption .wsite-button { float:left; clear:left; margin-top:17px; } #page-wrap { background-color:#fff; position:relative; margin:0 auto; } .container { position:relative; width:960px; margin:0 auto; } #main-content { border-top:5px solid #47AEDE; border-bottom:1px solid #EEE; padding:60px 0; } .bottom-content { background:#F3F3F3; margin:0; padding:50px 0; } #content,#sidebar { position:relative; } #content { padding-bottom:50px; border-bottom:5px solid #47AEDE; } .main-content { min-height:300px; padding:0; } .right-sidebar .main-content { padding:40px 0 0; } .right-sidebar #sidebar { padding:40px 0; } .top_bar { background:#3F454A; font-family:arial, sans-serif; font-weight:300; text-align:left; height:33px; padding:8px 0 4px; } .top_bar .call_us { color:#B7C0C3; display:inline-block; float:left; font-size:11px; line-height:14px; padding-top:4px; } .top_bar .call_us .ico { background:url(theme/bar-phone.png?1538228824) no-repeat 0 0 transparent; width:16px; height:16px; line-height:13px; padding-right:19px; padding-bottom:1px; text-shadow:0 1px 0 #D3D3D3; } .top_bar .socials { float:right; padding:0; } #header { background:#fff; min-height:90px; display:block; position:relative; z-index:2; } .underline { border-bottom:1px solid #eeeeee; } #header .container { padding:0; } #logo { left:0; position:absolute; top:0; margin:0; padding:0; } #likebutton { position:absolute; right:0; top:5px; } #searchbutton { position:absolute; right:0; top:40px; } #navigation { position:relative; float:left; padding:0 160px; } #navigation ul { float:right; line-height:2.2; margin:0; padding:0; } #wsite-menus .wsite-menu:before { content:""; height:0; left:15px; position:absolute; top:-18px; width:0; border-color:transparent transparent #3F454A; border-style:solid; border-width:10px; } #wsite-menus .wsite-menu ul:before,#nav-main ul ul ul:after { display:none; } #navigation li { float:left; position:relative; background-color:#fff; height:30px; margin:0px; padding:30px 15px; font-size: 14px; } #navigation li#active { background:#fff; -moz-box-shadow:0 1px 3px rgba(000,000,000,0.5), inset 0 0 0 rgba(087,087,087,0.7); } #navigation li#active a { color:#333; } #navigation li#active a:hover { background:00a2cf; color:#fff; } #navigation a { float:left; font-family:arial, sans-serif; font-weight:400; letter-spacing:0; font-size:14px; color:#00B0E1; height:9px; position:relative; text-decoration:none; } #navigation li:last-child a { padding-right:0; } #wsite-menus .wsite-menu { background:#3F454A; border:solid 1px #ccc; z-index:2; } #wsite-menus .wsite-menu li a { background:#fff; font-family:arial, sans-serif; font-weight:300; color:#333; font-size:13px; } #wsite-menus .wsite-menu li:first-child a { border-top:medium none!important; border:solid 1px #ccc; } #wsite-menus .wsite-menu li:last-child a { border-bottom:medium none!important; border:solid 1px #ccc; } #wsite-menus .wsite-menu li a:hover { background:#00B0E1; color:#FFF; border:0; } #wsite-menus span.wsite-menu-title,#wsite-menus span.wsite-menu-title { margin:0; padding:5px; } #wsite-menus .wsite-menu li,#wsite-menus .wsite-menu li { width:170px; } .nav-button { display:none; position:absolute; top:8px; left:3%; width:46px; height:35px; background:url(theme/menu-icon-large.png?1538228824) no-repeat 50% 50%; background-size:21px 100%; background-color:#47AEDE; cursor:pointer; border-radius:4px; border:1px solid #258CBC; z-index:999; text-indent:-9999px; } .slider-container { display:block; width:100%; position:relative; z-index:1; margin:0; padding:0; } .tall-header-page .wsite-header { width:auto\9; height:400px; max-width:100%; -ms-interpolation-mode:bicubic; } .short-header-page .wsite-header { width:auto\9; height:298px; max-width:100%; -ms-interpolation-mode:bicubic; } .captiont-title:nth-child(n),.caption-text:nth-child(n),.caption.blue:nth-child(n),.caption.black:nth-child(n),.caption.white:nth-child(n),.caption.navy:nth-child(n),.caption.green:nth-child(n) { filter:none; } .wsite-header .wslide-caption { left:12%; max-width:80%; min-width:0; } .wsite-header .wslide-caption,.wslide-caption-bg { background:none!important; } .wslide-caption-text { color:#FFF; line-height:1.1em!important; text-shadow:none!important; } .caption.blue { background-color:#47AEDE; background:rgba(71,174,222,0.7); } .caption.black { background-color:#000; background:rgba(0,0,0,0.7); } .caption.white { background-color:#FFF; background:rgba(255,255,255,0.7); color:#666; } .caption.navy { background-color:rgba(63,69,74,0.7); } .caption.green { background-color:rgba(101,122,124,0.7); } .caption.green,.caption.navy,.caption.black,.caption.blue { color:#FFF!important; } .caption-title { float:left; clear:left; font-family:arial, sans-serif; color:#FFF; font-size:30px; text-shadow:none; padding:4px 15px; } .caption-text { float:left; clear:left; font-family:arial, sans-serif; color:#FFF; font-size:18px; font-style:italic; text-shadow:none; padding:3px 15px; } .slide-shadow { background:url(theme/slide-shadow.png?1538228824) no-repeat center top transparent; position:absolute; height:25px; width:100%; z-index:10; } .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus { outline:none; } .flexslider { background:#fff; position:relative; box-shadow:0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2); -moz-box-shadow:0 1px 4px rgba(0,0,0,.2); -o-box-shadow:0 1px 4px rgba(0,0,0,.2); zoom:1; margin:0; padding:0; } .flexslider .slides > li { display:none; -webkit-backface-visibility:hidden; } .flexslider .slides img { width:100%; display:block; } .flex-pauseplay span { text-transform:capitalize; } .slides:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .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; } .flex-caption { position:absolute; max-width:50%; color:#FFF; left:14%; bottom:18%; padding:0; } .flex-direction-nav { height:0; } .flex-direction-nav a { background-color:rgba(0,0,0,0.45); position:absolute; top:50%; right:30px; margin-top:-16px; width:32px; height:32px; border-radius:3px; text-indent:-9999px; z-index:20; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; -ms-transition:all .2s ease-out; transition:all .2s ease-out; padding:5px; } .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev { background-position:50% 50%; background-repeat:no-repeat; background-attachment:scroll; } .flex-direction-nav .flex-next { background-image:url(theme/slider_arrow_next.png?1538228824); right:30px; } .flex-direction-nav .flex-prev { background-image:url(theme/slider_arrow_prev.png?1538228824); left:30px; } .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity:1; background-color:#47AEDE; } .flex-direction-nav .flex-disabled { opacity:.3!important; filter:alpha(opacity=30); cursor:default; } .flex-control-nav { width:100%; position:absolute; bottom:3%; text-align:center; } .flex-control-nav li { zoom:1; display:inline; margin:0 6px; } .flex-control-paging li a { width:11px; height:11px; display:block; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background:rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background:rgba(0,0,0,0.9); cursor:default; } .flex-control-thumbs { position:static; overflow:hidden; margin:5px 0 0; } .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; } .blog-body,.blog-sidebar .column-blog { background:url(theme/bg-strip.png?1538228824) repeat scroll 0 0 #FFF; } .blog-sidebar{ width:25%; } .blog-body { width:98%; padding:5px; } .blog-sidebar .column-blog { position:absolute; top:0; right:0; padding-top:8px; } .blog-post { background:none repeat scroll 0 0 #FFF; margin-bottom:14px; padding:10px; } .blog-sidebar-separator { background:none repeat scroll 0 0 #FFF; margin:8px; padding:0 1px; } .wsite-theme-dark .blog-post .blog-separator,.wsite-theme-light .blog-post .blog-separator { border-color:#DDD; } .column-blog { width:23%; } .tall--page .call-bg .call-to-action,.short-header-page .call-bg .call-to-action { -moz-box-shadow:inset 0 8px 8px -8px #BBBBBB, inset 0 -8px 8px -8px #BBB; -webkit-box-shadow:inset 0 8px 8px -8px #BBBBBB, inset 0 -8px 8px -8px #BBB; box-shadow:inset 0 8px 8px -8px #BBBBBB, inset 0 -8px 8px -8px #BBB; padding:40px 0; } .custom-blocks { position:relative; margin-bottom:10px; } .custom-blocks .block { float:left; margin-bottom:10px; } .custom-blocks .block-title { font-family:arial, sans-serif; color:#fff; font-size:22px; padding-top:5px; position:relative; text-shadow:1px 1px .01em #258CBC; text-align:center; text-transform:uppercase; } .custom-blocks .block a { display:block; overflow:hidden; position:relative; padding:20px; } .custom-blocks .block a:hover { background:#258cbc!important; } .custom-blocks .block-icon-image { background:url(theme/bg-strip.png?1538228824) repeat scroll 0 0 #FFF; box-shadow:2px 2px 5px 0 rgba(154,125,108,0.19); border-radius:100px 100px 100px 100px; border:6px solid #258cbc; display:block; position:relative; text-align:center!important; width:25px; margin:0 auto; padding:30px; } .custom-blocks .block-icon-image:hover { transform:rotate(-18deg); } .wsite-search-element-input,.wsite-editor .wsite-search-element-input { border:1px solid #DDD; color:0; } .testimonials { background:url(theme/s-cover.png?1538228824) repeat scroll 0 0 transparent; border:1px solid #E3E3E3; padding-bottom:10px; margin:8px 5px; } .testimonials .bubble { background:#F7F7F7 url(theme/test-quote.png?1538228824) no-repeat scroll 15px 15px; border-bottom:1px solid #E3E3E3; position:relative; padding:14px; } .testimonials .bubble div.paragraph { margin-bottom:0; font-style:italic; text-align:center; text-indent:30px; } .testimonials .bubble p { margin-bottom:0; font-style:italic; text-align:center; text-indent:30px; } .author-name { font-size:11px; margin:0; padding:7px 0 0 10px; } .author-name a { font-size:10px; padding-bottom:3px; color:#717171; } cite { font-style:italic; } #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 { font-size:20px; margin-bottom:20px; text-shadow:1px 2px .01em #121212; } #footer { background:#212121; border-top:1px solid #212121; box-shadow:0 1px 0 #626262 inset; position:relative; margin:0; padding:35px 0 0; } #footer .container { padding:30px 0; } #footer a:hover { color:#888; text-shadow:1px 2px .01em #121212; } #footer a.goto { background:transparent url(theme/goto_arrow_footer.png?1538228824) no-repeat scroll 100% 50%; display:inline-block; } #footer-bottom div.paragraph { line-height:40px; } #footer-bottom p { line-height:40px; } #footer-bottom a { border:none!important; } #footer-bottom .container { overflow:hidden; padding:15px 0 0; } .tag-cloud { padding:3px 0 6px; } .tag-cloud a { background:#F7F7F7; display:inline-block; color:#666; font-size:12px!important; border:1px solid #DDD; margin:3px 0 0; padding:10px; } .tag-cloud a:hover { border:1px solid #47AEDE; } .copyright { color:#8D8D8D; text-align:left; } a,a:hover,.toggle-title,.accordion-title,.call-to-action a .colored:hover,#footer a,#footer a:hover,.custom-blocks .block-icon-image,.custom-blocks .block-icon-image:hover { -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -o-transition:all .4s ease-out; -ms-transition:all .4s ease-out; transition:all .4s ease-out; } .toggle-content,.accordion-content { background:url(theme/s-cover.png?1538228824) repeat scroll 0 0 transparent; border:1px solid #E3E3E3; overflow:hidden; margin:5px 0; padding:5px 10px; } .widget { display:block; margin-bottom:20px; } .widget div.paragraph { line-height:1.5; margin:0; } .widget p { line-height:1.5; margin:0; } .widget ul { list-style-type:none; margin:0; padding:0; } #footer .widget li:last-child { border-bottom:0; padding-bottom:0; } #footer .widget { margin-bottom:30px; } #footer .widget-title { margin-bottom:20px; color:#FFF; } #footer .widget li:first-child { margin-top:0; } #footer .subnav-widget li { overflow:hidden; border-bottom:1px dotted #2D2D2D; line-height:1.5; padding-bottom:5px; margin:4px 0 0; } #footer .subnav-widget li a { display:block; overflow:hidden; font-size:12px; } #content .subnav-widget li a,#sidebar .subnav-widget li a { font-size:13px; border:none; color:#777; } #sidebar .subnav-widget li a { border-bottom:1px dotted #CCC; } #sidebar .subnav-widget li a:hover { border-bottom:1px solid #47AEDE; } .contact-info-widget { overflow:hidden; padding-right:20px; } .contact-info-widget div.paragraph { position:relative; margin-bottom:5px; padding-left:27px; } .contact-info-widget p { position:relative; margin-bottom:5px; padding-left:27px; } .contact-info-widget div.paragraph span { position:absolute; display:block; overflow:hidden; left:0; top:2px; width:16px; height:16px; text-indent:-9999px; } .contact-info-widget p span { position:absolute; display:block; overflow:hidden; left:0; top:2px; width:16px; height:16px; text-indent:-9999px; } .contact-info-widget p.contact-info { margin-bottom:20px; padding:0; } .contact-info-widget p.contact-icon-address { margin-bottom:10px; } .contact-info-widget p.contact-icon-address span { background:transparent url(theme/map_pin.png?1538228824) no-repeat scroll 0 0; } .contact-info-widget p.contact-icon-phone span { background:transparent url(theme/telephone.png?1538228824) no-repeat scroll 0 0; } .contact-info-widget p.contact-icon-fax span { background:transparent url(theme/fax.png?1538228824) no-repeat scroll 0 0; } .contact-info-widget p.contact-icon-mobile span { background:transparent url(theme/mobile.png?1538228824) no-repeat scroll 0 0; } .contact-info-widget p.contact-icon-mail span { background:transparent url(theme/mail.png?1538228824) no-repeat scroll 0 0; } .ie7 .contact-info-widget p.contact-icon-mobile span { top:0; } .ie7 .contact-info-widget p.contact-icon-phone span,.ie7 .contact-info-widget p.contact-icon-mail span,.ie7 .contact-info-widget p.contact-icon-fax span,.ie7 .contact-info-widget p.contact-icon-mail span { top:2px; } #footer .contact-info-widget { background:url(theme/world-map.png?1538228824) no-repeat scroll center center transparent; padding:0; } .wsite-social-facebook,.wsite-editor .wsite-social-facebook,.wsite-social-twitter,.wsite-editor .wsite-social-twitter,.wsite-social-linkedin,.wsite-editor .wsite-social-linkedin,.wsite-social-flickr,.wsite-editor .wsite-social-flickr,.wsite-social-vimeo,.wsite-editor .wsite-social-vimeo,.wsite-social-youtube,.wsite-editor .wsite-social-youtube { opacity:0.6; transition:opacity 400ms ease 0; } .wsite-social-facebook:hover,.wsite-editor .wsite-social-facebook:hover,.wsite-social-twitter:hover,.wsite-editor .wsite-social-twitter:hover,.wsite-social-linkedin:hover,.wsite-editor .wsite-social-linkedin:hover,.wsite-social-flickr:hover,.wsite-editor .wsite-social-flickr:hover,.wsite-social-vimeo:hover,.wsite-editor .wsite-social-vimeo:hover,.wsite-social-youtube:hover,.wsite-editor .wsite-social-youtube:hover { opacity:1; transition:opacity 400ms ease 0; } .wsite-social-facebook,.wsite-editor .wsite-social-facebook { background:url(theme/bar-facebook.png?1538228824) no-repeat 0 0 transparent; } .wsite-social-twitter,.wsite-editor .wsite-social-twitter { background:url(theme/bar-twitter.png?1538228824) no-repeat 0 0 transparent; } .wsite-social-linkedin,.wsite-editor .wsite-social-linkedin { background:url(theme/bar-linkedin.png?1538228824) no-repeat 0 0 transparent; } .wsite-social-flickr,.wsite-editor .wsite-social-flickr { background:url(theme/bar-flickr.png?1538228824) no-repeat 0 0 transparent; } .wsite-social-vimeo,.wsite-editor .wsite-social-vimeo { background:url(theme/bar-vimeo.png?1538228824) no-repeat 0 0 transparent; } .wsite-social-youtube,.wsite-editor .wsite-social-youtube { background:url(theme/bar-youtube.png?1538228824) no-repeat 0 0 transparent; } .team .wsite-social,#sidebar .wsite-social,.wsite-editor .wsite-social,#content .wsite-social,.wsite-editor .wsite-social { background:#3F454A; padding:5px; } .team .wsite-social { width:auto; border-radius:4px 4px 4px 4px; } blockqoute strong,blockquote,blockquote.blockquote-2 { font-family:arial, sans-serif; font-weight:400; color:#888; } blockquote,.pullquote-right,.pullquote-left { background:none; font-style:italic; border-left:3px solid #47AEDE!important; padding:0 0 0 20px; } blockquote { margin:26px 0!important; } blockquote.blockquote-2 { border:none; padding:0 0 0 40px; } blockquote.align-left { width:33%; margin:0 20px 10px 0; } blockquote.align-right { width:33%; margin:0 0 10px 20px; } blockquote.align-right div.paragraph,blockquote.align-left div.paragraph,.pullquote-right div.paragraph,.pullquote-left div.paragraph { margin:0!important; } blockquote.align-right p,blockquote.align-left p,.pullquote-right p,.pullquote-left p { margin:0!important; } blockquote div.paragraph { font-size:13px; overflow:hidden; margin-bottom:8px!important; } blockquote p { font-size:13px; overflow:hidden; margin-bottom:8px!important; } blockquote cite { display:block; font-size:12px; font-style:italic; color:#666; } .pullquote-left { float:left; width:33%; margin:10px 20px 10px 0; } .pullquote-right { float:right; width:33%; margin:10px 0 10px 20px; } .dropcap { float:left; display:block; color:#FFF!important; margin-right:10px; line-height:6em; font-weight:600; text-transform:uppercase; text-align:center; } .dropcap.circle { background:#47AEDE; margin-top:2px; width:35px; height:35px; font-size:16px; line-height:35px; border-radius:99%; } .dropcap.square { background:#47AEDE; margin-top:2px; width:35px; height:35px; font-size:16px; line-height:35px; } .dropcap.square.dark,.dropcap.circle.dark { background:#666; } ul.list-style-arrow,ul.list-style-arrow-2,ul.list-style-arrow-3,ul.list-style-arrow-4,ul.list-style-arrow-5,ul.list-style-check,ul.list-style-check-2,ul.list-style-plus,ul.list-style-dash,ul.list-style-circle,ul.list-style-square,ul.list-style-star { list-style-type:none; line-height:1.8; margin-left:0; } ul.list-style-arrow li,ul.list-style-arrow-2 li,ul.list-style-arrow-3 li,ul.list-style-arrow-4 li,ul.list-style-arrow-5 li,ul.list-style-check li,ul.list-style-check-2 li,ul.list-style-plus li,ul.list-style-dash li,ul.list-style-circle li,ul.list-style-square li,ul.list-style-star li { font-size:12px; color:#666!important; padding-left:15px; padding-bottom:4px; margin:0; } ul.list-style-arrow li { background:transparent url(theme/list_item_arrow.png?1538228824) no-repeat scroll 0 6px; padding-left:20px; } ul.list-style-arrow-2 li { background:transparent url(theme/list_item_arrow_2.png?1538228824) no-repeat scroll 0 6px; padding-left:16px; } ul.list-style-arrow-3 li { background:transparent url(theme/list_item_arrow_3.png?1538228824) no-repeat scroll 0 6px; padding-left:15px; } ul.list-style-arrow-4 li { background:transparent url(theme/list_item_arrow_4.png?1538228824) no-repeat scroll 0 8px; padding-left:18px; } ul.list-style-arrow-5 li { background:transparent url(theme/list_item_arrow_5.png?1538228824) no-repeat scroll 0 7px; padding-left:14px; } ul.list-style-check li { background:transparent url(theme/list_item_check.png?1538228824) no-repeat scroll 0 7px; padding-left:19px; } ul.list-style-check-2 li { background:transparent url(theme/list_item_check_2.png?1538228824) no-repeat scroll 0 6px; padding-left:24px; } ul.list-style-plus li { background:transparent url(theme/list_item_plus.png?1538228824) no-repeat scroll 0 7px; padding-left:18px; } ul.list-style-dash li { background:transparent url(theme/list_item_dash.png?1538228824) no-repeat scroll 0 10px; padding-left:17px; } ul.list-style-circle li { background:transparent url(theme/list_item_circle.png?1538228824) no-repeat scroll 0 8px; padding-left:16px; } ul.list-style-square li { background:transparent url(theme/list_item_square.png?1538228824) no-repeat scroll 0 8px; padding-left:15px; } ul.list-style-pencil li { background:transparent url(theme/list_item_pencil.png?1538228824) no-repeat scroll 0 6px; padding-left:20px; } ul.list-style-star li { background:transparent url(theme/list_item_star.png?1538228824) no-repeat scroll 0 5px; padding-left:20px; } .wsite-form-label,.wsite-form-label,.wsite-form-sublabel,.wsite-form-sublabel { font-weight:400; color:#333; font-size:16px; } .form-required { color:#777; } .wsite-form-input,.wsite-form-input,.wsite-search-input,.wsite-editor .wsite-form-input,.wsite-editor .wsite-form-input,.wsite-editor .wsite-search-input { background:#F9F9F9; border-color:#E3E3E3; } #footer .wsite-search-element-input,.wsite-editor .wsite-search-element-input { background:none repeat scroll 0 0 #313131; border:1px solid #121212; color:#EEE; font-size:12px; } .callout-box,.team { background:url(theme/s-cover.png?1538228824) repeat scroll 0 0 #F7F7F7; position:relative; border:1px solid #E3E3E3; margin-bottom:20px; -webkit-box-shadow:inset 0 1px 0 0 #FFF; box-shadow:inset 0 1px 0 0 #FFF; } .callout-box h1 { font-size:21px; margin:0; } .callout-box div.paragraph { line-height:1.5; padding-top:5px; } .callout-box p { line-height:1.5; padding-top:5px; } .callout-box-content { padding:20px; } .callout-box .colored { font-size:19px; padding:2px; } .tabs-container { margin:5px; } .tabs li a { background:#FFF; display:block; } .tabs li a.current { background:#F6F6F6; cursor:default; } .tab-content > div { display:none; overflow:hidden; } .tab-content div.paragraph { color:#FFF; margin-bottom:1em; } .tab-content p { color:#FFF; margin-bottom:1em; } .h-tabs .tabs { list-style-type:none; height:35px; margin:0 0 -1px; padding:0; } .h-tabs .tabs li { display:block; float:left; cursor:pointer; } .h-tabs .tabs li a { font-size:13px; color:#FFF; background:#313131; border:1px solid #292929; margin-right:4px; height:31px; line-height:33px; box-shadow:0 1px 0 #626262 inset; padding:4px 18px; } .h-tabs .tabs li a.current { background:#47AEDE; height:31px; line-height:31px; border:1px solid #258CBC!important; box-shadow:0 1px 0 #69C0F0 inset; margin:0 4px -1px 0; } .h-tabs .tab-content { background:#47AEDE; border:1px solid #258CBC; border-radius:3px 3px 3px 3px; box-shadow:0 1px 0 #69C0F0 inset, 0 2px 5px rgba(154,125,108,0.49)!important; margin:12px 0; padding:10px 17px; } .v-tabs .tabs { list-style-type:none; position:relative; float:left; width:34%; z-index:2; margin:0 -1px 0 -40px; } .v-tabs .tabs li { display:block; cursor:pointer; } .v-tabs .tabs li a { font-size:14px; color:#FFF; display:block; background:#313131; border:1px solid #292929; line-height:20px; margin-bottom:5px; padding:11px; } .v-tabs .tabs li a.current { background:#47AEDE; margin-right:-2px; border:1px solid #258CBC; text-shadow:1px 1px .01em #258CBC; border-right:none; box-shadow:0 1px 0 #69C0F0 inset; } .v-tabs .tab-content { position:relative; float:right; width:66%; z-index:1; } .v-tabs .tab-content > div { background:#47AEDE; border:1px solid #258CBC!important; box-shadow:0 1px 0 #69C0F0 inset, 0 2px 5px rgba(154,125,108,0.49)!important; border-radius:0 3px 3px 3px; padding:10px 17px; } .toggle-title,.accordion-title { overflow:hidden; font-size:14px; line-height:20px; cursor:pointer; background:#313131 url(theme/plus.png?1538228824) no-repeat scroll 10px 12px; color:#FFF; border:1px solid #323232!important; box-shadow:0 1px 0 #626262 inset, 0 2px 5px rgba(154,125,108,0.49)!important; padding:10px 10px 10px 40px; } .toggle-active,.accordion .current { background:#47AEDE url(theme/minus.png?1538228824) no-repeat scroll 10px 13px; color:#FFF; text-shadow:1px 1px .01em #258CBC; border:1px solid #258CBC!important; box-shadow:0 1px 0 #69C0F0 inset, 0 2px 5px rgba(154,125,108,0.49)!important; } .toggle-content div.paragraph,.accordion-content div.paragraph { margin-bottom:1em; } .toggle-content p,.accordion-content p { margin-bottom:1em; } .accordion-title { margin:0 0 5px; } .accordion .current { cursor:default; } .pricing-table { position:relative; width:100%; margin:50px 0 20px; } .pricing-table .button { margin:0; } .column-1,.column-2,.column-3,.column-4,.column-5,.column-6 { position:relative; width:100%; } .column-2 .column,.column-3 .column,.column-4 .column,.column-5 .column,.column-6 .column { float:left; } .column-6 .column { width:16.6%; } .column-5 .column { width:20%; } .column-4 .column { width:25%; } .column-3 .column { width:33.3%; } .column-2 .column { width:50%; } .pricing-table .column { background:#f9f9f9; position:relative; } .pricing-table .column.last-column .column-header,.column.last-column .features-list,.column.last-column .column-footer { border-right:1px solid #e5e5e5; } .column-header { background:#f3f3f3; margin-top:10px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; height:135px; min-height:135px; text-align:center; } .column-header .title { background:#313131; border-top:1px solid #212121; box-shadow:0 1px 0 #626262 inset; text-shadow:1px 1px .01em #121212; border-bottom:1px solid #292929; font-size:14px; font-weight:700; line-height:36px; text-transform:uppercase; color:#f6f6f6; margin:0 0 8px; } .column-header .price { font-size:50px; font-weight:400; line-height:55px; letter-spacing:-3px; text-transform:none; color:#313131; margin:0; } .column-header .price span { font-weight:400; } .column-header .price .dollar-sign { font-size:18px; letter-spacing:1px; } .column-header .price .per-month { display:block; margin-top:-10px; font-size:12px; line-height:14px; letter-spacing:0; } .column-footer { background:#f0f0f0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; padding:15px 20px; } .features-list { background:#FFF; list-style-type:none; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; margin:0; padding:0; } .features-list li { border-bottom:1px solid #e5e5e5; font-size:12px; text-align:center; line-height:20px; margin:0; padding:10px; } .features-list li:first-child { border-top:1px solid #e5e5e5; } .features-list li:nth-child(even) { background:#f6f6f6; } .features-list li .check { background:transparent url(theme/price_check_green.png?1538228824) no-repeat scroll 0 0; display:inline-block; width:20px; height:20px; text-indent:-9999px; } .features-list li .label { display:none; margin-bottom:5px; font-weight:700; color:#444; } .features .column-header { background:#f3f3f3; border:0 none; } .features .features-list li { font-weight:600; text-align:left; } .pricing-table .featured { position:relative; margin-top:-12px; z-index:1; } .featured .column-header { background:#47AEDE; margin-top:0; border:1px solid #258CBC; box-shadow:0 1px 0 #69C0F0 inset; height:145px; min-height:145px; } .ie7 .featured .column-header,.ie8 .featured .column-header { border-left:1px solid #f3f3f3; } .featured .title { background:none; font-size:16px; border-bottom:1px solid #258CBC; text-shadow:none; box-shadow:none; color:#FFF; border-top:none; padding:5px 0; } .featured .price { color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.3); } .featured .column-footer { background:#FFF; border-bottom:2px solid #47AEDE; padding:15px 20px 25px; } .team-bg { width:98%; } .team { text-align:center; padding:5px 20px; } .team h3,.team h4 { line-height:normal; margin:10px 10px 0; } .team h4 { background:#3F454A; display:inline-block; border-radius:4px 4px 4px 4px; color:#FFF; font-size:15px; width:auto; padding:3px 10px; } .team .image img { max-width:100%; } .progress { background-color:#F7F7F7; background-repeat:repeat-x; box-shadow:0 1px 2px rgba(0,0,0,0.1) inset; height:30px; overflow:hidden; margin:8px 0 16px; } .progress .bar { -moz-box-sizing:border-box; background-repeat:repeat-x; background-color:#47AEDE; box-shadow:0 1px 0 #69C0F0 inset, 0 2px 5px rgba(154,125,108,0.49); border:1px solid #258CBC; text-shadow:1px 1px .01em #258CBC; color:#FFF; float:left; font-size:15px; height:100%; text-align:center; width:0; padding:3px; } .progress .bar.green { background-color:#657A7C; box-shadow:0 1px 0 #879C9E inset, 0 2px 5px rgba(154,125,108,0.49); border:1px solid #42585A; text-shadow:1px 1px .01em #42585A; } .progress .bar.black { background:#414141; text-shadow:1px 1px .01em #323232; border:1px solid #323232; box-shadow:0 1px 0 #626262 inset, 0 2px 5px rgba(154,125,108,0.49); } .progress .bar.grey { background:#666; text-shadow:1px 1px .01em #444; border:1px solid #444; box-shadow:0 1px 0 #888 inset, 0 2px 5px rgba(154,125,108,0.49); } #scroll-top { display:none; position:fixed; right:20px; bottom:40px; z-index:999; } #scroll-top a { background-color:rgba(0,0,0,0.45); background-image:url(theme/scroll_top.png?1538228824); background-repeat:no-repeat; background-position:50% 50%; display:block; overflow:hidden; width:40px; height:40px; line-height:40px; border-radius:3px; text-indent:-9999px; } #scroll-top a:hover { background-color:#47AEDE; filter:alpha(opacity=100); opacity:1; } .nav-button.open { background:url(theme/close-icon-large.png?1538228824) no-repeat 50% 50%; background-size:21px 100%; } .my_custom_menu { background-color:#47AEDE; box-shadow:0 1px 2px rgba(0,0,0,.1); display:none; height:50px; overflow:hidden; position:absolute; top:0; width:100%; z-index:998; margin:0; padding:0; } .my_custom_menu li { background:none repeat scroll 0 0 #414141; display:none; width:100%; } .my_custom_menu li a { display:block; width:90%; font-size:14px; text-shadow:-1px -1px 0 #515151; color:#BEBEBE; border-top:1px solid #555; text-decoration:none; padding:8px 5%; } .my_custom_menu.open { height:auto; padding-top:50px; } .my_custom_menu li ul { display:none; margin:0; padding:0; } .my_custom_menu li ul a { border:0 none; font-size:13px; border-top:1px solid #484848; padding:8px 8%; } .my_custom_menu li ul ul li a { font-size:13px; border-top:none; padding:8px 10%; } .my_custom_menu li.has_child > a { display:inline-block; background:url(theme/right_arrow.png?1538228824) no-repeat 97%; } .wcustomhtml { margin:0; padding:0; } .pubh { text-decoration:none; font-weight:700; color:#939; margin:0; padding:0; } .pubh1 { font-size:40px; } form h3 { display:inline; color:#333; } form h2 { color:#939; text-align:center; } form div.paragraph { display:inline; font-style:italic; } form p { display:inline; font-style:italic; } form img { display:block; margin-left:auto; margin-right:auto; } form.border1 { border:solid 5px #d35400; } #panel,#flip { text-align:center; background-color:#e5eecc; border-radius:25px; } #flip { background-color:#d35400; margin-bottom:30px; height:45px; } #panel { text-align:left; display:none; } .blog-title-link { font-size:32px; } #slide { max-width:100%; height:auto; overflow-x:visible; overflow-y:hidden; margin:0 10px 0 0; } .slide { max-width:100%; height:auto; text-align:center; overflow-x:visible; overflow-y:hidden; } #tweetor { background-color:#00B0E1; max-width:100%; height:auto; text-align:centre; overflow-x:visible; overflow-y:hidden; } .skip-link { clip:rect(1px,1px,1px,1px); position:absolute!important; } #access { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; overflow:visible; z-index:100; } .sf-menu { border-top:none; } .sf-menu a { font-size:.8em; color:#333; display:block; text-decoration:none; text-align:center; padding:5px 0; } .sf-menu #active a { color:#fff; display:block; } #cookie-bar .cb-enable:hover,#navigation li#active:hover { background:#00a2cf; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,html[xmlns] .slides,.no-js .slides > li:first-child,.my_custom_menu.open li,.my_custom_menu li:hover ul { display:block; } .required,.author-name a:hover,#content .subnav-widget li a:hover,#sidebar .subnav-widget li a:hover,.team h3 { color:#47AEDE; } .c11,.c12,.equal-box,.team .image,.screen { width:100%; } .table-style tbody tr,.table-style tbody tr:nth-child(even) { background-color:#F9F9F9; } .table-style tfoot,.v-tabs .tabs li a,.h-tabs .tabs li a { background:#F9F9F9; } #wsite-menus .wsite-menu li li a:before,#wsite-menus .wsite-menu li li li a:before { border:medium none!important; } * html #navigation,* html .slides { height:1%; } #navigation li:hover,.sf-menu li:hover { background:#cdcdcd; } .slides,.flex-control-nav,.flex-direction-nav,.sf-menu,.sf-menu * { list-style:none; margin:0; padding:0; } .flex-caption h1,.flex-caption h2,.flex-caption div.paragraph,.wslide-caption-text div.paragraph,.wslide-caption-text h2,.team div.paragraph { margin-bottom:0; } .flex-caption h1,.flex-caption h2,.flex-caption p,.wslide-caption-text p,.wslide-caption-text h2,.team p { margin-bottom:0; } .custom-blocks .block div.paragraph,.custom-blocks .block div.paragraph { color:#FFF; line-height:1.5em; margin-bottom:4px; position:relative; text-align:center; } .custom-blocks .block div.paragraph,.custom-blocks .block p { color:#FFF; line-height:1.5em; margin-bottom:4px; position:relative; text-align:center; } #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,#footer,#footer a,#footer a.goto:hover,#footer-bottom,#footer-bottom a,.copyright a,.footer-menu li a,#footer .contact-info-widget div.paragraph,.my_custom_menu li a:hover { color:#FFF; } #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,#footer,#footer a,#footer a.goto:hover,#footer-bottom,#footer-bottom a,.copyright a,.footer-menu li a,#footer .contact-info-widget p,.my_custom_menu li a:hover { color:#FFF; } #footer .tag-cloud a,#footer-bottom a,#footer .tag-cloud a,#footer-bottom { background:url(theme/bg-strip.png?1538228824) repeat scroll 0 0 #313131; color:#8D8D8D; border:1px solid #121212; } #footer .tag-cloud a:hover,#footer-bottom a:hover,#footer .tag-cloud a:hover { border:1px solid #47AEDE; color:#FFF; text-shadow:1px 2px .01em #121212; } .dropcap.circle.green,.dropcap.square.green { background:#657A7C; } .toggle,.accordion { position:relative; margin:5px; } .team h3,.team .wsite-social,#button { margin:10px 0; } u,i,div.paragraph,a,div.paragraph { font-size:16px; } u,i,p,a,p { font-size:16px; } form.border,.border { border:solid 5px #2980b9; } .sf-menu #active{ background: #00B0E1; color:#fff; } .sf-menu #active:hover{ background: #11c0E1; color:#fff; } .skip-link { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #access { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; overflow:visible; z-index:100; } .sf-menu{ border-top: none; } .sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; } .sf-menu li:hover { background:#cdcdcd; } .sf-menu a { font-size: .8em; color: #333; display:block; padding: 5px 0px; text-decoration: none; text-align:center; } .sf-menu #active a { color: #fff; display:block; } .sf-menu li { background: #C7C7C7; clear: left; float:left; padding: 8px; margin: 2px; position:relative; width: 100%; } .sf-menu li #active{ background: #C7C7C7; clear: left; float:left; padding: 8px; margin: 2px; position:relative; width: 100%; } @media only screen and (min-width: 768px) { .sf-menu li { background: #C7C7C7; clear: left; float:left; padding: 9px; margin: 0px 0px 0px 5px; position:relative; width: 100%; } .hideme { } .sf-menu li:first-child { margin:0px } .sf-menu{ border-bottom: solid #00B0E1; } #access{ float: left; width: 100%; } .sf-menu #active a { font-size: .8em; color: #fff; display:block; border-top: none; } .sf-menu{ height: 36px; z-index: 100; } .sf-menu li { clear: none; width: 12.66%; } .sf-menu li li a, .sf-menu li li li a, .sf-menu li li li li a{ text-indent: 12px; width: 100%; } .sf-menu a { padding: 0px 0px; border-top: none; } .sf-menu li #active{ background: #00B0E1; clear: left; float:left; padding: 8px; margin: 2px; position:relative; width: 100%; border-top: none; } .sf-menu #active{ background: #00B0E1; } } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; } h1 .formtext{ color:#00B0E1 } .form-radio-container{ margin: 5px 25% 7px 0% !important; color: #555; font-weight: normal; } ul li { list-style-type: circle; } #overlay { display:none; //This make it initially hidden position:fixed; //This makes it so it says in a fixed position even if they scroll around left:0px; //This positions the element to the left most position top:0px; //This positions the elment to the top most position width:100%; //This makes the element take up 100% of the parents width height:100%; //This makes the element take up 100% of the parents height background:#000; //Give it a black background opacity:0.5; //Change the opacity to 50% so that is see through. z-index:99999; //Change the z-index so it will be above everything else } #popup { display:none; position:fixed; left:50%; //left and top here position top left page top:50%; //of the element to the center of the width:300px; //Set the popup to have a specific width/height height:150px; margin-top:-75px; //To get the popup to center correctly we need margin-left:-150px; //To displace the the top/left margins by half of the width/height background:#FFFFFF; //Background of white border:2px solid #000; //And give it a border z-index:100000; //Set z-index to 1 more than that of the overlay so the popup is over the overlay } nav ul li{ list-style-type: none; } .fact{ border-style:solid; border-width:3px; border-radius:10px; border-color:#333; text-align:center; font-size:16px; color:#333; margin:10px; background-color:#E0E0E0; } .fact1{ margin:10px; background-color:#F0F0F0; border-style:solid; border-width:3px; border-radius:10px; border-color:#666; text-align:center; font-size:16px; color:#333; } .accent{ color:#236B8E; } .boatraceBanner { background-color: #339b9b; color: #fff; } #findus{ float:right; margin: 0px; padding: 0px } #navigation li:hover { float:left; position:relative; background-color:#00B0E1; height:30px; margin:0px; padding:30px 15px; font-size: 14px; } #navigation li:hover a { color: #fff; } #navigation #active:hover a { color: #fff; }