/* ------------------------------------------------------------------------------------------------------------ Theme Name: Eptonic Theme URI: http://themeforest.net/user/wpscientist Description: Eptonic WordPress theme Author: WPScientist Author URI: http://themeforest.net/user/wpscientist Version: 1.4 ------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------------------------------------------- 1.0 CSS Reset & Basic Styling ---------------------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;} body { font-family: "Droid Sans"; font-size:15px; line-height:22px; color:#545454; } p, ul, ol, pre, table, h1, h2, h3, h4, h5 , h6, blockquote { margin-bottom:20px; } h1 { font-size:24px; line-height:34px; font-weight:bold; } h2 { font-size:22px; line-height:32px; font-weight:bold; } h3 { font-size:20px; line-height:30px; font-weight:bold; } h4 { font-size:18px; line-height:28px; font-weight:bold; } h5 { font-size:16px; line-height:26px; font-weight:bold; } h6 { font-size:16px; line-height:24px; font-weight:bold; margin-bottom:14px; } a { color:#008A00; text-decoration:none; } a:hover { text-decoration:underline; } small { font-size:11px; font-family:"Georgia"; color:#949494; } strong { font-weight:bold; } em, cite { font-style:italic; } blockquote { padding-left:40px; background:transparent url("images/quote.png") 0 0 no-repeat; } pre { padding:10px; border:1px dashed #ccc; background:#f3f3f3;} ul { list-style-type:disc; list-style-position:outside; padding-left:20px; } ol { list-style-type:decimal; list-style-position:inside; padding-left:20px; } table { width:100%; } td { border:0px solid #ddd; padding:0px 15px 0px 0px; } th { background:#ddd; padding:5px; border:1px solid #ddd; font-weight:bold; text-shadow:1px 1px 1px #fff; } table caption { background:#333; font-weight:bold; font-style:italic; color:#fff; padding:5px; font-family:"Droid Serif"; text-align:center; } input, textarea, select { background:#f8f8f8; border:1px solid #ccc; color:#545454; padding:10px; } input { width:50%; } textarea { width:80%; height:150px; } #header p, #header ul, #header ol, #header pre, #header table, #header h1, #header h2, #header h3, #header h4, #header h5 , #header h6 { margin-bottom:0; } /* ---------------------------------------------------------------------------- Float & Clear ---------------------------------------------------------------------------- */ .fleft { float:left; } .fright { float:right; } .clear { clear:both; } .col-clear:after{ content: "."; display: block;height: 0;clear: both; visibility: hidden; } .col-clear{ .zoom:1; } .wrap960 { width:960px; margin:0 auto; } /* ---------------------------------------------------------------------------- Header ---------------------------------------------------------------------------- */ #header { padding:50px 0; } #logo { float:left; } #navigation { float:right; } #navigation ul li { float:left; margin-left:40px; list-style-type:none; } #navigation ul li a { font-size:16px; line-height:13px; color:#545454; text-decoration:none; } #navigation ul li li a { line-height:16px; } #tagline { } #tagline .wrap960 { border-bottom:1px dashed #e9e9e9; padding-bottom:10px; } #tagline h2, #tagline h1 { font-family:"Georgia"; color:#444; font-size:24px; font-weight:normal; line-height:30px; margin-bottom:0; font-style:italic; } #breadcrumb { width:960px; margin:0 auto; padding:18px 0; border-bottom:1px dashed #e9e9e9; line-height:12px; color:#c9c9c9; } #breadcrumb ul, #breadcrumb li { margin:0; padding:0; } #breadcrumb ul li { float:left; display:block; margin-right:12px; } #breadcrumb a { color:#a7a7a7; } #breadcrumb a:hover { color:#2babb6; text-decoration:none; } #main { padding:50px 0; } /* ---------------------------------------------------------------------------- Footer ---------------------------------------------------------------------------- */ #footer { padding:50px 0; background:#f5f5f5 url("images/footer-bg.png") repeat-x; } #footer #footer-inner { width: 990px; margin-right: -30px; } /* ---------------------------------------------------------------------------- Blog⁄ ---------------------------------------------------------------------------- */ .post-entry h2.post-title a{ color:#545454; font-weight:normal; font-size:18px; text-decoration: none; } .post-entry h2.post-title a:hover { color: #2BABB6; } .post-entry h2.post-title { margin-bottom:0; } .post-entry .post-meta { font-size:11px; margin-bottom:6px; } .post-entry a img.wrapped.wp-post-image { margin-bottom: 10px; } #about-the-author img{ float:left; margin-right:15px; } #about-the-author div { overflow:hidden; } /* ---------------------------------------------------------------------------- Testimonials ---------------------------------------------------------------------------- */ ul.testimonials { margin:0; padding:0; background:transparent url("images/quote.png") 0 0 no-repeat; } ul.testimonials blockquote { padding-left:60; background-image:none; } ul.testimonials li { list-style-type:none; margin:0; padding:0; } /* ---------------------------------------------------------------------------- Comments ---------------------------------------------------------------------------- */ #comments ul { list-style-type:none; margin:0; padding:0; } #comments ul li { padding:0; margin:0; margin-bottom:40px; } #comments ul li .comment-author-avatar, #comments .author_gravatar { float:left; margin-right:10px; } #comments ul li .comment-main { overflow:hidden; } #comments ul li li { margin-top:40px; padding-left:70px; } /* ---------------------------------------------------------------------------- Portfolio ---------------------------------------------------------------------------- */ .portfolio-popup { } .portfolio-popup ul { margin:0; padding:0; list-style-type:none; } .portfolio-popup ul li{ display:block; float:left; width:240px; padding:20px; margin:0 20px; position:relative; } .portfolio-popup ul li img { display:block; padding: 4px; background-color: #ffffff; border: 1px solid #E6E6DA; } .portfolio-popup-info { position:absolute; background:#fff; top:0; left:0; right:0; bottom:0; border:1px solid #cecec3; padding:15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); zoom:1; opacity:0; z-index:500; } .portfolio-popup-info span { display:block; } .portfolio-popup-info-title, .portfolio-popup-info-description { margin-bottom:10px; } .portfolio-popup-info-title a{ font-size:20px; font-family:"Droid Sans"; text-decoration:none; color:#545454; } .portfolio-popup-info-actions { position:absolute; bottom:0; right:0; } .portfolio-popup-info-actions a { font-family:"Droid Sans"; text-transform:uppercase; text-decoration:none; padding:0 5px; line-height:20px; font-size:11px; font-weight:bold; } .portfolio-popup-info-actions a.portfolio-popup-info-more { background:#434343; color:white; display:inline-block; } .portfolio-listing { margin:0; padding:0; list-style-type:none; overflow:hidden; } .portfolio-listing li { padding:0; margin-top:40px; position:relative; } .portfolio-listing .portfolio-title { display:block; margin-top:10px; } .portfolio-listing .portfolio-title a { color:#545454; font-weight:bold; display:block; font-style:normal; } #portfolio-filter { padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #f0f0f0; } #portfolio-filter.type-buttons { border-bottom:0; margin-bottom:0px; } #portfolio-filter ul { margin:0; padding:0; } #portfolio-filter ul li { margin:0; padding:0; display:block; float:left; margin-right:20px; line-height:12px; } #portfolio-filter ul li a { color:#545454; } #portfolio-filter ul li.active a { font-weight:bold; } #portfolio-filter ul li#portfolio-filter-info { margin-left:20px; color:#9b9b9b; } a.lightbox-image, a.lightbox-video, a.lightbox-none { display:block; position:relative; } .lightbox-image span.overlay, .lightbox-video span.overlay, .lightbox-none span.overlay { display:block; position:absolute; top:6px; left:6px; right:6px; bottom:6px; background:transparent url("images/overlay-bg.png"); display:none; } .overlay-inner { position:absolute; bottom:0; right:0; width:20px; height:20px; background:transparent url("images/lightbox-none.png") no-repeat; } .lightbox-image .overlay-inner { background:transparent url("images/lightbox-image.png") no-repeat; } .lightbox-video .overlay-inner { background:transparent url("images/lightbox-video.png") no-repeat; } /* ---------------------------------------------------------------------------- Lightbox - PrettyPhoto - Skin ---------------------------------------------------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------------------------------------------------- Lightbox - PrettyPhoto - DON'T CHANGE ---------------------------------------------------------------------------- */ div.pp_pic_holder a:focus{outline:none;} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500;} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;} .pp_content{height:40px;min-width:40px;} * html .pp_content{width:40px;} .pp_content_container{position:relative;text-align:left;width:100%;} .pp_content_container .pp_left{padding-left:20px;} .pp_content_container .pp_right{padding-right:20px;} .pp_content_container .pp_details{float:left;margin:10px 0 2px;} .pp_description{display:none;margin:0 0 5px;} .pp_nav{clear:left;float:left;margin:3px 0 0;} .pp_nav p{float:left;margin:2px 4px;} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px;} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;} .pp_gallery ul{float:left;height:35px;overflow:hidden;position:relative;margin:0 0 0 5px;padding:0;} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden;} .pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;} .pp_gallery ul a img{border:0;} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0;} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important;} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;} a.pp_close{display:block;float:right;line-height:22px;text-indent:-10000px;} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px;} #pp_full_res{line-height:1!important;} #pp_full_res .pp_inline{text-align:left;} #pp_full_res .pp_inline p{margin:0 0 15px;} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* Hides from IE-mac \*/ .clearfix{display:block;} * html .clearfix{height:1%;} /* End hide from IE-mac */ .pp_top,.pp_bottom{height:20px;position:relative;} * html .pp_top,* html .pp_bottom{padding:0 20px;} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static;} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_fade,.pp_gallery li.default a img{display:none;} /* ---------------------------------------------------------------------------- Pagination ---------------------------------------------------------------------------- */ #pagination ul { padding:0; margin:0; } #pagination ul li { margin:0; padding:0; margin-right:6px; display:block; float:left; } #pagination ul li a{ display:block; line-height:12px; padding:5px; border:1px solid #dbdbdb; color:#545454; } #pagination ul li.current a { background:#333; border-color:black; color:#fff; } /* ---------------------------------------------------------------------------- Columns ---------------------------------------------------------------------------- */ .two-third { width:630px; } .one-half { width:465px; } .one-third { width:300px; } .one-fourth { width:217px; } .three-fourth { width:712px; } .two-third, .one-half, .one-third, .one-fourth, .three-fourth { display:block; float:left; margin-right:30px; } .two-third.last, .one-half.last, .two-third.last, .one-third.last, .two-third.last, .one-fourth.last, .two-third.last, .three-fourth.last { margin-right:0px; } /* ---------------------------------------------------------------------------- Buttons ---------------------------------------------------------------------------- */ button, a.button { display:inline-block; line-height:43px; padding:0 30px; border:1px solid #ddd; border-bottom-color:#ccc; color:#7a7a7a; background:transparent url("images/buttons/grey.png"); margin-right:15px; cursor:pointer; } button:hover, a.button:hover { text-decoration:none; background-image:url("images/buttons/grey-hover.png"); } a.button.black { background-image:url("images/buttons/black.png"); border-color:#4b4b4b; border-bottom-color:#3e3e3e; color:#fff; } a.button.black:hover { background-image:url("images/buttons/black-hover.png"); } a.button.orange { background-image:url("images/buttons/orange.png"); border-color:#ca5318; border-bottom-color:#af4410; color:#fff; } a.button.orange:hover { background-image:url("images/buttons/orange-hover.png"); } a.button.blue { background-image:url("images/buttons/blue.png"); border-color:#1085c8; border-bottom-color:#1473aa; color:#fff; } a.button.blue:hover { background-image:url("images/buttons/blue-hover.png"); } a.button.green { background-image:url("images/buttons/green.png"); border-color:#73b012; border-bottom-color:#6aa212; color:#fff; } a.button.green:hover { background-image:url("images/buttons/green-hover.png"); } a.button.purple { background-image:url("images/buttons/purple.png"); border-color:#9d5dd3; border-bottom-color:#7c41af; color:#fff; } a.button.purple:hover { background-image:url("images/buttons/purple-hover.png"); } a.button.pink { background-image:url("images/buttons/pink.png"); border-color:#c9287f; border-bottom-color:#b1226f; color:#fff; } a.button.pink:hover { background-image:url("images/buttons/pink-hover.png"); } a.button.red { background-image:url("images/buttons/red.png"); border-color:#bd253a; border-bottom-color:#b12222; color:#fff; } a.button.red:hover { background-image:url("images/buttons/red-hover.png"); } /* ---------------------------------------------------------------------------- Widgets ---------------------------------------------------------------------------- */ h6.widget-title { margin-bottom:10px; } #footer h6.widget-title { font-weight:normal; } .jw-slider-posts ul, .jw-slider-posts li { list-style-type:none; margin:0; padding:0; } .jw-slider-posts .previous, .jw-slider-posts .next { display:inline-block; height:10px; width:10px; background:transparent url("images/slider-posts-prev.png") no-repeat; margin-left:13px; } .jw-slider-posts .next { background:transparent url("images/slider-posts-next.png") no-repeat; } .posts-listing, .posts-listing li { margin:0; padding:0; list-style-type:none; } .posts-listing li { margin-bottom:12px; } .posts-listing li a:hover img { background:#4d4d4d; border-color:#4d4d4d; } .posts-listing li a { color:#545454; } .posts-listing .posts-listing-thumb { float:left; margin-right:13px; } .posts-listing div { overflow:hidden; } .posts-listing small { display:block; } .widget.widget_nav_menu ul { margin: 0; padding: 0; list-style-type: none; } .widget.widget_nav_menu li { margin: 0 0 15px 0; padding: 0; } .widget.widget_nav_menu a { border: 1px solid #F2F2F2; border-radius: 5px; padding: 7px 12px; color: #545454; text-decoration: none; background-color: #ffffff; } .widget.widget_nav_menu a:hover { border: 1px solid #2BABB6; background-color: #2BABB6; color: #ffffff; } .widget.widget_tag_cloud a { border: 1px solid #F2F2F2; border-radius: 5px; padding: 2px 5px; color: #545454; text-decoration: none; background-color: #ffffff; display: inline-block; margin-bottom: 3px; } .widget.widget_tag_cloud a { font-size: 11px !important; } .widget.widget_tag_cloud a:hover { border: 1px solid #2BABB6; background-color: #2BABB6; color: #ffffff; } .widget.widget_search fieldset, .widget.widget_search p { float: left; margin: 0; } .widget.widget_search input { border: 1px solid #F2F2F2; border-radius: 5px; padding: 10px 12px; color: #545454; text-decoration: none; background-color: #ffffff; display: inline-block; margin-bottom: 3px; width: 160px; } .widget.widget_search input:focus { border: 1px solid #2BABB6; } .widget.jw-contact-form button.submit, .widget.widget_search button { border: 1px solid #F2F2F2; border-radius: 5px; width: 75px; padding: 0; height: 36px; text-align: center; color: #545454; text-decoration: none; background: none #ffffff; display: inline-block; margin-bottom: 3px; margin-left: 10px; line-height: 36px; } .widget.jw-contact-form button.submit:hover, .widget.widget_search button:hover { border: 1px solid #2BABB6; background-color: #2BABB6; color: #ffffff; } .widget.jw-contact-form input, .widget.jw-contact-form textarea { border: 1px solid #F2F2F2; border-radius: 5px; padding: 10px 12px; color: #545454; text-decoration: none; background-color: #ffffff; display: inline-block; margin-bottom: 3px; width: 160px; } .widget.jw-contact-form textarea { width: 250px; } .widget.jw-contact-form input:focus, .widget.jw-contact-form textarea:focus { border: 1px solid #2BABB6; } .widget.jw-contact-form form p { margin-bottom: 5px; } .widget.jw-contact-form form p button { margin: 0 !important; } .widget.jw-contact-form textarea { height: 100px; } #footer .widget.jw-contact-form textarea { height: 75px;; } .widget.widget_archive ul { margin: 0; } .widget.widget_text p { margin: 0; } /* ---------------------------------------------------------------------------- Notifications ---------------------------------------------------------------------------- */ .notification { padding:15px 10px; background:#fdfadc; border:1px solid #eeeabe; color:#a19c6b; } .information { padding:15px 10px; background:#deeef7; border:1px solid #c6dce8; color:#829caa; } .success { padding:15px 10px; background:#edf7e9; border:1px solid #cbecb1; color:#81aa75; } .error { padding:15px 10px; background:#fde0e0; border:1px solid #ffcece; color:#bc8585; } /* ---------------------------------------------------------------------------- Tabs ---------------------------------------------------------------------------- */ .tabs-container .tabs-nav { list-style-type:none; margin:0; padding:0; } .tabs-container .tabs-nav li { display:block; float:left; margin-right:15px; } .tabs-container .tabs-nav li a { display:block; background:#f2f2f2; padding:15px 20px; line-height:14px; font-size:14px; color:#8b8b8b; } .tabs-container .tabs-nav li.active a { color:#f2f2f2; background:#8b8b8b; } .tabs-container .tabs-nav li a:hover { text-decoration:none; color:#f2f2f2; background:#8b8b8b; } .tabs-container .tabs-nav-bellow { height:5px; background:#e0e0e0; margin-bottom:15px; } .jw-popular-recent-comments .tabs-nav { margin-bottom:10px; } .jw-popular-recent-comments .tabs-nav li a { padding:7px 10px; font-size:12px; line-height:12px; } /* ---------------------------------------------------------------------------- Twitter ---------------------------------------------------------------------------- */ .twitterfeed ul, .twitterfeed li { list-style-type:none; margin:0; padding:0; } .twitterfeed ul li { margin-bottom:15px; } .twitterfeed.big ul, .twitterfeed.big li { margin:0; } div.twitterfeed.big { padding:15px; padding-left: 70px; background: url(images/icon-twitter-grey.png) no-repeat 0 center transparent; font-size:14px; text-align: center; } /* ---------------------------------------------------------------------------- Toggle ---------------------------------------------------------------------------- */ .toggle-container .toggle-title { position:relative; display:block; background:#f2f2f2; padding:15px 20px; line-height:14px; font-size:14px; color:#8b8b8b; margin-bottom:15px; } .toggle-container .toggle-title .toggle-action { display:block; position:absolute; top:15px; right:20px; width:23px; height:15px; background:transparent url("images/toggle-off.png") center center no-repeat; } .toggle-container.collapsed .toggle-title .toggle-action { background-image:url("images/toggle-on.png"); } /* ---------------------------------------------------------------------------- Service ---------------------------------------------------------------------------- */ .service h6 { padding-left:50px; line-height:32px; margin-bottom:10px; } .service { background: transparent url("images/icons/books_01.png") top left no-repeat; } .service.books-01 { background-image:url("images/icons/books_01.png"); } .service.books-02 { background-image:url("images/icons/books_02.png"); } .service.books-03 { background-image:url("images/icons/books_03.png"); } .service.books-04 { background-image:url("images/icons/books_04.png"); } .service.books-05 { background-image:url("images/icons/books_05.png"); } .service.books-06 { background-image:url("images/icons/books_06.png"); } .service.books-07 { background-image:url("images/icons/books_07.png"); } .service.books-08 { background-image:url("images/icons/books_08.png"); } .service.books-09 { background-image:url("images/icons/books_09.png"); } .service.books-10 { background-image:url("images/icons/books_10.png"); } .service.books-11 { background-image:url("images/icons/books_11.png"); } .service.books-12 { background-image:url("images/icons/books_12.png"); } .service.books-13 { background-image:url("images/icons/books_13.png"); } .service.books-14 { background-image:url("images/icons/books_14.png"); } .service.books-15 { background-image:url("images/icons/books_15.png"); } .service.books-16 { background-image:url("images/icons/books_16.png"); } .service.books-17 { background-image:url("images/icons/books_17.png"); } .service.books-18 { background-image:url("images/icons/books_18.png"); } .service.books-19 { background-image:url("images/icons/books_19.png"); } .service.books-20 { background-image:url("images/icons/books_20.png"); } .service.books-21 { background-image:url("images/icons/books_21.png"); } .service.books-22 { background-image:url("images/icons/books_22.png"); } .service.books-23 { background-image:url("images/icons/books_23.png"); } .service.books-24 { background-image:url("images/icons/books_24.png"); } .service.books-25 { background-image:url("images/icons/books_25.png"); } .service.books-26 { background-image:url("images/icons/books_26.png"); } .service.drives-01 { background-image:url("images/icons/drives_01.png"); } .service.drives-02 { background-image:url("images/icons/drives_02.png"); } .service.drives-03 { background-image:url("images/icons/drives_03.png"); } .service.drives-04 { background-image:url("images/icons/drives_04.png"); } .service.drives-05 { background-image:url("images/icons/drives_05.png"); } .service.drives-06 { background-image:url("images/icons/drives_06.png"); } .service.drives-07 { background-image:url("images/icons/drives_07.png"); } .service.drives-08 { background-image:url("images/icons/drives_08.png"); } .service.drives-09 { background-image:url("images/icons/drives_09.png"); } .service.drives-10 { background-image:url("images/icons/drives_10.png"); } .service.drives-11 { background-image:url("images/icons/drives_11.png"); } .service.drives-12 { background-image:url("images/icons/drives_12.png"); } .service.drives-13 { background-image:url("images/icons/drives_13.png"); } .service.drives-14 { background-image:url("images/icons/drives_14.png"); } .service.drives-15 { background-image:url("images/icons/drives_15.png"); } .service.drives-16 { background-image:url("images/icons/drives_16.png"); } .service.drives-17 { background-image:url("images/icons/drives_17.png"); } .service.drives-18 { background-image:url("images/icons/drives_18.png"); } .service.drives-19 { background-image:url("images/icons/drives_19.png"); } .service.drives-20 { background-image:url("images/icons/drives_20.png"); } .service.drives-21 { background-image:url("images/icons/drives_21.png"); } .service.drives-22 { background-image:url("images/icons/drives_22.png"); } .service.drives-23 { background-image:url("images/icons/drives_23.png"); } .service.drives-24 { background-image:url("images/icons/drives_24.png"); } .service.drives-25 { background-image:url("images/icons/drives_25.png"); } .service.drives-26 { background-image:url("images/icons/drives_26.png"); } .service.drives-27 { background-image:url("images/icons/drives_27.png"); } .service.hardware-01 { background-image:url("images/icons/hardware_01.png"); } .service.hardware-02 { background-image:url("images/icons/hardware_02.png"); } .service.hardware-03 { background-image:url("images/icons/hardware_03.png"); } .service.hardware-04 { background-image:url("images/icons/hardware_04.png"); } .service.hardware-05 { background-image:url("images/icons/hardware_05.png"); } .service.hardware-06 { background-image:url("images/icons/hardware_06.png"); } .service.hardware-07 { background-image:url("images/icons/hardware_07.png"); } .service.hardware-08 { background-image:url("images/icons/hardware_08.png"); } .service.hardware-09 { background-image:url("images/icons/hardware_09.png"); } .service.hardware-10 { background-image:url("images/icons/hardware_10.png"); } .service.hardware-11 { background-image:url("images/icons/hardware_11.png"); } .service.hardware-12 { background-image:url("images/icons/hardware_12.png"); } .service.hardware-13 { background-image:url("images/icons/hardware_13.png"); } .service.hardware-14 { background-image:url("images/icons/hardware_14.png"); } .service.hardware-15 { background-image:url("images/icons/hardware_15.png"); } .service.hardware-16 { background-image:url("images/icons/hardware_16.png"); } .service.hardware-17 { background-image:url("images/icons/hardware_17.png"); } .service.hardware-18 { background-image:url("images/icons/hardware_18.png"); } .service.hardware-19 { background-image:url("images/icons/hardware_19.png"); } .service.hardware-20 { background-image:url("images/icons/hardware_20.png"); } .service.hardware-21 { background-image:url("images/icons/hardware_21.png"); } .service.keys-01 { background-image:url("images/icons/keys_01.png"); } .service.keys-02 { background-image:url("images/icons/keys_02.png"); } .service.keys-03 { background-image:url("images/icons/keys_03.png"); } .service.keys-04 { background-image:url("images/icons/keys_04.png"); } .service.keys-05 { background-image:url("images/icons/keys_05.png"); } .service.keys-06 { background-image:url("images/icons/keys_06.png"); } .service.keys-07 { background-image:url("images/icons/keys_07.png"); } .service.keys-08 { background-image:url("images/icons/keys_08.png"); } .service.keys-09 { background-image:url("images/icons/keys_09.png"); } .service.keys-10 { background-image:url("images/icons/keys_10.png"); } .service.misc-01 { background-image:url("images/icons/misc_01.png"); } .service.misc-02 { background-image:url("images/icons/misc_02.png"); } .service.misc-03 { background-image:url("images/icons/misc_03.png"); } .service.misc-04 { background-image:url("images/icons/misc_04.png"); } .service.misc-05 { background-image:url("images/icons/misc_05.png"); } .service.misc-06 { background-image:url("images/icons/misc_06.png"); } .service.misc-07 { background-image:url("images/icons/misc_07.png"); } .service.misc-08 { background-image:url("images/icons/misc_08.png"); } .service.misc-09 { background-image:url("images/icons/misc_09.png"); } .service.misc-10 { background-image:url("images/icons/misc_10.png"); } .service.misc-11 { background-image:url("images/icons/misc_11.png"); } .service.misc-12 { background-image:url("images/icons/misc_12.png"); } .service.misc-13 { background-image:url("images/icons/misc_13.png"); } .service.misc-14 { background-image:url("images/icons/misc_14.png"); } .service.misc-15 { background-image:url("images/icons/misc_15.png"); } .service.misc-16 { background-image:url("images/icons/misc_16.png"); } .service.misc-17 { background-image:url("images/icons/misc_17.png"); } .service.misc-18 { background-image:url("images/icons/misc_18.png"); } .service.misc-19 { background-image:url("images/icons/misc_19.png"); } .service.misc-20 { background-image:url("images/icons/misc_20.png"); } .service.misc-21 { background-image:url("images/icons/misc_21.png"); } .service.misc-22 { background-image:url("images/icons/misc_22.png"); } .service.misc-23 { background-image:url("images/icons/misc_23.png"); } .service.misc-24 { background-image:url("images/icons/misc_24.png"); } .service.misc-25 { background-image:url("images/icons/misc_25.png"); } .service.misc-26 { background-image:url("images/icons/misc_26.png"); } .service.misc-27 { background-image:url("images/icons/misc_27.png"); } .service.misc-28 { background-image:url("images/icons/misc_28.png"); } .service.misc-29 { background-image:url("images/icons/misc_29.png"); } .service.misc-30 { background-image:url("images/icons/misc_30.png"); } .service.misc-31 { background-image:url("images/icons/misc_31.png"); } .service.misc-32 { background-image:url("images/icons/misc_32.png"); } .service.misc-33 { background-image:url("images/icons/misc_33.png"); } .service.misc-34 { background-image:url("images/icons/misc_34.png"); } .service.misc-35 { background-image:url("images/icons/misc_35.png"); } .service.weather-01 { background-image:url("images/icons/weather_01.png"); } .service.weather-02 { background-image:url("images/icons/weather_02.png"); } .service.weather-03 { background-image:url("images/icons/weather_03.png"); } .service.weather-04 { background-image:url("images/icons/weather_04.png"); } .service.weather-05 { background-image:url("images/icons/weather_05.png"); } .service.weather-06 { background-image:url("images/icons/weather_06.png"); } .service.weather-07 { background-image:url("images/icons/weather_07.png"); } .service.weather-08 { background-image:url("images/icons/weather_08.png"); } .service.weather-09 { background-image:url("images/icons/weather_09.png"); } .service.weather-10 { background-image:url("images/icons/weather_10.png"); } .service.weather-11 { background-image:url("images/icons/weather_11.png"); } .service.weather-12 { background-image:url("images/icons/weather_12.png"); } .service.weather-13 { background-image:url("images/icons/weather_13.png"); } .service.weather-14 { background-image:url("images/icons/weather_14.png"); } .service.weather-15 { background-image:url("images/icons/weather_15.png"); } .service.weather-16 { background-image:url("images/icons/weather_16.png"); } /* ---------------------------------------------------------------------------- Slider ---------------------------------------------------------------------------- */ #slider { position:relative; margin-bottom:10px; margin-top:-40px;} #slider-slides { } #slider-slides .slide { position:relative; } #slider-slides .slide-caption { position:absolute; bottom:40px; left:0; padding:10px; width:280px; background:white; opacity:0.9; } #slider-slides .slide-link { display:block; position:absolute; bottom:36px; left:280px; width:24px; height:24px; background:transparent url("images/slider-link.png") no-repeat; } #slider-pager { margin:0; padding:0; position:absolute; bottom:15px; z-index:9999; left:10px; } #slider-pager li { margin:0; margin-right:5px; padding:0; float:left; display:block; height:15px; width:16px; background:transparent url("images/slider-pager-normal.png") no-repeat; cursor:pointer; } #slider-pager li.activeSlide { background-image: url("images/slider-pager-active.png"); } #piecemaker { margin-top:-40px;} /* ---------------------------------------------------------------------------- Navigation ---------------------------------------------------------------------------- */ #navigation li { padding-bottom:20px; } #navigation li li { margin-left:0; padding:0; } #navigation ul ul { z-index:600; border:1px solid #ededed; padding:0 15px; background:white; box-shadow:0 0 10px #eee; } #navigation ul ul li a { padding-bottom:15px; } #navigation ul ul li:first-child a { padding-top:15px; } #navigation ul ul li:first-child li a { padding-top:0; } #navigation ul ul li:first-child li:first-child a { padding-top:15px; } #navigation ul ul a { color:#878787; display:block; } #navigation ul li.current-menu-ancestor a { color:#ccc; } #navigation ul li.current-menu-ancestor li a { color:#878787; } #navigation ul li.current-menu-ancestor li.current-menu-item a { color:#0f0f0f; } #navigation ul li.current-menu-ancestor li.current-menu-item li a { color:#878787; } #navigation ul li.current-menu-ancestor li.current-menu-ancestor a { color:#0f0f0f; } #navigation ul li.current-menu-ancestor li.current-menu-ancestor li a { color:#878787; } #navigation ul li.current-menu-ancestor li.current-menu-ancestor li.current-menu-item a { color:#0f0f0f; } #navigation ul li.current-menu-ancestor li.current-menu-ancestor li.current-menu-item li a { color:#878787; } #navigation ul li.current-menu-item a { color:#ccc; } #navigation ul li.current-menu-item li a { color:#878787; } #navigation ul li.current-menu-item li.current-menu-item a { color:#0f0f0f; } #navigation ul li.current-menu-item li.current-menu-item li a { color:#878787; } #navigation ul li a:hover, #navigation ul li li a:hover, #navigation ul li li li a:hover { color:#0f0f0f; } /*#navigation ul li.current-menu-parent a { color:#0f0f0f; } #navigation ul li.current-menu-parent li a { color:#878787; } #navigation ul li.current-menu-item a { color:#0f0f0f !important; } #navigation ul li.current-menu-item li a { color:#878787 !important; }*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height:1.0; } .sf-menu ul { position:absolute; top:-999em; width:130px; } .sf-menu ul li { width:130px; } .sf-menu li:hover { visibility:inherit; } .sf-menu li { float:left; position:relative; } .sf-menu a { display:block; position:relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:32px; z-index:99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:130px; top:0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; top:0; } /* ---------------------------------------------------------------------------- Other ---------------------------------------------------------------------------- */ body .no-margin-bottom { margin-bottom:0; } body .no-margin-top { margin-top:0; } .separator { clear:both; height:11px; background:transparent url("images/separator.png") center center repeat-x; padding:35px 0; } .separator.noline { background:none; height:1px; padding:34px 0 0 0; } img.wrapped { padding:5px; border:1px solid #d9d9d9; } img.wrapped-small { padding:2px; border:1px solid #d9d9d9; } a img.wrapped:hover { background:#4d4d4d; border-color:#4d4d4d; } a img.wrapped-small:hover { background:#4d4d4d; border-color:#4d4d4d; } a.lightbox-video img.wrapped:hover, a.lightbox-image img.wrapped:hover, a.lightbox-none img.wrapped:hover { background:#fff; border-color:#d9d9d9; } a img { display:block; } .block { display:block; } .display-none { display:none; } ::-moz-selection { background-color: #32c2cf; color: #fff; } ::-webkit-selection { background-color: #32c2cf; color: #fff; } ::selection { background-color: #32c2cf; color: #fff; } input.LV_invalid_field, textarea.LV_invalid_field { border:1px solid #eb9898 !important; } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} footer#footer { font-size: 46px; }