/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ @import url(http://fonts.googleapis.com/css?family=PT+Sans); @import url("base.css"); /* Default Reset, Typography, Forms, etc. */ @import url("skeleton.css"); /* 960 Grid + Media Query Layouts */ @import url("jquery-ui-1.9.2.custom.css"); @import url("jquery.fancybox.css"); /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #HOME ================================================== */ .slider { position:relative; width:100%; height:345px; margin-top:0px; border-bottom:5px solid # ; z-index:10; margin:0; padding:0; } .slider .flexslider { position:absolute; top:0; left:0; width:100%; height:345px; background:#fafafa; margin:0; padding:0; } .slider .flexslider .flex-control-paging { display:none; } .slider .flexslider .slides a { text-decoration:none; } .slider .flexslider .slides li { position:relative; height:345px; } .slider .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .slider .flexslider .slides .flex-caption { position:absolute; left:0px; top:70px; width:390px; font-size:15px; padding:45px 10px 5px 10px; } .slider .flexslider .slides .flex-caption { color:#98c549; font-weight:bold; } .slider .flexslider .slides .flex-caption h2 { color:#eaeaea; font-size:21px; font-weight:bold; margin-bottom:3px; background:# ; color:#fff; padding-left:5px; margin-left:10px; } .slider .flexslider .slides .flex-caption p { font-size:12px; color:#929292; line-height:16px; font-weight:normal; background:#333; color:#fff; padding:5px; margin-right:25px; margin-left:10px; } .slider .flexslider .slides .flex-control-paging { position:absolute; top:25px; right:10px; list-style:none; } .slider .flexslider .slides .flex-control-paging li { float:left; margin-right:5px; } .slider .flexslider .slides .flex-control-paging li a { display:block; cursor:pointer; width:30px; height:5px; background:#fff; font-size:0; } .slider .flexslider .slides .flex-control-paging li a.flex-active { background:#86ae3f; } .slider .flexslider .slides .flex-direction-nav a { display:block; float:left; width:40px; height:45px; padding:5px 5px 5px 5px; font-size:0; } .slider .flexslider ul.flex-direction-nav a.flex-prev { display:block; position:absolute; width:30px; height:30px; left:0px; top:140px; background:url(../images/slider_prev_normal.png); } .slider .flexslider ul.flex-direction-nav a.flex-prev { font-size:0; text-indent:-4000; } .slider .flexslider ul.flex-direction-nav a.flex-prev:hover { background:url(../images/slider_prev.png); } .slider .flexslider ul.flex-direction-nav li a.flex-next { display:block; width:30px; height:30px; position:absolute; right:0px; top:140px; } .slider .flexslider ul.flex-direction-nav li a.flex-next { background:url(../images/slider_next_normal.png); font-size:0; text-indent:-4000; } .slider .flexslider ul.flex-direction-nav a.flex-next:hover { background:url(../images/slider_next.png); } #inner_featured { position:relative; margin-top:-14px; margin-bottom:30px; width:100%; background:url(../images/debut_light.png); border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; box-shadow: 0 0 9px #B8B8B8 inset; } #inner_featured .featured .ads_text h4 { color:#3c3c40; font-size:24px; margin-top:7px; } #inner_featured #search { float:right; width:140px; margin-top:19px; box-shadow:0 1px 2px rgba(0,0,0,0.3); border-radius:3px;} .services { margin-top:30px; } .services .service img { float:left; margin-right:10px; margin-bottom:10px; padding-top:7px; } .recent_work .flex-direction-nav .flex-prev { position:absolute; top:5px; right:42px; width:26px; height:26px; } .recent_work .flex-direction-nav .flex-prev { background:url(../images/prev_normal.png); font-size:0; text-indent:-4000; } .recent_work .flex-direction-nav .flex-prev:hover { background:url(../images/prev.png); } .recent_work .flex-direction-nav .flex-next { position:absolute; top:5px; right:14px; width:26px; height:26px; } .recent_work .flex-direction-nav .flex-next { background:url(../images/next_normal.png); font-size:0; text-indent:-4000; } .recent_work .flex-direction-nav .flex-next:hover { background:url(../images/next.png); } .recent_work .project a.img img { width:100%; height:100%; background:#fff; padding:0px; } .recent_work .project a.img img:hover { background:#000; opacity:0.5; } .recent_work .project a.img { position:relative; } .recent_work .project a.img span.category { position:absolute; bottom:5px; left:0px; background:# ; color:#fff; padding:5px 8px 5px 8px; font-size:12px; } .recent_work .project a.img span.category { text-decoration:none; z-index:100; } .recent_work .project a.more { display:block; color:# ; font-size:12px; font-weight:bold; text-decoration:none; margin-top:5px; } .recent_work .project a.more:hover { text-decoration:underline; } .recent_work .project a.more span.arrow { display:inline-block; width:5px; height:7px; background:url(../images/more.png) top right no-repeat; padding-left:5px; } .home_services .tabs_nav li a {padding-top:13px; } .home_services .tab_container { border-right:none; border-left:none; margin-top:37px; } .home_services .tab_container .service { margin-bottom:2px; } .home_services .tab_container .service img { float:left; margin-top:5px; margin-right:15px; margin-bottom:10px; } .home_services .service a.more { display:inline-block; color:# ; font-size:12px; font-weight:bold; text-decoration:none; margin-top:5px; } .home_services .service a.more:hover { text-decoration:underline; } .home_services .service a.more span.arrow { display:inline-block; width:5px; height:7px; background:url(../images/more.png) top right no-repeat; padding-left:5px; } .latest_news .posts .post { border-bottom:1px solid #d5d5d5; margin-top:15px; } .latest_news .posts .post .details { height:25px; } .latest_news .posts .post .details .date { display:block; clear:right; float:left; width:90px; height:20px; background:url(../images/date.png) center left no-repeat; } .latest_news .posts .post .details .date { padding-left:23px; color:# ; } .latest_news .posts .post .details .comment { display:block; float:left; width:120px; height:20px; background:url(../images/comment.png) center left no-repeat; } .latest_news .posts .post .details .comment { padding-left:23px; color:# ; } .latest_news .posts .post a.more { display:block; color:# ; font-size:12px; font-weight:bold; text-decoration:none; margin-top:5px; } .latest_news .posts .post a.more:hover { text-decoration:underline; } .latest_news .posts .post a.more span.arrow { display:inline-block; width:5px; height:7px; background:url(../images/more.png) top right no-repeat; padding-left:5px; } .home_featured_clients { position:relative; background:#f3f3f3; height:80px; } .home_featured_clients ul li { height:80px; } .home_featured_clients .flex-direction-nav a.flex-prev { position:absolute; top:0; left:0; width:15px; height:80px; background:url(../images/clients_prev.png); font-size:0; } .home_featured_clients .flex-direction-nav a.flex-prev:hover { background:url(../images/clients_prev_hover.png); } .home_featured_clients .flex-direction-nav a.flex-next { position:absolute; top:0; right:0; width:15px; height:80px; background:url(../images/clients_next.png); font-size:0; }