@import url('default.css');



@import url('extras.css');











html {



	overflow-x: hidden;



	overflow-y: scroll;



}









h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }







/* links */



a { color: #444; }



a:hover { text-decoration: none; color: #111; }



a:link { -webkit-tap-highlight-color: #111; }



::selection { background: #444; color: #fff; }







.page-template-template-home-php .handle,



.page-template-template-portfolio-php .handle,



.tax-group .handle,



.page-template-template-fullwidth-php .handle,



.single-portfolio .handle {



	display: none;



}







/*---------------------------------------------------------------------------*/



/*  LAYOUT  */



/*---------------------------------------------------------------------------*/







#wrapper { min-height: 100%; }







.ie6 #wrapper,



.ie8 #wrapper {



    display: table;



    height: 100%;



    width: 100%;



}







#page { padding-bottom: 80px; /* must be same height as the #bottom */ }







#main { 



	width: auto;



	background: #fff;



}







#container {



	width: 980px;



	margin: 0 auto;



	padding: 50px 0;



}







.page-template-template-fullwidth-php #content,



.single-portfolio #content {



	float: none;



	width: auto;



}







#content {



    float: left;



    width: 642px;



}







#sidebar {



    float: right;



    width: 306px;



}







.sidebar-left #sidebar { float: left; }







.sidebar-left #content { float: right; }







.sidebar-none #content { width: 100%; }







#bottom {



    margin: 30px 0 0 0;



    position: relative;



    margin-top: -80px; /* negative value of footer height */



    height: 80px;



    clear: both;



}







pre {



	overflow-x: scroll;



}











/*---------------------------------------------------------------------------*/



/*  HEADER  */



/*---------------------------------------------------------------------------*/







#header {



	width: 980px;



	margin: 40px auto 30px;



	color: #777;



	text-shadow: 0 1px 1px rgba(255,255,255, 0.5);



	position: relative;



}







.ie7 #header { overflow-x: hidden; }







#header-title-wrap {



	position: relative;



	margin: 30px 0 0 0;



	border-bottom: 5px solid #ddd;



}







.page-title {



	color: #555;



	margin: 0;



	font: 300 36px/1.6 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;



	letter-spacing: .01em;



}







#logo { float: left; }







#logo h1,



#logo h2 { margin: 0; }







#logo h1 { font-size: 20px; }







#logo h2 { font-size: 12px; }







#site-title { font-size: 20px; }







.ie7 #primary-menu {



	position: absolute;



	top: 0;



	right: 0;



}







a#menu-button {



	display: none;



}







#primary-menu {



	float: right;



    margin: 16px 0;



    font-size: 12px;



    z-index: 30;



}







#primary-menu select {



	display: none;



}







#primary-menu ul {



    margin: 0;



    padding: 0;



    list-style: none;



}







#primary-menu ul a {



    display: block;



    position: relative;



}







#primary-menu ul li {



    float: left;



    position: relative;



    z-index: 40;



    margin: 0 0 0 25px;



}







#primary-menu ul li:hover { visibility: inherit; }







#primary-menu ul ul {



    position: absolute;



    top: -9999em;



    width: 150px;



}







#primary-menu ul ul li { width: 100%; }







#primary-menu ul li:hover ul,



#primary-menu ul li.sfHover ul {



    left: -1px;



    top: 36px;



    z-index: 99;



}







#primary-menu ul li:hover li ul,



#primary-menu ul li.sfHover li ul,



#primary-menu ul li li:hover li ul,



#primary-menu ul li li.sfHover li ul,



#primary-menu ul li li li:hover li ul,



#primary-menu ul li li li.sfHover li ul { top: -9999em; }







#primary-menu ul li li:hover ul,



#primary-menu ul li li.sfHover ul,



#primary-menu ul li li li:hover ul,



#primary-menu ul li li li.sfHover ul,



#primary-menu ul li li li li:hover ul,



#primary-menu ul li li li li.sfHover ul {



    left: -81px;



    top: -1px;



}







/* top level skin */



#primary-menu ul a {



	color: #777;



	line-height: 12px;



}







#primary-menu ul a.active,



#primary-menu ul li.current-cat a,



#primary-menu ul li.current_page_item a,



#primary-menu ul li.current-menu-item a {



	text-decoration: none;



	padding-bottom: 6px;



	background: url(images/sep-horz-min.png) repeat-x bottom;



}







#primary-menu ul a.active,



#primary-menu ul a:hover { color: #444; }







/* 2nd level skin */



#primary-menu ul ul {



    padding: 0;



    background: #444;



    border-bottom: none;



    border-top: none;



    border-radius: 4px;



    border: 1px solid #111;



    box-shadow: 0 0 2px #111;



}







#primary-menu ul ul li:first-child a,



#primary-menu ul ul ul li:first-child a { border-radius: 4px 4px 0 0; }







#primary-menu ul ul li:last-child a,



#primary-menu ul ul ul li:last-child a { border-radius: 0 0 4px 4px; }







#primary-menu ul ul li {



    border-right: 0;



    margin: 0;



    padding: 0;



    border-bottom: 1px solid #222;



    float: none;



    text-align: center;



    background: none;



    width: auto;



}







#primary-menu ul ul li:last-child { border: none; }







.ie7 #primary-menu ul ul li {



	float: left;



	width: 100%;



}







.ie7 #primary-menu ul ul li a {



	float: left;



	width: 130px;



}







#primary-menu ul li.current-menu-item li a,



#primary-menu ul li li.current-menu-item a,



#primary-menu ul ul li a {



    font-size: 12px;



    padding: 15px 10px !important;



    color: #eee;



    line-height: 20px;



    text-shadow: 0 1px 0 rgba(0,0,0,1);



    box-shadow: inset 0 0 -2px rgba(119, 119, 119, 1);



    background: none;



}







#primary-menu ul ul li a:hover,



