body{ background: #D2D8D8 url(/images/bg.jpg); }
img{ border-radius: 3px; }
.content-outer{ background: #fff }
#page-title{
   background: #383232 url(/images/header-bg.jpg);
   padding-top: 42px;
   padding-bottom: 54px;
}
#page-title h1{
   font: 50px/60px sans-serif, sans-serif;
   color: #fff;
   padding: 0;
   margin: 0 0 18px 0;
   text-shadow: 0px 1px 5px rgba(0, 0, 0, .3);
}
#page-title h1 span,#page-title a{ color: #11ABB0; }
#page-title p{
   font: 17px/36px sans-serif, sans-serif;
   padding: 0;
   margin: 12px 5% 0;
   color: #b4a9a9;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
}
#page-content{
   padding-top: 54px;
   padding-bottom: 54px;
   margin: 0 auto;
   width: 91.66667%;
}
.page section{
   padding-top: 24px;
   padding-bottom: 12px;
}
.page h1{
   font: 39px/48px sans-serif, sans-serif;
   margin-bottom: 18px;
}
#sidebar{
   padding-top: 42px;
   padding-left: 18px;
}
#sidebar h5{
   font: 18px/30px sans-serif, sans-serif;
   font-weight: normal;
   margin-bottom: 6px;
}
#sidebar .widget{ margin-bottom: 24px; }
#sidebar .link-list{
   margin: 12px 0 18px 0;
   padding: 0;
}
#sidebar .link-list li{
   line-height: 24px;
}
#sidebar .link-list li a{
   border: none;
   color: #838C95;
}
#sidebar .link-list li a:hover{
   color: #313131;
}
#sidebar .photostream{
   list-style: none;
   margin: 18px 0 24px -15px;
   padding: 0;
   overflow: hidden;
}
#sidebar .photostream li{
   float: left;
   display: inline-block;
   margin: 0 0 15px 15px;
   padding: 0;
}
#sidebar .photostream li a{ }
#sidebar .photostream li a img{
   border-radius: 3px;
   height: 54px;
   width: 54px;
   vertical-align: bottom;
}
#primary{ }
header{
   height: 96px;
   width: 100%;
   background: #383232 url(/images/header-bg.jpg);
}
header .logo{
   position: absolute;
   left: 20px;
   top: 48px;
}
header .logo a{
   display: block;
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
   width: 300px;
   height: 200px;
}
#nav-wrap ul,#nav-wrap li,#nav-wrap a{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
#nav-wrap{
	position: relative;
   font: 14px sans-serif, sans-serif;
   float: right;
   margin-top: 36px;
   margin-right: 20px;
   z-index: 99999;
}
#nav-wrap > a.mobile-btn{
   display: none;
   border-radius: 3px;
}
ul#nav{
   min-height: 48px;
   width: auto;

   
   text-align: left;
}
ul#nav li{
	position: relative;
	list-style: none;
   height: 48px;
   display: inline-block;
}
ul#nav li a{



   display: inline-block;
   padding: 8px 11px;
   line-height: 32px;
	text-decoration: none;
   text-align: left;
   color: #8a8383;

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
ul#nav li a:active{ background-color: transparent !important; }
ul#nav li:hover > a,ul#nav li.current a{ color: #fff; }
ul#nav span:after{
   width: 0;
	height: 0px;
	border: 4px solid transparent;
	border-bottom: none;
	border-top-color: #8a8383;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: 5px;
}
ul#nav ul{
   position: absolute;
   top: 100%;
   left: 0;
	background: #1f2024;
   min-width: 100%;

	border-radius: 0 0 3px 3px;

   
   opacity: 0;
   filter: alpha(opacity=0);

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}
ul#nav ul li{
   padding: 0;
   display: block;
   text-align: left;

   
   height: 0;
	overflow: hidden;

  	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
