@import url('reset.css');

@import url('widgets.css');

@import url('comments.css');

@import url('forms.css');

@import url('social.css');

@import url('shortcodes.css');

@import url('../js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css');

@import url('isotope.css');

@import url('font-awesome.css');
/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* IMPORT ------------------------------------------------------------*/
/* aditional */
/* Fonts ----------------------------------------------------*//* Here you go ie */
@font-face {
	font-family: 'Conv_Lobster 1.4';
	src: url('../fonts/Lobster 1.4.eot');
	src: local('☺'), url('../fonts/Lobster 1.4.woff') format('woff'), url('../fonts/Lobster 1.4.ttf') format('truetype'), url('../fonts/Lobster 1.4.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_BellaKBrackets';
	src: url('../fonts/BellaKBrackets.eot');
	src: local('☺'), url('../fonts/BellaKBrackets.woff') format('woff'), url('../fonts/BellaKBrackets.ttf') format('truetype'), url('../fonts/BellaKBrackets.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* GENERAL ------------------------------------------------------------*/
.cf:after,
.cf:before {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
.wrapper {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.wrapper_inner {
  margin: 0 auto;
  max-width: 980px;
  position: relative;
}
.inner-center {
  width: 50%;
    margin: 0 auto;
}
.center {
  width: 100%;
    margin: 0 auto;
}
body {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  background-image:url(../img/bg.jpg);
  
}
body a {
  text-decoration: none;
 
}
body p {
 font-size: 13px;
 margin-bottom: 21px;
}


.top-line {
    background: url(../img/top_line.png) repeat-x scroll 0% 0% transparent;
}
.top-line {
    height: 8px;
    clear: both;
}
.stil1 {
 font-family: 'Conv_BellaKBrackets';
 color:#f66438;
 font-size: 25px;
}
.withe {
	font-family: Tahoma;
 color:#cfc1ad;
 font-size: 16px;
 line-height: 1.1em;
}
.fliess {
 font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Conv_Lobster 1.4';
  line-height: 1.3em;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
  color: #c7a576;
  text-shadow:0 1px 2px rgba(0,0,0,0.5);
  text-align: center;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 18px;
  margin-bottom: 15px;
}
h6 {
  font-size: 14px;
}
.headline {
  font-family: 'Conv_Lobster 1.4';
  line-height: 1.3em;
  font-size: 36px;
  color: rgb(122, 122, 122);
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-bottom: 50px;
  margin-right: 20px;
  margin-left: 20px;
}
.headline h3 span{
  font-family: 'Conv_Lobster 1.4';
  line-height: 1.3em;
  font-size: 20px;
  color: rgb(122, 122, 122);
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
}


/* HEADER ----------------------------------------------------*/
#logo {
  margin-top: 20px;
  margin-bottom: 30px;
  z-index:3;
  
}
#logo:hover {
  opacity: 0.8;
}
#logo img {
  display: block;
  margin-left: auto;
    margin-right: auto;
}
/* NAVIGATION ------------------------------------------------------------*/


/* COMBO NAVIGATION ------------------------------------------------------------*/
#comboNav {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
  float: left;
}
/* PAGE CONTENT ------------------------------------------------------------*/
.page-content {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 80px;
}
/* ENTRY CONTENT ------------------------------------------------------------*/
.entry-content {
 margin-left: 20px;
}
.entry-content a {
  color: #e37655;
}
.entry-content strong {
  font-weight: bold;
}
.entry-content ul,
.entry-content ol {
  margin-left: 20px;
}
.entry-content ul {
  list-style: disc;
}
.entry-content ol {
  list-style: decimal;
}
.entry-content .heading {
  margin-bottom: 20px;
  
}
/* FEATURED & WORK LIST ------------------------------------------------------------*/
.nav-categories {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #ccc;
}
.nav-categories li {
  display: block;
  float: left;
  margin-right: 20px;
}
.nav-categories li a {
  font-size: 12px;
  line-height: 1.5em;
  color: #888888;
}
.nav-categories li a:hover {
  color: #e37655;
}
.nav-categories li.current a {
  color: #e37655;
  font-weight: bold;
}
.feature,
.work-list
.footer {
  display: block;
  margin-bottom: 20px;
}
.feature li {
  display: block;
  float: left;
  width: 300px;
  margin-left: 20px;
  margin-bottom: 40px;
}
.work-list li
{ display: block;
  float: left;
  width: 70px;
  padding-top:40px;
  margin-left: 20px;
  margin-bottom: 40px;
}
.work-list li a
{ opacity:0.5;
	color:#ffffff;
}
.work-list li a:hover
{ opacity:0.8
}

.work-list li:last-child {
    display: block;
    float: left;
    width: 270px;
    padding-top: 0px;
    margin-left: 20px;
    margin-bottom: 40px;
}
.mob a
{ opacity:0.5;
	color:#fff;
}
.mob a:hover
{ opacity:0.8
}
.feature li .thumb,
.footer li .thumb,
.work-list li .thumb {
  display: block;
  line-height: 0em;
  position: relative;
  color: #ece9d6;
  margin-bottom: 50px;
  background: #000;
}
.feature li .thumb:hover .img-overlay,
.footer li .thumb:hover .img-overlay,
.work-list li .thumb:hover .img-overlay {
  display: block;
}
.feature li .thumb:hover img,
.footer li .thumb:hover img,
.work-list li .thumb:hover img {
  opacity: 0.5;
}
.feature li .thumb img,
.footer li .thumb img,
.work-list li .thumb img {
  max-width: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature li .thumb .date,
.footer li .thumb .date,
.work-list li .thumb .date {
  position: absolute;
  bottom: -35px;
  left: 115px;
  background: #943b36;
  width: 60px;
  height: 60px;
  border:solid 5px #cc9999;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  font-family: 'Conv_Lobster 1.4';
  font-size: 16px;
  line-height: 1.0em;
  text-align: center;
}
.feature li .thumb .date span,
.work-list li .thumb .date span {
  display: block;
  margin-top: 22px;
}
.feature li .thumb .date .d,
.work-list li .thumb .date .d {
  margin-top: 0px;
}
.feature li .thumb .img-overlay,
.work-list li .thumb .img-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #fff;
  font-size: 36px;
  display: none;
}
.feature li .excerpt,
.work-list li .excerpt {
  display: block;
  font-size: 16px;
  color: #4d4d4d;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #888888;
}
.feature li .categories,
.work-list li .categories {
  font-size: 12px;
  text-align: center;
}
.feature li .categories a,
.work-list li .categories a {
  color: #888888;
}
.feature li .categories a:hover,
.work-list li .categories a:hover {
  text-decoration: underline;
}
.feature {
  background: url(../img/feature-line.png) top center no-repeat;
  padding-top: 40px;
}
.work-list li {
  margin-bottom: 45px;
}
.work-list li .thumb {
  display: block;
  line-height: 0em;
  position: relative;
  color: #ece9d6;
  margin-bottom: 25px;
  background: #000;
}
/*human nav---------------------------------*/

.item{
  display: block;  
  text-align:center;
  
}

.item li
{ display: block;
  float: left;
  width: 150px;
  padding-top:5px;
  margin-left: 20px;
  margin-bottom: 40px;
}

.item li .thumb {
  display: block;
  line-height: 0em;
  position: relative;
  color: #ece9d6;
  margin-bottom: 50px;
  background: #000;
}
.item li .thumb:hover .img-overlay {
  display: block;
}
.item li .thumb:hover img {
  opacity: 0.5;
}
.item li .thumb img {
  max-width: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.item li .thumb .date {
  position: absolute;
  bottom: -35px;
  left: 115px;
  background: #943b36;
  width: 60px;
  height: 60px;
  border:solid 5px #cc9999;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  font-family: 'Conv_Lobster 1.4';
  font-size: 16px;
  line-height: 1.0em;
  text-align: center;
}
.item li .thumb .date span {
  display: block;
  margin-top: 22px;
}
.item li .thumb .date .d {
  margin-top: 0px;
}
.item li .thumb .img-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #fff;
  font-size: 36px;
  display: none;
}
.item li .excerpt {
  display: block;
  font-size: 16px;
  color: #4d4d4d;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #888888;
}
.item li .categories{
  font-size: 12px;
  text-align: center;
}
.item li .categories a
{
  color: #888888;
}
.item li .categories a:hover
{
  text-decoration: underline;
}
.item {
  background: url(../img/item-line.png) top center no-repeat;
  padding-top: 40px;
}
/* PROJECT ------------------------------------------------------------*/
#project-title {
  margin-left: 20px;
  font-size: 48px;
  line-height: 1.2em;
  font-family: 'Conv_Lobster 1.4';
  margin-bottom: 20px;
  text-shadow: 0px 1px 0 #ffffff;
}
#project-gallery {
  width: 620px;
  float: left;
  margin-left: 20px;
  margin-bottom: 40px;
}
#project-gallery .thumb {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  line-height: 0em;
  margin-bottom: 20px;
}
#project-gallery .thumb img {
  max-width: 100%;
}
#project-info {
  width: 290px;
  float: left;
  margin-left: 20px;
  margin-bottom: 40px;
}
#project-info #project-sheet {
  background: url(../img/project-sheet.png) repeat-x top left;
  padding-top: 20px;
  margin-top: 10px;
  font-size: 14px;
}
#project-info #project-sheet strong {
  font-weight: bold;
}
/* RELATED PROJECTS ------------------------------------------------------------*/
.related-projects {
  margin-bottom: 80px;
  margin-top: 40px;
}
.related-projects .related-heading {
  margin-bottom: 10px;
  margin-left: 20px;
}
.related-projects a {
  color: #444444;
}
.related-projects .related-list li {
  float: left;
  width: 300px;
  text-align: center;
  margin-left: 20px;
}
.related-projects .related-list li .thumb {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  display: block;
  line-height: 0em;
  margin-bottom: 18px;
}
.related-projects .related-list li .thumb img {
  max-width: 100%;
}
/* BLOG ------------------------------------------------------------*/
#content{
 overflow:hidden;
 width:580px;
 position:relative;
 height:400px;
 float:left;
}
			
		
.section{
width:1900px;
position:relative;
}
		