#primary-menu ul.sub-menu a.active {



    color: #fff;



    background: #777;



}







#primary-menu ul.sub-menu a.active { background: transparent; }







#primary-menu .button {



	display: inline;



	text-decoration: none;



	font-weight: normal;



	line-height: inherit;



	padding: 0;



	color: inherit;



	border: none;



}







.ie #primary-menu .button a { background: #f5f5f5; }







.ie #primary-menu .button a:hover { background: #fff; }







#primary-menu .button a {



	background: #f5f5f5;



	margin: -12px 0 0 0;



	display: block;



	padding: 9px 15px 10px;



	border: 1px solid #ccc;



	border-radius: 4px;



	box-shadow: inset 0 1px 0 rgba(255,255,255, 1);



	color: #444;



	font-weight: bold;



}







#primary-menu .button a:hover { background: #fff; }











/*---------------------------------------------------------------------------*/



/*  HOME  */



/*---------------------------------------------------------------------------*/







@-webkit-keyframes sliderMoveFromBottom {



    from {



        bottom: -900px;



    }



    to {



        bottom: 0;



    }



}







@-webkit-keyframes sliderMoveFromLeft {



    from {



        left: -900px;



    }



    to {



        left: 0;



    }



}







.home-slider {



	margin: 60px 0 0 0;



	position: relative;



	text-shadow: 0 1px 1px rgba(255,255,255,0.5);



}







.home-slider .slides_container {



	display: none;



	padding-bottom: 60px;



	z-index: 10;



	margin-bottom: -30px;



}







.home-slider .post-wrap {



	width: 430px;



	float: left;



	position: relative;



	padding: 30px 0 0 30px;



	-webkit-animation: sliderMoveFromLeft 1s;



}







.home-slider .post-wrap.fullwidth {



	width: auto;



	float: none;



	padding: 0 60px;



}







.home-slider .post-wrap.align-right { text-align: right; }







.home-slider .post-wrap.align-center { text-align: center; }







.home-slider .post-content {



	font-size: 14px;



	color: #777;



}







.home-slider .featured-image {



	width: 430px;



	float: right;



	position: relative;



	margin-right: 30px;



}







.home-slider .featured-image.fullwidth {



	width: auto;



	float: none;



	margin: 0;



	text-align: center;



}







.home-slider .featured-image.fullwidth img {



	display: inline;



	border-radius: 4px;



}







.home-slider .hentry {



	padding: 0 0 0;



	margin: 0;



	border: none;



	width: 980px;



}







.home-slider .post-title {



	font-weight: bold;



	font-size: 30px;



	color: #444;



	line-height: 1.3;



}







.home-slider .pagination {



	list-style: none;



	float: left;



	margin: 0;



	padding: 0 0 20px;



	position: relative;



	left: 50%;



	z-index: 30;



}







.home-slider .pagination li {



	display: inline;



	position: relative;



	right: 50%;



	float: left;



	text-indent: -9999px;



	margin: 0 4px 0 0;



}







.home-slider .pagination li a {



	border: none;



	display: block;



	width: 23px;



	height: 5px;



	background: #bbb;



	margin: 0;



	padding: 0;



	float: none;



}







.home-slider .pagination li a:hover,



.home-slider .pagination li.current a { background: #777; }







.home-slider .slider-nav {



	position: absolute;



	top: 50%;



	left: 0;



	margin-top: -66px;



	width: 980px;



	z-index: 20;



	display: none;



}







.home-slider .slider-nav.show a { display: block !important; }







.home-slider .slider-nav .next,



.home-slider .slider-nav .prev {



	display: block;



	position: absolute;



	width: 21px;



	height: 33px;



	background-image: url(images/slider-arrows-min.png);



}







.home-slider .slider-nav .next {



	right: -50px;



	background-position: bottom left;



}







.home-slider .slider-nav .prev {



	left: -50px;



	background-position: top left;



}







.home-slider .slider-nav .next:hover { background-position: bottom right; }







.home-slider .slider-nav .prev:hover { background-position: top right; }











/*---------------------------------------------------------------------------*/



/*  MAIN  */



/*---------------------------------------------------------------------------*/







.hentry { position: relative; }







.type-portfolio.hentry { background: #fff; }







.post-wrap-blog .post-content {



	margin: 0 0 30px 0;



    padding: 0 0 30px 0;



    border-bottom: 1px solid #eee;



}







#header-title-wrap div.meta-published {



	top: auto;



	bottom: -35px;



	right: 0;



	left: auto;



	background: #ddd;



	width: 70px;



	height: 70px;



	border-radius: 35px;



}







.single .hentry {



	padding: 0;



	border: 0;



}







.post-wrap-page .post-content {



	margin: 0 0 30px 0;



    padding: 0 0 30px 0;



    border-bottom: 1px solid #eee;



}







.post-wrap-blog,



.post-navigation { padding: 0 0 0 84px; }







.single .post-wrap-blog { padding: 0; }







.post-title { font-size: 22px; }







div.meta-published {



	position: absolute;



	left: 0;



	top: 0;



	width: 50px;



	height: 50px;



	border-radius: 25px; 



	background: #eee;



	text-align: center;



}







div.meta-published span {



	display: block;



	color: #555;



	font-weight: 300;



}







div.meta-published span.month {



	font-size: 11px;



	line-height: 11px;



	text-transform: uppercase;



	margin: 9px 0 0 0;



}







div.meta-published span.day {



	font-size: 22px;



	line-height: 22px;



	color: #777;



}







#header-title-wrap div.meta-published span.month {



	font-size: 15px;



	line-height: 15px;



}







#header-title-wrap div.meta-published span.day {



	font-size: 36px;



	line-height: 36px;



}







.post-header .meta-categories,



.post-header .meta-comment,



.post-header .meta-author {



	padding: 6px 12px 6px 22px;



	display: inline-block;



}







.meta-categories a,



.meta-comment a,