ul#nav li:hover > ul{ opacity: 1; filter: alpha(opacity=100); }
ul#nav li:hover > ul li{
	height: 42px;
	overflow: visible;
   border-bottom: 1px solid #26272C;
}
ul#nav li:hover > ul li:last-child{ border: none; }
ul#nav ul li a{
	padding: 6px 15px;
	margin: 0;
   white-space: nowrap;
   font-size: 13px;
}
#intro{ background: #383232 url(/images/header-bg.jpg); }
.flexslider a:active,.flexslider a:focus{ outline: none; }
.slides{ margin: 0; padding: 0; list-style: none; }
.slides li{ margin: 0; padding: 0;}
.flexslider{
   position: relative;
   zoom: 1;
   margin: 0;
   padding: 0;
}
.flexslider .slides{ zoom: 1; }
.flexslider .slides > li{ position: relative; }
.flexslider .slides > li{ display: none; -webkit-backface-visibility: hidden; }
.slides:before,.slides:after{
   content: " ";
   display: table;
}
.slides:after{
   clear: both;
}
.no-js .slides > li:first-child{ display: block; }
.slides{
   overflow: hidden;
   position: relative;
}
.slider-text{
	color: #b4a9a9;
   width: 90%;
   text-align: center;
   margin: 60px auto 36px auto;
}
.slider-text h1{
   font: 50px/60px sans-serif, sans-serif;
   color: #fff;
   padding: 0;
   margin: 0 0 18px 0;
   text-shadow: 0px 1px 5px rgba(0, 0, 0, .3);
}
.slider-text h1 span,.slider-text a{ color: #11ABB0; }
.slider-text p{
   font: 17px/36px sans-serif, sans-serif;
   padding: 0;
   margin: 12px 8% 0;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
}
.slider-image{
   width: 90%;
   margin: 0 auto;
}
.slides li img{
   vertical-align: bottom;
   display: block;
}
#info{
   background: #fff url(/images/content-bg.jpg);
   padding-top: 60px;
   padding-bottom: 42px;
}
#info h2{
  font: 18px/30px sans-serif, sans-serif;
  color: #11ABB0;
  margin-bottom: 6px;
}
#info p{
  font-size: 15px;
  line-height: 30px
}
#works{
   background: #f5f5f5 url(/images/works-bg.jpg);
   padding-top: 48px;
   padding-bottom: 36px;
   border-top: 1px solid #E3E8E8;
   border-bottom: 1px solid #E3E8E8;
}
#works h1{
   font: 20px/36px sans-serif, sans-serif;
   margin-bottom: 36px;
   color: #A1A8AF;
}
#portfolio-wrapper{ margin-top: 36px; }
#portfolio-wrapper .columns{ margin-bottom: 36px; }
.portfolio-item .item-wrap{
   background: #fff;
   overflow: hidden;
   border-radius: 3px;

   -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.1);
   -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.1);
   box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.1);

   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio-item .item-wrap a{
   position: relative;
   display: block;
}
.portfolio-item .item-wrap .overlay{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;

	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   border-radius: 3px 3px 0 0;
   background: url(/images/overlay.png) repeat;
}
.portfolio-item .item-wrap .link-icon{
   display: block;
   color: #fff;
   font-size: 40px;
   line-height: 40px;
   text-align: center;

   opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -18.5px;
   margin-top: -20px;
}
.portfolio-item .item-wrap img{
   vertical-align: bottom;
   border-radius: 3px 3px 0 0;
}
.portfolio-item .portfolio-item-meta{ padding: 18px 0; }
.portfolio-item .portfolio-item-meta h5 a{
   font: 14px/18px sans-serif, sans-serif;
   color: #11ABB0;
   margin-left: 7%;
}
.portfolio-item .portfolio-item-meta p{
   font: 12px/18px sans-serif, sans-serif;
   color: #313030;
   margin-bottom: 0;
   margin-left: 7%;
}
.portfolio-item:hover .item-wrap{ background-color: #3A3434; }
.portfolio-item:hover h5 a{ color: #fff !important; }
.portfolio-item:hover .overlay{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.portfolio-item:hover .link-icon{
   opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
#journal{
   background: #fff url(/images/content-bg.jpg);
   padding-top: 60px;
   padding-bottom: 48px;
}
#journal a,#journal a:visited{ color: #11ABB0; }
#journal a:hover,#journal a:focus{ color: #313131; }
#journal h1{
   font: 20px/36px sans-serif, sans-serif;
   margin-bottom: 36px;
   color: #A1A8AF;
}
#journal .blog-entries{ margin-top: 0; }
#journal .entry{
   margin-bottom: 12px;
   border-top: 1px dotted #d8d8d8;
   padding-top: 36px;
}
#journal .blog-entries article.entry:first-child{
   border-top: none;
   padding-top: 18px;
}
#journal .blog-entries .entry-header{
   position: relative;
   margin-bottom: 6px;
}
#journal .entry-header .entry-title{ padding-right: 16.66667%; }
#journal .entry-header h3{ font: 31px/42px sans-serif, sans-serif; }
#journal .entry-header .permalink{
   position: absolute;
   top: 18px;
   right: 60px;
   z-index: 999999;
}
#journal .entry-header .permalink a{
   color: #fff;
   display: block;
   text-align: center;
   background-color: #9199A1;
   width: 48px;
   height: 48px;
   margin: 0;
   padding: 0;

	border-radius: 100%;

   -webkit-transition:all .3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