#posts-list {
  position: relative;
  width: 580px;
  margin-left: 20px;
  margin-bottom: 40px;
  float: left;
}
#posts-list article {
  position: relative;
  margin-bottom: 60px;
}
#posts-list article .feature-image {
  line-height: 0em;
  margin-bottom: 20px;
}
#posts-list article .feature-image img {
  max-width: 100%;
  min-width:400px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
}
#posts-list article .entry-left-data {
  width: 80px;
  float: left;
}
#posts-list article .entry-right-data {
  width: 483px;
  float: left;
  margin-left: 17px;
  
}
#posts-list article .entry-right-data .post-heading {
  display: block;
  font-size: 18px;
  font-family: 'Conv_Lobster 1.4';
  color: #444444;
  line-height: 1.9em;
  border-bottom: 1px solid #444444;
}
#posts-list article .entry-right-data .meta {
  font-size: 12px;
  color: #666666;
  margin-bottom: 40px;
  line-height: 1.4em;
}
#posts-list article .entry-right-data .meta a {
  color: #666666;
}
#posts-list article .entry-right-data .excerpt {
  margin-bottom: 20px;
}
#posts-list article .entry-right-data .height {
  min-height:150px;
}
#posts-list article .entry-date {
  margin: 0 auto 10px auto;
  background: #e37655;
  color: #fff;
  width: 70px;
  height: 70px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  font-family: 'Conv_Lobster 1.4';
  font-size: 24px;
  line-height: 1.0em;
  text-align: center;
}
#posts-list article .entry-date span {
  display: block;
  padding-top: 20px;
}
#posts-list article .entry-date .d {
  padding-top: 0px;
}
#posts-list article .comments {
  display: block;
  text-decoration: none;
  margin: 0 auto;
  width: 37px;
  height: 33px;
  background: url(../img/comments.png) no-repeat;
  color: #dddddd;
  font-size: 12px;
  text-align: center;
}
/* SIDEBAR ------------------------------------------------------------*/
#sidebar {
  position: relative;
  width: 320px;
  margin-right: 20px;
  margin-bottom: 40px;
  float: right;
  font-size: 14px;
  color: #444444;
}
.sidebarimg{
  width: 100%;
}
#sidebar .block .sidebar-content {
  background: url(../img/sidebar.png) repeat-y;
  width: 300px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