.meta-author a {



	color: #999;



	border-bottom: 1px solid #eee;



	font-size: 10px;



	text-transform: uppercase;



}







.meta-categories a:hover,



.meta-comment a:hover,



.meta-author a:hover { color: #111; }







#header .meta-categories a,



#header .meta-comment a,



#header .meta-author a { color: #777; }







#header .meta-author,



.post-wrap-blog .meta-author { background: url(images/icon-author-min.png) no-repeat center left; }







#header .meta-categories,



.post-wrap-blog .meta-categories { background: url(images/icon-pen-min.png) no-repeat center left; }







#header .meta-comment,



.post-wrap-blog .meta-comment { background: url(images/icon-comment-min.png) no-repeat center left; }







#header .post-header { margin: 10px 0 0 0; }







.post-header { 



	margin: 0 0 20px 0;



	text-transform: uppercase;



	font-size: 10px;



	color: #999;



}







.featured-image { margin: 0 0 20px 0; }







.featured-image a,



.featured-image img { display: block; }







.gallery-item img {



	padding: 4px;



	border-radius: 4px;



	border: 1px solid #ddd !important;



}







/* pagination */



.post-navigation .pagination a,



.post-navigation .pagination span {



    display: block;



    float: left;



    margin: 0 3px 0 0;



    padding: 3px 8px 1px;



    border-radius: 4px;



    background: #f5f5f5;



}







.post-navigation .pagination .current,



.post-navigation .pagination a:hover {



	background: #444;



	color: #fff;



	-webkit-transition: background-color .1s linear, color .1s linear;



	   -moz-transition: background-color .1s linear, color .1s linear;



	     -o-transition: background-color .1s linear, color .1s linear;



	    -ms-transition: background-color .1s linear, color .1s linear;



	        transition: background-color .1s linear, color .1s linear;



}







.post-navigation .pagination .current { color: #ddd; }







/* breadcrumbs */



.breadcrumbs { margin-bottom: 20px; }







/* comments */



.comment-wrap,



#respond { 



	padding: 20px; 



	background: #f5f5f5;



	border-radius: 4px;



	margin: 0 0 30px 0;



}







#comments h3 {



	font-size: 14px;



	font-weight: bold;



	border-bottom: 5px solid #eee;



	padding: 0 0 3px 0;



	margin: 0 0 20px 0;



	color: #444;



}







.textarea-wrap {



	width: 60%;



	float: left;



}







.input-wrap {



	width: 32%;



	float: right;



}







#comments p { clear: both; }







#comments ol,



#comments ul,



#comments li {



    list-style: none;



    padding: 0;



}







.comment-author {



    font-size: 18px;



    margin: 0 10px 0 0;



}







.comment-reply a,



.comment-time a {



	font-size: 11px;



	color: #aaa;



	text-transform: uppercase;



	margin: 0 10px 0 0;



}







.commentlist .comment-meta a:hover { color: #555; }







.commentlist .comment-author cite { font-style: normal; }







.commentlist .comment-meta {



	padding: 0 0 0 80px;



	margin: 0 0 10px 0;



}







.ie7 .commentlist .comment-meta { margin: -23px 0 10px 0; }







.commentlist .comment-body { 



	margin: 0 0 30px 80px; 



	border-bottom: 5px solid #eee;



}







.commentlist .reply { padding-left: 50px; }







#comments .commentlist #respond { margin: 0 0 0 70px; }







#comments .commentlist #commentform { margin-top: 20px; }







#comments .commentlist .comment:first-child {



	border: 0;



	padding: 0;



}







#comments .commentlist li.comment { clear: both; }







#comments .commentlist ul.children {



    padding: 0 0 20px 80px;



    margin: 0 0 -20px 0;



}







#comments input,



#comments textarea,



#comments select {



    margin: 0 0 26px;



    width: 90%;



    text-align: left;



}







.comment { position: relative; }







#respond form { margin-bottom: -26px; }



	



#comments .form-section {



    width: 33%;



    float: right;



}







#comments #form-section-comment {



    width: 65%;



    float: left;



}







#comments textarea { 



	height: 200px; 



	resize: vertical; 



	width: 100%;



}







#comments .submit {



	float: none;



	width: 100%;



	text-align: center;



}







#comments .avatar {



	position: absolute;



	top: 0;



	left: 0;



	width: 60px;



	height: 60px;



	border-radius: 35px;



	float: left;



}







/* contact form */



.dt-contactform label {



    display: block;



    margin: 0 0 10px 0;



}







.dt-contactform input {



    width: 45%;



    margin: 0 0 20px 0;



    float: none !important;



    text-align: left !important;



    margin: 0 0 20px 0 !important;



}







.dt-contactform select { margin: 0 0 20px 0; }







.dt-contactform textarea {



    width: 98%;



    margin: 0 0 20px 0;



    float: none !important;



    text-align: left !important;



}







.dt-contactform .submit {



    width: auto;



    float: right;



    margin: 0;



}







.contact .alert { display: none; }











/*---------------------------------------------------------------------------*/



/*  PORTFOLIO  */



/*---------------------------------------------------------------------------*/







#portfolio-wrap { width: 1011px; }







.type-portfolio .featured-image img { border-radius: 4px; }







#filter {



	width: 200px;



	float: left;



	margin: 0 55px 0 0;



	padding: 0;



}







#filter ul {



	margin: 0;



	padding: 0;



}







.ie7 #filter li { float: left; }







#filter li {



	display: block;



	width: 200px;



	text-transform: uppercase;



	font-size: 14px;



	font-weight: bold;



	list-style: none;



}







#filter li.current li a,



#filter .segment-featured {

	display: none;

}



#filter a {



	display: block;



	border: none;



	padding: 10px 15px;



	margin: 0 0 10px 0;



	background: #f5f5f5;



	float: none;



	border-radius: 4px;



	color: #999;



	position: relative;



}