#journal .entry-header .permalink a:hover{
   background-color: #11ABB0;
}
#journal .entry-header .permalink a i{
   font-size: 24px;
   line-height: 48px;
}
#journal .entry .post-meta{
   font: 15px/21px sans-serif, sans-serif;
   margin-top: 12px;
   margin-bottom: 0;
   text-align: right;
}
#journal .entry .post-meta time,#journal .entry .post-meta .dauthor{
   display: block;
}
#journal .entry .post-meta time{
   font-family: inherit, sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #878282;
   margin-bottom: 6px;
}
#journal .entry .post-content{  padding-right: 16.66667%; }
#journal .entry .post-content p{
   font: 16px/30px sans-serif, sans-serif;
}
#tweets{
   background: #f5f5f5 url(/images/tweets-bg.jpg);
   padding-top: 60px;
   padding-bottom: 30px;
   border-top: 1px solid #E3E8E8;
   border-bottom: 1px solid #C1CDCD;
}
.tweeter-icon{ font-size: 54px; }
#tweets #twitter{
   margin: 24px auto;
   padding: 0;
   width: 90%;
}
#tweets #twitter li{
   margin: 6px 0px 18px 0;
   line-height: 24px;
}
#tweets #twitter li span{
   display: block;
   font: 24px/48px sans-serif, Sans-serif;
   margin-bottom: 12px;
   color: #99A0A8;
}
#tweets #twitter li b a{
   font: 18px/36px sans-serif, Sans-serif;
   color: #A4ABB2;
   border: none;
}
#tweets .button{
   padding: 6px 24px;
}
.post{
   padding-top: 24px;
   padding-bottom: 18px;
}
.post .entry-header{
   position: relative;
   width: 100%;
}
.post .entry-header h1{
   font: 39px/48px sans-serif, sans-serif;
   margin-bottom: 18px;
}
.post .entry-header h1 a,.post .entry-header h1 a:visited{ color: #313131; }
.post .entry-header h1 a:hover,.post .entry-header h1 a:focus{ color: #11ABB0; }
.post .post-meta{
   font: 15px/24px sans-serif, sans-serif;
}
.post .post-meta a,.post .post-meta a:visited{ color: #AFB4BB; }
.post .post-meta a:hover,.post .post-meta a:focus{ color: #11ABB0; }
.post .post-meta .date{
   display: inline-block;
   font: 15px/24px sans-serif, sans-serif;
   color: #313131;
}
.post .post-meta .categories{
   display: inline-block;
}
.post .post-meta .categories a{ display: inline-block; }
.post .post-thumb{
   margin: 6px 0 18px 0;
   width: 100%;
}
.post .post-content{
   margin-bottom: 18px;
}
footer{
   margin-top: 66px;
   margin-bottom: 84px;
   font-size: 14px;
}
footer .footer-nav{
   font: 18px/36px sans-serif, sans-serif;
   margin: 0;
   padding: 0 0 24px 0;
   text-align: center;
   border-bottom: 1px solid #c4caca;
}
footer .footer-nav li{
   display: inline;
   margin-right: 20px;
   margin-left: 20px;
}
footer .footer-nav a{ color: #7B858E; }
footer .footer-nav a:hover{ color: #313131; }
footer .footer-social{
   margin: 36px 0 24px 0;
   padding: 0;
   font-size: 30px;
   text-align: center;
}
footer .footer-social li{
   display: inline-block;
   margin: 0;
   padding: 0;
   margin-left: 24px;
   margin-right: 24px;
}
footer .footer-social li a{ color: #7B858E; }
footer .footer-social li a:hover{ color: #313131; }
footer .copyright{
    margin: 0;
    padding: 12px 0 0 0;
    text-align: center;
    font-size: 15px;
    font: 14px/30px sans-serif, sans-serif;
 }
footer .copyright li{
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
footer .copyright li:before{
    content: "|";
    padding-left: 15px;
    padding-right: 15px;
    color: #B4BBBB;
}
footer .copyright  li:first-child:before{
    display: none;
}
#go-top{
	position: fixed;
	bottom: 0px;
   right: 25px;
   display: none;
}
#go-top a{
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 60px;
	height: 40px;
	background: url(/images/go-to-top.png) no-repeat 50% 50%;
	background-color: #1f2024;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

 	border-radius: 3px 3px 0 0;

   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}
#go-top a:hover{ background-color: #0F9095; }
@media only screen and (max-width: 900px){header .logo{ left: 36px; }
#page-title h1{ font: 46px/60px sans-serif, sans-serif; }
#page-content{ width: 80%; }
#primary,#secondary{
      float: none;
      width: 100%;
   }
#sidebar{ padding: 0; }
#sidebar .link-list li{
      display: inline-block;
   }
#sidebar .link-list li a{
      border: none;
      color: #8d8d8d;
      display: inline-block;
   }
#sidebar .link-list li:before{
      content: "|";
      padding-left: 6px;
      padding-right: 6px;
      color: #D4D4D4;
   }
#sidebar .link-list  li:first-child:before{
      display: none;
   }
#sidebar .link-list  li:first-child{
      margin-left: 6px;
   }
.slider-text h1{ font: 46px/60px sans-serif, sans-serif; }
#journal .entry-header .permalink{ display: none; }
#journal .entry-header .entry-title,#journal .entry .post-content{
     width: 75%;
     padding-right: 30px;
   }
#journal .entry .post-content{ margin-left: 25%; }
#journal .entry .post-meta{ width: 25%; }
.post .entry-header{ text-align: center; }}
@media only screen and (max-width: 767px){#nav-wrap{
      width: auto;
      margin: 0;

      position: absolute;
      top: 0;
      right: 0;
   }
