/*
    Main Style Sheet
    Theme Name: neo
    Description: A Responsive WordPress Theme 
    Author: Pixelentity
    Email: helpdesk@pixelentity.com
    Website: http://pixelentity.com/
    Stock: http://themeforest.net/user/pixelentity
    Version: 1.0
*/

    /*skin primary color: #00c9e6;*/
    /*skin secondary color: ?*/
    /*light grey text color: #a3a3a3;*/
    /*dark heading text color: #2f2f2f;*/


    /* GENERAL STYLES */

    body
    { 
        background: #859294; /*#d3d2d1;*/
        font-family:helvetica, arial, verdana, sans-serif;
        color:#888;
        font-size:12px;
		height:auto;
    }
	
	body.black{
		background-color:#000;
	}
    
    h1
    {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color:#2f2f2f;
        font-size:30px;
        margin-bottom:45px;
        line-height:30px;
    }
    
    h2
    {
        font-size:18px;
        color:#5f5f5f;
        line-height:28px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight:bold;
    }
    
    h3
    {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color:#2f2f2f;
        font-size:20px;
        margin-bottom:20px;
        line-height:24px;
    }
    
    h4
    {
        margin-bottom:25px;
    }
    
    h5
    {
        margin-bottom:20px;
    }
    
    
    p
    {
       font-family: 'Open Sans', sans-serif;
	   line-height: 22px;
       margin-bottom:20px;
       color:#000;
       font-size:16px;
    }
    
    footer p{
        color:#777;
    }
    
    a
    {
		color:#00c9e6;
        text-decoration:none;
        -webkit-transition: color 0.2s linear;  
		   -moz-transition: color 0.2s linear;  
			-ms-transition: color 0.2s linear;  
			 -o-transition: color 0.2s linear;  
				transition: color 0.2s linear;
        -webkit-transition: background-color 0.2s linear;  
		   -moz-transition: background-color 0.2s linear;  
			-ms-transition: background-color 0.2s linear;  
			 -o-transition: background-color 0.2s linear;  
				transition: background-color 0.2s linear;
        -webkit-transition: opacity 0.2s linear;  
		   -moz-transition: opacity 0.2s linear;  
			-ms-transition: opacity 0.2s linear;  
			 -o-transition: opacity 0.2s linear;  
				transition: opacity 0.2s linear;
                
    }
    
    a:hover
    {
        text-decoration:none;
        color:#00c9e6;
    }
    
    .relative{
        position:relative;
    }
	
	pre.prettyprint {
        margin-bottom: 20px;
    }
    
    .row-spacing{
        margin-top:20px;
    }
    
    /*outlines*/
    *:focus {
        outline: none;
    }
    
    a:focus,
    a:active,
    input:focus,
    input:active,
    input[type=submit]:active,
    input[type=radio]:active{
        outline: 0px;
        -moz-outline-style: none;
    }
    
    /*outline in geko browsers*/
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="radio"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
    }
    
    :-moz-placeholder {
        color: #bbb;
        font-size:12px;
    }
      
    ::-webkit-input-placeholder {
        color: #bbb;
        font-size:12px;
    }
	
	.navBarSearch :-moz-placeholder{
		text-align:right;
		direction: rtl;
	}
	
	.navBarSearch ::-webkit-input-placeholder {
		text-align:right;
		direction: rtl;
	}
    
    footer :-moz-placeholder {
        color: #656565;
        font-family:helvetice, arial, sans-serif;
    }
    
    footer ::-webkit-input-placeholder {
        color: #656565;
        font-family:helvetice, arial, sans-serif;
    }
    
    input, button, select, textarea{
        font-family:helvetica, arial, sans-serif;
    }
    
    .label{
        background-color:#c1c1bf;
        font-size:9px;
        text-transform:uppercase;
        font-weight:bold;
        text-shadow:none;
        padding:3px 6px;
        font-family:helvetica, arial, sans-serif;
    }
    
    .popover-inner h3{
        margin-bottom:0;
    }
    
    .mainContent a.label:hover,
    .mainContent a:hover > span.label{
        background-color:#00c9e6;
    }
    
    .label-important {
        background-color: #b94a48;
    }
    .label-important:hover {
        background-color: #953b39;
    }
    .label-warning {
        background-color: #f89406;
    }
    .label-warning:hover {
        background-color: #c67605;
    }
    .label-success {
        background-color: #468847;
    }
    .label-success:hover {
        background-color: #356635;
    }
    .label-info {
        background-color: #3a87ad;
    }
    .label-info:hover {
        background-color: #2d6987;
    }
    .label-inverse {
        background-color: #333333;
    }
    .label-inverse:hover {
        background-color: #1a1a1a;
    }
    
    .badge-important {
        background-color: #B94A48;
    }
    
    .badge-important:hover {
        background-color: #953b39;
    }
	
	.badge{
		font-family:arial, verdana, sans-serif;
	}
    
    img{
        max-width:100%;
    }
    
    
	.peVolo .peWrap .portfolioItem {
		margin: 0px 10px 0px 10px; 
	}
    
    .divider {
        clear: both;
        position: relative;
        text-align: right;
        margin-top: 30px;
        
    }
    
    .divider span {
        height: 1px;
        display: block;
        border-top: 1px solid #eee;
        margin-bottom: 20px;
    }
    
    .divider.dotted span{
        border-top: 1px dotted #eee;
    }
    
    .hero-unit{
        padding:40px;
        padding-bottom:30px;
        background-color:#F5F5F5;
    }
	
	.hero-unit.mentor{
        background-color:#d2d9b5;
    }
    
    .hero-unit.default{
        background-color:#F5F5F5;
    }
    
    .hero-unit.inverse{
        background-color:#414141;
    }
    
    .hero-unit.primary{
        background-color:#0074CC;
    }
    
    .hero-unit.info{
        background-color:#49afcd;
    }
    
    .hero-unit.warning{
        background-color:#FAA732;
    }
    
    .hero-unit.danger{
        background-color:#DA4F49;
    }
    
    .hero-unit.success{
        background-color:#9FB44F;
    }
    
    .hero-unit h1 {
        color: #333;
        font-size: 40px;
        letter-spacing: -1px;
        line-height: 1;
        margin-bottom: 0;
    }
    
    .hero-unit p {
        color: #444;
        font-size: 18px;
        font-weight: normal;
        line-height: 25px;
        margin-top:10px;
    }
    
	.hero-unit.price h1{
		color:#fff;
	}
	
    .hero-unit.price h1 span{
        font-size:18px;
        position:relative;
        bottom:15px;
        padding-bottom:10px;
        display:inline-block;
        margin-left:5px;
    }
    
    .hero-unit.price p.type{
        color:#fff;
        font-weight:bold;
        font-size:20px;
    }
    
    .hero-unit.price li{
        font-size:12px;
        font-weight:bold;
        color:#fff;
        border-bottom:1px dotted #ddd;
        padding-bottom:5px;
        padding-top:5px;
    }
    
    .hero-unit.price li i{
        margin-right:8px;
        opacity:0.7;
    }
    
    
    .close{
        background:transparent;
        border:none;
        box-shadow:none;
    }
    
	.alert{
		padding: 12px 14px 12px 14px !important;
	}
	
    .alert h4{
        margin-bottom:0px;
    }
    
    .alert p{
        color:#666;
    }
    
    
    .tab-content > .tab-pane,
    .pill-content > .pill-pane{
        padding: 25px 14px 14px 14px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-radius:0 0 4px 4px;
    }
    
    .nav-tabs{
        margin-bottom:0;
    }
    
    .tab-content{
        margin-top:-1px;
        margin-bottom:20px;
    }
    
    .accordion-heading a{
        background-color: #E5E5E5;
        color:#666;
    }
    
    .accordion-heading a:hover{
        background-color: #efefef;
        color:#444;
        text-decoration:none;
    }
    
    .sidebar .well{
        margin-bottom:50px;
    }
    
    .nav-list > .active > a,
    .nav-list > .active > a:hover{
        background-color:#ccc;
    }
    
    .nav-list i{
        opacity:0.6;
    }
    
    .nav-list > .active i{
        opacity:1;
    }
    
    .nav-list a{
        color:#2f2f2f;
    }
    
    /*fluid offsets*/
    
    .pe-offset1{
        margin-left: 8.5635359% !important;
    }
    
    .pe-offset2{
        margin-left: 17.09401706% !important;
    }
	
	
	
	/*gallery Cover*/
	
	.galleryCover{
		position:relative;
	}
	
    
    /*icons*/
    
    /*social media icons sprite*/
	
    .sm-icon{
        background:url(../img/skin/social_media_icons.png) no-repeat 0 0;
        width: 26px;
        height: 26px;
        opacity:0.5;
        display:block;
        float:left;
        margin-left:5px;
    }
    
    .sm-icon:hover{
        opacity:1;
    }
    
    /*dark icons*/
    
    .sm-icon-google_alt{ background-position: -132px -223px; } 
    .sm-icon-yahoo{ background-position: -132px -340px; } 
    .sm-icon-picasa{ background-position: 0px -300px; } 
    .sm-icon-tumblr{ background-position: -295px -299px;  } 
    .sm-icon-wordpress{ background-position: -99px -340px; } 
    .sm-icon-evernote{ background-position: 0px -223px;} 
    .sm-icon-dribbble{ background-position: -230px -184px;  } 
    .sm-icon-deviantart{ background-position: -164px -184px; } 
    .sm-icon-linked_in{ background-position: -33px -262px; } 
    .sm-icon-forrst{ background-position: -98px -223px; } 
    .sm-icon-behance{ background-position: -66px -184px;  } 
    .sm-icon-youtube{ background-position: -230px -340px;  } 
    .sm-icon-google_plus{ background-position: -164px -223px;  } 
    .sm-icon-facebook{ background-position: -33px -223px;  } 
    .sm-icon-twitter_t{ background-position: -33px -340px;  } 
    .sm-icon-twitter{ background-position: 0px -340px;  } 
    .sm-icon-vimeo{ background-position: -66px -340px; } 
    .sm-icon-flickr{ background-position: -66px -223px; } 
    .sm-icon-last_fm{ background-position: 0px -262px;  } 
    .sm-icon-rss{ background-position: -165px -300px;  } 
    .sm-icon-skype{ background-position: -230px -300px;  }
    
    
    
    /*white icons*/
    
    .sm-icon-google_alt.icon-white{ background-position: -132px -38px; } 
    .sm-icon-yahoo.icon-white{ background-position: -132px -155px; } 
    .sm-icon-picasa.icon-white{ background-position: 0px -115px; } 
    .sm-icon-tumblr.icon-white{ background-position: -295px -114px;  } 
    .sm-icon-wordpress.icon-white{ background-position: -99px -155px; } 
    .sm-icon-evernote.icon-white{ background-position: 0px -38px;} 
    .sm-icon-dribbble.icon-white{ background-position: -230px 1px;  } 
    .sm-icon-deviantart.icon-white{ background-position: -164px 1px; } 
    .sm-icon-linked_in.icon-white{ background-position: -33px -77px; } 
    .sm-icon-forrst.icon-white{ background-position: -98px -38px; } 
    .sm-icon-behance.icon-white{ background-position: -66px 1px;  } 
    .sm-icon-youtube.icon-white{ background-position: -230px -155px;  } 
    .sm-icon-google_plus.icon-white{ background-position: -164px -38px;  } 
    .sm-icon-facebook.icon-white{ background-position: -33px -38px;  } 
    .sm-icon-twitter_t.icon-white{ background-position: -33px -155px;  } 
    .sm-icon-twitter.icon-white{ background-position: 0px -155px;  } 
    .sm-icon-vimeo.icon-white{ background-position: -66px -155px; } 
    .sm-icon-flickr.icon-white{ background-position: -66px -38px; } 
    .sm-icon-last_fm.icon-white{ background-position: 0px -77px;  } 
    .sm-icon-rss.icon-white{ background-position: -165px -116px;  } 
    .sm-icon-skype.icon-white{ background-position: -230px -115px;  }
    
    
    /*color icons*/
    
    .sm-icon-google_alt:hover{ background-position: -132px -409px; } 
    .sm-icon-yahoo:hover{ background-position: -132px -526px; } 
    .sm-icon-picasa:hover{ background-position: 0px -486px; } 
    .sm-icon-tumblr:hover{ background-position: -295px -485px;  } 
    .sm-icon-wordpress:hover{ background-position: -99px -526px; } 
    .sm-icon-evernote:hover{ background-position: 0px -409px;} 
    .sm-icon-dribbble:hover{ background-position: -230px -370px;  } 
    .sm-icon-deviantart:hover{ background-position: -164px -370px; } 
    .sm-icon-linked_in:hover{ background-position: -33px -448px; } 
    .sm-icon-forrst:hover{ background-position: -98px -409px; } 
    .sm-icon-behance:hover{ background-position: -66px -370px;  } 
    .sm-icon-youtube:hover{ background-position: -230px -526px;  } 
    .sm-icon-google_plus:hover{ background-position: -164px -409px;  } 
    .sm-icon-facebook:hover{ background-position: -33px -409px;  } 
    .sm-icon-twitter_t:hover{ background-position: -33px -526px;  } 
    .sm-icon-twitter:hover{ background-position: 0px -526px;  } 
    .sm-icon-vimeo:hover{ background-position: -66px -526px; } 
    .sm-icon-flickr:hover{ background-position: -66px -409px; } 
    .sm-icon-last_fm:hover{ background-position: 0px -448px;  } 
    .sm-icon-rss:hover{ background-position: -164px -486px;  } 
    .sm-icon-skype:hover{ background-position: -230px -486px;  }
    
    
    /*missing bootstrap icons positions*/
    
    .icon-hdd {
        background-position: 0 -144px;
    }
    .icon-bullhorn {
        background-position: -24px -144px;
    }
    .icon-bell {
        background-position: -48px -144px;
    }
    .icon-certificate {
        background-position: -72px -144px;
    }
    .icon-thumbs-up {
        background-position: -96px -144px;
    }
    .icon-thumbs-down {
        background-position: -120px -144px;
    }
    .icon-hand-right {
        background-position: -144px -144px;
    }
    .icon-hand-left {
        background-position: -168px -144px;
    }
    .icon-hand-up {
        background-position: -192px -144px;
    }
    .icon-hand-down {
        background-position: -216px -144px;
    }
    .icon-circle-arrow-right {
        background-position: -240px -144px;
    }
    .icon-circle-arrow-left {
        background-position: -264px -144px;
    }
    .icon-circle-arrow-up {
        background-position: -288px -144px;
    }
    .icon-circle-arrow-down {
        background-position: -312px -144px;
    }
    .icon-globe {
        background-position: -336px -144px;
    }
    .icon-wrench {
        background-position: -360px -144px;
    }
    .icon-tasks {
        background-position: -384px -144px;
    }
    .icon-filter {
        background-position: -408px -144px;
    }
    .icon-briefcase {
        background-position: -432px -144px;
    }
    .icon-fullscreen {
        background-position: -456px -144px;
    }
    
	
	/*post type icons*/
	
	.postTypeIcon{
		display:block;
		width:62px;
		height:62px;
	}
	
	.postTypeIcon i{
		background:url(../img/skin/post_type_icons.png) no-repeat 0 0;
		display:block;
		width:62px;
		height:62px;
	}
	
	.postTypeIcon .image{
		background-position:0 0;
	}
	
	.postTypeIcon .video{
		background-position:0 -434px;
	}
	
	.postTypeIcon .slider{
		background-position:0 -372px;
	}
	
	.postTypeIcon .standard{
		background-position:0 -186px;
	}
	
	.postTypeIcon .grid{
		background-position:0 -248px;
	}
	
	.postTypeIcon .quote{
		background-position:0 -124px;
	}
	
	.postTypeIcon .fullscreen{
		background-position:0 -310px;
	}
	
	.postTypeIcon .link{
		background-position:0 -62px;
	}
	
	/*sticky posts*/
	
	.stickyPost{
		position:absolute;
		top:0;
		left:0;
	}
	
	.stickyIcon{
		background:url(../img/skin/sticky_icon.png) no-repeat 0 0;
		display:block;
		width:20px;
		height:20px;
	}
    
    /*back to top button*/
    
    .btt{
        position:absolute;
        top:20px;
        left:50%;
        opacity:0.9;
        background-color:#242424;
        padding:2px 5px 5px 5px;
        visibility:visible;
        -webkit-transition: opacity 0.4s linear;  
		   -moz-transition: opacity 0.4s linear;  
			-ms-transition: opacity 0.4s linear;  
			 -o-transition: opacity 0.4s linear;  
				transition: opacity 0.4s linear;
    }
    
    .btt span{
        opacity:0.3;
    }
    
    .btt:hover{
        opacity:0.8;
        background-color:#00c9e6;
    }
    
    .btt:hover span{
        opacity:1;
    }
    
    .btt.disabled{
        visibility:hidden;
        opacity:0;
    }
    
    
    /*share buttons (facebook, pinterest, google+1..)*/
	
    .shareButton{
        float:left;
        margin-bottom:12px;
        overflow:hidden;
    }
    
    /*bootstrap buttons*/
    
    .btn-success {
        background-color: #9fb44f;
        background-image: -moz-linear-gradient(top, #a5bb52, #8da046);
        background-image: -ms-linear-gradient(top, #a5bb52, #8da046);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a5bb52), to(#8da046));
        background-image: -webkit-linear-gradient(top, #a5bb52, #8da046);
        background-image: -o-linear-gradient(top, #a5bb52, #8da046);
        background-image: linear-gradient(top, #a5bb52, #8da046);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5bb52', endColorstr='#8da046', GradientType=0);
        border-color: #829341 #829341 #6f7d37;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    }
    
    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
      background-color: #7f903f;
    }
    .btn-success:active,
    .btn-success.active {
      background-color: #7f903f \9;
    }
    
    .btn:hover {
        background-position: 0 -36px !important;
    }
	
	/*additional margin to center icons inside buttons & add spacing*/
    .btn [class*=" icon-"], .btn [class^="icon-"]{
        margin-right:8px;
    }
	
	.price [class*=" icon-"], .price [class^="icon-"]{
        margin-right:8px;
    }
    
    
    /*sidebar spacers*/
    
    .innerSpacer{
        margin-right:20px;
    }
    
    .innerSpacer.left{
        margin-right:0px;
        margin-left:20px;
    }
    
    /*body search widget for mobile*/
    
    .body-search{
        display:none;
    }
    
    /* END GENERAL */
    
    
    
    /*ALL RESOLUTIONS*/
    
    .siteWrapper{
        position:relative;
        z-index:6;
        width:980px;
        margin:0 auto;
        background-color:#fefefe;
		background-color:rgba(254, 254, 254, 1);
        margin-top:15px;
    }
	
    header{
        background-color:#fbfbfb;
    }
    
    header .nav-collapse{
        position:relative;
    }
    
    header .nav-collapse ul.nav{
        margin-right:0;
    }
    
    .navbar .container{
        width:980px;
    }
    
    
    
    /*logos*/
    
	.navbar .brand .highres{
		display:block;
	}
        
	.navbar .brand .lowres{
		display:none;
	}
    
	.navbar .brandHolder {
		background-color: #FFFFFF;
		position: relative;
		text-align: center;
		width: 100%;
	}
	
	.navbar .brandHolder a{
		float:left;
		width:100%;
	}
    
    .navbar .brand{
        padding-left:0px;
    }
    
    .logoBg{
        position:absolute;
        top:0;
        right:-32px;
    }
    
    /*tagline*/
    
    .tagline{
        padding-top:28px;
        height:73px;
    }
    
    .tagline .taglineContent{
        padding-left:60px;
    }
    
    .tagline p{
        font-size:14px;
        color:#787878;
    }
    
    /*top Info*/
    
    .infoTop{
       position:relative;
       width:980px;
       margin:20px auto 0;
       text-align:right;
       overflow:hidden;
	   z-index:4;
    }
    
    .infoTop p, .infoTop span{
        background-color:#00c9e6;
		background-color:rgba(0, 201, 230, 0.85 );
        color:#fff;
        padding:5px 10px;
        float:right;
        font-weight:bold;
        margin-bottom:0;
    }
    
    .infoTop p{
        margin-right:3px;
    }
    
    
    /*menu*/
    
    .mainNav{
        border-bottom:1px solid #f2f2f2;
        border-top:1px solid #f2f2f2;
		background-color:#fff;
        margin-bottom:0;
        padding-bottom:5px;
    }
    
    /*navigation area search*/
    
    .navBarSearch{
        float:right;
        padding-top:14px;
        position:relative;
        padding-right:20px;
    }
    
    .navBarSearch input[type=text]{
        border-color:#eee;
        border:none;
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        margin-right:20px;
    }
    
    .navBarSearch form{
        margin-bottom:0; 
    }
    
    .navBarSearch button[type=submit]{
        background-color:transparent;
        background-position:-44px 7px;
        border: 0 none;
        cursor: pointer;
        height: 27px;
        padding: 5px;
        padding-right:10px;
        padding-bottom:8px;
        position: absolute;
        right: 14px;
        top: 12px;
        width: 26px;
        opacity:0.2;
    }
    
    .navBarSearch button[type=submit]:hover{
        opacity:0.7;
    }
    
    /*.navBarSearch input::-moz-placeholder,
    .navBarSearch ::-webkit-input-placeholder{
        direction: rtl;
		text-align:right;
    }*/
    
    /*slider*/
	
    .sliderWrap{
        z-index:1;
    }
    
    .sliderWrap .container{
        width:980px;
    }
	
	
    
    /*main content*/
     
    .mainContent{
        padding-top:50px;
		padding-bottom:50px;
    }
	
	.mainContent.wide{
		margin-bottom:0;
		padding-bottom:0;
	}
    
	.action{
		margin-top:7px;
		float:right;
	}
	
	.action .btn{
		margin-left:10px;
		font-weight:bold;
		margin-right:20px;
		font-family: 'Pontano Sans', sans-serif;
	}
	
	/*homepage tabs layout*/
	
	.our_services_container{
		float:left;
		width:100%;
	}
	
		.our_services_container .service{
			display: inline-block;
			vertical-align: top;
			width: 31%;
			margin: 0 1.4% 40px 0;
			cursor:pointer;
		}
		
		.products_page.our_services_container .service{
			cursor:inherit; 
		}
		
		.our_services_container .service .left_image{
			float: left;
			width: 42.8%;
			margin-right: 6%;
		}
		
		.our_services_container .service .right_text{
			float: left;
			width: 51.2%;
		}
		
		.our_services_container .service .right_text h3{
			color: #919191;
			font-family: helvetica,arial,verdana,sans-serif;
			font-size: 14px;
			line-height:20px;
			margin-bottom: 10px;
		}
		
		.our_services_container .service .right_text p{
			color: #919191;
			font-family: helvetica,arial,verdana,sans-serif;
			font-size: 12px;
			margin-bottom: 10px;
		}
		
		.our_services_popup{
			background: #fff;
			border: 1px solid #dadcde;
			border-radius: 7px;
			box-shadow: 0 0 12px #999;
			-moz-box-shadow: 0 0 12px #999;
			-webkit-box-shadow: 0 0 12px #999;
			-o-box-shadow: 0 0 12px #999;
			top: 50%;
			left: 48%;
			position: fixed;
			z-index: 1000;
			width:980px;
			height:460px;
			margin:-265px 0 0 -490px;
			padding:40px;
			display:none;
		}
		
		.service_pop{
			display:none;
		}
		
		.our_services_popup .left_image{
			width: 428px;
			float: left;
			margin: 0 40px 0 0;
		}
		
		.our_services_popup .right_text{
			width: 420px;
			padding-right: 20px;
			float: left;
			height: 448px;
			overflow: auto;
		}
		
		.our_services_popup .service_pop{
			display:none;
		}
		
		.our_services_popup .close {
			background: url(../img/modal_close.png) no-repeat;
			position: absolute;
			top: 10px;
			right: 10px;
			width: 32px;
			height: 32px;
			cursor: pointer;
		}
		
		.our_services_popup .leftarrow{
			background:  url(../img/quickview_leftarrow.png) no-repeat;
			position: absolute;
			top: 248px;
			left: 16px;
			width: 19px;
			height: 34px;
			cursor: pointer;
		}
		
		.our_services_popup .rightarrow{
			background: url(../img/quickview_rightarrow.png) no-repeat;
			position: absolute;
			top: 248px;
			right: 16px;
			width: 19px;
			height: 34px;
			cursor: pointer;
		}
		
	.top_text{
		width:90%;
		margin:0 auto 30px;
		text-align:center;
	}
	
	.services_template{
		float:left;
		width:100%;
	}
	
	.services_template .service{
		float:left;
		width:100%;
		height:280px;
		margin-bottom:50px;
	}
	
		.services_template .service .left_image img{
			height:280px;
		}
		
		.container.wide .services_template .service p{
			padding-left:0;
		}
	
		.services_template .service.left .left_image{
			float:left;
			width:48%;
		}
		
		.services_template .service.left .right_text{
			float:right;
			width:48%;
		}
		
		.services_template .service.right .left_image{
			float:right;
			width:48%;
		}
		
		.services_template .service.right .right_text{
			float:left;
			width:48%;
		}
	
	.container.wide{
		width:980px;
	}
	

	
	.container.wide p iframe{
		width:97%;
		
	}
	
	.banner_slider{
		width:90%!important;
		margin:0 auto 30px;
		height:360px!important;
	}
	
	.banner_slider img{
		width:100%!important;
		float:left;
		height:auto!important;
	}
	
	.products_page .service{
		width:47%;
	}
	
	.products_page ul{
		margin:0 0 9px 50px;
	}
	
	.our_services_container h2{
		padding-left:20px;
		padding-bottom:30px;
		font-size:18px;
	}
	
	.container.wide .our_services_container p,	
	.container.wide .our_services_popup p{
		padding-left:0px;
	}
	
	.container.wide p{
		padding-left:20px;
	}
	
	.featuredTitle{
		margin-left:20px;
		float:left;
	}
	
	.featuredContent{
		border-top:1px solid #eee;
		background-color:#f8f8f8;
	}
	
	.featuredContent .tab-content{
		margin-bottom:0;
	}
	
	.featuredContent .tab-content > .tab-pane{
		border:none;
		background-color:#fbfbfb;
		padding:50px 20px 50px 20px;
		border-top:1px solid #eee;
	}
	
	.featuredContent .nav-tabs > li{
		margin-bottom:-1px;
	}
	
	.featuredContent .nav-tabs > li > a{
		font-size:14px;
		padding:20px 25px;
		font-family:helvetica,arial, sans-serif;
		font-weight:bold;
		border-radius:0;
		margin:0;
		background-color:#f8f8f8;
		border-right:1px solid #eee;
		border-bottom:1px solid #eee;
		border-left:none !important;
	}
	
	.featuredContent .nav-tabs > li > a:hover{
		background-color:#fbfbfb;
		border-right:1px solid #eee;
		border-left:none !important;
		border-bottom-color:#eee;
	}
	
	.featuredContent .nav-tabs > li:first-child > a{
		padding-left:45px;
	}
	
	.featuredContent .nav-tabs > .active > a,
	.featuredContent .nav-tabs > .active > a:hover {
		border: 1px solid #eee !important;
		border-top-color:transparent !important;
		border-bottom:1px solid #fbfbfb !important;
		border-left:none !important;
		color: #555555 !important;
		background-color: #fbfbfb !important;
	}
	
	/*features shortcode*/
	
	.feature{
		position:relative;
	}
	
	.featureContent h3{
		font-size:14px;
		margin-bottom:8px;
	}
	
	.featureIcon{
		position:absolute;
		top:6px;
		left:0;
		width:50px;
		height:50px;
		border-radius:50%;
		background-color:#00c9e6;
	}
	
	.featureIcon i{
		background:url(../img/skin/feature_icons.png) no-repeat 0 0;
		position:relative;
		display:block;
		width:50px;
		height:50px;
	}
	
	.featureIcon i.icon-feature-cloud{ background-position:0px 0px;}
	.featureIcon i.icon-feature-minus{ background-position:-192px 0px;}
	.featureIcon i.icon-feature-plus{ background-position:-256px 0px;}
	.featureIcon i.icon-feature-quote{ background-position:-384px 0px;}
	.featureIcon i.icon-feature-eye{ background-position:-447px 0px;}
	.featureIcon i.icon-feature-info{ background-position:-513px 0px;}
	.featureIcon i.icon-feature-heart{ background-position:-576px 0px;}
	.featureIcon i.icon-feature-bulb{ background-position:-641px 0px;}
	.featureIcon i.icon-feature-rss{ background-position:-766px 0px;}
	.featureIcon i.icon-feature-award{ background-position:0px -64px;}
	.featureIcon i.icon-feature-stat{ background-position:-64px -64px;}
	.featureIcon i.icon-feature-star{ background-position:-321px -64px;}
	.featureIcon i.icon-feature-shield{ background-position:-447px -64px;}
	.featureIcon i.icon-feature-film{ background-position:-513px -64px;}
	.featureIcon i.icon-feature-locked{ background-position:-576px -64px;}
	.featureIcon i.icon-feature-ribbon{ background-position:-704px -64px;}
	.featureIcon i.icon-feature-share{ background-position:-768px -64px;}
	.featureIcon i.icon-feature-location{ background-position:-64px -128px;}
	.featureIcon i.icon-feature-user{ background-position:-256px -128px;}
	.featureIcon i.icon-feature-list{ background-position:-321px -1280px;}
	.featureIcon i.icon-feature-grid{ background-position:-448px -129px;}
	.featureIcon i.icon-feature-comment{ background-position:-576px -128px;}
	.featureIcon i.icon-feature-map{ background-position:-641px -128px;}
	.featureIcon i.icon-feature-graph{ background-position:-704px -128px;}
	.featureIcon i.icon-feature-settings{ background-position:0px -192px;}
	.featureIcon i.icon-feature-tag{ background-position:-64px -192px;}
	.featureIcon i.icon-feature-calendar{ background-position:-128px -192px;}
	.featureIcon i.icon-feature-mail{ background-position:-256px -192px;}
	.featureIcon i.icon-feature-clock{ background-position:-447px -192px;}
	.featureIcon i.icon-feature-lightening{ background-position:-513px -192px;}
	.featureIcon i.icon-feature-camera{ background-position:-641px -192px;}
	.featureIcon i.icon-feature-zoom-in{ background-position:-513px -256px;}
	.featureIcon i.icon-feature-close{ background-position:-576px -256px;}
	.featureIcon i.icon-feature-tic{ background-position:-641px -256px;}
	.featureIcon i.icon-feature-tic2{ background-position:-704px -256px;}
	.featureIcon i.icon-feature-close2{ background-position:-766px -321px;}
	.featureIcon i.icon-feature-doc{ background-position:-64px -321px;}
	.featureIcon i.icon-feature-article{ background-position:-128px -321px;}
	.featureIcon i.icon-feature-next{ background-position:-447px -383px;}
	.featureIcon i.icon-feature-prev{ background-position:-513px -383px;}
	.featureIcon i.icon-feature-down{ background-position:-383px -383px;}
	.featureIcon i.icon-feature-up{ background-position:-641px -383px;}
	.featureIcon i.icon-feature-up-right{ background-position:-704px -383px;}
	.featureIcon i.icon-feature-down-left{ background-position:-766px -383px;}
	
	.feature .featureContent{
		padding-left:60px;
	}
	
	/*contentbox shortcode*/
	.contentBox{
		margin-bottom:20px;
		color:#fff;
	}
	
	/*testimonial shortcode*/
	
	.testimonial{
		position:relative;
		border:1px solid #eee;
		background-color:#fefefe;
		margin-bottom:40px;
	}
	
	.post .testimonial{
		margin-bottom:20px;
	}
	
	.post.full .testimonial{
		margin-bottom:40px;
	}
	
    .testimonial .speech{
		background:url(../img/skin/speech.png) no-repeat 0 0;
		position:absolute;
		bottom:-47px;
		left:30px;
		width:39px;
		height:47px;
		z-index:2;
	}
	
    blockquote p{
        font-size:18px;
        color: #555;
        line-height:24px;
        font-family:"Helvetica Neue", helvetica, arial, sans-serif;
		font-weight:normal;
		margin-bottom:8px;
    }
	
	blockquote{
        padding:25px 30px 0px 30px;
        margin-bottom:0;
		border:none;
    }
    
	.testimonial > p{
		margin-bottom:15px;
	}
	
    .testimonial cite{
		margin-left:30px;
		color:#888;
		font-size:12px;
	}
    
    blockquote small{
        color:#666;
    }
    
    blockquote p a{
        color: #00c9e6;
    }
    
    blockquote p a:hover{
        text-decoration:none;
        color: #2f2f2f;
    }
	
	
	/*staff shortcode*/
    
	.staff,
	.staff div{
		position:relative;
	}
	
	.staff{
		border-bottom:1px dotted #eee;
		margin-bottom:40px;
	}
	
	.staff .content{
		margin-top:30px;
	}
	
	.staff.right .content{
		float:left;
		
	}
	
	/*.staff.left .image{
		overflow:hidden;
	}*/
	
	.staff.right .image{
		/*float:right;*/
		/*overflow:hidden;*/
	}
	
	.staff .thumb{
		position:absolute;
		z-index:10;
		transform: rotate(2deg);
		-ms-transform: rotate(2deg); /* IE 9 */
		-webkit-transform: rotate(2deg); /* Safari and Chrome */
		-o-transform: rotate(2deg); /* Opera */
		-moz-transform: rotate(5deg);
		box-shadow:1px 1px 2px rgba(0,0,0,0.35);
		-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.35);
		-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.35);
	}
	
	.staff.right .thumb{
		left:-30px;
		bottom:0;
	}
	
	.staff.left .thumb{
		right:-20px;
		bottom:0;
	}
	
	.staff.left .innerSpacer{
		margin-right:0;
		margin-left:20px;
	}
	
	.staff h3 span{
		font-weight:normal;
		margin-left:5px;
	}
	
    
    /*blog*/
    
    .post{
        margin-bottom:60px;
    }
    
    .post.full{
        margin-bottom:30px;
    }
    
    .post .post-meta{
        color:#bbb;
        font-style:italic;
		font-size:11px;
    }
	
	.post .postTypeIcon [class*=" icon-"],
    .post .postTypeIcon [class^="icon-"]{
        margin-right:0;
    }
	
	.post .postTypeIcon:hover{
		cursor:default !important;
		background-position:0 0 !important;
	}
    
    .post .post-title h3{
        margin-bottom:40px;
        font-size:24px;
    }
    
    .post.full .post-title h3{
        margin-bottom:10px;
    }
    
    .post.full .post-title{
        margin-bottom:10px;
    }
    
    .post .post-title a{
        color:#2f2f2f;
    }
    
    .post .post-image{
        margin-bottom:40px;
    }
    
    .post .post-thumbs > div{
        margin-bottom:15px;
    }
    
    .post .post-meta span{
        font-size:11px;
        margin-bottom:5px;
    }
	
	.post .post-meta{
		padding-bottom:40px;
		border-bottom:1px solid #efefef;
	}
	
	.post.full .post-meta{
		border-bottom:none;
		padding-bottom:0;
	}
    
    .post .post-meta a{
        color:#00c9e6;
    }
    
    .post .post-meta a:hover{
        text-decoration:none;
        color:#2f2f2f;
    }
    
    .post .post-meta .comments-num i{
        margin-left:5px;
		margin-right:10px;
        opacity:0.2;
    }
    
    .post .post-content{
        padding-bottom:30px;
    }
    
    .post .contentWrap{
        padding-bottom:40px;
    }
    
    .post ul{
        padding:0;
        margin:0;
        list-style-type:none;
        margin-bottom:20px;
    }
    
    .post ul li span{
        margin-right:10px;
        opacity:0.5;
    }
    
	.post ul.nav-tabs{
		margin-bottom:0;
	}
	
    .post ol{
        margin-bottom:20px;
    }
    
    .shareBox{
        margin-top:20px;
		padding-top:15px;
		border-bottom: 1px solid #EFEFEF;
		border-top: 1px solid #EFEFEF;
		overflow:hidden;
    }
	
	.shareBox h4{
		margin-right:20px;
		margin-bottom:20px;
		margin-top:3px;
	}
	
	.shareBox h4, .shareBox button{
		float:left;
	}
    
    
    /*BLOG COMMENTS*/
    
    
    #comments .comment-body{
        margin-bottom:30px;
    }
    
    #comments-title span{
        font-size:18px;
        font-weight:bold;
        color:#666;
        line-height:10px;
        padding:0 5px;
    }
    
    .commentlist, #comments .children{
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
    .commentlist{
        padding-bottom:30px;
        margin-bottom:40px;
        border-bottom:1px solid #efefef;
    }
    
    .comment-author img{
        display:block;
        border:1px solid #fff;
    }
    
    .bypostauthor > .comment-body > .comment-author img{
        border:2px solid #9aae4c;
    }
	
	.bypostauthor > .comment-body cite{
		font-weight:bold;
	}
	
	.bypostauthor > .comment-body p{
		color:#666;
	}
    
    #comments .fn a{
        font-weight:bold;
        font-size:14px;
        color:#666;
    }
    
    .bypostauthor #comments .fn a{
        color:#9aae4c;
    }
    
    #comments .fn a:hover{
        color:#2f2f2f;
        text-decoration:none;
    }
    
    #comments .comment-meta{
        margin-bottom:10px;
    }
    
    #comments .comment-meta a{
        font-size:11px;
        color:#aaa;
    }
    
    #comments .comment-meta a:hover{
        color:#666;
        text-decoration:none;
    }
    
    #comments .reply .label:hover{
        background-color:#00c9e6;
    }
	
	
	/*comments pagination*/
    
	#comments .post-pagination{
		margin-bottom:60px;
	}
	
	#comments .pagination .active a {
		background-color: #666;
		border-color: #666;
		color: #FFFFFF;
	}
	
    
    /*COMMENT FORM*/
    
    #respond{
        margin-bottom:50px;
    }
    
    #respond #reply-title{
        margin-bottom:40px;
    }
    
    #commentform  .comment-notes{
        color:#aaa;
        font-size:11px;
    }
    
    #commentform label{
        width:100px;
        margin-left:40px;
        text-align:left;
        color:#666;
    }
    
    #commentform .controls{
        margin-left:0;
        float:left;
    }
    
    #commentform .control-group .required{
        margin-left:3px;
        margin-top:3px;
    }
    
    /*pagination*/
    
    .pagination{
        margin:0;
    }
	
	.pagination ul{
		box-shadow:none;
	}
    
    .pagination a{
        color:#999;
		background-color:#f5f5f5;
        font-weight:bold;
		border-left-width:1px;
		margin:0 5px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
	
	.pagination li:first-child a,
	.pagination li:last-child a{
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
    
    .pagination a:hover{
        text-decoration:none;
        color:#2f2f2f;
		background-color:#eeeeee;
    }
    
    .pagination .active a{
        background-color:#fff;
        color:#00c9e6;
        border-color:#ddd;
    }
	
	.pagination .disabled span,
	.pagination .disabled a,
	.pagination .disabled a:hover{
		color:#ddd;
		background-color:#f5f5f5;
	}
    
	
	/*project pager*/
	
    .project-pagination{
        margin-top:20px;
    }
	
    
	/*project next/prev nav*/
	.container.projectTitleBar{
		width:940px;
		padding:30px 20px 0px;
		background-color:#f8f8f8;
		border-bottom:1px dashed #ddd;
	}
	
	.projectTitleBar h1{
		margin-bottom:25px;
		float:left;
	}
	
	.projectTitleBar .iconBg{
		float:left;
		margin-right:15px;
		margin-top:2px;
		width:28px;
		height:28px;
		border-radius:50%;
		background-color:#00c9e6;
	}
	
	.projectTitleBar .iconBg i{
		margin-left:7px;
		margin-top:5px;
	}
	
	.project-nav{
		margin-top:3px;
	}
	
	.project-nav a{
		margin-left:5px;
		line-height:12px;
		font-size:12px;
		padding:5px 6px;
	}
	
	.project-nav a:hover{
		background-color:#00c9e6;
	}
	
	.project-nav a.disabled{
		opacity:0.3;
	}
	
	.project-nav a.disabled:hover{
		cursor:default;
		background-color:#C1C1BF;
	}
	
    
    /*pager*/
    
    .pager{
        margin-bottom:60px;
    }
    
    .pager a {
        color:#666;
		background-color:#f5f5f5;
        border: 1px solid #DDDDDD;
        border-radius: 4px 4px 4px 4px;
        display: inline-block;
        padding: 5px 14px;
    }
    
    .pager a span{
        font-weight:bold;
    }
    
    .pager a:hover{
        color:#2f2f2f;
        background-color:#eeeeee;
    }
    
    
    
    /*GOOGLE MAPS*/
    
    .gmapWrap{
        margin-bottom:50px;
    }
    
    .gmapWrap img{
        display:block;
    }
    
    .gmapWrap .gmap{
        height:350px;
    }

	.gmapWrap .gmap > div.description {
		display: none;
    }
    
    .gmap div img{
        max-width:none;
    }

    
    
    /*SEARCH RESULTS*/
    
    .result{
        margin-bottom:30px;
        padding-bottom:25px;
        border-bottom:1px solid #eee;
    }
    
    .result .post-image{
        margin-bottom:20px;
    }
    
    .result .result-title h3 a{
        color:#2f2f2f;
    }
    
    .result .result-title h3 span{
        margin-left:20px;
    }
	
	.result:last-child{
		margin-bottom:0;
		border-bottom:none;
	}
    
    
    
    /*CONTACT FORM*/
    
    .contact form .control-group:after
    {
        content: ".";
        display:block;
        height:0;
        visibility:hidden;
        clear:both;
    }
    
    .contact form label {
        float: left;
        color: #666666;
        margin-left: 40px;
        text-align: left;
        width: 100px;
    }
    
    .contact form span.required {
        margin-left: 3px;
        margin-top: 3px;
    }
    
    .contact form .controls {
        float: left;
        margin-left: 0;
    }
    
    .formSent,
    .formError {
        display: none;
    }
    
    
    
    /*FAQs*/
    
    .faq{
        margin-bottom:20px;
        overflow:hidden;
    }
    
    .faq-heading{
       border: 1px solid #DDDDDD;
       border-radius: 4px;
       background:#e5e5e5;
       color:#666;
       padding:8px 20px 8px 20px;
       cursor:pointer;
    }
    
    .faq-heading > div{
        font-weight:bold;
    }
    
    .faq-heading > div i{
        margin-right:8px;
    }
    
    .faq-heading:hover{
       background-color: #E1E1E1;
    }
    
    .faq-heading:hover > div{
        color:#666;
    }
    
    .faq-heading > a{
        color: #2F2F2F;
        margin-left:8px;
    }
    
    .faq-body{
        margin-top: -1px;
		position:relative;
		top:-2px;
    }
    
    .faq-body .faq-inner{
        border: 1px solid #DDDDDD;
        border-radius: 0 0 4px 4px;
        background-color: #fff;
        padding: 20px 20px 10px 20px;
    }
    
    .faq-body{
        height:auto;
    }
    
    .faq-body.collapse{
        height:0;
    }
    
	
	/*latest posts mini layout*/
	
	
	.compact a.postTitle{
		margin-bottom:10px;
		margin-left:5px;
		display:block;
		font-weight:bold;
		color:#666;
	}
	
	.compact a.postTitle:hover{
		color:#2f2f2f;
	}
	
	.compact .result-title p{
		margin-left:5px;
		margin-bottom:10px;
	}
	
	.compact .result-title .moreBtn{
		margin-left:5px;
	}
	
    
    /*PORTFOLIO*/
    
    /* isotope stuff */
    .isotope-item {
      z-index: 2;
    }
    
    .isotope-hidden.isotope-item {
      pointer-events: none;
      z-index: 1;
    }
    
    /**** Isotope CSS3 transitions ****/
    
    .isotope,
    .isotope .isotope-item {
      -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
          -ms-transition-duration: 0.8s;
           -o-transition-duration: 0.8s;
              transition-duration: 0.8s;
    }
    
    .isotope {
      -webkit-transition-property: height, width;
         -moz-transition-property: height, width;
          -ms-transition-property: height, width;
           -o-transition-property: height, width;
              transition-property: height, width;
    }
    
    .isotope .isotope-item {
      -webkit-transition-property: -webkit-transform, opacity;
         -moz-transition-property:    -moz-transform, opacity;
          -ms-transition-property:     -ms-transform, opacity;
           -o-transition-property:         top, left, opacity;
              transition-property:         transform, opacity;
    }
    
    /**** disabling Isotope CSS3 transitions ****/
    
    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
      -webkit-transition-duration: 0s;
         -moz-transition-duration: 0s;
          -ms-transition-duration: 0s;
           -o-transition-duration: 0s;
              transition-duration: 0s;
    }
	
	
	/*filter*/
	
	.filter{
		margin-top:15px;
	}
	
	.filter > p{
		float:right;
	}
	
	.filter .keyword{
		margin-left:8px;
		color:#999;
		font-size:12px;
		padding-bottom:3px;
		border-bottom:1px solid #fefefe;
	}
	
	
	.filter .keyword:hover{
		color:#2f2f2f;
	}
	
	.filter .keyword.active{
		color:#2f2f2f;
		border-bottom:1px solid #00c9e6;
	}
	
	.filter > p > span{
		margin-left:5px;
		color:#ccc;
	}
	
	.filter > p > span:last-child{
		display:none;
	}
	
	
	/*portfolio thumbanil*/
    
	.portfolioItem{
		position:relative;
		margin-bottom:20px !important;
	}
	
	/*inset border highlights*/
	
	.insetHighlight:before{
		background-color:rgba(255,255,255,0.2);  
		content: '';  
		position: absolute;
		width:100%;
		height:1px;
		top:0;
		left:0;
		z-index:2;
	}
	
	.insetHighlight:after{
		background-color:rgba(0,0,0,0.65);  
		content: '';  
		position: absolute;
		width:100%;
		height:1px;
		bottom:0;
		left:0;
		z-index:3;
	}
	
	
	/*featured project*/
	.container.featuredProject{
		width:940px;
		padding:30px 20px 0px;
		background-color:#f8f8f8;
		padding-bottom:10px;
		border-bottom:1px dashed #ddd;
	}
	
	.project.featured{
		margin-bottom:0;
	}
	
	.project.featured h3{
		float:left;
		line-height:26px;
	}
	
	.project.featured h3 a{
		color:#2f2f2f;
	}
	
	.project.featured h3 a:hover{
		color:#000;
	}
	
	.project.featured .titleWrap{
		overflow:hidden;
	}
	
	.project.featured h3 span{
		color:#999;
		margin-right:10px;
	}
	
	.project.featured .iconBg{
		float:left;
		margin-right:15px;
		width:28px;
		height:28px;
		border-radius:50%;
		background-color:#00c9e6;
	}
	
	.project.featured .iconBg i{
		margin-left:7px;
		margin-top:5px;
	}
	
	.project.featured .shareBtns{
		float:right;
	}
	
	
	/*project pages*/
	
	.project{
		margin-bottom:40px;
	}
	
	/*portfolio single col item description*/
	
	.item-description h3 a,
	.item-description > h4{
		color:#2f2f2f;
	}
	
	.item-description .projectIcon{
		display:block;
		border-radius:50%;
		width:30px;
		height:30px;
		background-color:#00c9e6;
		margin-bottom:10px;
		margin-top:10px;
		float:left;
	}
	
	.item-description .projectIcon i{
		margin:7px 0px 0px 8px;
	}
	
	.item-description > h4{
		margin-top:10px;
		margin-bottom:5px;
	}
	
	.item-description h3{
		margin-bottom:5px;
		margin-top:15px;
	}
	
	.item-description .date{
		font-style:italic;
		float:left;
		margin-left:8px;
		line-height:30px;
		margin-top:10px;
	}
	
	.item-description p{
		clear:both;
	}
	
	/*project item-description*/
	
	.project .item-description .date{
		float:none;
		margin-left:0;
	}
	
	.project .item-description .shareBox{
		border-bottom:none;
	}
	
	.project .item-description .shareBox h4{
		float:none;
	}
	
	/*full width item description*/
	
	.projectFullWidth .item-description > h4{
		color:#2f2f2f;
		font-size:18px;
	}
	
	.projectFullWidth .item-description .shareBox{
		border:none;
	}
	
	/*related projects*/
    
	.related-projects h3{
		margin-bottom:40px;
		padding-top: 30px;
		border-top:1px solid #efefef;
	}
	
	
	
    /*SIDEBARS*/
    
	/*right sidebar bg*/
	
	body.hasSidebar .mainContentWrap{
		background:url(../img/skin/sidebar_tile.jpg) repeat-y 100% 0;
	}
	
	/*left sidebar bg*/
	
	body.page-template-page-left-php .mainContentWrap{
		background:url(../img/skin/left_sidebar_tile.jpg) repeat-y 0 0;
	}
	
	/*sidebar show*/
	
    aside.sidebar{
        display:block;
    }
	
	
	/*WIDGETS*/
    
    .widget{
        margin-bottom:50px;
    }
    
	.widget ul, .widget ol{
		margin-left: 0;
		list-style: none;
	}
    
    footer .widget h3{
        color:#fff;
    }
    
    footer .widget p{
        color:#aaa;
    }
	
	/*slider widget*/
	
	/*hide slide buttons when slider is in sidebar*/
	.span3 .widget_slider .peVoloBullets{
		display:none !important;
	}
	
	.widget_slider > div{
        background-color:#fff;
        position:relative;
    }
	
	footer .widget_slider > div{
		background-color:#323232;
	}
	
	/*uncomment to hide captions in widget sliders*/
	.widget_slider .peCaption{
		display:none !important;
	}
	
	
	/*flickr widget*/
	
	.widget_flickr .flickr a{
		display:block;
		width:58px;
		height:58px;
		margin-left:14px;
		float:left;
		margin-bottom: 14px;
		background-position: center center;
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
		   -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
			 -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
			-ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
				box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	}
	
	.widget_flickr a.first{
		margin-left:2px !important;
	}
	
	.widget_flickr .flickr {
		margin-top:25px;
		overflow:hidden;
		padding-bottom:27px;
	}
	
	.widget_flickr a:hover{		
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5); 
		   -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		   -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
			-ms-box-shadow:0px 1px 2px rgba(0,0,0,0.5);
				box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	}
	
	.widget_flickr a:hover:before{
		background-color:rgba(255,255,255,0.2);  
		content: '';  
		position: absolute;
		width:100%;
		height:1px;
		top:0;
		left:0;
		z-index:2;
	}
	
	.widget_flickr .first{
		margin-left:0;
	}
	
	.widget_flickr .lower {
		margin-bottom: 0px;
	}
	
	.widget_flickr .btn{
		margin-top:0;
	}
	
	
    
    /*search widget*/
    
    .widget_search{
        position:relative;
    }
    
    
    .widget_search button[type=submit]{
        background-color:transparent;
        background-position:-44px 7px;
        border: 0 none;
        cursor: pointer;
        height: 27px;
        padding: 5px;
        padding-right:10px;
        padding-bottom:8px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 26px;
        opacity:0.4;
    }
    
    .widget_search button[type=submit]:hover{
        opacity:0.7;
    }
    
    input:focus,
    textarea:focus {
      border-color: rgba(0, 201, 230, 0.8);
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 201, 230, 0.6);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 201, 230, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 201, 230, 0.6);
      outline: 0;
      outline: thin dotted \9;
      /* IE6-9 */
    }
    
    footer .widget_search input[type=text]{
        background-color:#272727;
		border-color:#474747;
    }
	
	footer .widget_search button[type=submit]{
		background-image: url(../framework/js/bootstrap/img/glyphicons-halflings-white.png);
	}
    
    /*text widget*/
    
    .widget_text a:hover{
        text-decoration:none;
    }
    
    .widget_text .textwidget .label:hover{
        background-color:#00c9e6 !important;
    }
    
    
    /*social widget*/
    
    .widget_social{
        overflow:hidden;
    }
	
	/*social widget in footer*/
    
	footer .widget_social .sm-icon{
		background-image: url(../img/skin/light_social_media_icons.png);
	}
    
    /*contact details widget*/
    
    .widget_contact{
        overflow:hidden;
    }
    
    .widget_contact div{
        clear:both;
    }
    
    .widget_contact div:last-child p{
        margin-bottom:0;
    }
    
    .widget_contact span{
        float:left;
        opacity:0.7;
    }
    .widget_contact p{
        padding-left:15px;
        float:left;
    }
    
    .widget_contact p span{
        margin-left:-20px;
    }
	
	.footer .widget_contact [class^="icon-"],
	.footer .widget_contact [class*=" icon-"]{
		background-image: url(../framework/js/bootstrap/img/glyphicons-halflings-white.png);
	}
	
     
    /*categories widget*/
    
    .widget_categories ul{
        margin:0;
        padding:0;
        list-style-type:none; 
    }
    
    .widget_categories li{
        color:#aaa;
        font-size:11px;
        line-height:20px;
    }
    
    .widget_categories a,
	.widget_archive a{
        margin-right:9px;
        color:#666;
        font-style:normal;
        font-size:12px;
    }
    
    .widget_categories a:hover,
	.widget_archive a:hover{
        text-decoration:none;
        color:#00c9e6;
    }
	
	/*categories widget if in footer*/
    
	footer .widget_categories a,
	footer .widget_archive a{
        color:#999;
    }
    
    /*tabs widget*/
    
    .widget_tabs .tab-content > .tab-pane,
    .widget_tabs .pill-content > .pill-pane{
        padding: 25px 14px 14px 14px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-radius:0 0 4px 4px;
    }
    
    .widget_tabs .nav-tabs{
        margin-bottom:0;
    }
    
    .widget_tabs .tab-content{
        margin-top:-1px;
    }
	
	.nav-tabs > .active > a,
	.nav-tabs > .active > a:hover {
	  color: #555555 !important;
	  background-color: #FEFEFE !important;
	  border: 1px solid #ddd !important;
	  border-bottom-color: transparent !important;
	}
	
	.widget_tabs .nav-tabs > .active > a,
	.widget_tabs .nav-tabs > .active > a:hover{
		background-color: #f8f8f8 !important;
	}
	
    .nav-tabs > li > a{
        background-color:#eee;
        border-color: transparent;
        color:#888;
		border-bottom-color:#ddd;
    }
    
    .nav-tabs > li > a:hover {
        border-color: transparent;
        background-color:#ddd;
        color:#333;
		border-bottom-color:#ddd;
    }
    
    .nav-tabs > .active > a{
        color:#2f2f2f;
    }
    
	.widget_tabs .tab-content > .active{
		background-color:#f8f8f8;
	}
    
	.tab-content > .tab-pane{
		border-top:1px solid #ddd;
	}
    
	
	/*tabs widget if in footer*/
	
	footer .widget_tabs .tab-content > .tab-pane,
    footer .widget_tabs .pill-content > .pill-pane{
        border-color: #333;
    }
    
	footer .widget_tabs .nav-tabs > .active > a,
	footer .widget_tabs .nav-tabs > .active > a:hover {
	  color: #eee !important;
	  background-color: #444 !important;
	  border-color: #333 !important;
	  border-bottom-color: transparent !important;
	}
	
	footer .widget_tabs .nav-tabs > .active > a,
	footer .widget_tabs .nav-tabs > .active > a:hover{
		background-color: #444 !important;
	}
	
    footer .widget_tabs .nav-tabs > li > a{
        background-color:#282828;
        border-color: transparent;
        color:#999;
		border-bottom-color:#333;
    }
    
    footer .widget_tabs .nav-tabs > li > a:hover {
        border-color: transparent;
        background-color:#444;
        color:#eee;
		border-bottom-color:#333;
    }
    
    footer .widget_tabs .nav-tabs > .active > a{
        color:#eee;
    }
    
	footer .widget_tabs .tab-content > .active{
		background-color:#444;
	}
    
	footer .widget_tabs .tab-content > .tab-pane{
		border-top-color: #333;
	}
	
	
    /*recent posts widget*/
    
    .pe_widget.widget_recent_entries h3 a{
        margin-top:-2px;
    }
    
    .pe_widget.widget_recent_entries h3 a .label{
        background-color:#00c9e6;
        margin-left:10px;
    }
    
    .pe_widget.widget_recent_entries h3 a:hover .label{
        background-color:#C1C1BF;
    }
    
    .pe_widget.widget_recent_entries ul{
        list-style-type:none;
        margin:0;
        padding:0;
    }
    
    .pe_widget.widget_recent_entries li{
        position:relative;
        margin-bottom:20px;
    }
    
    .pe_widget.widget_recent_entries li.last p{
        border-bottom:none;
    }
    
    .pe_widget.widget_recent_entries li .thumb{
        position:absolute;
        top:0;
        left:1px;
        margin-right:10px;
        width:50px;
    }
    
    .pe_widget.widget_recent_entries li .thumb img{
        display:block;
        background-color:#fff;
    }
    
    .pe_widget.widget_recent_entries li .thumb:hover img{
        border-color:#00c9e6;
    }
    
    .pe_widget.widget_recent_entries li div{
        padding-left:70px;
        padding-right:15px;
        margin-left:0;
    }
    
    .pe_widget.widget_recent_entries li .title{
        color:#666;
        font-weight:bold;
        line-height:20px;
    }
    
    .pe_widget.widget_recent_entries li .title:hover{
        text-decoration:none;
        color:#2f2f2f;
    }
    
    .pe_widget.widget_recent_entries p{
        padding-bottom:20px;
        border-bottom:1px dotted #eee;
    }
    
    .pe_widget.widget_recent_entries p a:hover{
        text-decoration:none;
    }
    
    .pe_widget.widget_recent_entries p a:hover .label{
        text-decoration:none;
        background-color:#9aae4c;
    }
    
    .pe_widget.widget_recent_entries .label{
        padding:2px 4px;
    }
    
    footer .pe_widget.widget_recent_entries a.title{
        color:#efefef;
    }
    
    footer .pe_widget.widget_recent_entries a.title:hover{
        color:#fff;
    }
    
    footer .pe_widget.widget_recent_entries p{
        border-bottom-color:#474747;
    }
    
    footer .pe_widget.widget_recent_entries li .thumb img{
        display:block;
        background-color:#000;
        border:none;
		z-index:1;
		position:relative;
    }
	
	/*menu widget*/
	.widget_menu .well{
		background-color:#fbfbfb;
	}
	
	/*menu widget if in footer*/
	
	footer .nav-list a{
		color:#999;
	}
	
	footer .nav-list a:hover{
		/*color:#eee;*/
	}
	
	footer .nav-list > li > a, .nav-list .nav-header {
		text-shadow:none;
	}
	
	footer .nav-list > .active > a, .nav-list > .active > a:hover{
		background-color:#444;
	}
	
	footer .nav-list > li > a:hover{
		background-color:#444;
		color:#eee;
	}
	
	footer .widget_menu .well{
		background-color:#222;
	}
	
	footer .widget_menu .nav-list .divider{
		border:none;
		background-color:#474747;
	}
    
    /*twitter widget*/
    
    
    .widget_twitter p{
        color:#666;
        margin-bottom:15px;
		line-height:20px;
    }
    
    .widget_twitter p span{
        color:#aaa;
        display:block;
        margin-top:5px;
        padding-left:40px;
        font-size:11px;
        background:url(../img/skin/tweet_icon.png) no-repeat 0 0;
    }
    
    .widget_twitter .followBtn{
        margin-left:10px;
    }
    
    .widget_twitter .followBtn:hover span{
        background-color:#9aae4c;
    }
    
    /*newsletter widget*/
    
    .widget_newsletter .input-append{
        margin-left:2px;
    }
    
    .widget_newsletter .input-append .btn{
        margin-left:-5px;
		color:#333;
    }
    
    .widget_newsletter .outro{
        font-size:11px;
        color:#888;
    }
    
    .widget_newsletter .outro a{
        color:#aaa;
    }
    
    .widget_newsletter .outro a:hover{
        color:#00c9e6;
    }
    
    .widget_newsletter input[class*="span"]{
        float:left;
    }
    
    
    footer .widget_newsletter input[type=text]{
        background-color:#272727;
        border-color:#3f3f3f;
    }
    
    footer .widget.widget_newsletter button.btn{
        color:#ddd;
        border:1px solid #414141;
        background-color: #414141;
        background-image: -moz-linear-gradient(top, #555555, #414141);
        background-image: -ms-linear-gradient(top, #555555, #414141);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#414141));
        background-image: -webkit-linear-gradient(top, #555555, #414141);
        background-image: -o-linear-gradient(top, #555555, #414141);
        background-image: linear-gradient(top, #555555, #414141);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#414141', GradientType=0);
        border-color: #414141 #414141 #222222;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		text-shadow:none;
    }
    
    footer .widget.widget_newsletter button.btn:hover{
        border-color:#000;
		color:#fff;
    }
    
    /*links widget*/
    
    footer .widget_links h3{
        display:none;
    }
    
    .widget_links ul{
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
    .widget_links li a,
	.widget_pages li a,
	.widget_meta li a,
	.widget_nav_menu li a,
	.widget_recent_entries li a{
        color:#888;
    }
    
    .widget_links li span{
        display:none;
        color: #00c9e6;
    }
    
    .widget_links li:hover span{
        display:inline;
        margin-left:5px;
    }
    
    .widget_links li a:hover,
	.widget_pages li a:hover,
	.widget_meta li a:hover,
	.widget_nav_menu li a:hover,
	.widget_recent_entries li a:hover{
        color: #00c9e6;
        text-decoration:none;
    }
	
	.widget_nav_menu li a i{
		opacity:0.6;
	}
	
	.widget_nav_menu li a:hover i{
		opacity:0.8;
	}
    
    /*stats widget*/
    
    footer .widget_stats{
        overflow:hidden;
        margin-bottom:20px !important;
    }
    
    .widget_stats a{
        margin-right:5%;
        padding-left:3%;
        float:left;
        width:25%;
        font-size:18px;
        color:#f5f5f5;
        font-weight:bold;
        border-left:1px solid #474747;
    }
    
    .widget_stats a:hover{
        text-decoration:none;
    }
    
    
    .widget_stats a span{
        color:#aaa;
        font-size:12px;
        font-weight:normal;
        display:block;
    }
    
    .widget_stats a:hover span{
        color:#888;
    }
    
    .widget_stats a.last{
        margin-right:0;
    }
	
	
	/*tags widget*/
	
	.widget_tag_cloud a{
		padding:2px 5px;
		background:#eee;
		margin-right:3px;
		margin-bottom:3px;
		float:left;
		color:#888;
		font-size:11px !important;
	}
	
	.widget_tag_cloud a:hover{
		background-color:#ddd;
		color:#666;
	}
	
	.widget_tag_cloud .tagcloud{
		overflow:hidden;
	}
	
	/*tags widget if in footer*/
	
	footer .widget_tag_cloud a{
		background:#111;
		color:#666;
	}
	
	footer .widget_tag_cloud a:hover{
		background-color:#444;
		color:#eee;
	}
	
	/*caleadar widget*/
	
	.widget_calendar table{
		color: #888;
		text-align: center;
		width: 100%;
	}
	
	.widget_calendar caption,
	.widget_calendar th,
	.widget_calendar td{
		text-align: center;
	}
	
	.widget_calendar caption {
		font-size: 11px;
		padding: 5px 0 12px;
		text-transform: uppercase;
		font-family: helvetica,arial,san-serif;
		color:#888;
		text-align:left;
	}
	
	.widget_calendar th{
		background: none repeat scroll 0 0 #eee;
		border-bottom: none;
		border-top: none;
		font-weight: bold;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.widget_calendar tbody td a{
		background:#eee;
		padding:2px 5px;
		width:100%;
	}
	
	.widget_calendar tfoot td a:hover{
		background:#eee;
	}
	
	.widget_calendar tfoot td {
		background: transparent;
		border-bottom: none;
		border-top: none;
	}
	
	.widget_calendar tfoot td a{
		text-transform:uppercase;
		color:#888;
	}
	
	.widget_calendar tfoot td a:hover{
		background:transparent;
	}
	
	.widget_calendar tfoot #prev{
		text-align:left;
	}
	
	.widget_calendar tfoot #next{
		text-align:right;
	}
	
	/*recent comments widget*/
	
	.widget_recent_comments li a{
		color:#666;
	}
	
	.widget_recent_comments li a:hover{
		color:#00c9e6;
	}
	
	/*recent comments widget if in footer*/
	
	footer .widget_recent_comments li a{
		color:#999;
	}
	
	/*caleadar widget if in footer*/
	
	footer .widget_calendar table{
		color: #888;
	}
	
	footer .widget_calendar caption {
		color:#888;
	}
	
	footer .widget_calendar th{
		background-color:#222;
		color:#eee;
	}
	
	footer .widget_calendar tbody td a{
		background:#eee;
	}
	
	footer .widget_calendar tfoot td a:hover{
		background-color:#444;
	}
	
	footer .widget_calendar tfoot td a{
		color:#888;
	}
	
    /*FOOTER*/
    
    footer .footerMain{
        padding-top:55px;
        background-color:#323232;
        margin-top:0px;
    }
    
    footer .footerMain .widget{
        margin-bottom:40px;
    }
    
    .logo-foot{
        overflow:hidden;
    }
    
    .logo-foot img{
        margin-top:-12px;
        margin-bottom:5px;
    }
    
    
    footer .footerLower{
        padding-top:20px;
        border-top:1px solid #474747;
        background-color:#323232;
        position:relative;
    }
    
    .copyright{
        margin-top:4px;
    }
    
    .copyright p{
        color:#fff;
		float:left;
		padding:5px 10px;
		background-color:rgba(0, 201, 230, 0.85 )
    }
	
	.copyright p a{
		color:#fff;
	}
    
    .footerLower .footNav{
        float:right;
    }
    
    .footerLower .footNav .nav{
        float:right;
    }
    
    .footerLower .footNav .nav li{
        float:left;
    }
    
    .footerLower .footNav a{
        float:left;
        padding:4px 3px;
        margin:0 4px;
        color:#777;
        font-family:helvetica, arial, sans-serif;
    }
    
    .footerLower .footNav span{
        float:left;
        margin:0 2px;
        color:#ddd;
        margin-top:4px;
    }
    
    .footerLower .footNav a:hover{
        color:#00c9e6;
        background-color:transparent;
    }
    
    .footerLower .footNav a.first{
        padding-left:6px;
        margin-left:0;
        border-left:0;
    }
    
    footer .footerLower p{
        margin-bottom:0;
    }
    
    /*social media icons*/
    
    .copyrightWrapper{
        width:980px;
        margin:15px auto;
        position:relative;
        overflow:hidden;
		z-index:5;
    }
    
    .smedia{
        float:left;
    }
    
    .sm-icon{
        margin-bottom:10px;
    }
    
    
    /*INLINE VIDEO*/
    
    /*video inline*/
    a.peVideo video, a.peVideo iframe {
        display: block;
		width: 100% !important;
        height: 100% !important;
        position:absolute;
        top:0;
        left:0;
    }
    
    .ppcontrols.fade {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        opacity:1;
    }
    
    .videoWrapper {
        position: relative;
        height: 0;
        margin-bottom:20px;
        overflow:hidden;
    }
    
    .videoWrapper a.peVideo{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color:#666;
		cursor: pointer;
    }
    
	.videoWrapper a.peVideo span.largePlay {
        height: 100%;
        left: 0;
        margin: 0 !important;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
        opacity:0.7;
		background: url("../img/skin/vid_start.png") no-repeat center center;
    }
    
    .videoWrapper a.peVideo:hover span.largePlay{
        opacity:1;
    }

	.videoWrapper a.peVideo > div {
        height: 100%;
        left: 0;
        margin: 0 !important;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 20;
		background-color: black;
    }

    .videoWrapper.sixteenBYnine {
        padding-bottom:56.25%;
    }
    
    .videoWrapper.fourBYthree {
        padding-bottom:75%;
    }
    
    .videoWrapper.youtube{
        padding-top: 0;
    }
	
	.videoWrapper.youtube .peVideo img{
		margin-top:-9.41%;
	}

	.videoWrapper.youtube.customCover .peVideo img{
		margin-top:0;
	}

    .videoWrapper.local,
    .videoWrapper.vidly,
    .videoWrapper.vimeo{
        padding-top:0;
    }
    
    .portfolioItem .videoWrapper{
        margin-bottom:0;
    }
    
	
	 /*CONDITIONAL STYLES*/
    
    /*IE8*/
    /*----------------------------------------------------------------------*/
    .ie8 .label{
        font-weight:normal;
    }
	
	.ie9 .staff.right .image,
	.ie8 .staff.right .image{
		float:none;
	}
    
	.ie9 .item-description{
		margin-bottom:20px;
	}
    
    /*iDevices & mobile conditional styles*/
    /*----------------------------------------------------------------------*/
    
    /*hide back to top button in mobile & tabelts*/
    
    .mobile .btt{
        display:none;
    }
    
	.mobile .infoTop p, .mobile .infoTop span{
		color: #fff !important;
	}
	
	.mobile a[href^=tel:]{
		color:#fff;
		text-decoration:none;
	}
	
    
    /*SPECIFIC RESOLOUTIONS STYLES*/
    
    /*x-large desktop*/
    /*----------------------------------------------------------------------*/
    
    @media (min-width: 1200px) {
       /*none*/
    }
    
    

    /*normal desktop*/
    /*----------------------------------------------------------------------*/
    @media (min-width: 980px) {
        /*none*/
    }
    
    
    
    
    /*tablet landscape*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 979px) {
        /*none*/
    }
    
    
    /*iPad portrait*/
    /*----------------------------------------------------------------------*/
    @media (min-width: 768px) and (max-width: 979px) {
       
       .siteWrapper,
       .navbar .container,
       .sliderWrap .container,
       .copyrightWrapper,
       .infoTop{
            width:766px;
        }
		
		.container.projectTitleBar,
		.container.featuredProject{
			width:726px;
		}
		
		.container.wide{
			width:766px;
		}
		
		.banner_slider{
			height:280px!important;
		}
		
		.our_services_popup{
			width:715px;
			height: 380px;
			margin:-215px 0 0 -380px;
		}
		
		.our_services_popup .right_text{
			height: 390px;
		}
		
		.our_services_popup .right_text,
		.our_services_popup .left_image{
			width:300px;
		}
        
        /*right sidebar bg*/
	
		body.hasSidebar .mainContentWrap{
			background-image:url(../img/skin/sidebar_tile_tablet.jpg);
		}
		
		/*left sidebar bg*/
		
		body.page-template-page-left-php .mainContentWrap{
			background-image:url(../img/skin/left_sidebar_tile_tablet.jpg);
		}
        
       /* .navbar .brand{
            padding-left:30px;
        }
       */
       /*sidebar show*/
        aside.sidebar{
            display:block !important;
        }
        
        .tagline p{
            font-size:12px;
        }
        
        /*google maps*/
        .gmapWrap .gmap{
            height:265px;
            
        }
		
		/*widgets*/
		
		.widget_flickr .flickr a{
			width:48px;
			height:48px;
			margin-left:9px;
			margin-bottom: 9px;
		}
		
		
		
    }
    
    /*iphone landscape*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 767px) {
        
        /*cancel body padding on mobile*/
        body {
            padding-left: 0;
            padding-right: 0;
        }
		
        .siteWrapper,
       .navbar .container,
       .sliderWrap .container,
       .copyrightWrapper,
       .infoTop{
            width:460px;
        }
		
		.services_template {
			margin: 0 auto;
			width: 90%;
			float:none;
		}
			
		.services_template .service,
		.services_template .service.right .right_text,
		.services_template .service.right .left_image,
		.services_template .service.left .right_text,
		.services_template .service.left .left_image{
			float:left;
			width:100%;
			height:auto;
		}
		
		
		.services_template .service .left_image img {
			height: auto;
			margin-bottom:20px;
			width:100%;
		}
		
			.services_template ul{
				margin:0;
			}

		
		.container.wide{
			width:460px;
		}
		
		.banner_slider{
			height:156px!important;
		}
		
		.products_page ul{
			margin:0 0 9px 20px;
		}
		
		.container.wide p iframe{
			height:250px; 
		}
		
		.our_services_popup{
			height: 330px;
			margin: -170px 0 0 -235px;
			width: 410px;
		}
		
		.our_services_popup .right_text{
			height: 320px;
		}
		
		.our_services_container .service{
			width:48%;
		}
		
		.our_services_popup .leftarrow,
		.our_services_popup .rightarrow{
			top:200px;
		}
		
		.our_services_popup .right_text,
		.our_services_popup .left_image{
			width:150px;
		}
		
		.container.projectTitleBar,
		.container.featuredProject{
			width:420px;
		}
        
		.copyrightWrapper{
			margin-top:0;
			margin-bottom:0;
		}
		
        .copyright{
            text-align:center;
        }
		
		.copyright p{
			float:none;
			margin-bottom:0;
			padding-top:8px;
			padding-bottom:8px;
		}
        
        .siteWrapper{
            margin-top:0;
            border-top:none;
        }
        
		/*reset sidebar bg*/
	
		body.hasSidebar .mainContentWrap,
		body.page-template-page-left-php .mainContentWrap{
			background-image:none;
		}
		
        .infoTop{
            margin-top:0;
        }
        
        .infoTop span{
            display:block;
            float:none;
            text-align:center;
        }
        
        /*add to containers instead*/
        
        .container,
          .navbar-fixed-top .container,
          .navbar-fixed-bottom .container {
            width: 420px;
            margin-left:auto;
            margin-right:auto;
        }
        
        .navbar .container{
            margin:0;
            width:auto;
        }
        
        .navbar-fixed-top {
            margin-left: 0;
            margin-right: 0;
        }
        
        .navbar-fixed-top .navbar-inner{
            padding:0;
        }
        
        /*new logo styles for drop menu arrangement*/
        
        .navbar .brandHolder{
            text-align:center;
        }
        
        .navbar .brand{
           /* padding-bottom:8px;
            padding-left:20px;**/
        }
        
        .logoBg{
            display:none;
        }
		
		/*new logo sml*/
		
		.navbar .brand .highres{
            display:none;
        }
        
		.navbar .brand .lowres{
            display:block;
        }
        
        
        .btn-navbar{
            position:absolute;
            z-index:2000;
            top:27px;
            right:20px;
        }
        
        .navBarSearch{
            display:none;
        }
        
		/*tagline*/
		
		.tagline .taglineContent{
			padding-left:0;
		}
		
        .tagline{
            text-align:center;
            height:auto;
        }
        
        .tagline h3, .tagline p{
            padding-left:0;
            margin-left:20px;
            margin-right:20px;
        }
        
        /*reset sidebar spacers*/
        
        .innerSpacer,
        .innerSpacer.left{
            margin-right:0;
            margin-left:0;
        }
        
        /*sidebar hide*/
        
        aside.sidebar{
            display:none !important;
        }
        
        /*body search show*/
        
        .body-search{
            display:block !important;
        }
		
		.page-template-page-home-php .body-search form{
			padding:0 20px;
		}
		
		.page-template-page-home-php .body-search form button[type=submit]{
			right:20px;
		}
		
		/*action content*/
		.action{
			margin-top:0px;
			float:left;
			margin-left:20px;
		}
		
		.action em{
			/*display:block;*/
			/*float:left;*/
		}
		
		.action .btn{
			/*float:left;*/
		}
		
		.featuredTitle{
			float:none;
			margin-bottom:10px;
		}
		
		/*homepage featured tabs*/
		.featuredContent .nav-tabs > li{
			margin-bottom:0;
		}
		
		.featuredContent .nav-tabs > li >a{
			width:419px;
			padding-left:20px;
			padding-right:20px;
		}
		
		.featuredContent .nav-tabs > li:first-child >a{
			padding-left:20px;
		}
		
		.featuredContent .nav-tabs > li > a:hover{
			border-bottom:1px solid #eee;
		}
		
		.featuredContent .nav-tabs > .active > a,
		.featuredContent .nav-tabs > .active > a:hover{
			border-bottom:1px solid #eee !important;
		}
		
		.featuredContent .tab-content{
			display:block;
		}
		
		/*staff shortcode*/
		
		.staff .thumb{
			transform: rotate(0deg);
			-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Safari and Chrome */
			-o-transform: rotate(0deg); /* Opera */
			-moz-transform: rotate(0deg);
			box-shadow:1px 1px 2px rgba(0,0,0,0.35);
			-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.35);
			-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.35);
		}
		
		.staff.right .thumb{
			left:10px;
			bottom:-10px;
		}
		
		.staff.left .thumb{
			right:10px;
			bottom:-10px;
		}
		
		.staff.right .image{
			float:none;
		}
		
		
		/*filter portfolio*/
		
		.filter > p{
			float:left;
		}
		
		.filter .keyword{
			float:left;
			margin-bottom:6px;
		}
		
		.project.featured .shareBtns{
			float:left;
		}
		
		
		.pageTitle h1{
			margin-bottom:30px;
		}
        
        /*back to top btn*/
        
        .btt{
            bottom:35px;
			width:14px;
			height:16px;
        }
        
        .footerLower .footNav {
            float: left;
        }
        
        /*google maps*/
        
        .gmapWrap{
            margin-bottom:40px;
        }
        
        .gmapWrap .gmap{
            height:215px;
        }
		
		/*hide back to top button*/
		.btt{
			display:none;
		}
		
		/*preview only*/
		.page-id-850 .widget_slider,
		.page-id-850 .widget_gallery,
		.page-id-850 .widget_flickr{
			display:none;
		}
		
		
		/*IE9*/
		.ie9 .staff.right .image{
			float:left;
		}
    }
    
    
    /*iPhone portrait width*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 480px) {
        
        /*set layout width*/
        .siteWrapper,
        .navbar .container,
        .sliderWrap .container,
        .copyrightWrapper,
        .infoTop{
            width:320px;
        }
		
		.container.wide{
			width:320px;
		}
		.banner_slider{
			height:110px!important;
		}
		
		.products_page ul{
			margin:0 0 9px 20px;
		}
		
		.our_services_popup{
			height: auto;
			margin: 0 auto;
			width: 61%;
			left: 10%;
			top:5%;
		}
		
		.our_services_popup .right_text{
			height: 320px;
			margin-top:10px;
		}
		
		.our_services_container .service{
			width:96%;
		}
		
		.our_services_popup .leftarrow,
		.our_services_popup .rightarrow{
			top:47%;
		}
		
		
		.our_services_popup .right_text, .our_services_popup .left_image {
			width: 80%;
		}
		
		.container.projectTitleBar,
		.container.featuredProject{
			width:420px;
		}
		
		.container.projectTitleBar,
		.container.featuredProject{
			width:280px;
		}
		
		.container.projectTitleBar .project-nav{
			float:left;
			margin-bottom:20px;
			margin-top:0;
		}
        
        .container,
          .navbar-fixed-top .container,
          .navbar-fixed-bottom .container {
            width: 280px;
            margin-left:auto;
            margin-right:auto;
        }
        
        .navbar .container{
            margin:0;
            width:auto;
        }
        
        .navbar-fixed-top {
            margin-left: 0;
            margin-right: 0;
        }
        
        .navbar-fixed-top .navbar-inner{
            padding:0;
        }
        
		.tagline .taglineContent{
			padding-left:0;
		}
		
        .tagline h3 {
            font-size:17px;
            line-height:20px;
        }
        
        .tagline p {
            font-size:13px;
            line-height:16px;
            margin-top:5px;
        }
		
		/*homepage featured tabs*/
		
		.featuredContent .nav-tabs > li >a{
			width:279px;
		}
		
		/*action content*/
		
		.action .btn{
			margin-top:10px;
			margin-left:0;
		}
        
        /*forms*/
        
        #commentform div.controls{
            width:120px;
        }
        
        .form-horizontal .control-group > label{
            float:left;
        }
        
        .peThemeContactForm label{
            width:auto !important;
        }
        
        #commentform div.controls textarea{
            width:280px;
        }
        
        /*google maps*/
        
        .gmapWrap .gmap{
            height:185px;
        }
		
		/*hide back to top btn in mobile*/
		.btt{
			display:none;
		}
		
		/*IE9*/
		.ie9 .staff.right .image{
			float:none;
		}
		
    }