#filter li a:hover,



#filter li.current a,



#filter li.current a:hover {



	background: #eee;



	color: #444;



}







#filter li a span {



	display: block;



	float: left;



	width: 16px;



	height: 20px;



	margin: 4px 15px 0 0;



	padding: 0;



	border: none;



	background-position: top left;



	background-repeat: no-repeat;



}







#filter li a span.arrow {



	display: block;



	float: right;



	width: 8px;



	height: 12px;



	margin: 4px 0 0 0;



	background: url(images/icon-arrow-min.png);



	background-position: top left;



	background-repeat: no-repeat;



}







.ie7 #filter li a span.arrow {



	position: absolute;



	top: 10px;



	right: 10px;



}







#filter li a:hover span,



#filtercontent li.current a span { background-position: top right; }







#masonry {



	list-style: none;



	margin: 0;



	padding: 0;



	width: 756px;



	float: left;



	position: relative;



	z-index: 10;



}







#masonry li {



	width: 222px;



	margin: 0 30px 30px 0;



	float: left;



	background: #fff;



}







#masonry li .hentry {



	border: none;



	margin: 0;



	padding: 0;



}







#masonry .post-title {



	font-size: 16px;



	font-weight: bold;



}







#masonry .post-header {



	float: left;



	width: 40px;



	height: 40px;



	border-radius: 20px; 



	background: #eee;



	text-align: center;



}







#masonry .meta-published span {



	display: block;



	color: #555;



}







#masonry .post-wrap {



	float: right;



	width: 168px;



	margin: -5px 0 0 0;



}







#masonry .featured-image { margin: 0 0 10px 0; }







#masonry .featured-image img,



#masonry .featured-image a { display: block; }







#masonry .post-content { margin: 0 0 -10px 0; }







/**** Isotope Filtering ****/



.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: 2s;



     -moz-transition-duration: 2s;



          transition-duration: 2s;



}





.isotope {



  -webkit-transition: none;



     -moz-transition: none;



          transition: none;



}



.isotope .isotope-item {



  -webkit-transition-property: opacity;



     -moz-transition-property: opacity;



          transition-property: 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;



          transition-duration: 0s;



}







/* disable CSS transitions for containers with infinite scrolling*/



.isotope.infinite-scrolling {



  -webkit-transition: none;



     -moz-transition: none;



          transition: none;



}











/*---------------------------------------------------------------------------*/



/*  PORTFOLIO SINGLE  */



/*---------------------------------------------------------------------------*/







.portfolio-nav { margin: 10px 0 60px 0; }







.portfolio-nav span.arrow {



	background-image: url(images/pagination-arrows-min.png);



	width: 5px;



	height: 8px;



	margin: 4px 0 0 0;



}







.portfolio-nav .next span.arrow {



	float: right;



	margin-left: 10px;



	background-position: bottom left;



}







.portfolio-nav .prev span.arrow {



	float: left;



	margin-right: 10px;



	background-position: top left;



}







.portfolio-nav .next:hover span.arrow { background-position: bottom right; }







.portfolio-nav .prev:hover span.arrow { background-position: top right; }







.portfolio-nav .next {



	float: right;



	display: block !important;



}







.portfolio-nav .prev {



	float: left;



	display: block !important;



}







#roundabout-wrap { padding: 0 0 80px 0; }







#roundabout-wrap ul { 



	list-style: none; 



	margin: 0; 



}







#roundabout-wrap .roundabout-holder {



	list-style: none;



	padding: 0;



	margin: 0 auto;



	width: 700px;



	height: 500px;



	z-index: 20;



}







.roundabout-moveable-item {



	height: 500px;



	width: 700px;



	cursor: pointer;



}







.ie7 .roundabout-moveable-item {



	height: 35.7em;



	width: 52.40em;



}







#roundabout-wrap ul li img,



.roundabout-moveable-item img {



	height: 100%;



	width: 100%;



	background: #eee;



	box-shadow: 0 0 10px rgba(0,0,0,0.5);



	color: #eee;



}







#roundabout-wrap ul li img { height: auto; }







.roundabout-in-focus { cursor: auto; }







.dt-video { margin: 0 0 100px 0; }







.dt-video iframe { box-shadow: 0 0 10px rgba(0,0,0,0.5); }







.portfolio-tabs { position: relative; }







.portfolio-tabs .slide { background: #fff; }







.portfolio-tabs .pagination {



	list-style: none;



	margin: 0;



	padding: 0;



	position: absolute;



	top: -90px;



	left: 0;



}







.portfolio-tabs .pagination li {



	float: left;



	margin: 0;



	background: none;



}







.portfolio-tabs .pagination li a {



	margin: 0;



	padding: 0 20px;	



	font-size: 14px;



	font-weight: bold;



	color: #999;



	border: 0;



	border-radius: 4px 4px 0 0;



	height: 40px;



	line-height: 40px;



	background: none;



	display: block;



}







.portfolio-tabs .pagination li.current a {



	background: #fff;



	color: #444;



}







.portfolio-tabs .pagination li a:hover { color: #444; }







.portfolio-tabs .post-content { width: 980px; }







#related { margin: 60px 0 0 0; }







#related ul {



	list-style: none;



	margin: 0 0 30px 0;



	padding: 0;



	width: 1008px;



	position: relative;



	z-index: 10;



}







#related li {



	width: 222px;



	margin: 0 30px 30px 0;



	float: left;



}







#related li .hentry {



	border: none;



	margin: 0;



	padding: 0;



}







#related .post-title {



	font-size: 16px;



	font-weight: bold;



}







#related .post-header {



	float: left;



	width: 40px;



	height: 40px;



	border-radius: 20px; 



	background: #eee;



	text-align: center;



}







#related .meta-published span {



	display: block;



	color: #555;



}







#related .meta-published span.month {



	font-size: 10px;



	line-height: 10px;



	text-transform: uppercase;



	margin: 5px 0 0 0;



}