#nav-wrap > a{
	   width: 48px;
		height: 48px;
		text-align: left;
		background-color: #1f2024;
		position: relative;

      border: none;
      float: right;

      font: 0/0 a;
      text-shadow: none;
      color: transparent;

      position: relative;
      top: 36px;
      right: 36px;
   }
#nav-wrap > a:before,#nav-wrap > a:after{
	   position: absolute;
		border: 2px solid #fff;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
	}
#nav-wrap > a:after{ top: 60%; }
#nav-wrap:not( :target ) > a:first-of-type,:has(>.jsf-target-nav-wrap:checked) #nav-wrap > a:last-of-type{
	   display: block;
	}
#nav-wrap ul#nav{
      height: auto;
		display: none;
      clear: both;

      width: auto;

      position: relative;
      top: 48px;
      right: 0px;
   }
:has(>.jsf-target-nav-wrap:checked) #nav-wrap > ul#nav{
	   display: block;
      padding: 30px 20px 48px 20px;
      background: #1f2024;
      margin: 0 20px;
      clear: both;
      border-radius: 3px;
   }
ul#nav li{
      width: 92%;
      display: block;
      height: auto;
      margin: 0 auto;
      text-align: left;
   }
ul#nav  li{
      border-bottom: 1px solid #2D2E34;
      border-bottom-style: dotted;
   }
ul#nav li a{
      background-image: none;
      margin: 0;
      padding: 0;
      font-size: 14px;
      margin: 12px 0;
      line-height: 14px; 
      border: none;
   }
ul#nav span:after{
      left: 5px;
   }
ul#nav ul{
      position: static;
      background: none;
      width: 100%;
      padding-left: 15px !important;

      
      opacity: 0;
   }
