@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) {

		}