/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

@import url(../../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("superfish.css");			/* Multi-level Menu */ 
@import url("jquery.fancybox.css");		/* Fancybox */ 
@import url("shortcodes.css");		    /* Shortcodes */


/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #HEADER
================================================== */

* { margin:0; padding:0; }
body { background: #faa71c; font-family:Arial; font-size:12px; color:#929292;  }
#wrapper { position:relative; width:auto; max-width:980px; margin:-10px auto; background:#fff; padding-bottom:20px; padding-top:10px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
border-bottom:7px solid #bfbfbf;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border-top:none;
z-index:200;
}

h1, h2, h3, h4, h5, h6 { font-family:"PT Sans", Arial, Tahoma; color:#4c4c4c; }

.main { width:100%; background:url(../images/header1.jpg) repeat-x #FFF; }
.header { width:100%; height:116px; padding-bottom:10px; }

/* #HEADER
================================================== */
.main .phone { float:bottom; padding-top:-18px; font-size:12px; color:#black; font-family:"PT Sans",Arial; }
.main .social { float:right; height:30px; padding-top:9px; }
.main .social a {  float:left;display:block; width:24px; height:24px; }
.main .social a.twitter { background:url(../images/twitter.png) no-repeat; margin-right:5px; }
.main .social a.facebook { background:url(../images/facebook.png) no-repeat; margin-right:5px; }
.main .social a.linkedin { background:url(../images/linkedin.png) no-repeat; margin-right:5px; }
.main .social a.rss { background:url(../images/rss.png) no-repeat;  }

.top {position:relative; margin-top:-12px; z-index:10;}
.logo { float:left; width:auto; height:80px; margin-top:23px; }  /* Original margin-top:23px */
.navigation { position:absolute; height:100%; top:0; right:0; width:100%; height:80px; z-index:1000; }
.navigation ul#nav { float:right; z-index:3000; }
.navigation ul#nav li a:after { display:block; content:attr(data-description); font-size:11px; color:#4c4c4c; }
.navigation select { display: none; float:left; padding: 7px; height: 35px; }
.navigation { float: right; }
.top #separator { position:absolute; bottom:23px; width:100%; z-index:10; height:1px; background:#dbdbdb;}
.top #separator span { display:block; width:70px; height:6px; background:#ff8900; z-index:1000; margin-top:-3px; }

.separator_title { font-family:"PT Sans",Arial,Tahoma; font-size:22px; color:#4c4c4c; }
.separator_title span { color:#ff8900; }
.separator { margin-top:-10px; margin-bottom:15px; }
.separator .green { width:47px; height:6px; background:#ff8900; }
.separator .grey { width:auto; height:1px; background:#dbdbdb; margin-top:-3px; z-index:1; margin-left:47px;  }


/* #HOMEPAGE
================================================== */

.slider { margin-bottom:-20px; }
.slider img { width:100%; }
.slider .flexslider { position:relative; width:100%; }
.slider .flexslider img { width:100%; border-bottom:3px solid #ff8900; }
.slider .flexslider .slides li { position:relative; }
.slider .flexslider .flex-caption { position:absolute; bottom:8px; left:0; width:100%; height:30px; font-size:15px; background:rgba(0,0,0,0.7); padding:20px 10px 5px 10px; color:#ffffff; font-weight:bold;}
.slider .flexslider .flex-control-paging { position:absolute; top:25px; right:10px; list-style:none; }
.slider .flexslider .flex-control-paging li { float:left; margin-right:5px; }
.slider .flexslider .flex-control-paging li a { display:block; cursor:pointer; width:30px; height:5px; background:#fff; font-size:0; }
.slider .flexslider .flex-control-paging li a.flex-active { background:#ff8900; }
.slider .flexslider .flex-direction-nav  a { display:block; float:left; width:40px; height:45px; padding:5px 5px 5px 5px; font-size:0; }
.slider .flexslider .flex-direction-nav  a.flex-prev { position:absolute; right:50px; bottom:20px; background:url(../images/slider-prev.png); }
.slider .flexslider .flex-direction-nav  a.flex-next { position:absolute; right:0; bottom:20px; background:url(../images/slider-next.png); border-left:1px solid #fb9723; }

.services { }
.services h2 { font-family:"PT Sans",Arial,Tahoma; font-size:22px; color:#4c4c4c; }
.services h2 span { color:#ff8900; }

.home_services .service .icon { float:left; min-height:57px; }
.home_services .service .title { float:left; font-family:Arial; font-size:16px; font-weight:bold; margin-top:20px; margin-left:10px; color:#4c4c4c; }
.home_services .service .description { clear:both; font-family:Arial; font-size:12px; line-height:16px; margin-bottom:10px; }
.home_services .service a.more { display:block; width:79px; height:22px; background:url(../images/service_more_btn.png) no-repeat; color:#fff; font-size:11px; text-decoration:none; padding-top:3px; padding-left:7px; margin-bottom:15px; }

.recent_work { position:relative; }
.recent_work ul { background:red; }
.recent_work ul li {  display:block; min-height:300px; z-index:1;}

.recent_work .controls { position:absolute; top:0; right:0; }
.recent_work .controls a { display:block; float:left; width:26px; height:6px; background:#bfbfbf; margin-right:10px; margin-top:20px; }
.recent_work .controls a.active { background:#ff8900; }
/*.recent_work .separator .grey { width:100%; height:1px; background:#dbdbdb; margin-top:-3px; z-index:1; margin-left:47px; }*/
.recent_work h2 { font-family:"PT Sans",Arial,Tahoma; font-size:22px; color:#4c4c4c; }
.recent_work h2 span { color:#ff8900; }
.project { position:relative; width:100%; background:#f8f8f8; border-bottom:1px solid #ff8900; margin-bottom: 20px;}
.project img { width:100%; border-bottom:1px solid #ccc; box-shadow:1px 1px 3px #dadada; }
.project img:hover { background:#000; opacity:0.2; }
.project .price { height: 24px; padding: 0px 7px 3px 7px; top: 7px; right: -4px; font-size: 16px; font-weight: bold; color: #fff; text-align: right; background: url(../images/price-1-bg.png) top right; position: absolute; z-index:9; }
.project h3 { color:#666; font-size:16px; margin-left:10px; margin-right:10px; }
.project .description { padding-bottom:20px; z-index:1; margin-left:9px; margin-top:-5px; margin-right:10px;}
.project a.more { position:absolute; bottom:-6px; right:7px; display:block; width:26px; height:22px; background:url(../images/project_more.png) no-repeat; z-index:10;}
.recent_projects { width:320px; height:60px; border:1px solid red; }
#news #heading { width:152px; height:37px; background:url(../images/news_bg.png) no-repeat; margin-top:9px; padding-top:10px; color:#fff; font-family:Arial; font-size:15px; padding-left:10px; font-weight:bold;}
#news #content { background:#fbfafa; border-bottom:5px solid #450d00; padding:0px; margin-top:-10px; }
#news #content { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#news #content { -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
#news #content { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

#news #content .news_item { border-bottom:1px dotted #d8d5d5; margin-top:10px; }
#news #content .news_item .pic img { width:100%; max-width:90px; border:4px solid #d1d1d1; border-radius:4px; }
#news #content .news_item .details { color:#4c4c4c; margin-left:0px; }
#news #content .news_item .details .date { color:#ff8900; }
#news #content .newsletter { margin-top:12px; margin-bottom:15px; padding:10px; }
#news #content .newsletter input[type="text"] { width:80%; border-radius:0; border:1px solid #c0c0c0; background:url(../images/mail_icon.png) right 5px center no-repeat; }

.featured_clients { width:100%; max-width:940px; height:95px; background:#fb9723; margin-top:20px; margin-bottom:49px; overflow:hidden; }
.featured_clients ul { margin-top:1px; margin-left:10px; margin-right:10px; }
.featured_clients ul li { display:inline-block; height:95px; margin-right:0px; }

/* #ABOUT
================================================== */
.inner_banner { position:relative; width:100%; margin-bottom:40px; border-bottom:5px solid #FB9723; }
.inner_banner img { margin:0px; padding:0px; }
.about_sidebar { border-right:1px solid #f4f4f4; }
.about_sidebar .nav ul { }
.about_sidebar .nav ul li { margin-bottom:0; border-left:3px solid #e6e5e5; }
.about_sidebar .nav ul li a { display:block; background:#fcfcfc; padding:8px; margin-bottom:0; border-bottom:1px solid #efefef; color:#797979; text-decoration:none; font-size:14px; font-family:"PT Sans",Arial,Tahoma; }
.about_sidebar .nav ul li:hover { border-left:3px solid #ff8900; }
.about_sidebar .pdf_brochure a { display:block; background:url(../images/pdf_icon.png) no-repeat; padding-left:50px; text-decoration:none; color:#4c4c4c; }
.latest_news .title { display:block; font-size:18px; border-bottom:1px solid #efefef; padding-bottom:10px; }
.latest_news ul li a { display:block; color:#797979; text-decoration:none; border-bottom:1px solid #efefef; background:url(../images/news_arrow.png) right 10px center no-repeat; padding-top:10px;
padding-bottom:10px; }
.about_featured_clients .title { display:block; font-size:18px; border-bottom:1px solid #efefef; padding-bottom:10px; }
.about_featured_clients .client { text-align:center; }
.about_featured_clients .client a { display:block; border:1px solid #ccc; }
.about_featured_clients .client img { width:100%; }
.about_content { text-align:justify; }

/* #SERVICES
================================================== */
.services .service .icon { float:left; }
.services .service .title { float:left; font-family:"PT Sans",Arial,Tahoma; font-size:21px; font-weight:normal; margin-top:11px; margin-left:10px; color:#4c4c4c; }
.services .service .description { clear:both; font-family:Arial; font-size:12px; line-height:16px; margin-bottom:10px; line-height:18px; }
.services .featured .service { position:relative; background:#f4f4f4; padding:20px; }
.services .featured .service .title { margin-left:0px; margin-bottom:10px; color:#828282; }
.services .featured .service .description { margin-right:90px; }
.services .featured .service .icon { position:absolute; top:30%; right:25px; }

/* #PORTFOLIO
================================================== */
.portfolio ul.sort {}
.portfolio ul.sort li { float:left; margin-right:10px; }
.portfolio ul.sort li a { display:block; padding:5px; text-decoration:none; }
.portfolio ul.sort li.current a { background:#ff8900; color:#fff; }
.portfolio .search { float:right; width:100%; max-width:160px; border:1px solid #d7d7d7; color:#d2d2d2; box-shadow:none; background:url(../images/search_icon.png) right center no-repeat; 
background-position:right 5px bottom 6px;
}
.portfolio_sort .project { margin-bottom:20px; }
.pagination a { float:left; display:block; width:20px; height:20px; background:#4c4c4c; margin-right:5px; text-align:center; border-radius:2px; color:#fff; font-size:12px; }
.pagination a { text-decoration:none; padding:2px; -moz-transition: background-color 0.2s ease 0s; }
.pagination a:hover, .pagination a.active { background:#ff8900; }
.pagination a.next { width:35px; }


/* #BLOG
================================================== */
.blog_content .post .pic { position:relative; margin:0; padding:0;  }
.blog_content .post .pic img { width:100%; margin:0; padding:0; border-bottom:2px solid #ff8900; }
.blog_content .post .pic img:hover { background:#000; opacity:0.2; }
.blog_content .post .pic .date { position:absolute; width:94px; height:32px; bottom:0px; right:0; background:url(../images/blog_date.png) no-repeat; color:#fff; }
.blog_content .post .pic .date { text-align:center; font-size:16px; font-family:"PT Sans",Arial,Verdana; padding-top:5px; }
.blog_content .post .details { height:32px; background:#fafafa; border-bottom:1px solid #fff; margin-top:-7px; border-top:2px solid #ff8900; }
.blog_content .post .details a { float:left; margin-top:7px; margin-right:20px; text-decoration:none; color:#4c4c4c; font-family:"PT Sans",Arial,Tahoma; font-size:13px; }
.blog_content .post .details a.date { display:block; background:url(../images/calendar_icon.png) center left no-repeat; padding-top:1px; padding-left:20px; margin-left:10px; }
.blog_content .post .details a.user { background:url(../images/user_icon.png) center left no-repeat; padding-left:17px; }
.blog_content .post .details a.category { background:url(../images/category_icon.png) center left no-repeat; padding-left:21px; }
.blog_content .post .details a.comments { background:url(../images/comment_icon.png) center left no-repeat; padding-left:21px; }

.blog_content .post .content { border-top:1px solid #ddd; }
.blog_content .post .content h4 { margin-top:5px; }
.blog_content .post .content p { margin-top:7px; }
.blog_content .post .content a.more { display:block; background:#ff8900; padding:5px 10px 5px 10px; color:#fff; text-decoration:none; max-width:60px; margin-top:-10px; }
.blog_content .pagination { margin-top:25px; }

.blog_content .comments { }


/* blog sidebar */
.blog_sidebar { }
.blog_sidebar #search { border-radius:3px; width:96%; background:url(../images/search_icon.png) right 3px center no-repeat; border:1px solid #e5e5e5; box-shadow:none; }
.blog_sidebar .categories .title { font-size:18px; border-bottom:1px solid #efefef; padding-bottom:5px; }
.blog_sidebar .categories ul { }
.blog_sidebar .categories ul li { margin-bottom:0; border-left:3px solid #e6e5e5; }
.blog_sidebar .categories ul li a { position:relative; display:block; background:#fcfcfc; padding:8px; margin-bottom:0; border-bottom:1px solid #efefef; border-top:1px solid #FFF; color:#797979; text-decoration:none; font-size:14px; font-family:"PT Sans",Arial,Tahoma; }
.blog_sidebar .categories ul li a span { position:absolute; display:block; top:0; right:0; background:#efefef; height:20px; padding:7px; }
.blog_sidebar .categories ul li:hover { border-left:3px solid #ff8900; }

.blog_sidebar .archive .title { font-size:18px; border-bottom:1px solid #efefef; padding-bottom:5px; }
.blog_sidebar .archive ul li { margin-bottom:0; border-left:3px solid #e6e5e5; }
.blog_sidebar .archive ul li a { position:relative; display:block; background:#fcfcfc; padding:8px; margin-bottom:0; border-bottom:1px solid #efefef; border-top:1px solid #FFF; color:#797979; text-decoration:none; font-size:14px; font-family:"PT Sans",Arial,Verdana; }
.blog_sidebar .archive ul li a span { position:absolute; display:block; top:0; right:0; background:#efefef; height:20px; padding:7px; }
.blog_sidebar .archive ul li:hover { border-left:3px solid #ff8900; }

.blog_sidebar .latest_tweets .title { font-size:18px; border-bottom:1px solid #e1e1e1; padding-bottom:7px; margin-bottom:12px; }
.blog_sidebar .latest_tweets #tweets a { color:#ff8900; }

.blog_sidebar .popular_tags .title { font-size:18px; border-bottom:1px solid #e1e1e1; padding-bottom:7px; margin-bottom:12px;  }
.blog_sidebar .popular_tags a { display:inline-block; width:100%; max-width:90px; background:#fafafa; border:1px solid #ededed; padding:5px; color:#959595; text-decoration:none; border-radius:5px; text-align:center; margin-bottom:5px; margin-right:5px; }
.blog_sidebar .popular_tags a:hover { background:#ff8900; border:1px solid #ff8900; color:#fff; }

.blog_sidebar .banners { margin-top:20px; }


/* #BLOG POST
================================================== */
.blog_content .comments .comment { margin-top:20px; }
.blog_content .comments .comment .pic img { width:100%; max-width:90px; }
.blog_content .comments .comment .text .the_comment .user { color:#787878; font-size:14px; margin-bottom:12px; }
.blog_content .comments .comment .text .the_comment .user span { color:#ff8900; }
.blog_content .comments .comment .text .the_comment { border-left:6px solid #efefef; background:#fcfcfc; padding:10px 5px 2px 9px; }
.blog_content .reply input[type="text"] { max-width:390px; }
.blog_content .reply input[type="text"],textarea { width:97%; border:1px solid #b9b9b9; }



/* #CONTACT
================================================== */
    input[type="text"], textarea {
        color: #959595;
        display: block;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 20px;
        padding: 7px 9px;
        text-transform: uppercase;
        width: 240px;

    }
    textarea {
        resize: none;
        width: 500px;
    }
    input[type="submit"], input[type="reset"], input[type="button"], button, .button {
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
        background-size: 100% 200%;
        color: #000;
        cursor: pointer;    
        font-weight: normal;
        padding: 7px 25px 8px;
        -webkit-transition: background .2s ease-out;
           -moz-transition: background .2s ease-out;
            -ie-transition: background .2s ease-out;
             -o-transition: background .2s ease-out;
                transition: background .2s ease-out;
    }
    input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
        background-position: 0 100%;
    }

.contact-intro { color: #333; font-size: 14px; margin: 60px 0 40px;}
    .contact-info .address {
        margin-top: 20px;
    }
    #contact-form {
        margin-top: 25px;
    }
    #contact-form .error, #contact-form .success {
        margin-bottom: 20px;
        min-width: 227px;
    }


.contact_details .address { margin-top:15px; }
.contact_details .address{ background:url(../images/contact_marker.png) center left no-repeat; padding-left:35px; font-family:"PT Sans",Arial,Tahoma; font-size:14px; color:#4c4c4c; }
.contact_details .phone  { clear:both; background:url(../images/contact_phone.png) center left no-repeat; padding-left:35px; font-family:"PT Sans",Arial,Tahoma; font-size:14px; color:#4c4c4c; }
.contact_details .email  { clear:both; background:url(../images/contact_email.png) top left no-repeat; padding-left:35px; font-family:"PT Sans",Arial,Tahoma; font-size:14px; color:#4c4c4c; }

.contact_details ul.promo li { float:left; margin-right:15px; }
.contact_details ul.promo li a { text-decoration:none; }
.contact_details ul.promo li a.pdf { display:block; width:100%; height:43px; background:url(../images/pdf_icon.png) center left no-repeat; padding-top:10px; padding-left:50px; }
.contact_details ul.promo li a.skype { display:block; width:100%; height:43px; background:url(../images/skype_icon.png) center left no-repeat; padding-top:10px; padding-left:57px; }


/* go to top */
a#goto_top { position:absolute; bottom:-19px; right:10px; display:block; width:53px; height:45px; background:url(../images/goto_top.png); }


/* #FOOTER
================================================== */

#footer_bottom { width:100%; height:100%; background:#0f0800; border-top:1px solid #1d1000; padding-top:30px; padding-bottom:20px; }
#footer_bottom .copyright { color:#959595; font-size:12px; }
#footer_bottom .links { text-align:right; }
#footer_bottom .links a { color:#959595; font-size:12px; }

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	@media only screen and (min-width: 960px) {
		#wrapper { min-width:963px; }
		#footer, #footer_bottom { min-width:963px; }
	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#wrapper { min-width:768px; }
		.slider .flexslider img { /*max-width:738px;*/ }
		.featured_clients ul li { margin-right:20px; }
		
		#footer, #footer_bottom { min-width:768px; }
	    #footer { min-width:768px; }
	    #footer_bottom { min-width:768px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#wrapper { padding-bottom:20px; }
		.slider .flexslider img { max-width:760px; }
		.navigation ul#nav { display:none; }
		.top .logo { float:left; margin-top:10px; text-align:center; }
		.navigation select { display:block; width:100%; margin-top:50px;}
		.top #separator { display:none; }
		.recent_work .project { margin-bottom:15px; }
		#news #content { margin-bottom:20px; }
		#news .news_item .pic { max-width:110px; padding-left:10px; }
		#news .news_item .details { max-width:290px; }
		.featured_clients { height:100%; margin-top:10px; }
		.featured_clients ul li{ margin-left:20%; }
		
		/* about */
		.about_sidebar .latest_news { margin-top:20px; margin-bottom:10px; }
		.about_featured_clients .client img { width:auto; }
		.about_featured_clients .client a { border:none; }
		
		/* services */
		.services .service { margin-bottom:10px; }
		
		/* portfolio */
		.portfolio .search { float:left; width:100%; max-width:412px; }
		
		/* blog */
		.blog_content .post .details a { margin-right:12px; }
		.blog_content .post { margin-bottom:15px; }
		.blog_content .pagination { margin-bottom:35px; }
		
		#footer .footer .facebook_box { text-align:left; }
		#footer_bottom .links { text-align:left; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		
	}