#related .meta-published span.day {



	font-size: 18px;



	line-height: 18px;



	font-weight: bold;



}







#related .post-wrap {



	float: right;



	width: 168px;



	margin: -5px 0 0 0;



}







#related .featured-image { margin: 0 0 10px 0; }







#related .post-content { margin: 0 0 -10px 0; }











/*---------------------------------------------------------------------------*/



/*  WIDGETS  */



/*---------------------------------------------------------------------------*/







.widget { 



	margin: 0 0 30px 0; 



	background: #f5f5f5;



	border-radius: 4px;



	color: #999;



}







#sidebar .widget { padding: 20px 20px 25px; }







#home-widgets .widget { 



	margin: 0 0 80px 0;



	background: none;



	padding: 0;



	border-radius: 0;



	color: #555;



}







#home-widgets .widget_text,



#home-widgets .DT_Infoboxes { margin-bottom: 60px; }







#home-widgets .widget:last-child { margin-bottom: 20px; }







.widget-title {



	font-size: 14px;



	font-weight: bold;



	border-bottom: 5px solid #eee;



	padding: 0 0 3px 0;



	margin: 0 0 20px 0;



	color: #444;



}







.ie7 #related .widget-title,



.ie7.page-template-template-home-php .widget-title { line-height: 13px; }







#related .widget-title,



.page-template-template-home-php .widget-title {



	text-align: center;



    margin: 0 0 50px 0;



    text-transform: uppercase;



    font-size: 10px;



    letter-spacing: 4px;



	background: #f5f5f5;



	height: 5px;



	line-height: 4px;



	font-weight: normal;



    border: none;



	padding: 0;



}







#related .widget-title span,



.page-template-template-home-php .widget-title span {



	background: #fff;



	padding: 0 30px;



}







.ie7 #related .widget-title span,



.ie7.page-template-template-home-php .widget-title span {



	display: inline-block;



	margin: -4px 0 0 0;



}







.widget ul { 



	margin: 0;



	list-style: none;



}







.widget ul { 



	margin: 0;



	list-style: none;



}







.widget li { margin-bottom: 10px; }







.widget ul li:last-child { margin-bottom: 0; }







.widget ul ul { margin: 0 0 0 20px; }







/* Info Box */



.boxes {



	width: 1011px;



	list-style: none;



	margin: 0 0 0 0;



}







#sidebar .boxes { width: auto; }







#sidebar .DT_Infoboxes {



	padding: 0;



	background: none;



}







.box {



	position: relative;



	width: 306px;



	height: 284px;



	float: left;



	margin: 0 31px 0 0;



	background: #f5f5f5;



	border-radius: 4px;



	overflow: hidden;



	color: #999;



	-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}







.box-inner {



	padding: 25px;



	text-align: center;



}







.box-icon {



	margin: 0 0 20px 0;



	-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



}







.box-title {



	text-transform: uppercase;



	letter-spacing: 4px;



	font-weight: bold;



	font-size: 14px;



	color: #444;



	margin: 0 0 10px 0;



	-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



}







.box-excerpt {



	line-height: 20px;



	-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



}







.box-excerpt p { margin: 0 0 10px 0; }







.box a {



	font-weight: bold;



	border-bottom: 1px solid #e1e4e6;



	display: inline-block;



}







.box .box-link { font-size: 13px; }







