* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; } html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img { border-width: 0px; } body { min-width: 960px; background: #fff; height: 100%;} /*added min width 960px - sizing weird - pls fix */ input, textarea { outline: 0px; } textarea { overflow: auto; font-size: 13px; } ul, li { list-style: none; font-family: Arial, Helvetica, sans-serif; } th { text-align: left; } /* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ 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%; } /* fonts */ h1, h2, h3, h4, h5, h6 { font-family: museo-sans,sans-serif; font-weight: 100; color: #374248; } h5 { font-size: 16px; line-height: 21px; } h6 { font-size: 14px; line-height: 17px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #00718f; font-family: museo-sans,sans-serif; font-weight: 100; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #6e6e6e; font-family: museo-sans,sans-serif; font-weight: 100; text-decoration: none; } p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #374248; margin: 12px 0; } a { color: #00718f; text-decoration: none; font-weight: bold; } a:hover { text-decoration: none; color: #6e6e6e; -webkit-transition: all 0.7s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; } /* * Improve image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; -ms-interpolation-mode: bicubic; } /* * Correct overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* lists styles */ .list_type_1 li { width: 100%; margin-top: 10px; padding: 0px 0px 0px 22px; display: block; float: left; clear: left; overflow: hidden; background: url(../images/marker_1.png) no-repeat 0px 0px; font-size: 12px; color: #6e6e6e; } .list_type_1 li:first-child { margin-top: 0px; } .list_type_1 li a { color: #6e6e6e; } .list_type_2 li { width: 100%; margin-top: 10px; padding: 0px 0px 0px 11px; display: block; float: left; clear: left; overflow: hidden; background: url(../images/marker_2.gif) no-repeat 0px 5px; font-size: 14px; color: #6e6e6e; } .list_type_2 li:first-child { margin-top: 0px; } .list_type_2 li a { color: #00718f; } .list_type_2 li a:hover { color: #6e6e6e; } .list_type_3 li { width: 100%; margin-top: 10px; padding: 0px 0px 0px 12px; display: block; float: left; clear: left; overflow: hidden; background: url(../images/marker_3.gif) no-repeat 0px 4px; font-size: 12px; color: #6e6e6e; } .list_type_3 li:first-child { margin-top: 0px; } .list_type_3 li a { color: #00718f; } .list_type_4 li { width: 100%; margin-top: 10px; padding: 0px 0px 0px 12px; display: block; float: left; clear: left; background: url(../images/marker_4.gif) no-repeat 0px 5px; font-size: 12px; color: #6e6e6e; } .list_type_4 li:first-child { margin-top: 0px; } .list_type_4 li a { color: #00718f; } .list_type_5 li { width: 625px; font-size:13px !important; margin-top: 10px; padding: 3px 0px 2px 18px; display: block; float: left; clear: left; background: url(../images/bg_nav_ball_act.blue.png) no-repeat 0px 6px; font-size: 16px; color: #333; } .list_type_5 li:first-child { margin-top: 0px; width: 625px; font-size:13px !important;} .list_type_5 li a { color: #00718f; } /* general styles */ .wrapper { width: 100%; min-width: 960px; } .inner { width: 942px; margin: 0px auto; } #content {overflow: hidden; padding-bottom: 60px; height: auto;} #content-home {overflow: hidden; padding-bottom: 250px; height: 100%;} .fl { float: left; } .fr { float: right; } .cl { height: 1px; overflow: hidden; clear: both; } .line_1 { height: 3px; overflow: hidden; background: url(../images/dots_1.png) repeat-x; } .line_2 { height: 2px; overflow: hidden; background: url(../images/dots_2.png) repeat-x; } .line_3 { height: 2px; overflow: hidden; background: url(../images/line_1.gif) repeat-x; } .line_4 { height: 1px; overflow: hidden; background: url(../images/dots_3.gif) repeat-x; } #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } .main_button_1 { width: 93px; height: 22px; line-height: 21px; display: block; overflow: hidden; position: relative; background-repeat: repeat-x; background-image: url(../images/bg_main_button_1.jpg); background-position: 0px 0px; border: 1px solid #e6e6e6; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font-family: Tahoma; font-size: 11px; color: #00718f !important; text-align: center; text-shadow: 1px 1px #ffffff; } .main_button_1:hover { background-position: 0px -22px; } .main_button_1.w_img { width: 89px; padding-right: 4px; } .main_button_1.w_img img { margin-right: 8px; margin-bottom: -3px; } .main_button_2 { height: 26px; line-height: 25px; padding: 0px 30px; display: block; overflow: hidden; position: relative; background-repeat: repeat-x; background-image: url(../images/bg_main_button_2.jpg); background-position: 0px 0px; border: 1px solid #e6e6e6; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; font-family: Tahoma; font-size: 11px; color: #808080; text-align: center; text-shadow: 1px 1px #ffffff; } .main_button_2:hover { background-position: 0px -26px; } .main_button_3 {height: 24px; line-height: 23px; padding: 0px 30px; display: block; overflow: hidden; position: relative; background-repeat: repeat-x; background-image: url(../images/bg_main_button_3.jpg); background-position: 0px 0px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; font-family: Tahoma; font-size: 11px; color: #ffffff; text-align: center; } .main_button_3:hover { background-position: 0px -24px; } #sub-title { background: url(../images/bg/header-tag.png) 0 0 no-repeat; margin-left: -10px;} #sub-title-home { } #sub-title-home h2 { font-weight: 700; font-family: museo-sans,sans-serif; font-size: 26px; border-bottom: #d2d0ca solid 1px; padding-bottom: 16px; padding-left: 10px; margin-top: 10px; } #sub-title h2 { font-weight: 100; font-family: museo-sans,sans-serif; font-size: 26px; margin-top: 8px; border-bottom: #d2d0ca solid 1px; padding-bottom: 16px; padding-top: 5px; padding-left: 60px; } .pricing-page { background: #fff url(../images/bg/skyline.jpg) 0 -20px no-repeat; height: 540px; } .pricing-page .title { text-align: center; margin-top: 10px; color: #fff; text-shadow: none; } .prcing-page .title span { color: #00718f; font-weight: 700; } .pricing { margin-left: 30px; background: #fff; height: auto; -moz-box-shadow: 0 0px 15px #000; -webkit-box-shadow: 0 0px 15px #000; box-shadow: 0 0px 15px #000; border: 5px #333 solid; top: 67px; } .pricing h1 { padding: 10px 0 0 10px; } .pricing h5 { padding: 10px 0 0 10px; font-weight: bold; } .pricing p { padding: 10px 10px 0 10px; font-size: 14px; } .pricing h2 { margin-top: -60px; float: right; padding-right: 10px; } .pricing-two { background: #fff; height: auto; -moz-box-shadow: 0 0px 15px #000; -webkit-box-shadow: 0 0px 15px #000; box-shadow: 0 0px 15px #000; border: 5px #333 solid; top: 60px; } .pricing-two h1 { padding: 10px 10px; } .pricing-two h2 { margin-top: -50px; margin-right: 10px; float: right;} .pricing-two h5 { padding: 10px 0 0 10px; font-weight: bold; } .pricing-two p { padding: 10px 20px 0 10px; font-size: 14px; } .pricing-two span { color: #00718f; } .secure { font-size: 12px; text-align: left;} .secure a {color: #6e6e6e; text-align: left;} .secure a:hover { color: #00718f;} .faq { } .faq h4 { font-size: 18px; } .faq p { font-size: 14px; } .headline {font-size: 38px; line-height: 46px; color: #fff; padding: 330px 0 0 15px; text-align: left; font-family: museo-sans,sans-serif; font-weight: 100;} .headline span { font-family: museo-sans,sans-serif; font-weight: 700; text-shadow: none; } .start { background: url(../images/bg/texture.png) repeat 0 0 #fefefe; height: auto; -moz-box-shadow: 0 0px 30px #000; -webkit-box-shadow: 0 0px 30px #000; box-shadow: 0 0px 30px #000; border-radius: 4px; -moz-box-radius: 4px; -webkit-box-radius: 4px; padding: 10px 15px; margin-top: 215px; margin-left: -20px;} .signup { width: 340px; margin-top: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #ccc;} .start p { font-size: 18px; font-weight: normal; color: #333; margin-top: 9px; padding-bottom: 2px; text-align: center;} input.signup { padding: 8px; } .rent-start { overflow: hidden; } .rent-start h1 { margin-top: 0px; padding: 0 0 15px 0; font-weight: 700; font-size: 36px; } .rent-start .horizontal-line { padding-bottom: 15px;} .rent-start .orange { background: #ff6600; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .rent-start .blue { background: #00718f; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .rent-start .orange a h3 { color: #fff; text-align: center; padding: 12px 0 10px 0; font-weight: 700; text-shadow: none; } .rent-start .blue a h3 { color: #fff; text-align: center; padding: 12px 0 10px 0; font-weight: 700; text-shadow: none;} .rent-start .orange a:hover h3 { font-weight: 100; color: #fff; text-align: center; padding: 12px 0 10px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .rent-start .blue a:hover h3 { font-weight: 100; color: #fff; text-align: center; padding: 12px 0 10px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .block_identification { overflow: hidden;} .block_identification h1 { font-weight: 100; font-size: 28px;} .block_identification p { font-size: 14px;} .block_general { overflow: hidden; } .block_general h2 { margin-bottom: 20px; color: #333; } .block_general p { line-height: 17px; } .block_general a { color: #00718f; } .block_pages { overflow: hidden; } .block_pages ul { display: block; overflow: hidden; } .block_pages li { width: 30px; height: 30px; margin-left: 3px; display: block; float: left; overflow: hidden; background: url(../images/bg_page.png) no-repeat; } .block_pages li:first-child { margin-left: 0px; } .block_pages li a { width: 30px; height: 30px; line-height: 30px; display: block; overflow: hidden; font-size: 14px; color: #b7b7b7; text-align: center; } .block_pages li a:hover { width: 30px; height: 30px; line-height: 30px; display: block; overflow: hidden; font-size: 14px; color: #00718f; text-align: center; } .block_pages li a.prev { background: url(../images/arrow_left_3.gif) no-repeat 11px 9px; text-indent: -9000px; } .block_pages li a.next { background: url(../images/arrow_right_3.gif) no-repeat 13px 9px; text-indent: -9000px; } .block_social_main { overflow: hidden; } .block_social_main a { height: 18px; display: block; float: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/sprite_social_1.png); text-indent: -9000px; } .block_social_main a.twitter { width: 20px; background-position: -24px 0px; } .block_social_main a.twitter:hover { background-position: -24px -18px; } .block_social_main a.su { width: 19px; margin-left: 6px; background-position: -52px 0px; } .block_social_main a.su:hover { background-position: -52px -18px; } .block_social_main a.vimeo { width: 17px; margin-left: 5px; background-position: -79px 0px; } .block_social_main a.vimeo:hover { background-position: -79px -18px; } .block_social_main a.facebook { width: 17px; margin-left: 5px; background-position: -104px 0px; } .block_social_main a.facebook:hover { background-position: -104px -18px; } .block_social_main a.skype { width: 17px; margin-left: 5px; background-position: -129px 0px; } .block_social_main a.skype:hover { background-position: -129px -18px; } /* separators */ .separator_1 { height: 25px; clear: both; overflow: hidden; } .separator_2 { height: 23px; clear: both; overflow: hidden; } .separator_3 { height: 28px; clear: both; overflow: hidden; } .separator_4 { height: 22px; clear: both; overflow: hidden; } .separator_5 { height: 20px; clear: both; overflow: hidden; } .separator_6 { height: 17px; clear: both; overflow: hidden; } .separator_7 { height: 12px; clear: both; overflow: hidden; } .separator_8 { height: 8px; clear: both; overflow: hidden; } /* header styles */ #header { background: transparent; border-top: #00728f 3px solid; } #header .inner { width: grid_12; } /* #header .line_1 { margin-top: 20px; } */ .block_top_navigation { padding: 15px 0 12px 0; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #B8B8B8; letter-spacing: 1px; } .block_top_navigation a { font-size: 12px; color: #999999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .block_top_navigation a:hover { color: #6e6e6e -webkit-transition: all 0.5s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .block_top_navigation .col_1 { float: left; margin-top: 4px; } .block_top_navigation .col_2 { float: right; } .block_phone_top { padding-left: 21px; background: url(../images/icon_phone.png) no-repeat 0px 1px; } .block_social_top { height: 18px; padding-right: 10px; padding-top: 1px; float: left; overflow: hidden; border-right: 1px solid #e6e6e6; background: #c3564a; padding-left: 3px; padding-bottom: 3px; } .block_social_top a { height: 18px; color: display: block; float: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/sprite_social_1.png); text-indent: -9000px; } .block_social_top a.google_plus { width: 17px; } .block_social_top a.twitter { width: 20px; margin-left: 7px; background-position: -24px 0px; } .block_social_top a.su { width: 19px; margin-left: 7px; background-position: -52px 0px; } .block_social_top a.su:hover { background-position: -52px -18px; } .block_social_top a.linkedin { width: 17px; margin-left: 8px; background-position: -79px 0px; } .block_social_top a.facebook { width: 17px; margin-left: 8px; background-position: -104px 0px; } .block_social_top a.skype { width: 17px; margin-left: 8px; background-position: -129px 0px; } .block_social_top a.skype:hover { background-position: -129px -18px; } .block_social_top p { font-size: 11px; } .block_sign_up_top { height: 18px; padding: 0px 9px 4px 10px; float: right; overflow: hidden; background: #00728f;margin-right:-12px; } .block_sign_up_top p { font-size: 12px; color: white;} .block_sign_up_top a { color: white; font-size: 12px; font-weight: bold;} #logo_top { min-height: 34px; overflow: hidden; padding-top: 25px;} #main_menu { padding: 29px 10px 20px 0; font-size: 14px; font-weight: normal; float: right; clear:both; letter-spacing: -.8px;} #main_menu ul { display: block; margin:4px -14px 0 0;} #main_menu li { display: block; float: left; } #main_menu a { display: block; overflow: hidden; color: #6e6e6e; } #main_menu a:hover { display: block; overflow: hidden; color: #00718f; } #main_menu > ul > li { height: 19px; overflow: hidden; position: relative; background: url(../images/line_main_menu.jpg) no-repeat; cursor: pointer; z-index: 100; } #main_menu > ul > li > a { height: 19px; line-height: 20px; padding: 0px 15px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } #main_menu > ul > li:first-child { background: none; } #main_menu > ul > li:first-child > a { padding-left: 0px; } #main_menu > ul > li > ul { width: 175px; padding-bottom: 3px; display: block; overflow: hidden; position: absolute; left: 18px; top: 28px; background: url(../images/bg_block_submenu.gif) no-repeat bottom; border-top: 1px solid #ebebeb; -moz-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px; z-index: 101; } #main_menu > ul > li:hover { overflow: visible; } #main_menu > ul > li > ul > li { padding-left: 7px; width: 161px; clear: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/bg_menu.png); background-position: 0px -30px; } #main_menu > ul > li > ul > li a { padding: 7px 5px 7px 11px; background-color: #ffffff; border-top: 1px solid #f5f5f5; } #main_menu > ul > li > ul > li:hover { background-position: 0px 0px; } #main_menu > ul > li > ul > li:first-child a { border-top: none; } #main_menu > ul > li:first-child > ul { left: 0px; } .block_slider_nivo { width: 942px; height: 322px; } .block_slider_accordion { width: 942px; height: 302px; } .block_slider_thumbnail { width: 942px; height: 389px; } .block_slider_basic { width: 942px; height: 302px; } .block_slider_side { width: 942px; overflow: hidden; } .slider_nivo { width: 942px; padding: 6px 0px 20px; background: url(../images/bg_block_slider_1.png) no-repeat bottom; } .slider_nivo h3 { margin-bottom: 5px; color: #ffffff; } .slider_nivo p { font-size: 11px; color: #ffffff; line-height: 17px; } .slider_nivo .content { padding: 3px; background-color: #ffffff; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } #slider_nivo { width: 934px; height: 276px; position: relative; background: url(../images/loading.gif) no-repeat center; } #slider_nivo img { display: none; position: absolute; left: 0px; top: 0px; } #slider_nivo a { display: block; border: 0px; } #slider_nivo .nivo-directionNav a { width: 24px; height: 24px; display: block; position: absolute; top: 129px; text-indent: -9000px; } #slider_nivo .nivo-directionNav a.nivo-nextNav { right: 12px; background: url(../images/arrow_right_1.png) no-repeat; } #slider_nivo .nivo-directionNav a.nivo-prevNav { left: 12px; background: url(../images/arrow_left_1.png) no-repeat; } #slider_nivo .nivo-caption { font-family: Arial, Helvetica, sans-serif; } #slider_nivo .nivo-caption a { color: #ffffff; border-bottom: 1px dotted #ffffff; } #slider_nivo .nivo-controlNav { position: absolute; left: 50%; bottom: -26px; } #slider_nivo .nivo-controlNav a { width: 11px; height: 11px; margin-left: 4px; display: block; float: left; background: url(../images/bg_nav_ball.png) no-repeat; text-indent: -9999px; } #slider_nivo .nivo-controlNav a:first-child { margin-left: 0px; } #slider_nivo .nivo-controlNav a.active { background: url(../images/bg_nav_ball_act.png) no-repeat; } .slider_accordion { width: 942px; padding: 6px 0px 20px; background: url(../images/bg_block_slider_1.png) no-repeat bottom; } .slider_accordion .content { padding: 3px; background-color: #ffffff; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } .slider_accordion .slider_wrapper { width: 934px; overflow: hidden; } #slider_accordion h3 { padding-left: 12px; margin-bottom: 5px; font-size: 14px; color: #ffffff; } #slider_accordion p { padding-left: 12px; font-size: 11px; color: #ffffff; line-height: 17px; } .slider_thumbnail { width: 942px; padding-top: 6px; } .slider_thumbnail .ad-gallery { width: 942px; } .slider_thumbnail .ad-gallery .ad-image-wrapper { height: 283px; padding-bottom: 2px; position: static; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .slider_thumbnail .ad-gallery .ad-image-wrapper .ad-image { padding: 3px; position: static; background-color: #ffffff; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } .slider_thumbnail .ad-gallery .ad-back { width: 15px; height: 23px; left: 0px; top: 27px; background: url(../images/arrow_left_2.png) no-repeat; } .slider_thumbnail .ad-gallery .ad-forward { width: 15px; height: 23px; right: 0px; top: 27px; background: url(../images/arrow_right_2.png) no-repeat; } .slider_thumbnail .ad-gallery .ad-controls { display: none; } .slider_thumbnail .ad-gallery .ad-nav .ad-thumbs { width: auto; margin: 0px 24px; } .slider_thumbnail .ad-gallery .ad-thumbs li { margin-left: 9px; padding-right: 0px; padding-bottom: 2px; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .slider_thumbnail .ad-gallery .ad-thumbs li:first-child { margin-left: 0px; } .slider_thumbnail .ad-gallery .ad-thumbs li a { padding: 3px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } .slider_thumbnail .ad-gallery .ad-thumbs li a img { border: 0px; } .slider_basic { width: 942px; padding: 6px 0px 20px; background: url(../images/bg_block_slider_1.png) no-repeat bottom; } .slider_basic .content { padding: 3px; background-color: #ffffff; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } .slider_basic .slider_wrapper { width: 934px; height: 277px; position: relative; } #slider_basic_nav { display: none; overflow: hidden; position: absolute; right: 0px; bottom: 0px; z-index: 10; } #slider_basic_nav a { width: 29px; height: 28px; display: block; float: left; overflow: hidden; text-indent: -9000px; } #slider_basic_nav a.next { background: url(../images/arrow_right_4.gif) no-repeat; } #slider_basic_nav a.prev { background: url(../images/arrow_left_4.gif) no-repeat; } .slider_basic .slider_wrapper:hover #slider_basic_nav { display: block; } .slider_side { width: 540px; padding: 20px 0px 31px; background: url(../images/bg_side_slider_shadow2.png) no-repeat bottom; } .slider_side .content { padding-bottom: 2px; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .slider_side .slider_wrapper { width: 532px; height: 315px; padding: 10px 3px 0 3px; position: relative; background-color: #ffffff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; */ } .slider_side .banner { margin: 0; background: #00718f;} #slider_side { position: relative; } #slider_side_nav { padding: 7px 1px 5px 1px; overflow: hidden; position: absolute; left: 7%; bottom: 3px; background-color: #ffffff; z-index: 10; } #slider_side_nav a { width: 9px; height: 9px; margin-left: 5px; display: block; float: left; overflow: hidden; background: url(../images/bg_nav_ball_side.png) no-repeat; text-indent: -9000px; } #slider_side_nav a.activeSlide { background: url(../images/bg_nav_ball_side_act.blue.png) no-repeat; } .block_slider_side .text { width: 380px; padding-top: 15px; overflow: visible; } .block_slider_side .text h2 { margin-bottom: 26px; font-size: 32px; color: #333; line-height: 31px; font-family: Arial, Helvetica, sans-serif; } .block_slider_side .text h2 span { color: #616161; } .block_slider_side .text p { color: #616161; line-height: 19px; } .block_slider_side .text .button { padding-top: 30px; } .block_slider_side .text .button a { width: 167px; height: 45px; line-height: 42px; display: block; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/bg_side_slider_button.png); font-size: 16px; color: #6b6b6b; text-indent: 25px; } .block_slider_side .text .button a:hover { background-position: 0px -45px; } *:focus { outline:none !important; } .block_search { overflow: hidden; } .block_search .field { width: 190px; height: 29px; float: left; overflow: hidden; position: relative; background: url(../images/bg_text_field_1.png) no-repeat; } .block_search .field span { width: 165px; display: block; position: absolute; left: 16px; top: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #acacac; cursor: text; } .block_search .field input { width: 165px; height: 17px; line-height: 17px; margin-left: 15px; margin-top: 6px; display: none; background-color: transparent; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #acacac; } .block_search .submit { width: 28px; height: 28px; margin-left: 3px; display: block; float: left; background-repeat: no-repeat; background-image: url(../images/button_go_search.png); background-color: transparent; background-position: 0px 0px; border: 0px; cursor: pointer; } .block_search .submit:hover { background-position: 0px -28px; } .block_welcome { width: 942px; height: 43px; overflow: hidden; } .block_welcome .text { width: 700px; padding-top: 11px; float: left; overflow: hidden; } .block_welcome .text h1 { font-style: italic; } .block_welcome .text h1 span { color: #333; } .block_welcome .block_search { padding-top: 6px; float: right; } .block_services { margin-left: -14px; overflow: hidden; } .block_services .column { width: 225px; margin-left: 14px; float: left; overflow: hidden; } .block_services .column h2 { margin-bottom: 13px; } .block_services .column p { line-height: 18px; } .block_services .column .pic { margin-right: 12px; padding-top: 5px; float: left; overflow: hidden; } .block_services .column .text { overflow: hidden; } .block_services .column .cl { margin-bottom: 16px; } .block_slogans { height: 95px; overflow: hidden; background: url(../images/bg_block_slogans.jpg) repeat-x; } .block_slogans .inner { height: 95px; overflow: hidden; position: relative; } .block_slogans .next { width: 15px; height: 23px; overflow: hidden; position: absolute; right: 0px; top: 36px; background: url(../images/arrow_right_2.png) no-repeat; cursor: pointer; } .block_slogans .prev { width: 15px; height: 23px; overflow: hidden; position: absolute; left: 0px; top: 36px; background: url(../images/arrow_left_2.png) no-repeat; cursor: pointer; } #slogans { width: 880px; height: 95px; margin-left: 31px; overflow: hidden; } #slogans > div { width: 880px; background-color: transparent !important; } #slogans p { font-family: "DroidSerif" , Georgia, "Times New Roman" , Times, serif; font-size: 17px; color: #888888; font-style: italic; text-align: center; line-height: 27px; } #slogans p span { color: #6e6e6e; } .block_about { overflow: hidden; } .block_about h2 { margin-bottom: 19px; } .block_about p { line-height: 17px; } .block_about .buttons { padding-top: 18px; overflow: hidden; } .block_about .pic { width: 180px; padding-top: 5px; float: left; overflow: hidden; } .block_about .col_1 { width: 435px; margin-left: 20px; float: left; overflow: hidden; } .block_about .col_1 .main_button_1 { margin-right: 5px; float: left; } .block_about .col_2 { width: 275px; margin-left: 30px; float: left; overflow: hidden; } .block_about .col_2 .img { margin-right: 6px; margin-top: 5px; float: left; } .block_projects { margin-left: -18px; overflow: hidden; } .block_projects .project { width: 222px; margin-left: 18px; float: left; overflow: hidden; } .block_projects .project h2 { margin-bottom: 11px; } .block_projects .project p { line-height: 17px; } .block_projects .project .pic_wrapper { width: 222px; margin-bottom: 11px; padding-bottom: 2px; overflow: hidden; position: relative; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_projects .project .pic_wrapper a { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; text-indent: -9000px; } .block_projects .project .pic_wrapper a:hover { background: url(../images/icon_zoom.png) no-repeat center; } .block_projects .project .pic_wrapper a img { width: 100%; height: 100%; display: block; } .block_projects .project .pic_wrapper .pic { padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_projects .project .button { padding-top: 14px; } .block_more_from_blog { width: 280px; overflow: hidden; } .block_more_from_blog h2 { margin-bottom: 20px; } .block_more_from_blog p { line-height: 16px; } .block_more_from_blog .date { padding-left: 20px; padding-top: 16px; background: url(../images/icon_calendar.png) no-repeat 0px 17px; } .block_more_from_blog .line_3 { margin-bottom: 13px; } .block_more_from_blog .main_button_1 { float: right; } .block_more_from_blog .post { padding-bottom: 13px; overflow: hidden; } .block_more_from_blog .post a { color: #00718f; } .block_more_from_blog .post .pic_wrapper { width: 87px; padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_more_from_blog .post .pic_wrapper .pic { padding: 3px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e9eee9; border-right: 1px solid #e9eee9; text-align: center; } .block_more_from_blog .post .text { width: 185px; margin-left: 8px; float: left; overflow: hidden; } .block_recent_posts { width: 630px; overflow: hidden; } .block_recent_posts h2 { margin-bottom: 19px; } .block_recent_posts .line_3 { margin-top: 19px; margin-bottom: 17px; } .block_recent_posts .post { overflow: hidden; } .block_recent_posts .date { padding-left: 23px; padding-bottom: 11px; background: url(../images/icon_calendar.png) no-repeat 0px 0px; } .block_recent_posts .date p { font-size: 13px; color: #616161; } .block_recent_posts .date p span { margin-right: 10px; font-size: 12px; color: #00718f; } .block_recent_posts .info { height: 25px; overflow: hidden; } .block_recent_posts .info p { font-size: 11px; color: #616161; line-height: 18px; } .block_recent_posts .info a { color: #00718f; } .block_recent_posts .info .author { width: 135px; height: 26px; float: left; overflow: hidden; } .block_recent_posts .info .category { width: 400px; height: 26px; float: left; overflow: hidden; } .block_recent_posts .info .comment { height: 26px; padding-left: 21px; float: right; overflow: hidden; background: url(../images/icon_comment.png) no-repeat 0px 4px; } .block_recent_posts .text { padding-top: 10px; padding-bottom: 13px; } .block_recent_posts .text p { line-height: 19px; } .block_recent_posts .button { float: left; overflow: hidden; } .block_social_recent_posts { float: right; overflow: hidden; } .block_social_recent_posts a { height: 18px; display: block; float: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/sprite_social_1.png); text-indent: -9000px; } .block_social_recent_posts a.twitter { width: 20px; background-position: -24px 0px; } .block_social_recent_posts a.twitter:hover { background-position: -24px -18px; } .block_social_recent_posts a.su { width: 19px; margin-left: 6px; background-position: -52px 0px; } .block_social_recent_posts a.su:hover { background-position: -52px -18px; } .block_social_recent_posts a.vimeo { width: 17px; margin-left: 5px; background-position: -79px 0px; } .block_social_recent_posts a.vimeo:hover { background-position: -79px -18px; } .block_social_recent_posts a.facebook { width: 17px; margin-left: 5px; background-position: -104px 0px; } .block_social_recent_posts a.facebook:hover { background-position: -104px -18px; } .block_social_recent_posts a.skype { width: 17px; margin-left: 5px; background-position: -129px 0px; } .block_social_recent_posts a.skype:hover { background-position: -129px -18px; } .block_newsletter { overflow: hidden; } .block_newsletter h2 { margin-bottom: 17px; } .block_newsletter p { line-height: 17px; } .block_newsletter .small { padding-top: 10px; font-size: 11px; color: #acacac; } .block_newsletter .form { padding: 11px 0px 15px; overflow: hidden; } .block_newsletter .form .field { width: 265px; height: 29px; float: left; overflow: hidden; background: url(../images/bg_text_field_2.png) no-repeat; } .block_newsletter .form .field input { width: 240px; height: 17px; line-height: 17px; margin-left: 15px; margin-top: 6px; display: block; background-color: transparent; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #acacac; } .block_newsletter .form .main_button_2 { margin-left: 5px; padding: 0px 22px; float: left; } .block_testimonials_1 { overflow: hidden; } .block_testimonials_1 h2 { margin-bottom: 17px; } .block_testimonials_1 h2.small_sep { margin-bottom: 6px; } .block_testimonials_1 p { line-height: 17px; } .block_testimonials_1 p i { font-size: 11px; } .block_testimonials_1 a { color: #00718f; } .block_testimonials_1 p.text { padding-bottom: 11px; } .block_testimonials_1 .testimonial { margin-bottom: 20px; padding: 15px 25px; position: relative; background-color: #fcfcfc; border: 1px solid #ebebeb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .block_testimonials_1 .testimonial.opt_2 { padding: 15px 15px 15px 20px; } .block_testimonials_1 .testimonial p { font-family: "DroidSerif" , Georgia, "Times New Roman" , Times, serif; font-size: 12px; color: #ababab; font-style: italic; line-height: 21px; } .block_testimonials_1 .testimonial .arrow { width: 26px; height: 14px; overflow: hidden; position: absolute; right: 33px; bottom: -14px; background: url(../images/bg_testimonials_1.png) no-repeat; } .block_testimonials_1 .author { padding-top: 0px; text-align: right; } .block_page_title { margin: 0; padding-top: 0; overflow: hidden; } .block_page_title h1 { margin: 0; display: block; float: left; font-size: 22px; color: #374248; font-weight: 700; } .block_page_title .buttons { float: right; overflow: hidden; } .block_page_title .buttons .main_button_2 { width: 98px; margin-left: 7px; padding: 0px; float: left; text-align: center; } .breadcrumbs p { color: #757575; margin-top: 6px; } .breadcrumbs p strong { margin-right: 12px; } .breadcrumbs a { margin-right: 4px; padding-right: 10px; background: url(../images/arrow_breadcrumbs.gif) no-repeat right 6px; color: #00718f; } .breadcrumbs a:hover { margin-right: 4px; padding-right: 10px; background: url(../images/arrow_breadcrumbs.gif) no-repeat right 6px; color: #6e6e6e; } .block_breadcrumbs { padding: 13px 0px 10px; overflow: hidden; } .block_breadcrumbs p { color: #757575; } .block_breadcrumbs p strong { margin-right: 12px; } .block_breadcrumbs a { margin-right: 4px; padding-right: 10px; background: url(../images/arrow_breadcrumbs.gif) no-repeat right 6px; color: #757575; } .block_breadcrumbs .line_1 { margin-bottom: 9px; } .block_about_services { margin-left: 0px; overflow: hidden; } .block_about_services .column { width: 286px; margin-left: 27px; float: left; overflow: hidden; } .block_about_services .num { width: 46px; overflow: hidden; } .block_about_services .num p { font-size: 41px; color: #616161; } .block_about_services .title { width: 250px; padding-top: 2px; overflow: hidden; } .block_about_services .title h2 { margin-bottom: 1px; font-size: 15px; color: #374248; font-weight: 100; } .block_about_services .title h3 { font-size: 12px; color: #374248; font-style: italic; font-weight: 100; } .block_about_services .text { padding: 7px 0px 15px; overflow: hidden; } .block_about_services .text p { color: #374248; text-align: justify; line-height: 17px; } .block_about_services .main_button_1 { float: left; } .block_about_company { overflow: hidden; } .block_about_company .text { width: 620px; float: left; } .block_about_company .text h2 { margin-bottom: 18px; } .block_about_company .text h3 { margin-bottom: 17px; font-size: 12px; color: #333; font-style: italic; font-weight: 100; line-height: 17px; } .block_about_company .text p { line-height: 17px; } .block_about_company .text a { color: #00718f; } .block_about_company .text .buttons { padding-top: 19px; float: left; overflow: hidden; } .block_about_company .text .buttons .main_button_1 { margin-right: 5px; float: left; } .block_about_company .pic_wrapper { width: 300px; padding-top: 5px; float: right; overflow: hidden; } .block_about_company .pic { padding-bottom: 2px; float: right; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_about_company .pic_inner { padding: 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e3dfe3; border-right: 1px solid #e3dfe3; } .block_social_about_company { padding-top: 26px; float: right; overflow: hidden; } .block_social_about_company a { height: 18px; display: block; float: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/sprite_social_1.png); text-indent: -9000px; } .block_social_about_company a.twitter { width: 20px; background-position: -24px 0px; } .block_social_about_company a.twitter:hover { background-position: -24px -18px; } .block_social_about_company a.su { width: 19px; margin-left: 6px; background-position: -52px 0px; } .block_social_about_company a.su:hover { background-position: -52px -18px; } .block_social_about_company a.vimeo { width: 17px; margin-left: 5px; background-position: -79px 0px; } .block_social_about_company a.vimeo:hover { background-position: -79px -18px; } .block_social_about_company a.facebook { width: 17px; margin-left: 5px; background-position: -104px 0px; } .block_social_about_company a.facebook:hover { background-position: -104px -18px; } .block_social_about_company a.skype { width: 17px; margin-left: 5px; background-position: -129px 0px; } .block_social_about_company a.skype:hover { background-position: -129px -18px; } .block_our_team { overflow: hidden; } .block_our_team h2 { margin-left: 14px; padding-bottom: 8px; display: block; } .block_our_team .person { width: 300px; margin-left: 14px; margin-top: 14px; padding: 10px 0px 8px; float: left; overflow: hidden; background-color: #fdfdfd; border: 1px solid #ebebeb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .block_our_team .person .left { width: 76px; margin-left: 9px; float: left; overflow: hidden; } .block_our_team .person .right { width: 190px; margin-left: 10px; float: left; overflow: hidden; } .block_our_team .person .pic_wrapper { width: 76px; margin-bottom: 0px; padding-bottom: 2px; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_our_team .person .pic { padding: 3px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .block_our_team .person .name { margin-bottom: 4px; } .block_our_team .person .name p { font-size: 15px; color: #565656; } .block_our_team .person .name a { font-size: 15px; color: #565656; } .block_our_team .person .position { margin-bottom: 7px; } .block_our_team .person .position p { font-size: 13px; color: #f78201; } .block_our_team .person .position a { font-size: 13px; color: #f78201; } .block_our_team .person .line { height: 1px; margin-bottom: 5px; overflow: hidden; background: url(../images/dots_3.gif) repeat-x; } .block_our_team .person .description p { color: #616161; line-height: 17px; font-size: 13px; } .block_social_person { padding-left: 4px; padding-top: 8px; overflow: hidden; } .block_social_person a { height: 18px; display: block; float: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/sprite_social_1.png); text-indent: -9000px; } .block_social_person a.twitter { width: 20px; background-position: -24px 0px; } .block_social_person a.twitter:hover { background-position: -24px -18px; } .block_social_person a.su { width: 19px; margin-left: 6px; background-position: -52px 0px; } .block_social_person a.su:hover { background-position: -52px -18px; } .block_social_person a.vimeo { width: 17px; margin-left: 5px; background-position: -79px 0px; } .block_social_person a.vimeo:hover { background-position: -79px -18px; } .block_social_person a.facebook { width: 17px; margin-left: 5px; background-position: -104px 0px; } .block_social_person a.facebook:hover { background-position: -104px -18px; } .block_social_person a.skype { width: 17px; margin-left: 5px; background-position: -129px 0px; } .block_social_person a.skype:hover { background-position: -129px -18px; } .tabs, .pills { margin: 0 0 18px; padding: 0; list-style: none; zoom: 1; } .tabs:before, .pills:before, .tabs:after, .pills:after { display: table; content: ""; zoom: 1; } .tabs:after, .pills:after { clear: both; } .tabs > li, .pills > li { float: left; } .tabs > li > a, .pills > li > a { display: block; } .tabs { border-color: #ddd; border-style: solid; border-width: 0 0 1px; } .tabs > li { position: relative; margin-bottom: -1px; } .tabs > li > a { padding: 0 15px; margin-right: 2px; line-height: 34px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tabs > li > a:hover { text-decoration: none; background-color: #eee; border-color: #eee #eee #ddd; } .tabs .active > a, .tabs .active > a:hover { color: #808080; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .tabs .menu-dropdown, .tabs .dropdown-menu { top: 35px; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .tabs a.menu:after, .tabs .dropdown-toggle:after { border-top-color: #999; margin-top: 15px; margin-left: 5px; } .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle { border-color: #999; } .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after { border-top-color: #555; } .pills a { margin: 5px 3px 5px 0; padding: 0 15px; line-height: 30px; text-shadow: 0 1px 1px #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pills a:hover { color: #ffffff; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); background-color: #00438a; } .pills .active a { color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); background-color: #0069d6; } .pills-vertical > li { float: none; } .tab-content > .tab-pane, .pill-content > .pill-pane, .tab-content > div, .pill-content > div { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .block_tabbed_content { overflow: hidden; } .block_tabbed_content h2 { margin-bottom: 22px; } .block_tabbed_content p { line-height: 19px; } .block_tabbed_content p i { color: #616161; } .block_tabbed_content .cl { margin-bottom: 10px; } .block_tabbed_content .tabs_wrapper { padding-top: 28px; overflow: hidden; position: relative; } .block_tabbed_content .block_content { padding: 17px 0 16px 12px; overflow: hidden; background-color: #fdfdfd; border: 1px solid #e6e6e6; -moz-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px; position: relative; } .block_tabbed_content .block_content > div { display: none; } .block_tabbed_content .pic_wrapper { margin-right: 12px; padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_tabbed_content .pic { padding: 3px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-top: 1px solid #f7f7f7; } .block_tabbed_content .block_tabs { overflow: hidden; position: absolute; left: 0px; top: 0px; } .block_tabbed_content .block_tabs a { height: 27px; line-height: 27px; margin-right: 1px; display: block; float: left; overflow: hidden; background: url(../images/bg_tab.jpg) repeat-x; border: 1px solid #e6e6e6; outline: 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; position: relative; color: #6e6e6e; text-align: center; padding: 0 15px;} .block_tabbed_content .block_tabs a.selected { background-image: none; background-color: #fdfdfd; border-bottom: 1px solid #fdfdfd; color: #00718f; } .block_tabbed_content.type_2 .block_content { padding: 1px 0px; } .block_tabbed_content.type_2 .block_content_type_2 { padding: 14px 0px 16px; } .block_tabbed_content.type_2 .block_content_type_2 > div { display: none; } .block_our_special_services { overflow: hidden; } .block_our_special_services h2 { margin-bottom: 17px; } .block_our_special_services p { line-height: 19px; } .block_our_special_services a { color: #00718f; } .block_special_service { overflow: hidden; } .block_special_service .icon { width: 76px; padding-top: 2px; float: left; overflow: hidden; } .block_special_service .content { width: 544px; float: left; overflow: hidden; } .block_special_service .content h3 { margin-bottom: 5px; font-size: 18px; color: #010101; font-weight: normal; } .block_special_service .content h4 { margin-bottom: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #adadad; font-style: italic; font-weight: normal; } .block_special_service .content p { line-height: 19px; } .block_special_service .content > p a { color: #00718f; } .block_special_service .content .block_list { padding-top: 10px; overflow: hidden; } .block_special_service .content .block_list p { margin-top: 10px; padding-left: 22px; background: url(../images/marker_1.png) no-repeat; color: #adadad; line-height: 15px; } .block_special_service .content .block_list p:first-child { margin-top: 0px; } .block_special_service .content .block_list p a { color: #adadad; } .block_special_service .content .block_list .col_1 { width: 250px; float: left; overflow: hidden; } .block_special_service .content .block_list .col_2 { width: 275px; float: left; overflow: hidden; } .block_special_service .content .line_2 { margin-top: 11px; } .block_special_service .content .buttons { padding-top: 15px; float: left; overflow: hidden; } .block_special_service .content .buttons .main_button_1 { margin-right: 5px; float: left; } .block_social_special_service { padding-top: 19px; float: right; overflow: hidden; } .block_social_special_service a { height: 18px; display: block; float: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/sprite_social_1.png); text-indent: -9000px; } .block_social_special_service a.twitter { width: 20px; background-position: -24px 0px; } .block_social_special_service a.twitter:hover { background-position: -24px -18px; } .block_social_special_service a.su { width: 19px; margin-left: 6px; background-position: -52px 0px; } .block_social_special_service a.su:hover { background-position: -52px -18px; } .block_social_special_service a.vimeo { width: 17px; margin-left: 5px; background-position: -79px 0px; } .block_social_special_service a.vimeo:hover { background-position: -79px -18px; } .block_social_special_service a.facebook { width: 17px; margin-left: 5px; background-position: -104px 0px; } .block_social_special_service a.facebook:hover { background-position: -104px -18px; } .block_social_special_service a.skype { width: 17px; margin-left: 5px; background-position: -129px 0px; } .block_social_special_service a.skype:hover { background-position: -129px -18px; } .block_featured_project { overflow: hidden; } .block_featured_project h2 { margin-bottom: 15px; } .block_featured_project p { line-height: 17px; } .block_featured_project .pic_wrapper { margin-bottom: 16px; padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_featured_project .pic { padding: 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-top: 1px solid #f7f7f7; } .block_featured_project .text { padding-bottom: 14px; clear: left; overflow: hidden; } .block_featured_project .button { overflow: hidden; } .block_featured_project .button .main_button_1 { float: left; } .block_toggle_content_type_1 { overflow: hidden; } .block_toggle_content_type_1 h2 { margin-bottom: 6px; } .block_toggle_content_type_1 p { color: #616161; line-height: 16px; font-size: 13px; } .block_toggle_content_type_1 .toggle_block { padding: 10px 0px 3px 10px; overflow: hidden; } .block_toggle_content_type_1 .line_4 { margin-top: 7px; } .block_toggle_content_type_1 .toggler { padding: 13px 0px 3px 30px; display: block; } .block_toggle_content_type_1 .toggler-closed { background: url(../images/arrow_list_right.png) no-repeat 0px 10px; } .block_toggle_content_type_1 .toggler-opened { background: url(../images/arrow_list_down.png) no-repeat 0px 10px; color: #202020; } .block_toggle_content_type_2 { overflow: hidden; } .block_toggle_content_type_2 h2 { margin-bottom: 6px; } .block_toggle_content_type_2 p { color: #616161; line-height: 16px; } .block_toggle_content_type_2 .toggle_block { padding: 10px 0px 3px 30px; overflow: hidden; } .block_toggle_content_type_2 .line_4 { margin-top: 7px; } .block_toggle_content_type_2 .toggler { padding: 13px 0px 3px 30px; display: block; } .block_toggle_content_type_2 .toggler-closed { background: url(../images/icon_plus.png) no-repeat 0px 10px; } .block_toggle_content_type_2 .toggler-opened { background: url(../images/icon_minus.png) no-repeat 0px 10px; color: #202020; } .block_toggle_content_type_3 { overflow: hidden; } .block_toggle_content_type_3 h2 { margin-bottom: 6px; } .block_toggle_content_type_3 p { color: #616161; line-height: 16px; font-size: 13px; } .block_toggle_content_type_3 .toggle_block { padding: 10px 0px 3px 10px; overflow: hidden; } .block_toggle_content_type_3 .line_4 { margin-top: 7px; } .block_toggle_content_type_3 .toggler { padding: 13px 0px 3px 30px; display: block; } .block_toggle_content_type_3 .toggler-closed { background: url(../images/arrow_list_right.png) no-repeat 0px 10px; color: #00718f; } .block_toggle_content_type_3 .toggler-opened { background: url(../images/arrow_list_down.png) no-repeat 0px 10px; color: #a3a3a3; } .block_general_text { overflow: hidden; } .block_general_text h2 { margin-bottom: 14px; color: #333; } .block_general_text p { line-height: 17px; } .block_general_text a { color: #00718f; } .block_general_text .num { width: 28px; height: 30px; float: left; } .block_general_text .num p { padding-top: 4px; font-size: 33px; color: #5b5b5b; line-height: normal; } .block_pricing_table { } .block_pricing_table h2 { margin-bottom: 19px; } .block_pricing_table .pricing_table_wrapper { padding-bottom: 10px; float: left; background: url(../images/bg_pricing_table_block.png) no-repeat left bottom; } .block_pricing_table .pricing_table { padding: 1px 1px 0px; float: left; background-color: #ffffff; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; position: relative; } .block_pricing_table .column { width: 180px; margin-bottom: -3px; float: left; background-color: #f7f7f7; } .block_pricing_table .column .title { height: 48px; overflow: hidden; background: url(../images/bg_pricing_table_title.jpg) repeat-x; } .block_pricing_table .column .title p { font-size: 23px; color: #f78201; text-align: center; } .block_pricing_table .column .price { height: 36px; overflow: hidden; background-color: #f0f0f0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .block_pricing_table .column .price p { font-size: 14px; color: #333; font-weight: normal; text-align: center; line-height: 16px; } .block_pricing_table .column .features { overflow: hidden; border-bottom: 1px solid #fbfbfb; } .block_pricing_table .column .features li { padding-left: 24px; line-height: 27px; border-top: 1px solid #fbfbfb; border-bottom: 1px solid #e2e2e2; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #757474; } .block_pricing_table .column .button { padding: 13px 0px; overflow: hidden; } .block_pricing_table .column .button .main_button_1 { width: 93px; margin: 0px auto; padding: 0px; } .block_pricing_table .column .button .main_button_3 { width: 95px; margin: 0px auto; padding: 0px; } .block_pricing_table .column.first { width: 181px; border-right: 1px solid #e2e2e2; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; position: relative; } .block_pricing_table .column.first .title { -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; border-radius: 3px 0px 0px 0px; position: relative; } .block_pricing_table .column.first .features { margin-left: 1px; } .block_pricing_table .column.first .button { margin-left: 1px; } .block_pricing_table .column.last { width: 181px; border-left: 1px solid #e2e2e2; -moz-border-radius: 3px 3px 3px 0px; -webkit-border-radius: 3px 3px 3px 0px; border-radius: 3px 3px 3px 0px; position: relative; } .block_pricing_table .column.last .title { -moz-border-radius: 0px 3px 0px 0px; -webkit-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; position: relative; } .block_pricing_table .column.last .features { margin-right: 1px; } .block_pricing_table .column.last .button { margin-right: 1px; } .block_pricing_table .column.special { width: 210px; margin-top: -10px; margin-bottom: -11px; padding: 1px 1px 0px; overflow: visible; background-color: #fff; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: relative; } .block_pricing_table .column.special .title { height: 55px; background: url(../images/bg_pricing_table_title_special.jpg) repeat-x; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; position: relative; } .block_pricing_table .column.special .title p { font-size: 26px; color: #303030; } .block_pricing_table .column.special .price { padding-top: 1px; background-color: #ffffff; } .block_pricing_table .column.special .features { margin: 0px 2px; } .block_pricing_table .column.special .button { margin: 0px -1px -10px; padding: 16px 0px 28px; background: url(../images/bg_pricing_table_block_special.png) no-repeat left bottom; } .block_table { } .block_table h2 { margin-bottom: 19px; } .block_table table { margin-bottom: -4px; background-color: #ffffff; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; } .block_table th { width: 83px; height: 43px; background: url(../images/bg_table_title.jpg) repeat-x; border-right: 1px solid #e5e5e5; border-top: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5a5a5a; font-weight: normal; text-align: center; } .block_table th.first_cell { width: 225px; padding-left: 21px; border-left: 1px solid #ffffff; text-align: left; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; border-radius: 3px 0px 0px 0px; position: relative; } .block_table th.second_cell { width: 103px; } .block_table th.last_cell { border-right: 1px solid #ffffff; -moz-border-radius: 0px 3px 0px 0px; -webkit-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; position: relative; } .block_table tr td { padding: 10px 0px 9px 18px; border-right: 1px solid #e5e5e5; border-top: 1px solid #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7a7a7a; text-align: left; } .block_table tr td.first_cell { width: 225px; padding-left: 22px; } .block_table tr td.second_cell { width: 80px; padding-left: 23px; } .block_table tr td.last_cell { border-right: 0px; } .block_table tr.first_row td { border-top: 0px; } .block_table .table_wrapper { padding-bottom: 10px; background: url(../images/bg_table_block.png) no-repeat left bottom; } .block_info_boxes { overflow: hidden; } .block_info_boxes h2 { margin-bottom: 18px; } .block_info_boxes .sep { height: 16px; overflow: hidden; } .block_filter { height: 28px; overflow: hidden; } .block_filter .text { height: 28px; margin-right: 15px; float: left; overflow: hidden; } .block_filter .text p { font-size: 11px; color: #878787; line-height: 28px; } .block_filter ul { height: 26px; display: block; float: left; overflow: hidden; position: relative; background: url(../images/bg_button_filter.jpg) repeat-x; border: 1px solid #e6e6e6; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } .block_filter ul li { height: 26px; margin-left: 1px; padding-left: 2px; display: block; float: left; overflow: hidden; background: url(../images/line_filter.gif) no-repeat 0px 5px; } .block_filter ul li a { height: 26px; line-height: 25px; padding: 0px 12px; display: block; font-family: Tahoma; font-size: 11px; color: #ababab; } .block_filter ul li a:hover { padding: 0px 11px; background: url(../images/bg_button_filter.jpg) repeat-x 0px -26px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-decoration: none; } .block_filter ul li a.active { padding: 0px 11px; background: url(../images/bg_button_filter.jpg) repeat-x 0px -26px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-decoration: none; } .block_filter ul li.first { margin-left: 0px; padding-left: 0px; background: none; } .block_filter ul li.first a { padding: 0px 15px 0px 20px; -moz-border-radius: 13px 0px 0px 13px; -webkit-border-radius: 13px 0px 0px 13px; border-radius: 13px 0px 0px 13px; position: relative; } .block_filter ul li.first a:hover { padding: 0px 14px 0px 20px; border-left: 0px; } .block_filter ul li.first a.active { padding: 0px 14px 0px 20px; border-left: 0px; } .block_filter ul li.last a { padding: 0px 20px 0px 15px; -moz-border-radius: 0px 13px 13px 0px; -webkit-border-radius: 0px 13px 13px 0px; border-radius: 0px 13px 13px 0px; position: relative; } .block_filter ul li.last a:hover { padding: 0px 20px 0px 14px; border-right: 0px; } .block_filter ul li.last a.active { padding: 0px 20px 0px 14px; border-right: 0px; } .block_gallery_item { overflow: hidden; } .block_gallery_item a { color: #f78201; } .block_gallery_item .cl { margin-bottom: 11px; } .block_gallery_item .pic_wrapper { margin-bottom: 12px; padding-bottom: 2px; overflow: hidden; position: relative; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_gallery_item .pic_wrapper .pic { padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_gallery_item .pic_wrapper .pop_description { width: 100%; height: 100%; display: none; position: absolute; left: 0px; top: 0px; background: url(../images/bg_white_zoom.png); } .block_gallery_item .pic_wrapper .pop_description p { padding: 0px 12px 0px 18px; color: #595959; line-height: 16px; } .block_gallery_item .pic_wrapper .pop_description p.name { padding-top: 14px; padding-bottom: 6px; font-size: 16px; color: #454545; font-weight: bold; line-height: normal; } .block_gallery_item .pic_wrapper .pop_description a { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; background: url(../images/trans.gif); } .block_gallery_item .pic_wrapper .pop_description a img { margin-right: -20px; margin-bottom: -20px; display: block; position: absolute; right: 50%; bottom: 50%; } .block_gallery_item .pic_wrapper:hover .pop_description { display: block; } .block_gallery_item .description { overflow: hidden; } .block_gallery_item .title { padding-bottom: 12px; overflow: hidden; } .block_gallery_item .title p { font-size: 14px; color: #565656; font-weight: bold; } .block_gallery_item .client { float: left; overflow: hidden; } .block_gallery_item .client p { color: #676767; } .block_gallery_item .location { margin-left: 16px; float: left; overflow: hidden; } .block_gallery_item .location p { color: #666666; } .block_gallery_item .text { overflow: hidden; } .block_gallery_item .text p { line-height: 17px; } .block_gallery_item .text p.name { padding-bottom: 6px; } .block_gallery_item .button { padding-top: 16px; } .info_on_img .block_gallery_item .pic_wrapper .pop_description { background: url(../images/bg_white_zoom_2.png); } .info_on_img .block_gallery_item .pic_wrapper .pop_description a img { margin: 0px; right: 6px; bottom: 7px; } .info_on_img .block_gallery_item .title { padding-bottom: 0px; } .block_gallery_1c { overflow: hidden; } .block_gallery_1c .block_gallery_item { padding-bottom: 30px; } .block_gallery_1c .block_gallery_item .pic_wrapper { max-width: 632px; float: left; overflow: hidden; } .block_gallery_1c .block_gallery_item .description { width: 275px; float: right; overflow: hidden; } .block_gallery_1c .block_gallery_item .title { padding-bottom: 17px; } .block_gallery_1c .block_gallery_item .client { padding-bottom: 9px; float: none; } .block_gallery_1c .block_gallery_item .client p { line-height: 17px; } .block_gallery_1c .block_gallery_item .location { margin-left: 0px; padding-bottom: 11px; float: none; } .block_gallery_1c .block_gallery_item .location p { line-height: 17px; } .block_gallery_1c .block_gallery_item .button { padding-top: 20px; } .block_gallery_2c { margin-left: -32px; overflow: hidden; } .block_gallery_2c .block_gallery_item { width: 455px; margin-left: 32px; padding-bottom: 30px; float: left; } .block_gallery_2c.info_on_img .block_gallery_item .pic_wrapper .pop_description p { padding-left: 22px; padding-right: 30px; } .block_gallery_3c { margin-left: -25px; overflow: hidden; } .block_gallery_3c .block_gallery_item { width: 297px; margin-left: 25px; padding-bottom: 30px; float: left; } .block_gallery_4c { margin-left: -17px; overflow: hidden; } .block_gallery_4c .block_gallery_item { width: 222px; margin-left: 17px; padding-bottom: 30px; float: left; } .block_categories { overflow: hidden; } .block_categories h2 { margin-bottom: 11px; } .block_categories .list_type_2 li { margin-top: 6px; color: #616161; } .block_categories .list_type_2 li.line { height: 1px; line-height: 1px; margin-top: 8px; overflow: hidden; background: url(../images/line_1.gif) repeat-x; } .block_archive { overflow: hidden; } .block_archive h2 { margin-bottom: 11px; } .block_archive .list_type_2 li { margin-top: 6px; color: #616161; } .block_archive .list_type_2 li.line { height: 1px; line-height: 1px; margin-top: 8px; overflow: hidden; background: url(../images/line_1.gif) repeat-x; } .block_flickr { overflow: hidden; } .block_flickr h2 { margin-bottom: 23px; } .block_flickr .pics { margin-left: -7px; overflow: hidden; } .block_flickr .pic_wrapper { margin-left: 7px; margin-bottom: 5px; padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_2.png) repeat-x bottom; } .block_flickr .pic_wrapper .pic { padding: 3px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-top: 1px solid #f2f2f2; text-align: center; } .block_blog_widget { overflow: hidden; } .block_blog_widget h2 { margin-bottom: 16px; } .block_blog_widget p { color: #616161; line-height: 16px; } .block_portfolio_item { overflow: hidden; } .block_portfolio_item h2 { margin-bottom: 20px; } .block_portfolio_item p { line-height: 17px; } .block_portfolio_item .pic_wrapper { padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_portfolio_item .pic_wrapper .pic { padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_portfolio_item .side_text { width: 235px; margin-left: 12px; margin-top: 6px; padding: 20px 0px 18px; float: right; overflow: hidden; border-left: 2px solid #e3e3e3; } .block_portfolio_item .side_text p { padding-left: 15px; font-size: 13px; color: #616161; font-style: italic; line-height: 18px; } .block_portfolio_item .quote { padding: 25px 0px 20px 50px; overflow: hidden; background: url(../images/icon_quote.png) no-repeat 0px 29px; } .block_portfolio_item .quote p { color: #a6a6a6; font-style: italic; } .block_popular_tags { margin-left: -6px; overflow: hidden; } .block_popular_tags h2 { margin-left: 6px; margin-bottom: 21px; } .block_popular_tags a { height: 24px; line-height: 24px; margin-left: 6px; margin-bottom: 10px; padding: 0px 14px; display: block; float: left; overflow: hidden; background: url(../images/bg_tag.jpg) repeat-x; border: 1px solid #e6e6e6; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; font-size: 11px; color: #5a5a5a; text-shadow: 1px 1px #ffffff; } .block_popular_tags a:hover { text-decoration: none; } .block_recent_post_sidebar { overflow: hidden; } .block_recent_post_sidebar h2 { margin-bottom: 5px; } .block_recent_post_sidebar .post { padding-top: 13px; overflow: hidden; } .block_recent_post_sidebar .post p { line-height: 16px; } .block_recent_post_sidebar .post a { font-size: 11px; color: #00718f; } .block_recent_post_sidebar .post .lnks { padding-top: 6px; font-size: 11px; } .block_recent_post_sidebar .post .icon { width: 24px; padding-top: 4px; float: left; overflow: hidden; } .block_recent_post_sidebar .post .text { width: 250px; float: left; overflow: hidden; } .block_recent_post_sidebar .line_3 { margin-top: 16px; clear: both; } .block_blog_type_1 { overflow: hidden; } .block_blog_type_1 h2 { margin-bottom: 19px; } .block_blog_type_1 p { line-height: 17px; } .block_blog_type_1 .post { overflow: hidden; } .block_blog_type_1 .post .pic_wrapper { padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_blog_type_1 .post .pic_wrapper .pic { padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_blog_type_1 .post .cl { margin-bottom: 9px; } .block_blog_type_1 .post .line_1 { margin: 12px 0px 10px; clear: both; } .block_blog_type_1 .post .details { overflow: hidden; } .block_blog_type_1 .post .author { padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_author.png) no-repeat 0px 2px; } .block_blog_type_1 .post .author p { font-size: 11px; } .block_blog_type_1 .post .author a { font-size: 11px; color: #00718f; } .block_blog_type_1 .post .date { margin-left: 23px; padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_date.png) no-repeat 0px 2px; } .block_blog_type_1 .post .date p { font-size: 11px; color: #393838; } .block_blog_type_1 .post .date a { font-size: 11px; color: #393838; } .block_blog_type_1 .post .tags { margin-left: 17px; padding-left: 24px; float: left; overflow: hidden; background: url(../images/icon_tags.png) no-repeat 0px 2px; } .block_blog_type_1 .post .tags p { font-size: 11px; color: #393939; } .block_blog_type_1 .post .tags a { font-size: 11px; color: #393939; } .block_blog_type_1 .post .comments { padding-left: 22px; float: right; overflow: hidden; background: url(../images/icon_comment.png) no-repeat 0px 2px; } .block_blog_type_1 .post .comments p { font-size: 11px; } .block_blog_type_1 .post .comments a { font-size: 11px; color: #00718f; } .block_blog_type_1 .post .text { overflow: hidden; } .block_blog_type_1 .post .button { padding-top: 18px; float: left; overflow: hidden; } .block_blog_type_1 .block_social_main { padding-top: 22px; float: right; } .block_blog_type_1 .line_3 { margin: 17px 0px 23px; } .block_blog_type_1 .post h3 { font-weight: 700; } .block_blog_type_2 { overflow: hidden; } .block_blog_type_2 h2 { margin-bottom: 13px; } .block_blog_type_2 p { line-height: 17px; } .block_blog_type_2 .post { overflow: hidden; } .block_blog_type_2 .post .col_1 { width: 220px; float: left; overflow: hidden; } .block_blog_type_2 .post .col_1 .cl { margin-bottom: 17px; } .block_blog_type_2 .post .col_2 { width: 393px; float: right; overflow: hidden; } .block_blog_type_2 .post .pic_wrapper { padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_blog_type_2 .post .pic_wrapper .pic { padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_blog_type_2 .post .tags { padding-left: 24px; overflow: hidden; background: url(../images/icon_tags.png) no-repeat 0px 2px; } .block_blog_type_2 .post .tags p { font-size: 11px; color: #393939; } .block_blog_type_2 .post .tags a { font-size: 11px; color: #393939; } .block_blog_type_2 .post .details { padding: 6px 0px 9px; overflow: hidden; } .block_blog_type_2 .post .author { padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_author.png) no-repeat 0px 2px; } .block_blog_type_2 .post .author p { font-size: 11px; } .block_blog_type_2 .post .author a { font-size: 11px; color: #f78201; } .block_blog_type_2 .post .date { margin-left: 24px; padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_date.png) no-repeat 0px 2px; } .block_blog_type_2 .post .date p { font-size: 11px; color: #393838; } .block_blog_type_2 .post .date a { font-size: 11px; color: #393838; } .block_blog_type_2 .post .comments { padding-left: 22px; float: right; overflow: hidden; background: url(../images/icon_comment.png) no-repeat 0px 2px; } .block_blog_type_2 .post .comments p { font-size: 11px; } .block_blog_type_2 .post .comments a { font-size: 11px; color: #f78201; } .block_blog_type_2 .post .text { padding-top: 15px; overflow: hidden; } .block_blog_type_2 .post .button { padding-top: 13px; float: right; overflow: hidden; } .block_blog_type_2 .block_social_main { padding-top: 17px; float: left; } .block_blog_type_2 .line_3 { margin: 17px 0px 28px; } .block_blog_type_3 { overflow: hidden; } .block_blog_type_3 h2 { margin-bottom: 13px; } .block_blog_type_3 p { line-height: 17px; } .block_blog_type_3 .post { overflow: hidden; } .block_blog_type_3 .post .col_1 { margin-right: 25px; float: left; overflow: hidden; } .block_blog_type_3 .post .col_2 { overflow: hidden; } .block_blog_type_3 .post .pic_wrapper { padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_blog_type_3 .post .pic_wrapper .pic { max-width: 400px; padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_blog_type_3 .post .details { padding: 6px 0px 9px; overflow: hidden; } .block_blog_type_3 .post .author { padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_author.png) no-repeat 0px 2px; } .block_blog_type_3 .post .author p { font-size: 11px; } .block_blog_type_3 .post .author a { font-size: 11px; color: #f78201; } .block_blog_type_3 .post .date { margin-left: 24px; padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_date.png) no-repeat 0px 2px; } .block_blog_type_3 .post .date p { font-size: 11px; color: #393838; } .block_blog_type_3 .post .date a { font-size: 11px; color: #393838; } .block_blog_type_3 .post .tags { margin-left: 25px; padding-left: 24px; float: left; overflow: hidden; background: url(../images/icon_tags.png) no-repeat 0px 2px; } .block_blog_type_3 .post .tags p { font-size: 11px; color: #393939; } .block_blog_type_3 .post .tags a { font-size: 11px; color: #393939; } .block_blog_type_3 .post .comments { padding-left: 22px; float: right; overflow: hidden; background: url(../images/icon_comment.png) no-repeat 0px 2px; } .block_blog_type_3 .post .comments p { font-size: 11px; } .block_blog_type_3 .post .comments a { font-size: 11px; color: #f78201; } .block_blog_type_3 .post .text { padding-top: 15px; overflow: hidden; } .block_blog_type_3 .post .button { padding-top: 13px; float: left; overflow: hidden; } .block_blog_type_3 .block_social_main { padding-top: 17px; float: right; } .block_blog_type_3 .line_3 { margin: 17px 0px 25px; } .block_post { overflow: hidden; } .block_post h2 { margin-bottom: 19px; } .block_post p { line-height: 17px; } .block_post .post { overflow: hidden; } .block_post .post .pic_wrapper { padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_post .post .pic_wrapper .pic { padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_post .post .cl { margin-bottom: 9px; } .block_post .post .fl { margin-right: 15px; overflow: hidden; } .block_post .post .fr { margin-left: 15px; overflow: hidden; } .block_post .post .line_1 { margin: 12px 0px 10px; clear: both; } .block_post .post .details { overflow: hidden; } .block_post .post .author { padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_author.png) no-repeat 0px 2px; } .block_post .post .author p { font-size: 11px; } .block_post .post .author a { font-size: 11px; color: #00718f; } .block_post .post .date { margin-left: 23px; padding-left: 21px; float: left; overflow: hidden; background: url(../images/icon_date.png) no-repeat 0px 2px; } .block_post .post .date p { font-size: 11px; color: #393838; } .block_post .post .date a { font-size: 11px; color: #393838; } .block_post .post .tags { margin-left: 17px; padding-left: 24px; float: left; overflow: hidden; background: url(../images/icon_tags.png) no-repeat 0px 2px; } .block_post .post .tags p { font-size: 11px; color: #393939; } .block_post .post .tags a { font-size: 11px; color: #393939; } .block_post .post .comments { padding-left: 22px; float: right; overflow: hidden; background: url(../images/icon_comment.png) no-repeat 0px 2px; } .block_post .post .comments p { font-size: 11px; } .block_post .post .comments a { font-size: 11px; color: #f78201; } .block_post .post .text { overflow: hidden; } .block_post .post .quote { padding: 25px 0px 20px 50px; overflow: hidden; background: url(../images/icon_quote.png) no-repeat 0px 29px; } .block_post .post .quote p { color: #a6a6a6; font-style: italic; } .block_post .block_social_main { padding-top: 34px; float: right; } .block_post .tags_bottom { padding-top: 34px; float: left; overflow: hidden; } .block_post .about_author { padding-top: 31px; overflow: hidden; } .block_post .about_author h2 { margin-bottom: 20px; } .block_post .about_author .content { padding: 11px 12px; overflow: hidden; background-color: #fcfcfc; border: 1px solid #ededed; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .block_post .about_author .content .pic { width: 68px; padding: 3px; float: left; overflow: hidden; background-color: #ffffff; border: 1px solid #e9e9e9; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #c3c3c3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 1px #ebebeb; -webkit-box-shadow: 0px 1px 1px #ebebeb; box-shadow: 0px 1px 1px #ebebeb; position: relative; } .block_post .about_author .content .text { width: 520px; float: right; overflow: hidden; } .block_post .about_author .content .text h3 { margin-bottom: 5px; font-size: 14px; color: #333; font-weight: bold; } .block_post .about_author .content .text h3 a { font-size: 14px; color: #333; font-weight: bold; } .block_post .about_author .content .text .position { padding-bottom: 6px; color: #616161; } .block_post .about_author .content .text .position a { color: #00718f; } .block_post .post_comments { padding-top: 24px; overflow: hidden; } .block_post .post_comments h2 { } .block_post .post_comments .comment { margin-top: 20px; overflow: hidden; } .block_post .post_comments .comment .comment { margin-left: 95px; padding-left: 13px; border-left: 1px solid #ededed; } .block_post .post_comments .comment .pic { width: 68px; margin-right: 15px; padding: 3px; float: left; overflow: hidden; background-color: #ffffff; border: 1px solid #e9e9e9; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #c3c3c3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 1px #ebebeb; -webkit-box-shadow: 0px 1px 1px #ebebeb; box-shadow: 0px 1px 1px #ebebeb; position: relative; } .block_post .post_comments .comment .text { overflow: hidden; } .block_post .post_comments .comment .text h3 { margin-bottom: 7px; font-size: 13px; color: #333; font-weight: bold; } .block_post .post_comments .comment .text h3 a { font-size: 13px; color: #333; font-weight: bold; } .block_post .post_comments .comment .text a { color: #00718f; } .block_post .post_comments .comment .text .date { padding-bottom: 13px; color: #8d8c8c; } .block_post .form_comment { padding-top: 45px; overflow: hidden; } .block_post .form_comment h2 { margin-bottom: 19px; } .block_post .form_comment .form { margin-left: -12px; overflow: hidden; } .block_post .form_comment .form .field { width: 202px; height: 25px; margin-left: 12px; float: left; overflow: hidden; position: relative; background: url(../images/bg_text_field_3.png) no-repeat; } .block_post .form_comment .form .field span { width: 180px; display: block; position: absolute; left: 16px; top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #acacac; cursor: text; } .block_post .form_comment .form .field input { width: 180px; height: 17px; line-height: 17px; margin-left: 15px; margin-top: 4px; display: none; background-color: transparent; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #acacac; } .block_post .form_comment .form .textarea { width: 630px; height: 96px; margin-left: 12px; overflow: hidden; background: url(../images/bg_textarea_1.png) no-repeat; } .block_post .form_comment .form .textarea textarea { width: 610px; height: 85px; margin-left: 10px; margin-top: 4px; overflow: auto; background-color: transparent; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #acacac; } .block_post .form_comment .form .main_button_1 { width: 115px; height: 24px; padding-bottom: 4px; float: right; cursor: pointer; } .block_post .form_comment .form .cl { margin-bottom: 9px; } .block_location { overflow: hidden; } .block_location h2 { margin-bottom: 14px; } .block_location p { line-height: 16px; } .block_location .map_wrapper { margin-top: 32px; padding-bottom: 2px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_location .map_wrapper .map { padding: 4px 5px 5px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e5eae5; border-right: 1px solid #e5eae5; border-top: 1px solid #f7f7f7; text-align: center; } .block_contact { overflow: hidden; } .block_contact h2 { margin-bottom: 15px; } .block_contact a { color: #00718f; } .block_contact .corp_info { padding-left: 26px; padding-bottom: 6px; background: url(../images/icon_corp_info.png) no-repeat 2px 0px; } .block_contact .phone { padding-left: 26px; padding-bottom: 6px; background: url(../images/icon_phone.png) no-repeat 1px 1px; } .block_contact .fax { padding-left: 26px; padding-bottom: 6px; background: url(../images/icon_fax.png) no-repeat 0px 0px; } .block_contact .mail { padding-left: 26px; background: url(../images/icon_mail.png) no-repeat 0px 2px; } .block_feedback { width: auto; } .block_feedback h2 { margin-bottom: 19px; } .block_feedback .field { width: 452px; height: 25px; margin-bottom: 13px; overflow: hidden; position: relative; background: url(../images/bg_text_field_4.png) no-repeat; } .block_feedback .field span { width: 430px; display: block; position: absolute; left: 16px; top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #acacac; cursor: text; } .block_feedback .field input { width: 430px; height: 17px; line-height: 17px; margin-left: 10px; margin-top: 2px; text-indent: 5px; display: none; background-color: transparent; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #acacac; padding: 2px 0; } .block_feedback .textarea { width: 452px; height: 114px; margin-bottom: 13px; overflow: hidden; position: relative; background: url(../images/bg_textarea_2.png) no-repeat; } .block_feedback .textarea span { width: 430px; height: 95px; display: block; position: absolute; left: 16px; top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #acacac; cursor: text; } .block_feedback .textarea textarea { width: 430px; height: 95px; margin-left: 10px; margin-top: 9px; overflow: auto; background-color: transparent; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #acacac; } .block_feedback .main_button_1 { width: 109px; height: 24px; margin-right: 8px; padding-bottom: 4px; float: right; cursor: pointer; } .block_feedback table td { padding-left: 0; padding-right: 0} .block-feedback label {} .block_thanks { padding-bottom: 200px; overflow: hidden; } .block_thanks h2 { margin-bottom: 14px; } .block_thanks p { line-height: 16px; } .block_thanks .pic { margin-right: 17px; padding-top: 4px; float: left; overflow: hidden; } .block_thanks .text { overflow: hidden; } /* footer styles */ #footer { overflow: hidden; font-size: 12px; } #footer h6 { font-size: 12px; font-weight: bold; } #footer_ad { background: #374248; padding: 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; min-height:64px} #footer_ad #footer_ad_text { margin-top: 22px; font-size: 2em; letter-spacing: 1px; color: white !important; text-shadow: 1px 1px 0 #161A1D; font-family: museo-sans,sans-serif; font-weight: 100; padding-left: 15px; } #footer_ad_link { background-color: #99CC33; color: #ffffff; font-size: 1.9em; font: Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 9px 8px; position: relative; display: inline-block; border: solid 2px #517609; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0 0; border-color: transparent; float: right; text-shadow: 1px 1px 0 #6EA120; } #footer_ad_link:hover { background-color: #8ab82e; } #footer_ad_link em {color: #517609; font-size: 13px; margin: 0 0 10px 0; text-shadow: none; font-style: normal; display: block; padding: 0 5px 0 0; } #footerCopyright { background: #F6F7F4; border-top: #E1E1E1 1px solid; border-bottom: #00728f 5px solid; } #footerCopyright a { color: #878787; font-weight: bold; } #footerCopyright a:hover { color: #BABABA; font-weight: bold; } .greyline {border-top-color: #e0e0e0;border-top-style: solid;border-top-width: 1px;} .block_benefits .header { padding-top: 30px; font-family: museo-sans,sans-serif; font-weight: 100; font-size: 22px; color: #374248; line-height: 24px; } .block_benefits p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #616161; width: 225px; } .block_benefits img { padding-top: 30px; } .block_twitts { height: 63px; overflow: hidden; background: #00718f; border-bottom: 1px solid #fff; border-top: 2px #f1f1f1 solid inset; } .block_twitts .text { width: 740px; height: 63px; padding-left: 58px; float: left; overflow: hidden; background: url(../images/icon_twitter_big.png) no-repeat 0px 19px; } .block_twitts .text p { padding-top: 18px; font-family: "DroidSerif" , Georgia, "Times New Roman" , Times, serif; font-size: 13px; color: #fff; font-style: italic; } .block_twitts .text a { font-size: 13px; font-style: italic; font-weight: bold; color: #fff; } .block_twitts .button { padding-top: 19px; float: right; overflow: hidden; } .block_twitts .button .main_button_2 { float: left; } .block_footer_content { padding: 0px 0px 2px; overflow: hidden; background: #efefef; } .block_footer_content .inner { padding-bottom: 28px; overflow: hidden; } .block_footer_content .col_1 { width: 225px; padding-top: 18px; float: left; overflow: hidden; } .block_footer_content .col_1 p { color: #7f7f7f; line-height: 18px; } #logo_bottom { padding-bottom: 16px; overflow: hidden; } .block_footer_content a { color: #878787; } .block_footer_content a:hover { color: #bababa; } .block_footer_content .col_2 { width: 260px; margin-left: 33px; padding-top: 21px; float: left; overflow: hidden; } .block_footer_content .col_2 h2 { margin-bottom: 20px; } .block_footer_content .col_2 .line_2 { margin-top: 9px; margin-bottom: 7px; clear: both; } .block_popular_post { padding-bottom: 0px; overflow: hidden; } .block_popular_post .pic_wrapper { width: 69px; padding: 2px 0px; float: left; overflow: hidden; background: url(../images/bg_block_pic_1.png) repeat-x bottom; } .block_popular_post .pic { padding: 3px; overflow: hidden; background-color: #ffffff; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .block_popular_post .text { width: 180px; float: right; overflow: hidden; } .block_popular_post .text p { color: #909090; line-height: 15px; } .block_popular_post .text .date { padding-left: 20px; padding-top: 7px; background: url(../images/icon_calendar.png) no-repeat 0px 8px; font-size: 11px; color: #f78201; } .block_footer_content .col_3 { width: 160px; margin-left: 40px; padding-top: 21px; float: left; overflow: hidden; } .block_footer_content .col_3 h2 { margin-bottom: 20px; } .block_footer_content .col_3 p { color: #909090; } .block_footer_content .col_3 a { color: #909090; } .block_footer_content .col_3 .line_2 { margin-top: 8px; margin-bottom: 7px; } .block_footer_content .col_3 .list { padding-left: 15px; background: url(../images/arrow_footer.gif) no-repeat 1px 4px; } .block_footer_content .col_4 { width: 180px; margin-left: 40px; padding-top: 21px; float: left; overflow: hidden; } .block_footer_content .col_4 h2 { margin-bottom: 20px; } .block_footer_content .col_4 p { color: #909090; } .block_footer_content .col_4 .line_2 { margin-top: 8px; margin-bottom: 7px; } .block_footer_content .col_4 .list { padding-left: 15px; background: url(../images/arrow_footer.gif) no-repeat 1px 4px; } .block_bottom { overflow: hidden; background: #f6f7f4; padding-bottom: 10px; border-top: #e1e1e1 1px solid; border-bottom: #00718f 5px solid; } /* height: 58px; */ .block_copyrights { float: left; overflow: hidden; width: 960px;} .block_copyrights div { padding-top: 10px;} .block_copyrights p { color: #878787; font-size: 12px; margin: 0; padding-top: 4px; } .block_copyrights a { color: #878787; font-weight: bold; } .block_copyrights a:hover { color: #bababa; font-weight: bold; } .block_social_bottom { padding-top: 17px; float: right; overflow: hidden; } .block_social_bottom a { height: 18px; display: block; float: left; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/sprite_social_1.png); text-indent: -9000px; } .block_social_bottom a.twitter { width: 20px; background-position: -24px 0px; } .block_social_bottom a.twitter:hover { background-position: -24px -18px; } .block_social_bottom a.su { width: 19px; margin-left: 7px; background-position: -52px 0px; } .block_social_bottom a.su:hover { background-position: -52px -18px; } .block_social_bottom a.vimeo { width: 17px; margin-left: 8px; background-position: -79px 0px; } .block_social_bottom a.vimeo:hover { background-position: -79px -18px; } .block_social_bottom a.facebook { width: 17px; margin-left: 8px; background-position: -104px 0px; } .block_social_bottom a.facebook:hover { background-position: -104px -18px; } .block_social_bottom a.skype { width: 17px; margin-left: 8px; background-position: -129px 0px; } .block_social_bottom a.skype:hover { background-position: -129px -18px; } /* columns styles */ .block_one_column { overflow: hidden; } .block_two_columns { overflow: hidden; } .block_two_columns .column_1 { width: 460px; overflow: hidden; } .block_two_columns .column_2 { width: 445px; overflow: hidden; } .block_two_columns .column_3 { width: 635px; overflow: hidden; } .block_two_columns .column_4 { width: 295px; overflow: hidden; } .block_two_columns .column_5 { width: 620px; overflow: hidden; } .block_two_columns .column_6 { width: 280px; overflow: hidden; } .block_three_columns_type_1 { margin-left: -27px; overflow: hidden; } .block_three_columns_type_1 .column { width: 298px; margin-left: 24px; float: left; overflow: hidden; } .block_three_columns_type_2 { margin-left: -18px; overflow: hidden; } .block_three_columns_type_2 .column_narrow { width: 222px; margin-left: 18px; float: left; overflow: hidden; } .block_three_columns_type_2 .column_wide { width: 462px; margin-left: 18px; float: left; overflow: hidden; } .block_four_columns_type_1 { margin-left: -18px; overflow: hidden; } .block_four_columns_type_1 .column { width: 222px; margin-left: 18px; float: left; overflow: hidden; } /* info boxes styles */ .block_information { padding: 16px 30px 15px 46px; overflow: hidden; position: relative; border: 1px solid #cedeef; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebf5ff), to(#cbe5ff)); background: -webkit-linear-gradient(#ebf5ff, #cbe5ff); background: -moz-linear-gradient(#ebf5ff, #cbe5ff); background: -ms-linear-gradient(#ebf5ff, #cbe5ff); background: -o-linear-gradient(#ebf5ff, #cbe5ff); background: linear-gradient(#ebf5ff, #cbe5ff); -pie-background: linear-gradient(#ebf5ff, #cbe5ff); } .block_information p { font-size: 13px; color: #3c3c3c; } .block_information a.close { width: 11px; height: 11px; display: block; position: absolute; right: 14px; top: 18px; text-indent: -9000px; } .block_information .icon { overflow: hidden; position: absolute; left: 14px; top: 14px; } .block_warning { padding: 16px 30px 15px 46px; overflow: hidden; position: relative; border: 1px solid #e5deb7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff7dd), to(#fff2cc)); background: -webkit-linear-gradient(#fff7dd, #fff2cc); background: -moz-linear-gradient(#fff7dd, #fff2cc); background: -ms-linear-gradient(#fff7dd, #fff2cc); background: -o-linear-gradient(#fff7dd, #fff2cc); background: linear-gradient(#fff7dd, #fff2cc); -pie-background: linear-gradient(#fff7dd, #fff2cc); } .block_warning p { font-size: 13px; color: #3c3c3c; } .block_warning a.close { width: 11px; height: 11px; display: block; position: absolute; right: 14px; top: 18px; text-indent: -9000px; } .block_warning .icon { overflow: hidden; position: absolute; left: 14px; top: 12px; } .block_error { padding: 16px 30px 15px 46px; overflow: hidden; position: relative; border: 1px solid #f0bfba; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe1e1), to(#ffcac4)); background: -webkit-linear-gradient(#ffe1e1, #ffcac4); background: -moz-linear-gradient(#ffe1e1, #ffcac4); background: -ms-linear-gradient(#ffe1e1, #ffcac4); background: -o-linear-gradient(#ffe1e1, #ffcac4); background: linear-gradient(#ffe1e1, #ffcac4); -pie-background: linear-gradient(#ffe1e1, #ffcac4); } .block_error p { font-size: 13px; color: #3c3c3c; } .block_error a.close { width: 11px; height: 11px; display: block; position: absolute; right: 14px; top: 18px; text-indent: -9000px; } .block_error .icon { overflow: hidden; position: absolute; left: 14px; top: 13px; } .block_success { padding: 16px 30px 15px 46px; overflow: hidden; position: relative; border: 1px solid #d0e2c5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4fed8), to(#e0f1b8)); background: -webkit-linear-gradient(#f4fed8, #e0f1b8); background: -moz-linear-gradient(#f4fed8, #e0f1b8); background: -ms-linear-gradient(#f4fed8, #e0f1b8); background: -o-linear-gradient(#f4fed8, #e0f1b8); background: linear-gradient(#f4fed8, #e0f1b8); -pie-background: linear-gradient(#f4fed8, #e0f1b8); } .block_success p { font-size: 13px; color: #3c3c3c; } .block_success a.close { width: 11px; height: 11px; display: block; position: absolute; right: 14px; top: 18px; text-indent: -9000px; } .block_success .icon { overflow: hidden; position: absolute; left: 10px; top: 13px; } /* ------------------------- */ /* Block Info created by me */ /*------------------------ */ .alert_blue { padding: 14px 30px 15px 45px; background: url(../images/bg/notif-blue.png) no-repeat; color: #637699; } .alert_blue p { font-size: 13px; color: #637699; } .alert_blue a.close { width: 11px; height: 11px; display: block; margin-left: -25px; margin-top: -15px; text-indent: -9000px; color: #4f5e7a; } .alert_blue .icon { overflow: hidden; position: absolute; left: 14px; top: 14px; } .alert_purple { padding: 14px 30px 15px 45px; background: url(../images/bg/notif-purple.png) no-repeat; color: #6523ac; } .alert_purple p { font-size: 13px; color: #6523ac; } .alert_purple a.close { width: 11px; height: 11px; display: block; margin-left: -25px; margin-top: -15px; text-indent: -9000px; color: #6523ac; } .alert_purple .icon { overflow: hidden; position: absolute; left: 14px; top: 14px; } .alert_purple a { color: #6523ac; } .close { float: right; color: #000000; font-size: 20px; font-weight: bold; line-height: 13.5px; text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; } .close:hover { color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } .alert-message { position: relative; padding: 7px 15px; margin-bottom: 18px; color: #404040; background-color: #eedc94; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); background-image: -moz-linear-gradient(top, #fceec1, #eedc94); background-image: -ms-linear-gradient(top, #fceec1, #eedc94); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); background-image: -o-linear-gradient(top, #fceec1, #eedc94); background-image: linear-gradient(top, #fceec1, #eedc94); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #eedc94 #eedc94 #e4c652; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } .alert-message .close { margin-top: 1px; *margin-top: 0; } .alert-message a { font-weight: bold; color: #404040; } .alert-message.danger p a, .alert-message.error p a, .alert-message.success p a, .alert-message.info p a { color: #ffffff; } .alert-message h5 { line-height: 18px; } .alert-message p { margin-bottom: 0; } .alert-message div { margin-top: 5px; margin-bottom: 2px; line-height: 28px; } .alert-message .btn { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .alert-message.block-message { background-image: none; background-color: #fdf5d9; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .alert-message.block-message ul, .alert-message.block-message p { margin-right: 30px; } .alert-message.block-message ul { margin-bottom: 0; } .alert-message.block-message li { color: #404040; } .alert-message.block-message .alert-actions { margin-top: 5px; } .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .alert-message.block-message.error { background-color: #fddfde; border-color: #fbc7c6; } .alert-message.block-message.success { background-color: #d1eed1; border-color: #bfe7bf; } .alert-message.block-message.info { background-color: #ddf4fb; border-color: #c6edf9; } .alert-message.block-message.danger p a, .alert-message.block-message.error p a, .alert-message.block-message.success p a, .alert-message.block-message.info p a { color: #404040; } .btn-primary { background-color: #00718f !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f", endColorstr="#005b74"); background-image: -khtml-gradient(linear, left top, left bottom, from(#0093bb), to(#005b74)); background-image: -moz-linear-gradient(top, #0093bb, #00718f); background-image: -ms-linear-gradient(top, #0093bb, #00718f); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0093bb), color-stop(100%, #00718f)); background-image: -webkit-linear-gradient(top, #0093bb, #00718f); background-image: -o-linear-gradient(top, #0093bb, #00718f); background-image: linear-gradient(#0093bb, #00718f); border-color: #00718f #00718f hsl(193, 99%, 19.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); -webkit-font-smoothing: antialiased; } /*-------------------------------------------------------*/ /*------------------03 - FORM STYLE------------------*/ /*-------------------------------------------------------*/ /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } label { font-weight: normal; display: block; color: #666666; font-size: 14px; cursor: pointer;} input[type=text], input[type=password], input.text, input.title, textarea, select { background-color: #FFF; border: 1px solid #ccc; font-size: 13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0px 3px #ccc inset; -webkit-box-shadow: 0 0px 3px #ccc inset; box-shadow: 0 0px 3px #ccc inset; outline: none;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus { border-color: #00718f; -moz-box-shadow: 0 0px 3px #00718f inset; -webkit-box-shadow: 0 0px 3px #00718f inset; box-shadow: 0 0px 3px #00718f inset; color: #00718f; font-size: 13px; outline: none;} input[type=text], input[type=password], input.text, input.title, textarea { margin: 5px 0; outline: none;} select { margin: 5px; outline: none;height: 34px;padding: 8px;} input.placeholder, textarea.placeholder { font-family: Arial, Helvetica, sans-serif; font-style: normal; color: #979797; font-size: 13px; } input.text, input.title { width: 200px; padding: 8px; outline: none;} input.title { font-size: 1.5em; } .caption { z-index: 500; position: absolute; bottom: 0px; left: 0; height: 30px; padding: 10px 20px 15px 20px; background: url(http://www.williampaid.com/content/images/thumb-hover-bg.png) repeat; margin-bottom: 5px; width: 596px; font-size: 12px; color: #fff; border-top: 1px solid #000; text-shadow: none; } .caption p { margin-bottom: 0; font-style: italic; } fieldset { border: solid 0px white; } .editor-field, .editor-label { margin: 5px 0; } /* * Remove inner padding and border in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .horizontal-line { width: 100%; margin: 10px auto; float: left; border-top: 1px solid #efefef; } .getwilly {font-family: museo-sans,sans-serif; font-weight: 100; font-variant: normal; white-space: normal; color: #374248; margin-bottom: 10px; font-size: 29px; line-height: 30px; } .features { margin-top: 275px; color: #fff; font-size: 40px; line-height: 40px; text-align: center; font-weight: 100;} .benefits { margin-top: 15px; } .benefits-line { width: 100%; margin: 15px auto; border-top: 1px solid #eaeaea; } .benefits h1 { font-size: 18px; font-weight: 700; margin-top: 20px;} .benefits p { font-size: 14px; font-weight: normal; line-height: 20px;} .benefits img { margin-left: 0; margin-right: 0px; margin-top: 0px;} .benefits .right h2 { font-size: 14px; weight: 700;} .clear { clear: both; } .rc { display: inline; margin: 0 10px 0 5px; font-size: 13px; } /*My section*/ .nav { font-weight: normal; margin-top: 0; vertical-align: middle; margin-left: 10px; } #mynav { border: solid 1px #e0e0e0; margin-left: 0px; } /* removed for now: -moz-box-shadow: 0 0px 3px #ccc; -webkit-box-shadow: 0 0px 3px #ccc; box-shadow: 0 0px 3px #ccc; */ #mynav .nav-button { font-size: 10px; margin: 0 0; cursor: pointer; height: 32px; padding: 14px 17px 4px 17px; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; } #mynav .nav-button:hover { background: #d4e5f4; border-top: 1px solid #d4e5f4; border-bottom: 1px solid #d4e5f4; -webkit-transition: all 1.0s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } #mynav .nav-button h2 { margin: -4px 0 0 37px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: 700;} #mynav .nav-button p { margin: 0px 0 0 50px; line-height: 1.5em; font-size: 9px; } #mynav .nav-button img { float: left; margin: 0 0 0 0; } #mynav .alternate { background: #f8f8f8; } #mynav .selected { background: #f8f8f8 url(../../content/images/icons/dash/select-img.png) 0 10px no-repeat; margin: 0px 0 0px 0; -webkit-transition: all 1.0s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } #mynav .selected:hover { background: #d4e5f4 url(../../content/images/icons/dash/select-img.png) 0 10px no-repeat; border-left: inset thick solid #00718f; border-top: 1px solid #d4e5f4; } #mynav .selected h2 { } .credit { background: #fff; border: 1px solid #ccc; font-size: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0px 3px #ccc inset; -webkit-box-shadow: 0 0px 3px #ccc inset; box-shadow: 0 0px 3px #ccc inset; padding: 3px 10px 3px 11px; vertical-align: middle; margin-top: -3px; } #right_table tr td { padding: 10px 0 10px 5px; } .slider { width: 49px; height: 18px; margin-top: 7px; background: url(../../content/images/sliders/slide.png) no-repeat 0 0; } .slideron { width: 49px; height: 18px; margin-top: 7px; background: url(../../content/images/sliders/slide_on.png) no-repeat 0 0; } /*.slideron:hover { width: 49px; height: 18px; background: url(../../content/images/sliders/slide.png) no-repeat 0 0; }*/ .notif-purple { background: #c06fee url(http://www.williampaid.com/content/images/bg/notif-texture.png) repeat; padding: 15px 0 15px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .rtable { border: solid 1px #F0F0F0; font-size: 13px; text-align: left; margin: 20px 0 0 0; } .rtable td, .rtable th { vertical-align: middle; padding: 4px 8px 6px 8px; } .rtable th { padding: 8px; background: #f1f1f1; color: #00718f; } .rtable th a { color: #fff; text-decoration: underline; } .rtable th a:hover, .rtable tbody a:hover { color: #C9DAF9; text-decoration: underline; background: transparent; } .rtable tbody td, .rtable th td, .rheader th { border-left: thin solid #f1f1f1; border-right: thin solid #f1f1f1; border-bottom: thin solid #f1f1f1; text-align: left; } .rightalign { text-align: right !important; } .rcell { border-right: 1px solid #fff; } .r0 td { background-color: #ffffff; } .rs td { background-color: #C9DAF9; } .r1 td { background-color: #e1e1e1; } .rfooter td { background-color: #C6DBF7; font-size: 10px; font-family: verdana; } #right_table * { font-size: 14px; font-weight: bold; } #right_table tr td { margin-left: 10px; } /* Notifications */ .notification { display: block; clear: both; font-size:11px; padding: 6px 6px 6px 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid; color: #646464; background-position: 10px 12px; background-repeat: no-repeat; margin: 10px 0; text-align: left; } .notification p {font-size:11px; margin-top:0;margin-bottom:4px} .close-notification { float: right; text-decoration: none; color: #737373; position: relative; top: -10px; right: -2px; } .close-notification:hover { color: #00718f; } .notification.error { background: #f2d4ce url('../images/notifications/sad.png') no-repeat 5px 6px; border-color: #ae432e; } .notification.success { background-color: #d9e6c3; background-image: url('../images/notifications/icon_notification_success.png'); border-color: #77ab13; } .notification.success strong { color: #69990f; } .notification.attention { background-color: #faf6d4; background-image: url('../images/notifications/icon_notification_attention.png'); border-color: #e6c26e; } .notification.attention strong { color: #be8007; } .notification.information { background-color: #cee6f2; background-image: url('../images/notifications/icon_notification_information.png'); border-color: #058dc7; } .notification.information strong { color: #0576a6; } .notification.note { background-color: #f2f2f2; background-image: url('../images/notifications/icon_notification_note.png'); border-color: #d1d1d1; } .notification.note strong { color: #737373; } /* My Dashboard Buttons */ .button-dash { float: left; padding-bottom: 20px; clear: both; } a.buttonz { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 3px 8px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #dcdcdc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 11px; } a.buttonz:hover { color: #00718f; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.buttonz-dash { color: #fff; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 1px 5px; position: relative; display: inline-block; text-shadow: none; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #00718f; border: solid 1px #3e8fbc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 10px; } a.buttonz-dash:hover { color: #fff; border-color: #2b6483; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.buttonz-credit { color: #00718f; font: bold 24px Helvetica, Arial, sans-serif; text-decoration: none; padding: 10px 5px 5px 14px; position: relative; display: inline-block; text-shadow: none; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #fff; border: solid 1px #ccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 10px; margin-top: -1px;} a.buttonz-credit:hover { color: #00718f; border-color: #2b6483; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.buttonz:active { color: #000; border-color: #444; } a.left { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; margin: 0px; } a.middle { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-left: solid 1px #f3f3f3; margin: 0; border-left: solid 1px rgba(255, 255, 255, 0); } a.middle:hover, a.right:hover { border-left: solid 1px #999; } a.right { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; border-left: solid 1px #f3f3f3; border-left: solid 1px rgba(255, 255, 255, 0); } a.big { font-size: 16px; padding: 10px 15px; } a.supersize { font-size: 20px; padding: 15px 20px; } a.save { background: url(http://www.williampaid.com/content/styles/sprite.png) 10px 7px no-repeat #f3f3f3; padding-left: 30px; } a.add { background: url(http://www.williampaid.com/content/styles/sprite.png) 10px -27px no-repeat #f3f3f3; padding-left: 30px; } a.delete { background: url(http://www.williampaid.com/content/styles/sprite.png) 10px -61px no-repeat #f3f3f3; padding-left: 30px; } a.flag { background: url(http://www.williampaid.com/content/styles/sprite.png) 10px -96px no-repeat #f3f3f3; padding-left: 30px; } a.up { background: url(http://www.williampaid.com/content/styles/sprite.png) 13px -133px no-repeat #f3f3f3; width: 18px; } a.down { background: url(http://www.williampaid.com/content/styles/sprite.png) 13px -168px no-repeat #f3f3f3; width: 18px; } a.save-big { background: url(http://www.williampaid.com/content/styles/sprite.png) 15px 11px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.add-big { background: url(http://www.williampaid.com/content/styles/sprite.png) 15px -23px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.delete-big { background: url(http://www.williampaid.com/content/styles/sprite.png) 15px -57px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.flag-big { background: url(http://www.williampaid.com/content/styles/sprite.png) 15px -92px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.up-big { background: url(http://www.williampaid.com/content/styles/sprite.png) 15px -128px no-repeat #f3f3f3; width: 18px; font-size: 16px; padding: 10px 15px; } a.down-big { background: url(http://www.williampaid.com/content/styles/sprite.png) 15px -163px no-repeat #f3f3f3; width: 18px; font-size: 16px; padding: 10px 15px; } a.buttonz-last { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 2px 8px; position: relative; display: inline-block; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #dcdcdc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0 0px; } a.buttonz-last:hover { color: #00718f; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.buttonz-blue { background-color: #00718f; color: #fff; font: bold Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 3px 8px; position: relative; display: inline-block; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#00718f),to(#3881a9)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#00718f),to(#3881a9)); border: solid 1px #256090; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0 0; border-color: transparent; } a.buttonz-blue:hover { color: #fff; border-color: #317296; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#00718f),to(#2b6483)); background-color: #4196c5; } a.buttonz-red { background-color: #D14836; color: #fff; font: bold Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 3px 8px; position: relative; display: inline-block; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#dd4b39),to(#d14836)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#dd4b39),to(#d14836)); border: solid 1px #256090; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0 0; border-color: transparent; } a.buttonz-red:hover { color: #fff; border-color: #b0281a; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#dd4b39),to(#c53727)); background-color: #D14836; } a.buttonz-lout { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 3px 8px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #c3564a; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 11px; } a.buttonz-lout:hover { color: #00718f; border-color: #913a30; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.buttonz-pay { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 3px 8px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #00718f; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 11px; } a.buttonz-pay:hover { color: #00718f; border-color: #317296; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.buttonz-promo { background-color: #99CC33; color: #ffffff; font-size: 22px; font: Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 9px 8px; position: relative; display: inline-block; border: solid 2px #517609; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0 0; border-color: transparent; float: right; text-shadow: 1px 1px 0 #6EA120; text-align: center; } a.buttonz-promo:hover { background-color: #8ab82e; border: solid 2px #5b7722; color: #ffffff; font-size: 22px; font: bold Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 9px 8px; position: relative; display: inline-block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0 0; border-color: transparent; float: right; } a.buttonz-promo em {color: #517609; font-size: 0.55em; margin-bottom: 0.1em; margin-left: 0; margin-right: 0; margin-top: 0; text-shadow: none; font-style: normal; display: block; padding-top: 6px; padding-left: 5px; padding-right: 5px; text-align: center;} a.buttonz-orange { background-color: #d17544; color: #fff; font: bold Helvetica, Arial, sans-serif; text-decoration: none; padding: 5px 7px 3px 8px; position: relative; display: inline-block; border: solid 1px #256090; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0 0; border-color: transparent; } a.buttonz-orange:hover { color: #fff; border-color: #a15228; background-color: #ca6732; } /*.loginbox { background: #ffffff url(../images/forms/login.png) no-repeat 8px 11px; padding-left:24px !important; } .passbox { background: #ffffff url(../images/forms/pass.png) no-repeat 8px 10px; padding-left:24px !important; }*/ /* tooltip styling. by default the element to be styled is .tooltip */ .tooltip { display:none; background:transparent url(../images/tooltip/tip-top.png); font-size:11px; width:105px; padding: 12px 2px 4px 8px; color:#fff; text-align:center; font-weight:bold;} .tooltiptop {display:none ;background:transparent url(../images/tooltip/tip-bottom.png); font-size:12px; height:9px;width:95px; padding: 12px 2px 4px 10px; color: #fff; text-align:center;font-weight:bold; } .LV_invalid { color:red;} .LV_invalid_field, input.LV_invalid_field, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid red; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0px 3px pink inset; -webkit-box-shadow: 0 0px 3px pink inset; box-shadow: 0 0px 3px pink inset; } #notifications {position:absolute;height:10px;font-size:10px;font-weight:bold;color:White;padding:1px 6px 10px 6px;margin:-6px 68px;z-index:99; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 2px rgba(54, 154, 239, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 2px rgba(54, 154, 239, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8); -o-box-shadow: 0px 0px 2px rgba(54, 154, 239, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0px 0px 2px rgba(54, 154, 239, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 2px rgba(54, 154, 239, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8); } .g {background:green} .r {background:red} .orange > span {background-color: #f1a165; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(top, #f1a165, #f36d0a); background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -ms-linear-gradient(top, #f1a165, #f36d0a); background-image: -o-linear-gradient(top, #f1a165, #f36d0a);} .red > span { background-color: #f0a3a3; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323)); background-image: -webkit-linear-gradient(top, #f0a3a3, #f42323); background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); background-image: -ms-linear-gradient(top, #f0a3a3, #f42323); background-image: -o-linear-gradient(top, #f0a3a3, #f42323); } #box { position: relative; width: 60%; background: #ddd; -moz-border-radius: 4px; border-radius: 4px; padding: 2em 1.5em; color: rgba(0,0,0, .8); text-shadow: 0 1px 0 #fff; line-height: 1.5; margin: 60px auto; } #box:before, #box:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #box:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .image-wrap { position:relative; } .image-thumb { height:400px; /*set this to the size of your image*/ width:600px; /*set this to the size of your image*/ z-index: 1; position: relative;} .thumb-shadow { position: absolute; top: 0; left: 0; height:400px; /*this must be the same as declared above*/ width:600px; /*this must be the same as declared above*/ z-index: 0; } /*shadow*/ .image-shadow:after { content: ''; position: absolute; background: #828282; width: 98%; height: 4px; bottom:3px; right: 2px; z-index: -1; -webkit-transform: rotate(2deg); box-shadow: 0 2px 5px #828282; } .image-shadow:before { content: ''; position: absolute; background: #828282; width: 95%; height: 4px; bottom:3px; left: 2px; z-index: -1; -webkit-transform: rotate(-2deg); box-shadow: 0 2px 5px #828282; } /*end shadow*/ .preloader{ width:100%; height:100%; background:transparent url(http://www.williampaid.com/content/styles/i/throbber.gif) no-repeat scroll center center; text-align:center; text-indent:-999em; } /* The Event */ #event{ height:640px; position:relative; } #event img{ display:none; position:absolute; top:0px; left:0px; } /* Event Paging */ #prev-page, #next-page, span.prev-event a, span.next-event a { width:60px; height:100px; background:#666 url(../images/rent/bg-left-arrow.png) no-repeat scroll center center; background-color:rgba(255,255,255,0.7); position:absolute; top:125px; left:0px; text-indent:-999em; opacity:0.6; } #next-page, span.next-event a { background-image:url(../images/rent/bg-right-arrow.png); left:auto; right:0; } #prev-page:hover, #next-page:hover, span.prev-event a:hover, span.next-event a:hover { opacity:1; background-color:#555; background-color:rgba(255,255,255,.7); } /* ============================================================================= PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ .sm { margin: 8px 0; font-size: 10px; color: Gray; } } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ .sm { margin: 8px 0; font-size: 10px; color: Gray; } } .shadowbox {border: 1px solid #a6a6a6 !important; -moz-box-shadow: 0 0 6px #ccc !important; -webkit-box-shadow: 0 0 6px #ccc !important;box-shadow: 0 0 6px #ccc !important;} input.error, select.error { border-color: red !important; } label.error { display:none !important } #footer .callout { background: #374248; padding: 10px 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #FFFFFF; font-weight: 100; margin-left: 0; margin-right: 0; } #footer .callout h1 { margin-top: 22px; font-size: 26px; letter-spacing: 1px; color: #fff; text-shadow: 1px 1px 0 #161a1d; font-family: museo-sans,sans-serif; font-weight: 100; padding-left: 15px; } #footer .callout h1 a { font-size: 24px; letter-spacing: 1px; text-align: center; color: #00718f; text-shadow: 1px 1px 0 #161a1d; font-family: museo-sans,sans-serif; font-weight: 100; } #footer .callout h1 a:hover { margin-top: 22px; font-size: 24px; letter-spacing: 1px; text-align: center; color: #00718f; text-decoration: underline; text-shadow: 1px 1px 0 #161a1d; font-family: museo-sans,sans-serif; font-weight: 100; } #footer .nav { margin-top: 8px; } #footer .nav a { font-size: 12px; font-weight: bold; padding-bottom: 15px; padding-left: 8px; padding-right: 8px; padding-top: 5px; color: #374248; float: left; } #footer .nav a:first-child { padding-left: 0; margin-left:-8px } #footer .nav a:hover { color: #878787; } #footer .nav-t a { font-size: 12px; float: left; font-weight: bold; padding-bottom: 0; padding-left: 8px; padding-right: 8px; padding-top: 5px; color: #878787; } #footer .nav-t a:hover { color: #374248; } #tinylogin p { font-size: 12px; } .features_navigation { } .features_navigation li { padding: 3px 23px 5px 5px; } .features_navigation * a { font-size: 13px; color: #6e6e6e; } .features_navigation * a:hover { font-size: 13px; color: #333; text-decoration: none !important; } .login { } .tipbot{} .field-validation-valid{} .loginbox{} .passbox{} .right-side h3 { font-weight: bold; } /* CORE items for partial views */ .phone_areacode { width: 27px;} .phone_exchange { width: 27px;} .phone_subscriber { width: 36px;} .name_first { width: 206px;} .name_middle { width: 206px;} .name_last { width: 206px;} .address_unit {width:40px;} .address_state {width:65px;height: 30px;padding: 5px; margin:0} .address_postalcode {width:40px;} .number-list { margin-top: 10px;} .number-list li { list-style: decimal;margin-left: 10px;}