ul#nav ul li{
      width: 100%;
      padding: 0;
      display: list-item;
      border: none;

      
      height: 0px;
	   overflow: hidden;
      border-bottom: 1px dotted #595B6A;
   }
#nav li:hover > ul li{ height: 30px; }
#nav li:hover > ul li:last-child{ margin-bottom: 9px; }
#nav ul li a{
      white-space: normal;
      padding-left: 0px !important;
      color:#C0C0C0;
      font-weight: bold;
      font-size: 13px;
      font: 13px/27px sans-serif, sans-serif;
      line-height: 30px; 
   }
#page-title h1{ font: 38px/48px sans-serif, sans-serif; }
#page-title p{ font: 16px/30px sans-serif, sans-serif; }
#page-content{
      width: 480px;
      padding-top: 30px;
   }
.page h1{ font: 32px/42px sans-serif, sans-serif; }
.page h1{ text-align: center; }
.slider-text{
     margin-top: 42px;
     margin-bottom: 30px;
     width: 95%;
   }
.slider-text h1{ font: 38px/48px sans-serif, sans-serif; }
.slider-text p{ font: 15px/30px sans-serif, sans-serif; }
.slides .slider-image{ width: 100%; }
.slides{ overflow: hidden; }
#journal{
      padding-top: 54px;
      padding-bottom: 36px;
   }
#journal h1{ margin-bottom: 0; }
#journal .blog-entries{ margin-top: 0; }
#journal .entry-header .permalink{
      display: none;
      z-index: 1;
   }
#journal .entry-header .entry-title{
      padding: 0 30px;
      margin-bottom: 6px;
      right: 0;
      text-align: center;
      z-index: 3;
   }
#journal .entry .post-content{
      padding: 0 30px;
      margin-top: 18px;
      margin-left: 0;
   }
#journal .entry .post-meta{ text-align: center; }
#journal .entry .post-meta time,#journal .entry .post-meta .dauthor{
      display: inline;
   }
#journal .entry .post-meta .dauthor:before{
      content: "/";
      padding-left: 5px;
      padding-right: 5px;
   }
#tweets{
      padding-top: 42px;
      padding-bottom: 24px;
   }
#tweets #twitter{
      padding: 0 30px;
      width: 100%;
   }
.tweeter-icon{ font-size: 54px; }
#tweets #twitter li span{ font: 21px/42px sans-serif, sans-serif; }
#tweets #twitter li b a{ font: 15px/30px sans-serif, sans-serif; }
.post .entry-header h1{ font: 32px/42px sans-serif, sans-serif; }
footer .copyright li:before{ content: none; }
footer .copyright li{ margin-right: 10px; }
footer .copyright{
      text-align: center;
      float: none;
   }
footer .footer-nav{
      font: 15px/42px sans-serif, sans-serif;
      margin: 0;
      padding: 0 0 18px 0;
      text-align: center;
   }
footer .footer-nav li{
      display: inline;
      margin-right: 12px;
      margin-left: 12px;
   }
footer .footer-social{
     margin: 30px 0 12px 0;
     font-size: 23px;
     line-height: 36px;
   }
footer .footer-social li{
      margin-left: 12px;
      margin-right: 12px;
   }}
@media only screen and (max-width: 480px){header .logo{ z-index: 99999; }
#page-content{
      width: auto;
   }
#nav-wrap{ width: 100%; }
#nav-wrap ul#nav{
      top: 72px;
      right: 0px;
   }
.slider-text{ margin-top: 36px; margin-bottom: 27px; }
.slider-text h1{ font: 32px/42px sans-serif, sans-serif; }
.slider-text p{ font: 14px/27px sans-serif, sans-serif; }
#journal .entry-title h3{
      font-size: 28px;
      line-height: 36px;
   }
#tweets #twitter li span{ font: 20px/39px sans-serif, sans-serif; }
#tweets #twitter li b a{ font: 14px/24px sans-serif, sans-serif; }
footer{ margin-top: 48px; }
footer .footer-social{ font-size: 22px; }
footer .footer-social li{
      margin-left: 10px;
      margin-right: 10px;
   }}