@charset "UTF-8";
/* Basic ========================================= */
body {
background: url(../images/bg-main.png) repeat #ffffff;
font: 15px/22px verdana;
color: ;
}
/* #Header
================================================== */
.logo { font: 42px/50px 'DroidSansRegular', "Trebuchet MS",Helvetica,sans-serif; }
.logo span.logo:first-letter { font-size:130%; }
.logo .desc { font:bold 13px/42px "Trebuchet MS",Helvetica,sans-serif; }
h1.logo a {
display: block;
/* width: 346px; */ /*width of your logo image*/
/* height: 75px; */ /*height of your logo image*/
/* background: url(../images/logo.png) no-repeat; */
}
h1.logo a.no-bg { display:inline; background:none; width:auto; height:auto; }
#navigation { border-bottom:14px solid #ff4400; }
.fake-border { height:14px; background:#ff4400; width:2000px; position:relative; left:99%; }
/* #Font
================================================== */
h1, h2, h3, h4, h5, h6, #arapah-carousel a.Car-PostTitle, .carousel-widget a.Car-PostTitle, h3.page-title, h2.page-title, .title a, .sidebar h3, h2.post-title, h1.contentheading,
.post-title a, #bottom h3 { font-family: verdana; }
#arapah-slider .info h2, #arapah-slider .ui-tabs-nav-item .title, #promo .text, #navigation ul.menu a, h1.page-title, #promo .bigbutton a { font-family: verdana; }
#arapah-carousel .post-meta { font-family: verdana; }
#navigation a{ color:#363636; font-size:20px !important; }
#time .time, #topest ul li a, #search-form .inputbox, #arapah-slider, #arapah-slider .ui-tabs-nav-item .title, #promo .bigbutton a,
#topest, article a.more-link span:hover, .widget_wysija_cont .wysija-submit:hover, .container .button a:hover,
.sidebar .recent-posts-plus h3, #nav-below .button a:hover, #nav-below .wp-pagenavi a:hover, #commentform input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover, article a.more-link span, ul.tabs li a, ul.tabs li a:hover, #newsletter a, #newsletter a:hover,
#bottom a:hover, #bottom .carousel-widget a:hover, ul.filter > li a, ul.filter > li a:hover, #slider .da-slide .da-link:hover,
.container .fullblock a, .container .fullblock a:hover, .accButton > span.number, .wpb_teaser_grid .categories_filter li a,
.wpb_categories_filter li a { color:#fff; }
.container a, #arapah-carousel a, #promo .text .like, h1.contentheading, p.trigger a, p.trigger a:hover,p.trigger.active a:hover,
#navigation ul.menu > li.active > a, #navigation a:hover, #bottom .carousel-widget a { color:#ff4400; font-size: 20px !important;}
a:hover, .container a:hover { color:#707070; }
article h2.post-title a, article h1.contentheading a, h1.contentheading, #arapah-carousel a:hover,
h1.contentheading:hover { color:#ababab; }
/* Background */
#slider, #bigmap { background: #ffffff url(../images/stripline.png) 0 100% repeat-x;; }
#navigation ul.menu ul { background: #ffffff; }
#promo .bigbutton a, article a.more-link span, .button a, .wp-pagenavi span, .wp-pagenavi a, ul.tabs li a.active, #newsletter,
#bottom input[type="submit"], ul.filter > li.active a, #slider .da-slide .da-link, .big-proj, .small-proj,
.wpb_teaser_grid .categories_filter li.active a, .wpb_categories_filter li.active a { background:#ff4400; }
input.submit, ul.tabs li a, #newsletter .bigbutton a, .widget_wysija_cont .wysija-submit, #commentform input[type="submit"],
.wpcf7 input[type="submit"], ul.filter > li a, .accButton > span.number, .wpb_teaser_grid .categories_filter li a,
.wpb_categories_filter li a { background:#1c1c1c; }
ul.tabs li a:hover, #newsletter .bigbutton a:hover, .widget_wysija_cont .wysija-submit:hover { background:#000; }
article a.more-link span:hover, .button a:hover, #nav-below .wp-pagenavi a:hover, #commentform input[type="submit"]:hover, #bottom input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover, #promo .bigbutton a:hover, input.submit:hover, ul.tabs li a:hover, ul.filter > li a:hover,
#slider .da-slide .da-link:hover, .accButton:hover > span.number, .wpb_teaser_grid .categories_filter li a:hover,
.wpb_categories_filter li a:hover { background:#ea4104; }
#topest, #bottom, #footer, #arapah-slider li.ui-tabs-nav-item a:hover { background-color: #1c1c1c;}
.sidebar h3.sidebar-title, .main h3.blog-title, .wpb_wrapper h3.wpb_heading { background:url(../images/mbullet.png) -2px 6px no-repeat; }
.latest-item img, .wp-caption, .entry-content p:first-child img, #commentsin, .portf a.port-img, .blog-thumb img.wp-post-image,
.widget_dpe_fp_widget img, .blog-image, .post-thumb { background:url(../images/stripline.png) 0 0 repeat; }
/* Border */
#navigation ul.menu ul li { border-top: 1px dotted #ccc; }
#navigation ul.menu ul li:first-child { border-top:none; }
#promo, #maincontent.forhome .container, #service .container, #project .container { border-bottom:1px dotted #d0d0d0; }
/* Width */
.sidebar-b { width:30%; }
.mainside { width:70%; }
.sidebar-home { width:25%; }
.sidebar-home2 { width:30%; }
#homepage.home.mainside { width:45%; }
#homepage.mainside { width:75%; }
#bottom .b-sidebar { float:left; width:20%; }
#bottom .bs-left { width:40%; }
/* Slider Caption */
.nivo-caption { display:none!important; }
/* Sidebar Position */
.container .mainside.columns { float:left; }
.container #homepage.home.mainside.columns { float:left; }
#maincontent.sidebar-left #homepage { float:right; }
div.sub-menu { left:40px; }
.carousel-widget .CarNext { right:0; }
.carousel-widget .CarPrev { background-position:0 -44px; right:18px; }
.wpb_carousel .prev { right: 30px; }
.wpb_carousel .next { right: 0px; }
/* CSS3 Animation Effect */
ul.tabs-content > li > div, .fullblock, .big-proj:hover img, .small-proj:hover img {
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}
ul.tabs-content > li.active > div, .big-proj:hover .fullblock, .small-proj:hover, .proj-thumb img {
transition: all 0.5s linear 0.3s;
-moz-transition: all 0.5s linear 0.3s;
-webkit-transition: all 0.5s linear 0.3s;
-o-transition: all 0.5s linear 0.3s;
}
/* Code you may need delete on the real site */
#maincontent.sidebar-left .sidebar-b { width:25%; }
#maincontent.sidebar-left #homepage { width:75%; }
.sidebar-left .sidebar-b .gutter.sidebar { margin-left:0; margin-right:50px; }
.portf .post-meta { display:none; }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#homepage.home.mainside, #maincontent.sidebar-left #homepage { width:100%; }
.sidebar-home, .sidebar-home2 { width:100%; }
.container .sidebar-home .gutter.sidebar, .container .sidebar-home2 .gutter.sidebar { margin-left:0; margin-right:0; }
.sidebar ul.client-list li img { width:100%; }
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
#bottom .bs-left, #bottom .b-sidebar, .container .be4-main-w, #homepage.home, .sidebar-home,
#homepage.home.mainside, .sidebar-home2, #maincontent.sidebar-left #homepage { width:100%; }
.container ul.client-list li img, #myclient ul li img { width:100%; }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}