.box a:hover { color: #fff; }







.box:hover { background-color: #555; }







.box:hover .box-icon {



	position: relative;



    -webkit-animation: moveFromTop 400ms ease;



    -moz-animation: moveFromTop 400ms ease;



    -ms-animation: moveFromTop 400ms ease;



}







.box:hover .box-title {



	position: relative;



    color: #fff;



    -webkit-animation: moveFromTop 300ms ease;



    -moz-animation: moveFromTop 300ms ease;



    -ms-animation: moveFromTop 300ms ease;



}







.box:hover .box-excerpt {



	position: relative;



    color: #aeb4bb;



    -webkit-animation: moveFromBottom 500ms ease;



    -moz-animation: moveFromBottom 500ms ease;



    -ms-animation: moveFromBottom 500ms ease;



}







.box:hover .box-link {



    color: #fff;



    border-bottom: 1px solid #333;



}







@-webkit-keyframes moveFromTop {



    from {



        top: -600px;



    }



    to {



       	top: auto;



    }



}



@-moz-keyframes moveFromTop {



    from {



        -moz-transform: translateY(-600%);



    }



    to {



        -moz-transform: translateY(0%);



    }



}



@-ms-keyframes moveFromTop {



    from {



        -ms-transform: translateY(-600%);



    }



    to {



        -ms-transform: translateY(0%);



    }



}







@-webkit-keyframes moveFromBottom {



    from {



        bottom: -400px;



    }



    to {



       	bottom: auto;



    }



}



@-moz-keyframes moveFromBottom {



    from {



        -moz-transform: translateY(400%);



    }



    to {



        -moz-transform: translateY(0%);



    }



}



@-ms-keyframes moveFromBottom {



    from {



        -ms-transform: translateY(400%);



    }



    to {



        -ms-transform: translateY(0%);



    }



}







/* Testimonial */



.testimonial-slider { 



	position: relative;



	margin: -20px 0 -30px 0;



}







#sidebar .testimonial-slider { margin: 0; }







.testimonial-slider .slides_container { display: none; }







#sidebar .testimonial-slider .slide {



	background: #f5f5f5;



	font-size: 12px;



	padding: 0 20px;



	width: 226px;



}







.testimonial-slider .slide {



	text-align: center;



	font-size: 16px;



	font-style: italic;



	padding: 20px 170px;



	background: #fff;



	width: 640px;



	min-height: 80px;



	overflow: visible;



}







.testimonial-slider .slide p {



	position: relative;



	z-index: 20;



}







.ie7 .testimonial-slider .quote-right,



.ie7 .testimonial-slider .quote-left { margin-top: -80px; }







#sidebar .testimonial-slider .quote-right,



#sidebar .testimonial-slider .quote-left { display: none; }







.testimonial-slider .quote-right,



.testimonial-slider .quote-left {



	position: absolute;



	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



	top: 50%;



	margin: -100px 0 0 0;



	font-size: 300px;



	line-height: 300px;



	z-index: 10;



	color: #f5f5f5;



}







.testimonial-slider .quote-left { left: 130px; }







.testimonial-slider .quote-right { right: 160px; }







.testimonial-slider .meta {



	margin: -15px 0 0 0;



	color: #aaa;



	position: relative;



	z-index: 20;



}







#sidebar .testimonial-slider .meta { font-size: 12px; }







.testimonial-slider .meta a {



	color: #aaa;



	border-bottom: 1px solid #eee;



}







.testimonial-slider .meta a:hover { color: #555; }







.testimonial-arrows {



	position: absolute;



	height: 12px;



	width: 100%;



	top: 50%;



	margin: -12px 0 0 0;



}







.testimonial-arrows.show a { display: block; }











.testimonial-arrows a {



	background-image: url(images/small-arrows-min.png);



	background-position: top left;



	width: 8px;



	height: 12px;



	display: block;



}







.testimonial-arrows .prev {



	float: left;



	margin: 0 0 0 84px;



}







.testimonial-arrows .next {



	float: right;



	margin: 0 94px 0 0;



	background-position: bottom left;



}







#sidebar .testimonial-arrows .prev { margin: 0 0 0 -10px; }







#sidebar .testimonial-arrows .next { margin: 0 -10px 0 0; }







.testimonial-arrows .prev:hover { background-position: top right; }







.testimonial-arrows .next:hover { background-position: bottom right;}







/* Content Slider */



.content-slider {



	position: relative;



	margin: 0 0 -30px 0;



}







.content-slider .slides_container {



	width: 725px;



	float: right;



	display: none;



	padding-bottom: 20px;



}







.content-slider .slide { background: #fff; }







.content-slider .pagination {



	width: 200px;



	float: left;



}







.content-slider .pagination li {



	display: block;



	width: 200px;



	text-transform: uppercase;



	font-size: 14px;



	font-weight: bold;



	list-style: none;



}







.content-slider .pagination a {



	display: block;



	border: none;



	padding: 10px 15px;



	margin: 0 0 10px 0;



	background: #f5f5f5;



	float: none;



	border-radius: 4px;



	color: #888;



	position: relative;



}







.content-slider .pagination li.current { background: none; }







.content-slider .pagination li a:hover,



.content-slider .pagination li.current a {



	background: #eee;



	color: #444;



}







.content-slider .pagination li a span {



	display: block;



	float: left;



	width: 16px;



	height: 20px;



	margin: 4px 15px 0 0;



	padding: 0;



	border: none;



	background-position: top left;



	background-repeat: no-repeat;



	background-color: transparent;



}







.content-slider .pagination li a span.arrow {



	display: block;



	float: right;



	width: 8px;



	height: 12px;



	margin: 4px 0 0 0;



	background: url(images/icon-arrow-min.png);



	background-position: top left;



	background-repeat: no-repeat;



}







.ie7 .content-slider .pagination li a span.arrow {



	position: absolute;



	top: 10px;



	right: 10px;



}







.content-slider .pagination li.icon-projects a span.icon { background-image: url(images/icon-projects-min.png); width: 15px; }



.content-slider .pagination li.icon-blog a span.icon { background-image: url(images/icon-blog-min.png); }



.content-slider .pagination li.icon-twitter a span.icon { background-image: url(images/icon-twitter-min.png); }







.content-slider .pagination li a:hover span,



.content-slider .pagination li.current a span { background-position: top right; }







.content-slider .slide ul {



	list-style: none;



	margin: 0 0 25px 0;



	padding: 0;



	width: 756px;



	position: relative;



	z-index: 10;



}







.content-slider .slide li {



	width: 222px;



	height: auto;



	margin: 0 30px 0 0;



	float: left;



}







.content-slider .slide li .hentry {



	border: none;



	margin: 0;



	padding: 0;



}







.content-slider .slide .post-title {



	font-size: 16px;



	font-weight: bold;



}







.content-slider .post-header {



	float: left;



	width: 40px;



	height: 40px;



	border-radius: 20px; 



	background: #eee;



	text-align: center;



}







.content-slider .meta-published span {



	display: block;



	color: #555;



	font-weight: 300;



}







.content-slider .meta-published span.month {



	font-size: 10px;



	line-height: 10px;



	text-transform: uppercase;



	margin: 6px 0 0 0;



}







.content-slider .meta-published span.day {



	font-size: 18px;



	line-height: 18px;



	color: #777;



}







.content-slider .post-wrap {



	float: right;



	width: 168px;



	margin: -5px 0 0 0;



}







.content-slider .slide .featured-image { margin: 0 0 10px 0; }







.content-slider .slide .post-content { margin: 0 0 -10px 0; }







.content-slider .visit-wrap {



	position: absolute;



	bottom: -20px;



	right: 0;



	z-index: 20;



}







.more-link {



	font-weight: bold;



	text-transform: uppercase;



	font-size: 11px;



	border-bottom: 1px solid #efefef;



	float: left;



}







.ie7 .follow-me,



.ie7 .content-slider .visit,



.ie7 .more-link {



	float: right;



	position: relative;



	padding-right: 15px;



}







.ie7 .right-arrow {



	position: absolute;



	top: 2px;



	right: 0;



}







a.more-link,



a.follow-me,



.content-slider a.visit {



	display: inline-block;



	margin: 0 33px 0 0;



	text-transform: uppercase;



	border-bottom: 1px solid #efefef;



	font-size: 11px;



	font-weight: bold;



}







.right-arrow {



	float: right;



	width: 5px;



	height: 8px;



	margin: 4px 0 0 10px;



	background-image: url(images/right-arrow-min.png);



	background-position: top left;



}







a:hover .right-arrow { background-position: top right; }







/* Callout Box */



.callout-box {



	background: #eee;



	padding: 30px;



	border-radius: 4px;



}







.callout-box.no-link .callout-excerpt {



	width: auto;



	background: none;



	float: none;



}







.callout-box.no-link .callout-excerpt p { padding: 0; }







#sidebar .DT_Callout {



	padding: 0;



	background: none;



	color: #444;



}







#sidebar .callout-excerpt {



	width: auto;



	float: none;



	background: none;



}







.callout-excerpt {



	text-shadow: 0 1px 1px rgba(255,255,255,0.5);



	width: 76.086956521739%;



	float: left;



	background: url(images/sep-vert-min.png) repeat-y right top;



}







.callout-excerpt p { 



	margin: 0;



	padding-right: 20px;



}







#sidebar .callout-link {



	width: auto;



	float: none;



	margin: 20px 0 0 0;



}