#sidebar .block .sidebar-top {
  background: url(../img/sidebar-top.png) no-repeat;
  width: 100%;
  height: 38px;
}
#sidebar .block .sidebar-bottom {
  background: url(../img/sidebar-bottom.png) no-repeat;
  width: 100%;
  height: 38px;
}
#sidebar .heading {
  border-bottom: 1px solid #888;
  margin-bottom: 20px;
  text-align: center;
}
#sidebar li {
  display: block;
}
#sidebar a {
  color: #e37655;
}
/* PAGE NAVIGATION ------------------------------------------------------------*/
#main .page-navigation {
  position: relative;
  left: 50%;
  display: block;
  margin-bottom: 100px;
  float: left;
}
#main .page-navigation div {
  position: relative;
  right: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}
#main .page-navigation div span {
  margin-bottom: 15px;
  display: inline-block;
}
#main .page-navigation div:hover {
  -webkit-transform: translate(0, 2px);
  -moz-transform: translate(0, 2px);
  -o-transform: translate(0, 2px);
  transform: translate(0, 2px);
}
#main .page-navigation a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #e37655;
  display: block;
  padding: 10px 15px;
}
#main .page-navigation .nav-next {
  float: left;
  margin-right: 20px;
  background: #f1f1f1 url(../img/arrow-left.png) no-repeat left 12px;
  padding-left: 20px;
}
#main .page-navigation .nav-previous {
  float: right;
  background: #f1f1f1 url(../img/arrow-right.png) no-repeat right 12px;
  padding-right: 20px;
}
/* CONTACT ------------------------------------------------------------*/
#map_canvas {
  display: block;
  height: 300px;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
}
/* footer ----------------------------------------------------*/#twitter-holder {
  position: relative;
}
#footer-holder .ribbon {
  background: url(../img/footer.png) repeat-x scroll 0% 0% transparent;
  min-height: 92px;
  text-align: center;
  font-size:12px;
  line-height:1.0em;
  
}
#footer-holder .ribbon-left {
  position: absolute;
  width: 56px;
  height: 92px;
  background: none;
  top: -18px;
  left: -56px;
}
#footer-holder .ribbon-right {
  position: absolute;
  width: 56px;
  height: 92px;
  background: none;
  top: -18px;
  right: -56px;
}
.separate_footer {
    background: url(../img/separate_footer.png) repeat-x scroll 0% 0% transparent;
    height: 15px;
    width: 100%;
}
/* WIDGET COLS ------------------------------------------------------------*/
.widget-cols {
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 14px;
  color: #ece9d6;
  background-color: #3e3e3e;
  background-image: url(../img/widgets-bg.png);
  display: none;
}
.widget-cols a {
  color: #fff;
  border-bottom: 1px dotted #aaa;
}
.widget-cols a:hover {
  color: #fdd600;
}
.widget-cols h1,
.widget-cols h2,
.widget-cols h3,
.widget-cols h4,
.widget-cols h5,
.widget-cols h6 {
  font-family: 'Conv_Lobster 1.4';
  color: #ece9d6;
  margin-bottom: 20px;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #605f5b;
  padding-bottom: 7px;
}
.widget-cols > li {
  width: 220px;
  float: left;
  margin-left: 20px;
}
.widget-cols > li.fourth-col {
  margin-right: 0px;
}
.multiplebgs .widget-cols {
  background-image: url(../img/widgets-bg.png), url(../img/widgets-degree.png);
  background-repeat: repeat, repeat-x;
}
/* BOTTOM ------------------------------------------------------------*/
#bottom {
  background: #4d4d4d;
  position: relative;
  min-height: 20px;
  border-top: 1px solid #656565;
}
#bottom #widget-trigger-holder {
  position: relative;
  left: 50%;
  text-align: center;
  float: left;
  margin-top: -15px;
}
#bottom #widget-trigger-holder #widget-trigger {
  display: block;
  position: relative;
  float: left;
  right: 50%;
  width: 35px;
  height: 36px;
  background: url(../img/widget-trigger.png) no-repeat 0px 0px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
