/*
      
    Theme Name: Brandspace
    Description: minimal portfolio / corporate template for themeforest.net
    Theme Owner: pixelentity
    File: Main css file  
    Design & Development by: Fabio Cairo, Donagh O'Keeffe
    Web:    http://themeforest.net/user/pixelentity
			http://pixelentity.com
            
    */
    
    /*------------------------------------------------------------------------*/
    
    /* HELPER CLASSES */
    
	img{
		display:block;
        max-width:100%;
		height:auto;
    }
	
	.alignright{
		float:right;
		clear:right;
		margin-left:20px;
		margin-bottom:10px;
	}
	
	.alignleft{
		float:left;
		clear:left;
		margin-right:20px;
		margin-bottom:10px;
	}
	
	.aligncenter{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	
	.alignnone{
		margin-bottom:10px;
	}
	
	.wp-caption-text{
		margin-top:5px;
		margin-bottom:0 !important;
		font-family:'Covered By Your Grace', cursive;
		font-size:16px;
		color:#00a6d5;
		font-style:normal;
	}
	
	.wp-caption-text.hand-written{
		color:#00a6d5;
		font-size:18px;
	}
    
    .clearfix:after{
        content: ".";
        display:block;
        height:0;
        visibility:hidden;
        clear:both;
    }
	
	.pe-offset1{
        margin-left: 8.5635359% !important;
    }
	
	input[type=text]{
		box-shadow:none;
		border-radius:0 !important;
	}
	
	input:focus,
	input[type=text]:focus,
    textarea:focus {
      box-shadow:none;
	  outline: 0;
	  border-radius:0;
    }
	
	input:-moz-placeholder,
	textarea:-moz-placeholder,
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder,
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder{
	  color: #ccc;
	  font-size:11px;
	}
    

    /*------------------------------------------------------------------------*/
    
    /* GENERIS STYLES */
    
    body
    {
        background:#ffffff;
        text-align: left;
		font-family: 'Open Sans', arial, sans-serif;
        line-height: 20px;
        font-size:12px;
        color:#666;
		overflow-x:hidden;
		overflow-y:auto;
    }
    
    h1{
        color: #444444;
        font-size:18px;
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:700;
        letter-spacing:-1px;
		margin-bottom:30px;
    }
    
    h2{
        color: #444;
        font-size:16px;
        line-height:24px;
		font-family: 'Open Sans', arial, sans-serif;
		margin-top:0;
    }
    
    h3{
        color: #666666;
        font-size:14px;
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:700;
        margin-bottom:20px;
		line-height:24px;
		margin-top:0;
    }
	
	aside h3,
	footer h3,
	.sidebar h3{
		font-weight:400;
		color:#444;
	}
    
    h4{
		font-family: 'Open Sans', arial, sans-serif;
        font-size:16px;
        font-weight:300;
        line-height:35px;
        letter-spacing:-1px;
        color:#666;
    }
	
	h5{
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:700;
		font-size:14px;
		color:#aaa;
	}
	
	h6{
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:300;
		font-size:12px;
		text-transform:uppercase;
		color:#999;
	}
	
	.contentBox h1,
	.contentBox h2,
	.contentBox h3,
	.contentBox h4,
	.contentBox h5,
	.contentBox h6{
		color:#fff;
	}
	
	.hand-written{
		color:#00a6d5;
		font-size:18px;
		line-height:22px;
		font-family:'Covered By Your Grace', cursive;
		font-weight:normal !important;
		letter-spacing:0.9px;
	}
	
	h1 .hand-written{
		margin-left:10px;
	}
    
    p{
        color: #666666;
        font-size:12px;
		font-family: 'Open Sans', arial, sans-serif;
        font-weight: 400;
        line-height:20px;
        margin-bottom:30px;
    }
    
    a{
        color:#00a6d5;
        text-decoration:none;
		position:relative;
    }
    
    a:hover{
        color:#000000;
		text-decoration:none;
    }
    
    
    small{
        color:#999999;
        font-size:10px;
        text-transform:uppercase;
    }
    
	.accent{
		color:#00a6d5;
	}
	
    .highlight{
        background:#a6ecfb;
        padding:0 3px;
    }
	
	b{
		color:#888;
	}
	
	em{
		color:#888888;
        font-weight:bold;
        font-style:italic;
	}
    
    /*remove outline on focus and clicks*/
    *: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;
    }
    
    input, button, select, textarea {
		font-family:helvetica, arial, sans-serif;
	}
	
	label, input, button, select, textarea{
		font-size:12px;
	}
    
    ul{
        list-style:none;
        margin:0;
    }
	
	ol{
		list-style-type:decimal;
	}
    
    li{
        padding:0;
        color:#666666;
        padding-left:15px;
        margin-top:8px;
    }
	
	.post li{
		color:#999;
	}
	
	
    
	.inner-spacer-left{
		margin-left:20px;
	}
	
	.inner-spacer-left-lrg{
		margin-left:40px;
	}
	
	.inner-spacer-right{
		margin-right:20px;
	}
	
	/*resetting default bootstrap icons*/
	[class^="icon-"], [class*=" icon-"] {
		background:transparent;
	}
	
	/*icon font*/
	
	[class^="icon-"]::before, [class*=" icon-"]::before {
		
	}
    
    /* END GENERAL STYLES */
    
    
    /*------------------------------------------------------------------------*/
    
    
    /* HEADER */
    .site-wrapper{
        position:relative;
    }
    
	.top-bar, .btm-bar{
		background-color:#acacac;
	}
	
	.top-bar div, .btm-bar div{
		height:15px !important;
		min-height:15px !important;
	}
	
	.top-bar div:first-child,
	.btm-bar div:first-child{
		background-color:#6b6b6b;
		
	}
	
	.btm-bar{
		margin-top:50px;
	}
    
    header{
        position:relative;
		overflow:hidden;
        
    }
	
	.header-content{
		padding-bottom:30px;
		border-bottom:1px solid #ccc;
		margin-bottom:30px;
	}
    
    .logo{
        text-indent:-9999px;
        margin-right:0;
		position:relative;
		top:0px;
		left:0px;
        border-right:1px solid #cccccc;
		margin-top:30px;
		display:block;
    }
    
    /* NAVIGATION */
    
	.drop-nav{
		display:none !important;
	}
	
	.full-nav li{
		background:transparent;
		padding-left:0;
	}
	
    .full-nav{
        position:relative;
        margin-left:0px;
        margin-top:20px;
        margin-right:0;
    }
    
    .full-nav li:last-child{
        margin-right:0;
    }
    
    .menu>a{
        color:#888888;
        font-size:14px;
        font-weight:bold;
    }
    
    .menu>a:hover{
        color:#222222;
    }
    
    .menu>a.noLink:hover{
        color:#888888;
    }
    
    .menu>a.selected,
	.main-nav > li.active > a{
        color:#222222;
    }
    
    .subMenu, .subMenu li{
        display:block;
        margin-left:0;
        padding-top:0;
    }
    
    .subMenu{
        margin-top:10px;
    }
    
    .subMenu a:hover{
        color:#00a6d5;
    }
    
    .subMenu a.selected,
	.subMenu .current-menu-item a{
        color:#00a6d5;
    }
    
    .subMenu li{
        font-size:9px;
        text-transform:uppercase;
        margin-top:0;
    }
    
    .subMenu a{
        color:#888;
        font-weight:400;
    }
    
    /* END MAIN NAVIGATION */
    
    
    /* TAGLINE */
    
    
    .tagline{
        position:relative;
		overflow:hidden;
		border-bottom:none;
    }
    
    .tagline h4{
		font-size:20px;
        margin-left:20px;
        margin-right:20px;
        margin-bottom:40px;
        background-color: white;
        position:relative;
        color:#444;
		text-align:center;
    }
    
	.tagline.border-bottom{
		border-bottom:1px solid #ccc;
		margin-bottom:90px;
	}
	
    /* END TAGLINE */
    
    
    
    /* slider */
	
    .banner{
        position:relative;
        overflow:hidden;
        background-color:#ffffff;
		margin-bottom:65px;
    }
    
    /* END BANNER */
    
    
    /* SIDEBAR */
    
    .stat-sidebar{
        background:#f6f6f6;
        margin-top:30px;
        margin-right:0;
    }
    
    .stat-sidebar h3, .stat-sidebar ul{
        text-align:right;
    }
    
    .stat-sidebar h3{
        margin-right:60px;
        color:#999999;
		font-size:18px;
		font-weight:700;
		letter-spacing:-1px;
		line-height:40px;
		margin-top:10px;
    }
    
    .stats{
        margin-right:60px;
        margin-left:0;
        margin-top:30px;
    }
	
	.stats a{
		display:block;
		padding-left: 15px;
	}
    
    .stats li{
        margin-bottom:28px;
		padding-left:0;
		background:transparent;
    }
    
    .stats li span{
        display:block;
        margin-left:65px;
        
    }
    
	.stats img{
		display:inline;
	}
	
    /* END SIDEBAR */
    
    
    /* MAIN CONTECT */

	
	.home-content{
		margin-top:30px;
	}
    
    .upper{
        overflow:hidden;
        border-bottom:1px solid #cccccc;
		padding-bottom:30px;
    }
    
    .main-content p{
        margin-bottom:20px;
    }
    
    .main-content p.right{
        margin-bottom:15px;
    }
	
	.widget_recent_entries .read-more i{
		line-height:22px;
		margin-right:5px;
		font-size:12px;
		margin-top:3px;
	}
	
	a.read-more:hover i{
		color:#000000 !important;
	}
    
    
    .lower{
        clear:both;
        margin-top:25px;
        overflow:hidden;
    }
    
    .lower h3{
        margin-top:35px;
        margin-bottom:5px;
        display:inline;
		font-size:18px;
		font-weight:700;
		letter-spacing:-1px;
    }
	
	.lower h3 .hand-written{
		margin-left:10px;
	}
    
    .lower h2{
        display:inline;
        margin-left:30px;
        margin-top:30px;
        padding-right:25px;
    }
    
    .feat-left, .feat-right{
        margin-top:35px;
    }
    
    .feat-left{
        clear:both;
        float:left;
    }
    
    .feat-left .caption,
	.feat-right .caption{
        display:block;
        margin-left:8px;
        margin-top:10px;
		color:#666666;
    }
	
	.feat-left .caption span,
	.feat-right .caption span{
		color:#00a6d5;
		margin-right:5px;
	}
	
    
    
    
    /* END MAIN CONTENT */
    
    
    /* CONNECT BAR */
    
    .connect{
        border-top:1px solid #cccccc;
		margin-top:90px;
    }
    
    .smedia span{
        display: block;
        float:left;
        margin-left:5px;
        margin-top:48px;
        margin-bottom:10px;
    }
    
    .smedia ul{
        display:block;
		float:left;
        margin-left:15px;
		margin-top:40px;
		margin-bottom:40px;
        overflow:hidden;
    }
    
    .smedia li{
        display:block;
        float:left;
        margin-left:9px;
        padding-top:0;
		background:transparent;
		padding-left:0;
    }
    
    .sm-icon{
        background:url(../img/skin/social_media_icons.png) no-repeat 0 0;
        display:block;
        width:26px;
        height:26px;
		display:block;
		opacity:0.5;
		-webkit-transition: none; 
		   -moz-transition: none; 
			 -o-transition: none; 
				transition: none; 
    }
	
	.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;  }
    
    
    
    
    
    /*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;  }
    
	
	
	
    .newsletter{
        float:left;  
    }
    
    .newsletter form{
        display:inline;
        float:left;
        margin-top:45px;
		margin-left:20px;
    }
	
	.newsletter span{
		float:left;
		margin-top:48px;
		margin-left:15px;
	}
	
	.newsletter input[type=text]{
        color:#999999;
        font-size:11px;
		border-radius:0;
		width:190px;
    }
	
	.newsletter .control-label{
		width:200px;
	}
	
	.newsletter .controls{
		margin-left: 260px;
	}
    
    .newsletter input.error{
        border: 1px solid #b32b2b;  
    }
    
    .newsletter h2{
        background:none;
        display:inline;
        float:left;
        margin-left:40px;
        margin-top:50px;
        padding:0;
    }
	
	.newsletter button.btn{
		background-image:none;
	}
    
    /* END CONNECT BAR */
    
    
    /* FOOTER */
    
    
    footer{
        border-top:1px solid #cccccc;
        clear:both;
        position:relative;
        clear:both;
        padding-top:70px;
		margin-bottom:0;
    }
	
	footer.no-connect{
		margin-top:90px;
	}
	
	footer h3{
		margin-top:0;
	}
    
    .widget_info{
		background:#f6f6f6;
		text-align:right;
		padding-bottom:30px;
		margin-right:0;
        margin-left:0;
    }
	
	.widget_info > div{
		margin-right:50px;
		margin-left:15px;
	}
    
    .widget_info .logo-foot{
		margin-top:25px;
		margin-bottom:5px;
		margin-right:0;
		float:right;
    }
	
	.logo-wrap{
		overflow:hidden;
		clear:both;
	}
    
    .widget_info p{
        margin-top:0;
        margin-bottom:0;
		color:#999999;
    }
    
    .widget_info a{
		color:#00a6d5;
    }
    
    .widget_info a:hover{
		color:#111111;
    }
	
	.widget_info a{
		margin-left:10px;
	}
    
    .widget_info span{
        color:#999999;
        font-size:10px;
		font-size:12px;
    }
	
	.widget_info .phone{
		display:block;
		margin-bottom:25px;
		color:#666666;
    }
    
    .widget_info h2{
		display:inline;
		margin-left:5px;
		font-size:12px
    }
    
    
    .widget_twitter{
        position:relative;
        overflow:visible;
        margin-right:20px;
        margin-right:0;
    }
    
    footer .widget_twitter h3, footer .widget_recent_entries h3{
        color:#999999;
        margin-bottom:10px;
		background:#f6f6f6;
		padding-left:6px;
    }
    
    .widget_twitter span, .widget_recent_entries span{
        color:#cccccc;
        font-size:10px;
        font-style:italic;
        text-transform:lowercase;
		padding-left:3px;
    }
    
    .widget_twitter span{
        float:left;
    }
	
	.sidebar .widget_twitter span{
		float:none;
	}
    
    .widget_twitter .tweetIcon{
        position:absolute;
        left:-18px;
        top:93px;
    }
	
	.widget_twitter .followBtn{
		display:block;
	}
	
	.sidebar .widget_twitter .followBtn{
		display:inline;
	}
	
	.widget_twitter .followBtn .label{
		background:transparent !important;
		text-shadow:none !important;
		font-weight:normal;
		margin-top:12px;
		padding-left:10px;
	}
	
	.widget_twitter .followBtn:hover .label{
		color:#00a6d5;
	}
    
    .widget_twitter p, .widget_recent_entries p{
        margin-top:21px;
		padding-top:15px;
        margin-bottom:15px;
		border-top:1px solid #eee;
    }
	
	.widget_twitter p:first-child{
		margin-top:51px;
	}
	
	.sidebar .widget_twitter p:first-child{
		margin-top:0px;
	}
    
    .widget_twitter p{
        overflow:hidden;
		padding-left:0px;
    }
	
	.widget_twitter p span{
		float:none;
		display:block;
	}
    
    .widget_recent_entries{
        margin-right:0;
    }
    
    .comments-num{
        display:block;
		float:right;
        width:35px;
        color:#999999;
    }
	
	.comments-num i{
		font-size:16px;
		margin-left:5px;
	}
    
    .widget_recent_entries .blog-link{
        display:block;
        padding-left:18px;
        margin-top:0;
    }
    
    .blog-link{
        margin-top:0;
    }
    
	
	/*default WP widgets*/
	
	/*archive widget*/
	
	.widget_archive li{
        color:#999;
        font-size:11px;
    }
	
	.widget_archive a{
        margin-right:9px;
        font-size:12px;
    }
	
	
	/*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:#999;
    }
    
    .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: #d95137;
        text-decoration:none;
    }
	
	.widget_nav_menu li a i{
		opacity:0.6;
	}
	
	.widget_nav_menu li a:hover i{
		opacity:0.8;
	}
	
	
	/*recent comments widget*/
	
	.widget_recent_comments li a{
		color:#999;
	}
	
	.widget_recent_comments li a:hover{
		color:#d95137;
	}
	
	
	/*caleadar widget*/
	
	.widget_calendar #wp-calendar{
		color: #999;
		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;
		color:#666;
		text-align:left;
	}
	
	.widget_calendar th{
		background: none repeat scroll 0 0 #efefef;
		border-bottom: none;
		border-top: none;
		font-weight: 600;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.widget_calendar tbody td a{
		background:#f6f6f6;
		padding:2px 5px;
		width:100%;
	}
	
	.widget_calendar tfoot td a:hover{
		background:#efefef;
	}
	
	.widget_calendar tfoot td {
		background: transparent;
		border-bottom: none;
		border-top: none;
	}
	
	.widget_calendar tfoot td a{
		text-transform:uppercase;
		color:#666;
	}
	
	.widget_calendar tfoot td a:hover{
		background:transparent;
	}
	
	.widget_calendar tfoot #prev{
		text-align:left;
	}
	
	.widget_calendar tfoot #next{
		text-align:right;
	}
	
	
	/*tags widget*/
	
	.widget_tag_cloud a{
		padding:2px 8px;
		height:24px;
		border:1px solid #eee;
		line-height:24px;
		text-transform:uppercase;
		margin-right:3px;
		margin-bottom:3px;
		float:left;
		color:#999;
		font-size:11px !important;
	}
	
	.widget_tag_cloud a:hover{
		background-color:#00a6d5;
		border-color:#00a6d5;
		color:#fff;
	}
	
	.widget_tag_cloud .tagcloud{
		overflow:hidden;
	}
	
	
	/*menu widget*/
	
	.widget_nav_menu a{
		height:26px;
		display:block;
		border:1px solid #ccc;
		line-height:26px;
		padding-left:10px;
		margin-left:0;
		font-size:12px;
	}
	
	.widget_nav_menu a:hover{
		background-color:#eee;
		color:#666;
	}
	
	.widget_nav_menu li.active a{
		color:#fff;
	}
	
	.widget_nav_menu li.active a:hover{
		background-color:#d95137;
		color:#fff;
		cursor:default;
	}
	
    
    /* TESTIMONIAL PAGE */
	
    .sidebar-testimonial{
		position:relative;
		background:transparent !important;
	}
    
    .quote66{
        position:absolute;
        background:url("../img/skin/quote_66.png") no-repeat;
        left:20px;
        top:36px;
        width:96px;
        height:90px;
        z-index:0;
    }
    
    .quote99{
        position:absolute;
        background:url("../img/skin/quote_99.png") no-repeat;
        right:30px;
        bottom:66px;
        width:96px;
        height:90px;
        z-index:0;
    }
    
    .testimonials{
        margin-left:45px;
        margin-top:85px;
		margin-right:45px;
		margin-bottom:60px;
        z-index:10;
        position:relative;
    }
    
    .testimonials li{
        margin-left:0;
        text-align:left;
        margin-bottom:45px;
		padding-left:0;
		background:transparent;
    }
    
    .testimonials p{
        color:#666;
        font-size:18px;
        line-height:30px;
        font-style:italic;
		font-weight:400;
        z-index:2;
        margin-bottom:25px;
    }
    
    .testimonials span{
        font-weight:bold;
        font-size:14px;
        margin-right:10px;
    }
	
	.testimonials cite{
		margin-right:10px;
	}
    
	
    /* PAGE WITH SIDE NOTES */
    
    .notes a{
        color:#b32b2b;
    }
    
    .notes a:hover{
        text-decoration:underline;
    }
    
	.sidebar-notes{
		margin-top:85px !important;
		background:transparent !important;
	}
	
	.sidebar-notes div{
		margin-bottom:25px;
	}
	
    
    .note-marker{
        display:inline;
        margin:0;
        padding:0;
        color: #00a6d5;
    }
    

    /*SERVICES PAGE*/
    
    .main-content h3.icon{
        padding-left:15px;
    }
    
    .main-content .drop{
        margin:0;
        float:left;
        clear:none;
        display:inline;
    }
    
    .main-content .dropcap{
        font-size: 800%;
        float: left;   
        line-height: 0.8em;
        padding: 2px 3px 0 0;       
        color: #000;         
        font-weight: bold;
        position: relative;
        left: -3px;
    }
    
    .main-content .dark{
        color:black;
        font-weight:bold;
        display:block;
        text-transform:uppercase;
    }
    
    .main-content .drop span{
        position:relative;
        top:20px;
        font-size:80px;
        line-height:80px;
        font-weight:bold;
        color:#222222;
        margin-right:15px;
        
    }
    
    .main-content .dropText{
        float:left;
        clear:none;
        display:inline;
    }
    
	.sub-heading{
		display:block;
		clear:left;
		margin-left:0 !important;
		line-height:30px;
		padding-bottom:3px;
	}
    
    
    /* SIDEBAR + WIDGETS */
	
    .sidebar{
        background-color:#f6f6f6;
    }
	
	.sidebar-wrap-inner{
		padding:35px 35px 0 35px;
	}
	
	.sidebar .widget{
		margin-bottom:50px;
	}
    
    .widget_search form{
        margin-bottom:3px;
        position:relative;
    }
    
    .widget_search input[type=text]{
        border:1px solid #f6f6f6;
        height:30px;
        background:white;
        padding: 0 10px;
		width:212px;
		border-radius:0;
    }
    
    .widget_search input[type=submit]{
        border:0;
        position:absolute;
        top:2px;
        right:0;
        background: white url("../img/skin/search.png") no-repeat 50% 50%;
        text-indent:-9999px;
        width:28px;
        height:28px;
        cursor:pointer;
    }
    
    .widget_search .search-label{
        float:right;
        display:inline;
        margin-top:0;
        padding-right:20px;
		margin-right:15px;
    }
    
    .sidebar h3{
        color:#666;
        line-height:32px;
		margin-bottom:20px;
    }
    
    .sidebar li{
		margin-top:5px;
		padding-left:0;
		background:transparent;
    }
	
	.sidebar li i{
		color:#00a6d5;
		margin-right:5px;
	}
    
    .sidebar li a{
        color:#666666;
    }
    
    .sidebar li a:hover{
        color:#00a6d5;
    }
    
    .sidebar li span{
        color:#cccccc;
        font-size:10px;
        margin-left:15px;
        font-style:italic;
    }
    
    .widget_text{
        margin-bottom:65px;
    }
    
    .widget_featured{
        overflow:hidden;
    }
    
    .widget_featured div{
        margin-bottom:15px;
    }
    
    .widget_featured .caption{
        display:block;
        margin-top:10px;
        color:#666;
		font-weight:600;
    }
	
	.widget_featured .caption i{
		color:#00a6d5;
		margin-right:5px;
	}
	
	.widget_featured .caption:hover{
		color:#00A6D5;
	}
	
	.widget_categories ul{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.widget_categories li{
		color:#ccc;
		font-size:11px;
	}
	
	.widget_categories li a{
		margin-right:8px;
	}
	
	.widget_categories li span:first-child{
		margin-left:0;
	}
	
    /* END SIDEBAR */
 
    
    /* BLOG POST */
	
    .post-title a{
		color:#444;
	}
    
    .post{
        overflow:hidden;
        position:relative;
        padding-bottom:50px;
		margin-bottom:60px;
    }
	
	.post.compact{
		border-bottom: 1px solid #CCC;
	}
	
	.row-fluid:last-child .post{
		border-bottom:none;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.post .post-image,
	.project .post-image{
		margin-bottom:25px;
	}
	
	.compact .post-image{
		padding-left:15px;
	}
	
    .post .post-meta{
        margin-bottom:25px;
		overflow:hidden;
    }
	
    .post .user,
	.post .date,
    .post.comments,
	.post .category{
        display:block;
		float:left;
		clear:none;
        font-size:11px;
        color:#999999;
        padding-left:10px;
		padding-right:0;
    }
    
	.post .post-meta i{
		margin-right:5px;
		color:#444;
	}
	
	.post .post-meta .comments i{
		margin-right:0;
		margin-left:5px;
	}
	
    .post .user{
		padding-left:0;
    }
    
    .post .date{
        margin-left:10px;
    }
    
    .post .category{
        margin-left:10px;
    }
    
    .post .category a{
        color:#999999;
        padding-left:5px;
    }
    
    .post .category a:first-child{
        padding-left:0;
    }
    
    .post .category a:hover{
        color:#00a6d5;
    }
	
	.post .comments{
		float:right;
		clear:none;
		padding-left:20px;
	}
    
    .post .comments a{
        margin-left:0;
        color:#999999;  
    }
    
    .post .comments a:hover{
        color:#00a6d5;
    }
	
	.compact .post-meta{
		border:none;
	}
	
	.compact .post-meta i{
		float:right;
		margin-left:5px;
		margin-right:0;
		color:#666;
		margin-top:3px
	}
    
	.compact .post-image{
		margin-top:5px;
	}
	
	.compact .post-image img{
		margin-bottom:10px;
	}
	
	.compact .user,
	.compact .date,
    .compact .comments,
	.compact .category{
        display:block;
		float:right;
		clear:both;
        font-size:11px;
        color:#999999;
		padding-left:0;
		margin-left:0;
    }
	
	.post-intro{
		line-height:26px;
		font-size:14px;
		color:#2f2f2f;
		font-weight:400;
		letter-spacing:0.2px;
		margin-bottom:25px;
	}
    
    blockquote{
        background: url("../img/skin/blockquote.png") no-repeat 0 5px;
		margin:0 30px 25px 20px;
        padding:20px 0 0 30px;
        font-size:16px;
        line-height:24px;
        font-family: helvetica, arial, sans-serif;
        color:#000000;
		border:none;
		
    }
	
	.contentBox{
		background-color:#00a6d5;
		color:#fcfcfc;
		padding:20px 20px 20px 20px;
		margin-bottom:25px;
	}
	
	.contentBox p{
		color:#fff;
	}
    
    .post .tags{
        font-size:11px;
        margin-bottom:35px;
    }
	
	.post .tags h3{
		float:left;
		margin-right:10px;
	}
    
    .post .tags a{
        padding-left:5px;
        color:#999999;
		float:left;
		margin-top:1px;
    }
    
    .post .tags a:first-child{
        padding-left:0;
    }
    
    .post .tags a:hover{
        color:#000000;
    }
	
	.post .shareBox{
		margin-top:35px;
	}
	
	.post .shareBox h3{
		margin-bottom:5px;
	}
	
	.shareButton{
		float:left;
	}
	
    
    /*BLOG COMMENTS*/
	
    #comments li{
		background:transparent;
		padding-left:0;
	}
    
    #comments .comment-body{
        margin-bottom:10px;
    }
    
    #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:2px solid #fff;
    }
    
    .bypostauthor > .comment-body > .comment-author img{
        border:2px solid #00A6D5;
    }
	
	.bypostauthor > .comment-body cite{
		font-weight:bold;
		color:#00A6D5;
	}
	
	.bypostauthor > .comment-body p{
		color:#666;
	}
    
    #comments .fn a{
        font-weight:bold;
        font-size:14px;
        color:#666;
    }
    
    .bypostauthor #comments .fn a{
        color:#00A6D5;
    }
    
    #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{
		font-size:11px;
		font-family:arial;
		text-shadow:none !important;
		background-color:#ccc;
		font-weight:300;
		line-height:10px;
	}
    
    #comments .reply .label:hover{
        background-color:#00A6D5;
    }
	
	
	/*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:12px;
    }
    
    #commentform label{
        text-align:left;
        color:#666;
		padding-top:0;
		width:auto;
    }
    
    #commentform .controls{
        margin-left:0;
    }
	
	#commentform .controls input{
		float:left;
		margin-right:30px;
		border-radius:0;
	}
	    
    #commentform .control-group .required{
        margin-left:3px;
        margin-top:3px;
    }
	
	#commentform .btn{
		background:#00a6d5;
	}
	
    
    /* CONTACT / QUOTE PAGE */
    
    .contact-banner{
        height:350px;
		margin-bottom:90px;
    }
    
    .contact-banner .office-image{
        position:relative;
    }
    
    .contact-banner .office-image span{
        position:absolute;
        left:35px;
        bottom:30px;
        font-size:45px;
		line-height:45px;
        color:#ffffff; 
    }
    
    .contact-banner .office-image h3{
        position:absolute;
        left:35px;
        bottom:10px;
        margin:0;
        color:#ffffff; 
    }
	
	.office-image h3 em{
		font-weight:normal;
		color:#fff;
	}
    
	/*google maps*/
	
    .gmapWrap{
		margin-left:0 !important;
		width:59.5744681%;
    }
    
    .gmapWrap img{
        display:block;
    }
    
    .gmapWrap .gmap{
        height:350px;
    }

	.gmapWrap .gmap > div.description {
		display: none;
    }
    
    .gmap div img{
        max-width:none;
    }
    
	.widget_contact{
		position:relative;
	}
	
    .widget_contact p{
        margin-bottom:15px;
        color:#999999;
    }
    
    .widget_contact a{
        display:block;
        margin-top:0;
        color:#b32b2b;
    }
    
    .widget_contact a:hover{
        color:#00a6d5;
    }
    
    .widget_contact .label{
        background:transparent;
        position:absolute;
        top:-25px;
        right:30px;
    }
	
	.widget_contact .label i{
		margin-right:8px;
		margin-top:6px;
	}
    
    /*quote form*/
	
	#contactForm input,
	textarea{
		border-radius:0 !important;
	}
	
	#contactForm label{
		font-size:12px;
		color:#444;
		font-weight:bold;
	}
	
	#contactForm label.radio{
		font-weight:normal;
	}
	
	.peThemeContactForm button.btn{
		background-image:none;
		background-color:#00a6d5;
	}
	
	.bay{
		overflow:hidden;
		background-color:#f2f2f2;
		margin-bottom:15px;
		padding:30px;
	}
	
	.bay h1{
		margin-left:180px;
	}
    
	span.help-inline{
		color:#999;
	}
	
	#message .help-inline{
		vertical-align:top;
	}
	
	/*contact form errors and hide/show*/
	
	/*show-hide quote form*/
	#contactForm.noquote #contactType,
	#contactForm.noquote #project{
    	display: none;
    }
    
	
	/*faq*/
	
	.faq{
        margin-bottom:30px;
        overflow:hidden;
    }
    
    .faq-heading{
       border: 1px solid #DDDDDD;
       border-radius: 0;
       background:#f6f6f6;
       color:#777;
       padding:8px 20px 8px 20px;
       cursor:pointer;
	   -webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out; 
    }
    
	.faq-heading strong{
		font-weight:bold;
		color:#000;
	}
	
    .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;
        background-color: #fff;
        padding: 20px 20px 10px 20px;
    }
	
	.faq li{
		margin-top:4px;
		color:#444;
	}
    
    .faq-body{
        height:auto;
    }
    
    .faq-body.collapse{
        height:0;
    }
	
	
	/*elements*/
	
	.nav-tabs li{
		padding-left:0;
		background-image:none;
	}
	
	.nav-tabs > li > a{
		border-radius:0;
	}
	
	.nav-tabs > li > a:hover{
		background-color:#f6f6f6;
	}
    
	.accordion-heading{
		background-color: #F6F6F6;
	}
	
	.accordion-group{
		border-radius:0;
	}
	
	.faq-body{
		margin-top:0;
	}
	
	.hero-unit {
		padding-bottom:50px;
		border-radius:0;
	}
	
	.hero-unit p{
		font-weight:400;
		line-height:28px;
		font-size:16px;
	}
	
	.hero-unit.well{
		box-shadow:none;
	}
	
	code, pre{
		border-radius:0;
	}
	
    
    /*PORTFOLIO SECTION*/
    
    .feat-project-viewer{
        position:relative;
        margin-bottom:40px;
        background:transparent;
    }
	
    .feat-project-viewer > div {
        float:left;
    }

    .feat-project-viewer .feat-images{
		margin-left:0 !important;
		width:59.5744681% !important;
    }
    
    .feat-project-viewer .image-browser{
        margin-left:0;
    }
    
    .feat-project-viewer .image-browser a{
        margin:0;
        padding:0;
		float:left;
		width:186px;
		margin-right:4px;
		margin-bottom:4px;
		height:auto;
		position:relative;
		-webkit-transition-duration: 0s !important;
		-webkit-transition-property: none !important;
		-moz-transition-duration: 0s !important;
		-moz-transition-property: none !important;
		-ms-transition-duration: 0s !important;
		-ms-transition-property: none !important;
		-o-transition-duration: 0s !important;
		-o-transition-property: none !important;
    }
	
	.image-browser .active-highlight{
    	position: absolute;
		top:0;
		left:0;
    	cursor: pointer;
    	z-index: 10000;
    	width: 100%;
    	height: 100%;
		background-color: rgb(245,245,245);
    	background-color: rgba(255,255,255,0.7);
		background-position:center center;
		background-repeat:no-repeat;
    }
	
	.feat-project-viewer .image-browser a:hover{
		outline:1px solid #00a6d5;
	}
	
    .feat-info{
		padding-bottom:40px;
		margin-bottom:40px;
        position:relative;
        overflow:hidden;
        border-bottom:1px solid #cccccc;
    }
	
	.category-info{
		margin-bottom:40px;
		margin-top:40px;
	}
	
    
    .feat-info .feat-title,
	.category-info .feat-title{
        position:relative;
        margin-right:60px;
        overflow:hidden;
    }
    
    .feat-info h1,
	.category-info h1{
        overflow:hidden;
        float:right;
        margin-right:0;
        text-align:right;
		margin-bottom:0;
		margin-top:0;
    }
    
    .feat-info p,
	.category-info p{
        position:relative;
        margin-top:5px;
        padding-right:10px;
        margin-bottom:15px;
    }
    
    /*categories*/
    
    .cat-wrap{
        overflow:hidden;
        position:relative;
        border-bottom:1px solid #cccccc;
		margin-bottom:40px;
    }
	
	.cat-wrap:last-child{
		border-bottom:none;
		margin-bottom:0;
	}
	
	.cat-wrap.single{
		border-bottom:none;
		margin-bottom:0;
	}
	
	.category{
		margin-bottom:0;
		overflow:hidden;
	}
	
	body.category{
		overflow:auto;
	}
    
    .category .cat-info{
        margin-right:60px;
        margin-left:3px;
        text-align:right;
		overflow:hidden;
    }
	
	.cat-info h1{
		margin-bottom:10px;
	}
    
	.cat-info p{
		margin-bottom:20px;
	}
	
    .cat-info .tags{
        float:right;
        clear:right;
        padding-left:20px;
        margin-top:40px;
    }
    
    .cat-info .tags a{
        color:#cccccc;
        background:none;
        float:left;
        clear:none;
        padding-left:5px;
    }
    
    .cat-info .tags a:hover{
        color:#444444;
    }
	
	.cat-info .read-more{
		float:right;
	}
    
    .category-thumbs h3{
        margin-top:20px;
        margin-bottom:0;
    }
    
    .category-thumbs h3 a{
        color:#666;
		font-size:12px;
    }
    
    .category-thumbs h3 a:hover{
        color:#00a6d5;
    }
	
	.thumb{
		margin-bottom:40px;
	}
	
	.single .category-thumbs{
		margin-bottom:40px;
	}
	
	.single .category > div:last-child .category-thumbs{
		/*margin-bottom:0;*/
	}
	
	
    
	/*gallery thumbnails grid*/
	
	.gallery.thumbs a,
	.gallery.image a{
		margin-bottom:20px;
		overflow:hidden;
		position:relative;
		display:block;
	}
	
    /*rollover highlight*/
	
    a.over-effect{
		position:relative;
		overflow:hidden;
		display:block;
	}
	
    div.overlay-image,
	div.overlay-video{
		width: 100%;
		height: 100%;
		opacity: 0.5;
		position:absolute;
		z-index: 10000;
		cursor: pointer;
		top: 0;
		left: 0;
		display:none;
	}
	
	a.over-effect.active .overlay-image,
	a.over-effect.active .overlay-video{
		display:block;
	}
    
    
    /*SINGLE PROJECT PAGE*/
    
    .project .project-title{
        float:right;
		clear:both;
        text-align:right;
        overflow:hidden;
		margin-right:60px;
    }
	
	.project .project-title .read-more{
		float:right;
		clear:left;
	}
    
	.project>div:first-child{
		overflow:hidden;
	}
	
    .project h1{
        margin-top:0;
        margin-bottom:10px;
    }
    
    .project .read-more{
        padding-left:20px;
        float:right;
		clear:both;
        margin-top:25px;
		margin-right:60px;
    }
    
    .project .project-content .peVideo{
        margin-bottom:30px;
		overflow:hidden;
		display:block;
    }
    
    .project .project-content .note{
        color:#b32b2b;
        margin:0;
        position:absolute;
        top:0;
        left:-315px;
        padding-right:20px;
        text-align:right;
    }
    
    .project .project-meta{
        clear:both;
        overflow:hidden;
        margin-top:25px;
		margin-right:60px;
		float:right;
    }
    
    .project .project-meta span,
	.project .project-meta h2 {
        display:block; 
    }
    
    .project .project-meta span{
        text-align:right;
    }
	
	.project .project-meta i{
		margin-left:10px;
		margin-top:2px;
		color:#666;
	}
    
    .project .project-meta .tags{
		color:#ccc;
    }
    
    .project .project-meta .tags a{
        color:#cccccc;
    }
    
    .project .project-meta .tags a:hover{
        color:#444444;
    }
    
	/*project nav*/
	
	.project-nav{
		float:right;
		clear:both;
		margin-right:60px;
		margin-bottom:40px;
	}
	
	.project-nav a{
		margin-left:5px;
		border-radius:0;
		font-size:11px;
		background-color:#f6f6f6;
		text-transform:uppercase;
		color:#666;
	}
	
	.project-nav a.disabled,
	.project-nav a.disabled i{
		color:#ccc;
		cursor:default;
	}
	
	.project-nav a:hover{
		background-color:#eee;
	}
	
	.project-nav a.disabled:hover{
		background:#f6f6f6;
		cursor:default;
	}
	
	.project-nav a.prev-project{
		padding-right:5px;
	}
	
	.project-nav a.next-project{
		padding-left:5px;
	}
	
	.project-nav a i{
		color:#444;
		font-size:12px;
	}
	
	/*pagination*/
	
	.pagination{
		display:inline-block;
		margin-left:50%;
	}
	
	.pagination ul{
		border-bottom:0;
		box-shadow:none;
		display:block;
		overflow:hidden;
	}
	
	.pagination ul > li{
		display:block;
		float:left;
		padding-left:5px;
	}
	
	.pagination ul > li > a{
		border-radius:0;
		border:none;
		background-color:transparent;
		line-height:18px;
		padding:0 3px;
		margin-right:6px;
		padding-left:0;
	}
	
	.pagination ul > li:first-child > a,
	.pagination ul > li:last-child > a{
		text-transform:uppercase;
		border-radius:0;
	}
	
	.pagination ul > li.active > a,
	.pagination ul > li > a:hover{
		background-color:transparent;
		border-bottom:1px solid #000;
		color:#000;
	}
	
	.pagination ul > li.active > a{
		cursor:default;
	}
	
	.pagination ul > li.disabled > a:hover{
		border-bottom:none;
		cursor:default;
	}
	
	
	/*rollover styles*/
	
	/*.feat-left a:hover > img,
	.feat-right a:hover > img,
	.category-thumbs a:hover > img,
	.gallery.thumbs a:hover > img,
	.category-thumbs .thumb a:hover > img,
	.widget_featured a:hover > img {
		opacity:0.85;
	}*/
	
	
	/*wplm styles*/
	
	#lang_sel{
		float:right;
		margin-top:-10px;
	}
	
	#lang_sel_list{
		float:right;
		margin-top:-10px;
	}
	
	#lang_sel_list li{
		border:1px solid #f6f6f6;
		border-left-color:transparent;
	}
	
	#lang_sel_list li:first-child{
		border-left-color:#f6f6f6;
	}
	
    /* CONDITIONAL STYLES FOR IE9 */
    
    .ie9 .feat-project-viewer .image-browser a,
	.ie8 .feat-project-viewer .image-browser a{
		width:185px;
	}
	
	.ie9 .feat-project-viewer,
	.ie8 .feat-project-viewer{
		height:351px;
	}
    
   
    /* STYLES FOR APPLE DEVICES (iDevices) */
   
    /*prevent auto adjustment of text size*/
    .iDevices body,
    .iDevices p,
    .iDevices div,
    .iDevices h1,
    .iDevices h2,
    .iDevices h3,
    .iDevices h4,
    .iDevices h5,
    .iDevices h6 {
		-webkit-text-size-adjust: none;
    }
   
    /*contact page footer fix*/
    .iDevices footer{
		height:300px;
		overflow:hidden;
    }
   
    .iDevices footer .widget_twitter{
		overflow:hidden;
    }
   
   
   
	/*MEDIA QUERIES*/
   
	/*iPad portrait*/
    /*----------------------------------------------------------------------*/
    @media (min-width: 768px) and (max-width: 979px) {
       
	   /*sidebar show*/
        aside.sidebar{
            display:block !important;
        }
		
		.drop-nav{
			display:none !important;
		}
		
		.drop-nav .selectnav{
			border-radius:0;
		}
		
		.inner-spacer-left{
			margin-left:12px;
		}
		
		.logo-wrap .hand-written{
			left:210px;
		}
		
		.sidebar ul, .sidebar h1{
			margin-right:30px;
		}
		
		#infoPanel{
			width:280px;
		}
		
		.connect .smedia .hand-written{
			display:none;
		}
		
		.contact-banner{
			height:auto;
		}
		
		/*google maps*/
		
        .gmapWrap .gmap{
            height:265px;
        }
		
		.form-horizontal .controls{
			margin-left:120px;
		}
		
		.newsletter .controls{
			margin-left: 135px;
		}
		
		.form-horizontal .control-label {
			width:100px;
		}
		
		.newsletter .control-label {
			width:120px;
			text-align:left;
		}
		
		.bay h1{
			margin-left:120px;
		}
		
		.testimonial p{
			padding-left:15px;
		}
		
		.quote99{
			right:0;
		}
		
		.widget_search input[type=text]{
			width:138px;
		}
		
		/*feat project gallery*/
		.feat-project-viewer .image-browser a{
			width:141px;
			margin-right:4px;
			margin-bottom:4px;
			height:auto;
		}
		
		.feat-project-viewer .feat-images{
			width:59.94475138121547% !important;
			overflow: hidden;
		}
		
		.ie9 .feat-project-viewer .image-browser a{
			width:140px;
		}
		
		.ie9 .feat-project-viewer{
			height:267px;
		}
		
	}
   
   /*iphone landscape*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 767px) {
        
        /*cancel body padding on mobile*/
        body {
            padding-left: 0;
            padding-right: 0;
        }
        
        /*add to containers instead*/
        .container,
          .navbar-fixed-top .container,
          .navbar-fixed-bottom .container {
            width: 420px;
            margin-left:auto;
            margin-right:auto;
        }
		
		.row-fluid [class*="offset"]{
			margin-left: 0 !important;
		}
		
		.header-content{
			margin-bottom:10px;
		}
        
        .navbar-fixed-top {
            margin-left: 0;
            margin-right: 0;
        }
		
		.row-fluid .offset1:first-child{
			margin-left:0;
		}
		
		/*sidebar hide*/
        aside.sidebar{
            display:none !important;
        }
		
		.inner-spacer-left{
			margin-left:0;
		}
		
		.main-content,
		.sidebar,
		aside{
			margin-top:40px !important;
		}
		
		.logo{
			border:none;
		}
		
		.logo-wrap .hand-written{
			left:310px;
		}
		
		.drop-nav{
			display:block !important;
		}
		
		.drop-nav select{
			width:100%;
			margin-bottom:25px;
		}
		
		.full-nav{
			display:none !important;
		}
		
		.tagline{
			margin-bottom:25px;
			padding-top:0px;
		}
		
		.tagline h4{
			font-size:18px;
			line-height:26px;
			margin-bottom:0;
		}
		
		.tagline.border-bottom{
			margin-bottom:30px;
		}
		
		.tagline.border-bottom h4{
			margin-bottom:20px;
		}
		
		.stat-sidebar{
			margin-bottom:0px;
			padding-top:25px;
			padding-bottom:30px;
		}
		
		h1{
			margin-top:0;
		}
		
		.feat-left .caption{
			margin-bottom:25px;
		}
		
		.main-content{
			margin-bottom:30px;
		}
		
		.main-content h1{
			margin-bottom:30px;
		}
		
		.main-content h2:first-child{
			float:left;
			margin-bottom:25px;
		}
		
		.connect h2{
			margin-top:25px;
		}
		
		.smedia{
			overflow:hidden;
		}
		
		.smedia ul{
			display:block;
			margin-left:35px;
			float:left;
			margin-bottom:0;
			margin-top:27px;
		}
		
		.smedia li{
			margin-top:20px;
			padding-left:0;
			background:transparent;
		}
		
		.newsletter{
			position:relative;
			overflow:hidden;
		}
		
		.newsletter span{
			margin-top:53px;
		}
		
		footer{
			padding-top:30px;
		}
		
		.widget_info{
			padding-top:25px;
			margin-bottom:25px;
			text-align:center;
		}
		
		.widget_info .logo-foot{
			margin-top:0;
			float:none;
			margin-left:auto;
			margin-right:auto;
		}
		
		footer .widget{
			margin-bottom:25px;
		}
		
		.btm-bar{
			margin-top:30px;
		}
		
		.btm-bar .span7{
			display:none;
		}
		
		.top-bar .span7{
			display:none;
		}
		
		.category .cat-info{
			text-align:left;
			margin-right:0;
			margin-left:0;
			margin-bottom:40px;
		}
		
		.cat-info .read-more{
			float:left;
			margin-bottom:15px;
		}
		
		.cat-info p{
			margin-bottom:10px;
		}
		
		.cat-info .tags{
			float:left;
			margin-top:0;
			clear:both;
		}
		
		.category-thumbs .thumb,
		.category-thumbs a{
			margin-bottom:30px;
		}
		
		
		
		.thumb h3{
			margin-top:10px;
		}
		
		.feat-project-viewer .image-browser{
			display:none;
		}
		
		.feat-project-viewer{
			height:auto;
		}
		
		.feat-project-viewer .feat-images{
			width:100% !important;
		}
		
		.feat-info h1{
			float:none;
			text-align:left;
			margin-bottom:15px;
		}
		
		.category-info h1{
			text-align:left;
			float:left;
		}
		
		.category-info p{
			margin-bottom:15px;
		}
		
		.contact-banner{
			height:auto;
			margin-bottom:30px;
		}
		
		.project > div:first-child{
			margin-bottom:25px;
		}
		
		.project .project-title,
		.project .project-title h1
		{
			float:left;
			text-align:left;
		}
		
		.project .project-title h1{
			margin-bottom:10px;
		}
		
		.project .project-title .read-more{
			float:none;
			display:block;
			margin-bottom:20px;
		}
		
		.project .project-meta {
			float:left;
			margin-top:1px;
		}
		
		.project .project-meta span{
			padding-left:0px;
			padding-right:0;
			text-align:left;
		}
		
		.project .read-more{
			float:left;
			padding-left:0;
		}
		
		.project .back{
			float:left;
		}
		
		.project-nav{
			float:left;
		}
		
		.compact .post-image{
			padding-left:0;
		}
		.compact .post-image > a{
			display:none;
		}
		
		/*google maps*/
        .contact-banner .gmapWrap{
			width:100% !important;
        }
        
        .gmapWrap .gmap{
            height:215px;
        }
		
		.contact-banner .office-image{
			display:none;
		}
		
		.form-horizontal .controls{
			margin-left:80px;
		}
		
		.newsletter .controls{
			margin-left: 145px;
		}
		
		.newsletter input[type=text]{
			width:200px;
		}
		
		.form-horizontal .control-label {
			width:60px;
		}
		
		.newsletter .control-label {
			width:120px;
			text-align:left;
		}
		
		.newsletter form{
			margin-left:5px;
			margin-bottom:35px;
			margin-top:25px;
		}
		
		.bay h1{
			margin-left:80px;
		}
		
		.quote66{
			top:-30px;
		}
		
		.quote99{
			right:0;
			bottom:0;
		}
		
		.post .post-image{
			overflow:hidden;
		}
		
		.post.compact .post-meta{
			float:left;
			clear:both;
			margin-bottom:0;
		}
		
		.post.compact .post-meta span{
			text-align:left;
			padding-left:0px;
			padding-right:10px;
			float:left;
			clear:none;
		}
		
		.post.compact .post-meta span i{
			margin-left:5px;
		}
		
	}
	
	
	/*iPhone portrait width*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 480px) {
        
        .container,
        .navbar-fixed-top .container,
        .navbar-fixed-bottom .container {
            width: 280px;
            margin-left:auto;
            margin-right:auto;
        }
		
		.stats{
			margin-right:20px;
		}
		
		header h2{
			left:200px;
		}
		
		.logo-wrap .hand-written{
			left:210px;
		}
		
		.stat-sidebar h3, .stat-sidebar ul{
			text-align:center;
		}
		
		.stat-sidebar h3{
			margin-right:0;
		}
		
		.banner{
			margin-bottom:25px;
		}
		
		.tagline{
			padding-bottom:25px;
		}
		
		.tagline h4{
			font-size:16px;
			line-height:24px;
		}
		
		.tagline.border-bottom{
			margin-bottom:30px;
		}
		
		.smedia ul{
			margin-left:0;
			float:none;
			margin-top:0;
		}
		
		.smedia span{
			margin-top:25px;
			float:none;
		}
		.smedia li{
			margin-top:0;
		}
		
		.sm-icon{
			margin-top:0;
		}
		
		.smedia li:first-child{
			margin-left:0;
		}
		
		.newsletter{
			margin-bottom:25px;
		}
		
		.newsletter  form{
			margin-bottom:0;
			margin-top:25px;
		}
		
		.newsletter span{
			margin-top:0;
			margin-left:0;
		}
		
		.form-horizontal .controls{
			margin-left:0;
		}
		
		.form-horizontal .control-label {
			width:100%;
		}
		
		.newsletter input[type=text]{
			width:205px;
		}
		
		.newsletter form{
			margin-bottom:20px;
		}
		
		.newsletter .control-label{
			margin-bottom:10px;
		}
		
		.connect{
			margin-top:40px;
		}
		
		footer.no-connect{
			margin-top:40px;
		}
		
		.bay h1{
			margin-left:0;
		}
		
		.post .post-meta span{
			float:left;
			clear:left;
			margin-left:0;
			padding-left:0;
		}
      
	}
   
   /*overwrite largest media query because we will not use it*/
   @media (min-width: 1200px) {

		.row {
			margin-left: -20px;
			*zoom: 1;
		}
		  
		.row:before,
		.row:after {
			display: table;
			line-height: 0;
			content: "";
		}
		  
		.row:after {
			clear: both;
		}
		  
		[class*="span"] {
			float: left;
			min-height: 1px;
			margin-left: 20px;
		}
		  
		.container,
		.navbar-static-top .container,
		.navbar-fixed-top .container,
		.navbar-fixed-bottom .container {
			width: 940px;
		}
		
		.row-fluid [class*="span"] {
			float: left;
			width: 100%;
			margin-left: 2.127659574468085%;
			*margin-left: 2.074468085106383%;
		}
		
		.row-fluid .span12 {
			width: 100%;
			*width: 99.94680851063829%;
		}
		  
		.row-fluid .span11 {
			width: 91.48936170212765%;
			*width: 91.43617021276594%;
		}
		  
		.row-fluid .span10 {
			width: 82.97872340425532%;
			*width: 82.92553191489361%;
		}
		  
		.row-fluid .span9 {
			width: 74.46808510638297%;
			*width: 74.41489361702126%;
		}
		  
		.row-fluid .span8 {
			width: 65.95744680851064%;
			*width: 65.90425531914893%;
		}
		  
		.row-fluid .span7 {
			width: 57.44680851063829%;
			*width: 57.39361702127659%;
		}
		  
		.row-fluid .span6 {
			width: 48.93617021276595%;
			*width: 48.88297872340425%;
		}
		  
		.row-fluid .span5 {
			width: 40.42553191489362%;
			*width: 40.37234042553192%;
		}
		  
		.row-fluid .span4 {
			width: 31.914893617021278%;
			*width: 31.861702127659576%;
		}
		  
		.row-fluid .span3 {
			width: 23.404255319148934%;
			*width: 23.351063829787233%;
		}
		  
		.row-fluid .span2 {
			width: 14.893617021276595%;
			*width: 14.840425531914894%;
		}
		  
		.row-fluid .span1 {
			width: 6.382978723404255%;
			*width: 6.329787234042553%;
		}
		  
		.row-fluid .offset12 {
			margin-left: 104.25531914893617%;
			*margin-left: 104.14893617021275%;
		}
		  
		.row-fluid .offset12:first-child {
			margin-left: 102.12765957446808%;
			*margin-left: 102.02127659574467%;
		}
		  
		.row-fluid .offset11 {
			margin-left: 95.74468085106382%;
			*margin-left: 95.6382978723404%;
		}
		  
		.row-fluid .offset11:first-child {
			margin-left: 93.61702127659574%;
			*margin-left: 93.51063829787232%;
		}
		  
		  .row-fluid .offset10 {
			margin-left: 87.23404255319149%;
			*margin-left: 87.12765957446807%;
		}
		  
		.row-fluid .offset10:first-child {
			margin-left: 85.1063829787234%;
			*margin-left: 84.99999999999999%;
		}
		  
		.row-fluid .offset9 {
			margin-left: 78.72340425531914%;
			*margin-left: 78.61702127659572%;
		}
		  
		.row-fluid .offset9:first-child {
			margin-left: 76.59574468085106%;
			*margin-left: 76.48936170212764%;
		}
		  
		.row-fluid .offset8 {
			margin-left: 70.2127659574468%;
			*margin-left: 70.10638297872339%;
		}
		  
		.row-fluid .offset8:first-child {
			margin-left: 68.08510638297872%;
			*margin-left: 67.9787234042553%;
		}
		  
		.row-fluid .offset7 {
			margin-left: 61.70212765957446%;
			*margin-left: 61.59574468085106%;
		}
		  
		.row-fluid .offset7:first-child {
			margin-left: 59.574468085106375%;
			*margin-left: 59.46808510638297%;
		}
		  
		.row-fluid .offset6 {
			margin-left: 53.191489361702125%;
			*margin-left: 53.085106382978715%;
		}
		  
		.row-fluid .offset6:first-child {
			margin-left: 51.063829787234035%;
			*margin-left: 50.95744680851063%;
		}
		  
		.row-fluid .offset5 {
			margin-left: 44.68085106382979%;
			*margin-left: 44.57446808510638%;
		}
		  
		.row-fluid .offset5:first-child {
			margin-left: 42.5531914893617%;
			*margin-left: 42.4468085106383%;
		}
		  
		.row-fluid .offset4 {
			margin-left: 36.170212765957444%;
			*margin-left: 36.06382978723405%;
		}
		  
		.row-fluid .offset4:first-child {
			margin-left: 34.04255319148936%;
			*margin-left: 33.93617021276596%;
		}
		  
		.row-fluid .offset3 {
			margin-left: 27.659574468085104%;
			*margin-left: 27.5531914893617%;
		}
		  
		.row-fluid .offset3:first-child {
			margin-left: 25.53191489361702%;
			*margin-left: 25.425531914893618%;
		}
		  
		.row-fluid .offset2 {
			margin-left: 19.148936170212764%;
			*margin-left: 19.04255319148936%;
		}
		  
		.row-fluid .offset2:first-child {
			margin-left: 17.02127659574468%;
			*margin-left: 16.914893617021278%;
		}
		  
		.row-fluid .offset1 {
			margin-left: 10.638297872340425%;
			*margin-left: 10.53191489361702%;
		}
		  
		.row-fluid .offset1:first-child {
			margin-left: 8.51063829787234%;
			*margin-left: 8.404255319148938%;
		}
		
		input,
		textarea,
		.uneditable-input {
		  margin-left: 0;
		}
		
		.controls-row [class*="span"] + [class*="span"] {
		  margin-left: 20px;
		}
		
		input.span12,
		textarea.span12,
		.uneditable-input.span12 {
		  width: 926px;
		}
		
		input.span11,
		textarea.span11,
		.uneditable-input.span11 {
		  width: 846px;
		}
		
		input.span10,
		textarea.span10,
		.uneditable-input.span10 {
		  width: 766px;
		}
		
		input.span9,
		textarea.span9,
		.uneditable-input.span9 {
		  width: 686px;
		}
		
		input.span8,
		textarea.span8,
		.uneditable-input.span8 {
		  width: 606px;
		}
		
		input.span7,
		textarea.span7,
		.uneditable-input.span7 {
		  width: 526px;
		}
		
		input.span6,
		textarea.span6,
		.uneditable-input.span6 {
		  width: 446px;
		}
		
		input.span5,
		textarea.span5,
		.uneditable-input.span5 {
		  width: 366px;
		}
		
		input.span4,
		textarea.span4,
		.uneditable-input.span4 {
		  width: 286px;
		}
		
		input.span3,
		textarea.span3,
		.uneditable-input.span3 {
		  width: 206px;
		}
		
		input.span2,
		textarea.span2,
		.uneditable-input.span2 {
		  width: 126px;
		}
		
		input.span1,
		textarea.span1,
		.uneditable-input.span1 {
		  width: 46px;
		}
   }