.callout-link {



	float: right;



	width: 23.913043478261%;



	margin: 5px 0;



}







.callout-link a { margin: 0 0 0 30px; }







#sidebar .callout-link a { margin: 0; }







a.button-arrow {



	border-radius: 4px;



	border: 1px solid #111;



	border-width: 0 1px;



	display: inline-block;



	background: #333 url(images/button-bg-min.png);



	padding: 9px 50px 11px 15px;



	box-shadow: 0 0 2px rgba(85, 85, 85, 1);



	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);



	color: #f5f5f5;



	font-size: 13px;



	font-weight: bold;



	line-height: 1;



	position: relative;



}







.callout-box a.button-arrow { display: block; }







a:hover.button-arrow { background-position: 0 -33px; }







a:active.button-arrow { background-position: 0 -66px; }







a.button-arrow span {



	position: absolute;



	right: 13px;



	top: 8px;



	background: url(images/button-arrow-min.png) no-repeat;



	width: 16px;



	height: 16px;



}







#menu-button.button-arrow span { background: url(images/button-arrow-down-min.png) no-repeat; }







/* eNews */



#sidebar .enews { background: none; }







.enews {



	background: #f5f5f5 url(images/enews-icon-min.png) center center no-repeat;



	border-radius: 4px;



}







.enews-excerpt {



	float: left;



	width: 42.857142857143%;



	color: #999;



}







#sidebar .enews-excerpt p,



#sidebar .enews-excerpt {



	width: auto;



	float: none;



	padding: 0;



}







.enews-excerpt p {



	padding: 30px;



	padding-right: 0;



}







.enews-excerpt p:last-child { margin: 0; }







.enews-form {



	float: right;



	width: 42.857142857143%;



	text-align: right;



	margin-top: 10px



}







#sidebar .enews-form {



	width: auto;



	float: none;



	margin-top: 20px;



}







.enews-form form { padding: 30px; }







#sidebar .enews-form form { padding: 0; }







.ie7 input[type="text"] {



	padding-bottom: 15px;



	margin-top: -2px;



}







.ie8 input[type="text"] {



	padding-bottom: 15px;



	margin-top: -3px;



}







#sidebar .enews-form input[type="text"] { width: 160px; }







textarea,



input[type="text"] {



	padding: 10px 10px 8px;



	border-radius: 4px;



	margin: 0 5px 0 0;



	border: none;



	width: 67%;



	color: #999;



	font-size: 13px;



	line-height: 1;



	text-align: center;



	float: left;



	font-style: italic;



	outline: none;



	box-shadow: 0 0 2px rgba(170, 170, 170, 1), inset 0 -3px 0 rgba(245, 245, 245, 1);



}







.search-form input[type="text"] {



	width: 246px;



	text-align: left;



}







.search-form .submit { display: none; }







.ie7 .submit {



	height: 33px;



	width: 75px;



	font-size: 11px;



}







.submit {



	border-radius: 4px;



	border: 1px solid #111;



	border-width: 0 1px;



	display: block;



	background: #222 url(images/button-bg-min.png);



	padding: 10px 15px;



	box-shadow: 0 0 2px rgba(85, 85, 85, 1);



	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);



	color: #f5f5f5;



	font-size: 13px;



	font-weight: bold;



	line-height: 1;



	margin: 0 !important;



	position: relative;



	float: right;



}







.submit:hover { background-position: 0 -33px; }







.submit:active { background-position: 0 -66px; }







.center { text-align: center; }







/* Calendar */



#wp-calendar,



#wp-calendar th { text-align: center; }







/* search */



.widget .s { width: 308px; }







/* tagcloud */



.tagcloud a { font-size: 12px !important; }







/* DT_Search */



.DT_Search .submit {



    width: 58px;



    float: right;



    background: #fff;



}







.DT_Search input { width: 240px }







/* DT_Flickr */



.DT_Flickr { padding-bottom: 10px; }



.DT_Flickr .flickr_badge_image {



	float: left;



	margin: 0 20px 15px 0;



}







#sidebar .DT_Flickr .flickr_badge_image:nth-child(3n) { margin-right: 0; }







.DT_Flickr img { border-radius: 4px; }







/* DT_About_Me */



.about-me-image {



    float: left;



    margin: 0 15px 0 0;



}







.about-me-link { display: block }







/* DT_Recent_Comments */



.DT_Recent_Comments li {



    list-style: none;



    padding: 0 0 10px 0;



    margin: 0 0 10px 0;



    border-bottom: 1px solid #eee;



}







.DT_Recent_Comments li:last-child {



    border: none;



    margin: 0;



    padding: 0;



}







.DT_Recent_Comments img {



    float: left;



    margin: 0 15px 0 0;



}







.DT_Recent_Comments .author { font-weight: bold; }