#bottom #widget-trigger-holder #widget-trigger.tab-closed {
  background-position: 0px -36px;
}
#bottom #content {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #f1f1f1;
  font-size: 14px;
  line-height: 1.5em;
  clear: both;
}
#bottom #content a {
  color: #fdd600;
}
#bottom #content a:hover {
  text-decoration: underline;
}

.social-media {
	margin:0 auto;
	height:34px;
	width:100%;
	background-image:url(../img/social-bg.jpg);
}
.social-media ul {
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	text-align: center;
}
.social-media ul li {
	display:inline;
	list-style:none;
	margin:0px 0px 0px 0px;
}
.social-media ul li a {
	display:inline-block;
}
.banner {
    background: url(../img/slider_bg.jpg) repeat-x scroll 0px 0px transparent;
    border-bottom: 1px solid rgb(91, 91, 91);
}
.banner {
    height: 403px;
    margin: 0px;
    padding: 13px 0px 0px;
    width: 100%;
}
.bot-line {
    background: url(../img/bot_line.png) repeat-x scroll 0% 0% transparent;
}
.bot-line {
    height: 10px;
    clear: both;
}
.space {
    margin-bottom: 30px;
}
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#framecontainer { width:460px; height:650px; margin-right:200px; }

#outerdiv {
width:460px;
height:650px;
overflow:hidden;
position:relative;
}
#innerdiv {
position:absolute;
top:-200px;
left:-150px;
width:1280px;
height:1200px;
}