.DT_Recent_Comments .entry-byline {



    display: block;



    font-size: 11px;



    margin: 13px 0 0 0;



}







/* DT_Get_Posts, DT_Related_Posts */



.DT_Get_Posts li,



.DT_Related_Posts li {



    list-style: none;



    padding: 0 0 10px 0;



    margin: 0 0 10px 0;



    border-bottom: 1px solid #eee;



}







.DT_Get_Posts img,



.DT_Related_Posts img {



    float: left;



    margin: 0 15px 0 0;



}







.DT_Get_Posts .post-title,



.DT_Related_Posts .post-title {



    font-size: 13px;



    margin: 0;



}







/* DT_Twitter */



.DT_Twitter li {



    list-style: none;



    margin: 0 30px 20px 0;



}







.DT_Twitter li:last-child {



    margin: 0;



    padding: 0;



    border: none;



}







.DT_Twitter li a {



	color: #aaa;



	display: block;



}







.DT_Twitter span a {



	color: #444;



	display: inline;



	border-bottom: 1px solid #eee;



}







.DT_Twitter a:hover { color: #111; }







/* DT_Social, DT_Subscribe_Follow */



.DT_Subscribe_Follow li,



.DT_Social li { list-style: none }







.widget li.delicious a { background: url(engine/images/icons/delicious-24.png) no-repeat }



.widget li.digg a { background: url(engine/images/icons/digg-24.png) no-repeat }



.widget li.email a { background: url(engine/images/icons/email-24.png) no-repeat }



.widget li.facebook a { background: url(engine/images/icons/facebook-24.png) no-repeat }



.widget li.google-buzz a { background: url(engine/images/icons/google-buzz-24.png) no-repeat }



.widget li.rss a { background: url(engine/images/icons/rss-24.png) no-repeat }



.widget li.stumbleupon a { background: url(engine/images/icons/stumbleupon-24.png) no-repeat }



.widget li.twitter a { background: url(engine/images/icons/twitter-24.png) no-repeat }







.DT_Social li,



.DT_Subscribe_Follow li { margin-bottom: 10px; }







.DT_Social li a,



.DT_Subscribe_Follow li a {



    display: inline-block;



    line-height: 24px;



    font-size: 16px;



}







ul.icons-text li a { padding-left: 34px; }







ul.text-only li a { background: none !important; }







ul.icons-only li {



    width: 24px;



    float: left;



    margin-right: 10px;



}







ul.icons-only li a {



    width: 24px;



    height: 24px;



}







ul.icons-only li a:hover { text-decoration: none; }







ul.icons-only .text { visibility: hidden }











/*---------------------------------------------------------------------------*/



/*  FOOTER  */



/*---------------------------------------------------------------------------*/







#footer-widgets {



	width: 980px;



	margin: 0 auto;



	padding: 50px 0;



	text-shadow: 0 1px 1px rgba(255,255,255, 0.5);



}







#footer-widgets .widget { background: none; }







#footer-widgets ul {



	list-style: none;



	padding-bottom: 3px;



}







#footer-widgets ul ul {



	margin: 0;



	padding: 10px 0 0 0;



}







#footer-widgets li { margin-bottom: 10px; }







#footer-widgets .button {



	display: block;



	text-decoration: none;



	font-weight: normal;



	line-height: inherit;



	padding: 0;



	border: none;



	border-radius: 0;



}







#footer-widgets .col.first .widget-inside { 



	background: none; 



	margin: 0;



	padding: 0;



}







#footer-widgets .widget-inside {



	background: url(images/sep-vert-min.png) repeat-y top left;



	margin-left: 20px;



	padding: 0 0 0 20px;



}







#footer-widgets .widget-title {



	background: none;



	margin: 0 0 15px 0;



	padding: 0;



	text-align: left;



	font-weight: bold;



	font-size: 12px;



	text-transform: none;



	color: #555;



	letter-spacing: normal;



	height: auto;



	line-height: normal;



	border: none;



	text-transform: uppercase;



}







#footer-widgets .col.first { width: 474px; }







#footer-widgets .col {



	float: left;



	width: 168px;



}







#footer {



	background: url(images/sep-horz-min.png) repeat-x top;



    padding: 10px 0;



    margin: 0 auto;



    width: 980px;



    text-align: right;



    color: #444;



    text-shadow: 0 1px 1px rgba(255,255,255, 0.5);



}







#footer a { color: #444; }







#footer a:hover { color: #111; }







#footer p { margin: 0; }











/*---------------------------------------------------------------------------*/



/*  EXTRAS  */



/*---------------------------------------------------------------------------*/







.tabber ul.tabs { border-left: 0; }



.tabber .tabs a {



	border-radius: 4px 4px 0 0;



	border: 0;



	margin-right: 1px;



}



.tabber .tabs a.current {



	border: 1px solid #ddd;



	border-bottom-color: #fff;



}



.tabber .panes { border-radius: 0 0 4px 4px; }







.accordion { border-radius: 0 0 4px 4px; }



.accordion .trigger:first-child,



.accordion .pane:first-child { border-radius: 4px 4px 0 0; }



.accordion .trigger:last-child,



.accordion .pane:last-child { border-radius: 0 0 4px 4px; }



.accordion .trigger.current:last-child { border-radius: 0; }







.toggle { border-radius: 4px; }



.toggle .trigger { border-radius: 4px 4px 0 0; }

/*
* slider nav
*/
.flex-control-nav {
	list-style: none;
	margin: 0;
	position: absolute;
	bottom: 40px;
	right: 0;
}
.flex-control-nav li {
	float: left;
	margin-left: 5px;
}
.flex-control-nav a {
	background: #ccc;
	cursor: pointer;
	display: block;
	height: 3px;
	width: 25px;
	text-indent: 999em;
}
.flex-control-nav a.active, .flex-control-nav a:hover {
	background: #878787;
}