/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
body .galleria-thumbnails .galleria-image { width:300px }
/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}
/* Some basic settings */
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 28px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
img { margin-bottom: 5px; }
img[src=""] {
    display: none;
}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }
/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */
body {
	background: #fff;
	color: #666;
	font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	
}
::-moz-selection { background: #A77445; color: #fff; text-shadow: none; }
::selection { background: #A77445; color: #fff; text-shadow: none; }
h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 15px;
}
h3, h4, h5 { font-weight: 600; }
a, a > * {
	color: #3a3a3a;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover { color: #A77445; }
hr {
	background: #efefef;
	color: #efefef;
	margin: 5px 0 25px;
}
	hr.dotted { border-style: dotted; }
	p + hr { margin: 25px 0 20px; }
blockquote {
	background: #f8f8f8 url(../img/quote.png) no-repeat 17px 21px;
	font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	padding: 20px 20px 20px 55px;
}
	blockquote.simple {
		background: none;
		border-left: 2px solid #ddd;
		color: #bbb;
		font-size: 13px;
		margin: 0;
		padding: 0 0 0 10px;
	}
	blockquote p:last-of-type { margin-bottom: 0; }
	blockquote small { font-size: 12px; }
.button, input[type="submit"], input[type="reset"], button {
	background: #A77445;
	border: none;
	color: #fff;
	cursor: pointer;	
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: 800;
	height: auto;
	overflow: visible;
	padding: 7px 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
}
	.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		background: #3a3a3a;
		color: #fff;
	}
.button {
	font-size: 12px;
	display: inline-block;
	padding: 5px 16px;
}
	.button.medium { font-size: 13px; }
	.button.large { font-size: 15px; }
	.button.no-bg {
		background: none;
		color: #3a3a3a;
		padding: 0;
	}
		.button.no-bg:hover, #footer .button.no-bg:hover {
			background: none;
			color: #A77445;
		}
	.button .icon, .button .arrow {
		color: transparent;
		cursor: pointer;
		display: inline-block;
		font: 0/0 a;
		height: 19px;
		margin: -3px 0 0 3px;
		text-shadow: none;
		vertical-align: middle;
		width: 19px;
	}
	.ie7 .button .icon, .ie7 .button .arrow { display: inline; }
	.button .arrow { background: #ddd url(../img/button-arrows.png) no-repeat 0 0; }
	.button .icon.left, .button .arrow.left {
		margin-left: 0;
		margin-right: 3px;
	}
	.button .arrow.left { background-position: 0 -19px; }
		.button:hover .arrow { background-color: #A77445; }
.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}
	.dropcap.dark {
		background: #3a3a3a;
		color: #fff;
	}
.infobox {
	background: #fbfbfb;
	border: 1px solid #efefef;
	margin: 0 0 20px;
	padding: 25px;
}
.single-image, .image-gallery, .iframe {
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
	display: inline;
	margin-bottom: 0;
	overflow: visible;
}
	
	.single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
	.single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }
	.single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }
	.single-image .zoom, .image-gallery .zoom, .iframe .zoom {
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.4);
		color: transparent;
		display: block;
		font: 0/0 a;
		height: 100%;
		left: 0;
		filter: alpha(opacity=0); 
		opacity: 0;
		position: absolute;
		text-shadow: none;
		top: 0;
		-webkit-transition: opacity .2s ease-in-out;
		   -moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			 -o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
		width: 100%;
	}
	.single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
		background: url(../img/zoom.png) no-repeat;
		content: '';
		display: block;
		position: absolute;
		height: 58px;
		margin: -29px 0 0 -29px;
		left: 50%;
		top: 50%;
		width: 58px;
	}
	.single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
		background-image: url(../img/zoom-video.png);
	}
	.single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
		background-image: url(../img/zoom-link.png);
	}
	.single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
		filter: alpha(opacity=40); 
		opacity: 1;
	}

/* Slideout Menu */

.slideout-menu {
  position: fixed;
    background: #666;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: 5px;
  z-index: 0;
  width: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
    background-color: #FFF;
  position:relative;
  z-index: 1;
  will-change: transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
.panel {
  background-color: #fff;
}

.menu {
  background-image: linear-gradient(145deg, #1D1F20, #404348);
}



.menu a {
  	display: block;
    
}

.menu a:hover {
color: #000;
    text-decoration: underline;
}

.menu-header {
  border-bottom: 1px solid #2a2d2f;
  padding: 20px;
  background-size: 32px;
}

.menu-header-title {
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
}

.menu-section {
  margin: 25px 0;
}

.menu-section-title {
  text-transform: uppercase;
  color: #FFF;
  font-weight: 200;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0 20px;
  margin:0;
}

.menu-section-list {
  padding:0;
  list-style:none;
}

.menu-section-list a {
  display: block;
     color: #FFF;
  padding: 10px 20px;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 14px;
	font-weight: 800;
}
.menu-section-list a:hover {
     color: #999;
}



.slideout-menu ul ul li{
     padding-left: 50px;
}

.slideout-menu ul ul li a{
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 13px;
	font-weight: 700;
    padding: 5px 5px;
}
.panel {
  text-align: center;
  padding-top: 5px;
  min-height: 100%;
}

.toggle-button {
  background-color: white;
    color: #623811;
    top: 20px;
    left: 30px;
    height: 50px;
    width: 50px;
    margin-left: 15px;
    margin-top: 15px;
    padding: 0;
    z-index: 195;
}

.toggle-button:before {
  
    content: "\f0c9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
   
}
.toggle-button:focus {
    outline: 0;
}
/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */
.hidden { display: none; }
.disabled { cursor: auto; }
.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }
.align-center { margin-left: auto; margin-right: auto; text-align: center; }
.align-left { float: left; }
	img.align-left { margin-bottom: 15px; margin-right: 15px; }
.align-right { float: right; }
	img.align-right { margin-bottom: 15px; margin-left: 15px; }
/* ---------------------------------------------------------------------- */
/*	Lists
/* ---------------------------------------------------------------------- */
ul.none {
	list-style: none;
	margin: 0;
}
ul.dotted + ul.dotted:before {
	content:'';
	display: block;
	clear: both;
	border-bottom: 1px dotted #bdbdbd;
	margin: -15px 0 5px;
}
	.arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 24px;
	}
	.arrow li { background: url(../img/list-arrow.png) no-repeat 5px 5px; }
	.arrow-2 li { background: url(../img/list-arrow-2.png) no-repeat 2px 4px; }
	.circle li { background: url(../img/list-circle.png) no-repeat 4px 5px; }
	.check li { background: url(../img/list-check.png) no-repeat 3px 4px; }
	.check-2 li { background: url(../img/list-check-2.png) no-repeat 0 4px; }
	.star li { background: url(../img/list-star.png) no-repeat 0 1px; }
	.plus li { background: url(../img/list-plus.png) no-repeat 3px 3px; }
	.dash li { background: url(../img/list-dash.png) no-repeat 3px 8px; }
/* ---------------------------------------------------------------------- */
/*	Alert Boxes
/* ---------------------------------------------------------------------- */
.error, .success, .info, .notice {
	display: block;
	padding: 10px 20px 10px 44px;
}
.error {
	background: #f9e5e6 url(../img/icon-box-error.png) no-repeat 10px 9px;
	border: 1px solid #f7c7c9;
	border-left-width: 4px;
	color: #b3696c;
}
.success {
	background: #e3ebc6 url(../img/icon-box-success.png) no-repeat 12px 8px;
	border: 1px solid #c2d288;
	border-left-width: 4px;
	color: #8fa442;
}
.info {
	background: #d8ecf5 url(../img/icon-box-info.png) no-repeat 10px 8px;
	border: 1px solid #9ac9df;
	border-left-width: 4px;
	color: #528da9;
}
.notice {
	background: #fcf7d9 url(../img/icon-box-notice.png) no-repeat 10px 9px;
	border: 1px solid #f5dc7d;
	border-left-width: 4px;
	color: #c4a21b;
}
/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */
label {
	cursor: pointer;
	display: block;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0 0 5px;
}
input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding: 5px 10px;
	border-radius: 0;
}
input, select {
	height: 30px;
	width: 200px;
}
textarea {
	padding: 10px;
	resize: both;
}
	
	input:hover, textarea:hover, select:hover { border-color: #dedede; }
	
	input:focus, textarea:focus, select:focus { border-color: #ccc; }
input[type="submit"], input[type="reset"], button {
	font-size: 13px;
	text-transform: uppercase;
}
	input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }
	input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }
select, option {
	cursor: pointer;
	padding: 5px 7px;
}
input[type="checkbox"], input[type="radio"],
.contact-form input[type="checkbox"], .contact-form input[type="radio"] { width: 20px; }
/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }
/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }
/* jQuery fallback */
input.placeholder, textarea.placeholder { color: #b0b0b0; }
/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */
.container {
	margin: 0 auto;
	position: relative;
	width: 968px;
}
	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
		float: left;
		margin-right: 20px;
	}
	.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; }
	.one-half { width: 460px; }
	.one-third { width: 300px; }
		.two-third { width: 620px; }
	.one-fourth { width: 220px; }
		.three-fourth { width: 700px; }
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#header {
	
	border-bottom: 1px solid #efefef;
	height: 86px;
	z-index: 97;
    width: 100%;
    position: relative;
    background: #fff; 
    border-top-width: 6px;
	border-top-style: solid;
  
	border-top-color: #623811;
  
}
	#logo {
	float: left;
	height: 66px;
	width: 310px;
	padding-top: 22px;
	text-align: center;
	padding-right: 50px;
    padding-left: 20px;
	}
	
/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */
        #main-nav { float: right; }
        #main-nav > ul { margin: -6px 0 0; }
        #main-nav li {
        list-style: none;
        float: left;
        margin: 0;
        position: relative;
         }
        #main-nav a {
        border-bottom: 1px solid transparent;
        border-top: 6px solid transparent;
        color: #613812;
        font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 14px;
        font-weight: 800;
        display: block;
        letter-spacing: -0.08px;
        padding: 33px 20px 33px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        z-index: 98;
        }
        .ie7 #main-nav a { padding: 33px 20px; }
        #main-nav a:after {
            color: #aeaeae;
            content: attr(data-description);
            font-size: 11px;
            font-style: italic;
            font-weight: 400;
            display: block;
            line-height: 0;
            margin: 3px 0 -3px;
            text-align: center;
            text-transform: lowercase;
        }
        #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
        border-bottom-color: #A77445;
        border-top-color: #A77445;
        color: #A77445;
                        }
        #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { background: #f8f8f8; }
        .not-ie #main-nav .current:after {
            background: #A77445;
            bottom: -2.5px;
            content: '';
            left: 50%;
            display: block;
            height: 5px;
            margin: 0 0 0 -2.5px;
            -webkit-transform: rotate(45deg);
               -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                 -o-transform: rotate(45deg);
                    transform: rotate(45deg);
            position: absolute;
            width: 5px;
        }
    /* Dropdown */
    .no-js #main-nav li:hover > ul {
        display: block;
        top: 92px;
    }
    #main-nav ul ul {
        background: #3a3a3a;
        -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
           -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
                box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
        display: none;
        left: 0;
        padding: 0;
        position: absolute;
        top: 92px;
        width: 200px;
        z-index: 99;
    }
        #main-nav ul ul li { float: none; }
            #main-nav ul ul a {
                border: 0;
                border-bottom: 1px solid #252525;
                border-top: 1px solid #4c4c4c;
                color: #fff;
                display: block;
                font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
                font-size: 13px;
                letter-spacing: 0;
                font-weight: 400;
                padding: 8px 20px !important;
                text-align: left;
                text-transform: none;
            }
                #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
                    background: #A77445;
                    color: #fff;
                }
        .not-ie #main-nav ul ul .current:after { display: none; }
				/* Sub Dropdown */
				#main-nav ul ul ul {
					left: 200px !important;
					top: 0 !important;
				}
		/* Responsive Nav */
		#main-nav .responsive-nav {
			background-image: url(../img/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}
/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */
#content {
	padding-top: 40px;
}
.ie7 #content { padding-top: 25px; }
	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */
	.page-header {
		border-bottom: 1px solid #efefef;
		margin: -15px 0 40px;
	}
	.ie7 .page-header { margin-top: 0; }
		.slogan, .page-title, .page-description, .page-subdescription, .project-title {
			font-weight: 300;
			letter-spacing: -0.1px;
			margin-bottom: 0;
		}
		.page-title, .page-description, .page-subdescription, .project-title {
			font-size: 28px;
			margin-top: -10px;
			padding: 0 0 35px;
		}
		.slogan {
			font-size: 24px;
			margin-bottom: 40px;
		}
		.page-title { margin-top: 0; }
		.page-subdescription { font-size: 20px; }
		.project-title {
			margin-top: -15px;
			padding-bottom: 30px;
		}
		.page-description {
			font-size: 32px;
			font-weight: 400;
			padding: 0 0 40px;
		}
			.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
				margin-bottom: 40px;
				margin-top: 0;
			}
	.section-title {
		font-weight: 800;
		text-transform: uppercase;
	}
	/* -------------------------------------------------- */
	/*	Main
	/* -------------------------------------------------- */
	#main {
		float: left;
		margin: 0 0 0 0;
		width: 720px;
	}
	.sidebar-left #main {
		float: right;
		margin-left: 40px;
		margin-right: 0;
	}
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */
		#main .one-half { width: 330px; }
		#main .one-third { width: 213px; }
			#main .two-third { width: 447px; }
		#main .one-fourth { width: 155px; }
			#main .three-fourth { width: 505px; }


	
	/* -------------------------------------------------- */
	/*	Back to Top
	/* -------------------------------------------------- */
	#back-to-top, .touch-device #back-to-top:hover {
		background: url(../img/arrow-up-large.png) no-repeat center center;
		background-color: rgb(221, 221, 221);
		background-color: rgba(221, 221, 221, .7);
		bottom: 20px;
		color: transparent;
		display: none;
		font: 0/0 a;
		height: 46px;
		position: fixed;
		right: 20px;
		text-shadow: none;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		width: 45px;
		z-index: 100;
	}
		#back-to-top:hover, .touch-device #back-to-top:active { background-color: #A77445; }
			
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

	
		
	/* -------------------------------------------------- */
	/*	Projects Carousel
	/* -------------------------------------------------- */
	.no-js .projects-carousel, .no-js .post-carousel {
		border-top: 1px solid #efefef;
		margin: 15px -20px 60px 0;
		padding: 25px 0 0;
	}
		
		.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
			float: left;
			list-style: none;
			margin: 0 20px 0 0;
			overflow: hidden;
			position: relative;
		}
		
		.projects-carousel > li { width: 225px; }
		.post-carousel > li { width: 225px; }
		.projects-carousel, #portfolio-items { font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
		
		.no-js .post-carousel > li {
			display: inline-block;
			float: none;
		}
		.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; }
		.projects-carousel a, #portfolio-items article a {
			border-bottom: 1px solid #efefef;
			display: block;
			text-align: center;
		}
		
		.projects-carousel a { padding: 20px 0 0; }
		#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }
			.projects-carousel img, #portfolio-items article img {
				background-color: #fff;
				margin: 0 auto -5px;
				filter: alpha(opacity=100); /* Fallback for old IE */
				opacity: 1;
				height:140;
			}
			.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }
			.projects-carousel img { margin: -25px auto 20px; }
			.projects-carousel .title, #portfolio-items > article .title {
				font-weight: 400;
				margin-bottom: 0;
			}
			.projects-carousel > li .categories, #portfolio-items > article .categories {
				color: #aeaeae;
				display: block;
				font-style: italic;
				margin: -1px 0 20px;
			}
			.projects-carousel a:hover, #portfolio-items > article:hover {
				background: #f8f8f8;
				border-bottom: 1px solid #A77445;
			}
			.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
				background: #A77445;
				bottom: -2.5px;
				content: '';
				left: 50%;
				display: block;
				height: 5px;
				margin: 0 0 0 -2.5px;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					 -o-transform: rotate(45deg);
						transform: rotate(45deg);
				position: absolute;
				width: 5px;
			}
			.projects-carousel a:hover img, #portfolio-items > article:hover img {
				filter: alpha(opacity=70); /* Fallback for old IE */
				opacity: .7;
			}
			.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #A77445; }
	/* -------------------------------------------------- */
	/*	Post Carousel
	/* -------------------------------------------------- */
		
	.post-carousel .entry-meta {
		float: left;
		font-style: italic;
		letter-spacing: -0.5px;
		line-height: 1.3;
		margin: 0 12px 0 0;
		text-align: center;
		width: 33px;
	}
	
		.post-carousel .entry-meta a {
			display: block;
			font-style: normal;
		}
		
		.post-carousel li .post-format { margin: 0; }
		.post-carousel li .date {
			display: block;
			margin: 8px 0 0;
		}
					
		.post-carousel .entry-body .title {
			font-size: 14px;
			font-weight: 400;
			margin: 0 0 10px 0;
		}
	
	.post-carousel .entry-body {
	float: right;
	margin: 0;
	width: 200px;
	}
	.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%;
	}
	.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }
	.touch-device .post-carousel .entry-audio { margin-top: -8px; }
	/* Image Gallery Slider */
	.post-carousel .image-gallery-slider { margin-bottom: 15px; }
		.post-carousel .image-gallery-slider li { margin: 0; }
			.post-carousel .image-gallery-slider img { margin-bottom: 0; }
	/* -------------------------------------------------- */
	/*	Projects & Post Carousel Navigation
	/* -------------------------------------------------- */
	.jcarousel-container {
		border-top: 1px solid #efefef;
		margin: 45px -20px 40px 0;
		max-width: 100%;
		padding: 25px 0 0;
	}
	.section-title + .jcarousel-container { margin-top: 15px; } 
	
		.jcarousel-clip {
			overflow: hidden;
			width: 100%;
		}
			.jcarousel-item {
				margin: 0 20px 0 0;
				width: 220px;
			}
		.jcarousel-next, .jcarousel-prev {
			background: #ddd url(../img/button-arrows.png) no-repeat 0 0;
			cursor: pointer;
			height: 19px;
			position: absolute;
			right: 0;
			top: -35px;
			width: 19px;
		}
		.jcarousel-prev {
			background-position: 0 -19px;
			right: 20px;
		}
			.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
			.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
				background-color: #A77445;
			}
			.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
			.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
			.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
			.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
				background-color: #eee !important;
				cursor: auto !important;
			}
/* ---------------------------------------------------------------------- */
/*	Our Team
/* ---------------------------------------------------------------------- */
.team-member {
	border-bottom: 1px solid #efefef;
	color: #777;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: background-color .2s ease, border .2s ease;
	   -moz-transition: background-color .2s ease, border .2s ease;
		-ms-transition: background-color .2s ease, border .2s ease;
		 -o-transition: background-color .2s ease, border .2s ease;
			transition: background-color .2s ease, border .2s ease;
}
	.team-member:hover {
		background: #f8f8f8;
		border-bottom-color: #A77445;
	}
	.not-ie .team-member:hover:after {
		background: #A77445;
		bottom: -2.5px;
		content: '';
		left: 50%;
		display: block;
		height: 5px;
		margin: 0 0 0 -2.5px;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);
		position: absolute;
		width: 5px;
	}

	.team-member .photo, .team-member > a {
		display: block;
		margin: 0 auto 15px;
	}
	.team-member > a > .photo { margin: 0 auto; }
	.team-member .content { padding: 0 15px; }
		.team-member .name {
			color: #414141;
			font-weight: 700;
			margin: 0;
			text-transform: uppercase;
		}
		.team-member .job-title {
			color: #aeaeae;
			display: block;
			font-style: italic;
			margin: 0 0 10px;
		}
		.team-member .social-links {
			border-top: 1px solid #efefef;
			margin: 0 0 5px;
			padding: 15px 0 0;
		}
			
			.team-member:hover .social-links { border-top-color: #ebebeb; }
			.team-member .social-links li { margin: 0 0 10px 10px; }
				.team-member .social-links a { opacity: 0.3; }
					.team-member .social-links a:hover { opacity: 1; }

	/* VideoJS */
	.video-js { max-width: 100%; }
	
	/* -------------------------------------------------- */
	/*	Pagination
	/* -------------------------------------------------- */
	.pagination { margin: 0; }
		.pagination li {
			display: inline-block;
			list-style: none;
			margin: 0 5px 0 0;
		}
		.ie7 .pagination li, .ie7 .pagination a { display: inline; }
		.pagination li:last-child { margin-right: 0; }
			.pagination .current {
				background: #e6edef;
				color: #707070;
			}
			.pagination a, .pagination .current {
				border: 1px solid transparent;
				color: #9c9c9c;
				display: inline-block;
				padding: 2px 8px 4px;
			}
				.pagination a:hover {
					border-color: #e6edef;
					color: #A77445;
				}
				.pagination .next a, .pagination .prev a { border: none; }
/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */
#portfolio-items-filter {
	float: right;
	margin: -65px 0 0;
	overflow: hidden;
}
.no-js #portfolio-items-filter { display: none; }
	#portfolio-items-filter li {
		display: block;
		float: left;
		list-style: none;
		margin: 0;
	}
	#portfolio-items-filter li:first-child {
		margin-top: 5px;
		margin-right: 5px;
	}
	.ie7 #portfolio-items-filter li:first-child { display: none !important; }
		#portfolio-items-filter a {
			background: #A77445;
			color: #fff;
			cursor: pointer;
			display: block;
			margin: 0 0 5px 5px;
			padding: 5px 10px;
		}
		
		.ie7 #portfolio-items-filter a {
			display: block !important;
			margin: 0 0 5px 5px !important;
			padding: 5px 10px !important;
			width: auto !important;
		}
			#portfolio-items-filter a:hover { background: #3a3a3a; }
#portfolio-items { margin: 0 -20px 40px 0; }
	#portfolio-items article { margin-bottom: 50px; }
		#portfolio-items .project-meta {
			display: block;
			margin: 0;
			padding: 20px 0 0;
		}
	/* Isotope */
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}
	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 0.6s;
		   -moz-transition-duration: 0.6s;
			-ms-transition-duration: 0.6s;
			 -o-transition-duration: 0.6s;
				transition-duration: 0.6s;
		z-index: 2;
	}
	.isotope {
		-webkit-transition-property: height, width;
		   -moz-transition-property: height, width;
			-ms-transition-property: height, width;
			 -o-transition-property: height, width;
				transition-property: height, width;
	}
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:	-moz-transform, opacity;
			-ms-transition-property:		 top, left, opacity;
			 -o-transition-property:		 top, left, opacity;
				transition-property:		 transform, opacity;
	}
	/* -------------------------------------------------- */
	/*	Single Project
	/* -------------------------------------------------- */
	.project-title {
		color: #3a3a3a;
		font-size: 32px;
		font-weight: 400;
	}
	.portfolio-pagination {
		float: right;
		margin: -58px 0 0;
	}
		.portfolio-pagination li {
			display: inline-block;
			list-style: none;
			line-height: 25px;
			margin: 0;
		}
		.ie7 .portfolio-pagination li { display: inline; }
		.portfolio-pagination .prev {
			border-right: 1px solid #e8e8e8;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
		}
		.single-project .page-header .button {
			color: #a1a1a1;
			font-style: italic;
			margin-top: -5px;
		}
		.single-project .page-header a:hover { color: #A77445; }
	.single-project .image-gallery-slider > ul, .no-js .single-project .image-gallery-slider > ul > li {
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
		   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
		        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	}
	.no-js .single-project .image-gallery-slider > ul {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}
/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */
#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	height: 440px;
	margin: -41px 0 40px;
	position: relative;
	width: 100%;
}
#map:before, #map:after {
	background: none;
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#map:after {
	bottom: 0;
	top: auto;
}
.contact-form, .comments-form { max-width: 100%; }
.contact-form { margin: 0 -20px 0 0; }
	.contact-form .input-block, .comments-form .input-block {
		float: left;
		margin: 0 20px 20px 0;
	}
	.contact-form .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) { margin-right: 0; }
		.contact-form input { width: 198px; }
	.contact-form .textarea-block, .comments-form .textarea-block { clear: both; }
		.contact-form textarea {
			height: 150px;
			max-width: 100%;
			width: 678px;
		}
	.contact-form input[type="submit"], .comments-form input[type="submit"],
	.contact-form input[type="reset"], .comments-form input[type="reset"] {
		margin: 0 0 20px;
		width: auto;
	}
/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 220px;
}
.sidebar-left #sidebar { float: left; }
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
	#sidebar .widget { margin: 0 0 50px; }
		#sidebar .widget-title {
			color: #414141;
			font-weight: 600;
			text-transform: uppercase;
			margin: 0 0 12px;
		}
		/* ---------------------------------------- */
		/*	Categories
		/* ---------------------------------------- */
		.categories { }
			.categories li {
				background: url(../img/arrow-right-grey.png) no-repeat 0 11px;
				border-bottom: 1px dotted #ced8df;
				list-style: none;
				margin: 0;
			}
			.categories li:last-child { border-bottom: none; }
				.categories a {
					color: #868686;
					display: block;
					padding: 5px 0 5px 15px;
				}
					
					.categories a:hover { color: #A77445; }
	
/*	Footer ------ */
/* ---------------------------------------------------------------------- */
#footer {
	background: #3a3a3a;
	color: #868686;
	margin-top: 80px;
	padding: 35px 0 30px;
	position: relative;
}
.not-ie #footer:before {
	background: #fff;
	content: '';
	left: 50%;
	display: block;
	height: 15px;
	margin: 0 0 0 -7.5px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
	position: absolute;
	top: -8px;
	width: 15px;
}
	x:-o-prefocus, .not-ie #footer:before { display: none; } /* Fix for Opera */
	#footer, #footer a,
	#footer-bottom, #footer-bottom a { color: #868686; }
		#footer a:hover,
		#footer-bottom a:hover {
	color: #FFF;
}
	#footer .title {
		border-bottom: 1px solid #4b4b4b;
		display: block;
		font-size: 10px;
		margin: 0 0 12px;
		padding: 0 0 12px;
		text-transform: uppercase;
	}
	/* -------------------------------------------------- */
	/*	Footer Navigation
	/* -------------------------------------------------- */
	#footer-nav {
		border-bottom: 1px solid #4b4b4b;
		margin: 0 0 12px;
		padding: 0 0 12px;
	}
		#footer-nav ul { margin: 0; }
			#footer-nav li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 -3px 0 0;
			}
			
			.ie7 #footer-nav li { display: inline; }
				 #footer-nav li a {
					border-left: 1px solid #484848;
					font-size: 10px;
					display: block;
					padding: 0 15px;
					text-transform: uppercase;
				}
			
				#footer-nav li:first-child a {
					border-left: none;
					padding-left: 0;
				}
				#footer-nav li:last-child a { padding-right: 0; }
	/* -------------------------------------------------- */
	/*	Contact Info
	/* -------------------------------------------------- */
	#footer .contact-info {}
	.contact-info { margin: 0; }
		.contact-info li {
			float: left;
			list-style: none;
			margin: 0 0 5px 24px;
			padding: 0 0 0 24px;
		}
		.contact-info li:first-child { margin-left: 0; }
		.contact-info .address { background: url(../img/icon-address.png) no-repeat 0 0; }
		.contact-info .phone { background: url(../img/icon-phone.png) no-repeat 0 1px; }
		.contact-info .email { background: url(../img/icon-email-2.png) no-repeat 0 4px; }
	/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */
	.social-links { margin: 0; }
		.social-links li {
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
			text-indent: -9999px;
		}
		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }
		.social-links li:nth-child(6n) { margin-right: 15px; }
		.social-links li:last-child { margin-right: 0; }
			.social-links a {
				background-repeat: no-repeat;
				background-position: 0 -16px;
				display: block;
				height: 16px;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				width: 20px;
			}
			.social-links li.behance a { background-image: url(../img/icon-behance.png); }
			.social-links li.delicious a { background-image: url(../img/icon-delicious.png);
				background-position: 0 -14px;
				height: 14px;
			}
			.social-links li.deviantart a { background-image: url(../img/icon-deviantart.png); }
			.social-links li.digg a {
				background-image: url(../img/icon-digg.png);
				background-position: 0 -14px;
				height: 14px;
			}
			.social-links li.dribbble a { background-image: url(../img/icon-dribbble.png); }
			.social-links li.dropbox a {
				background-image: url(../img/icon-dropbox.png);
				background-position: 0 -15px;
				height: 15px;
			}
			.social-links li.email a { background-image: url(../img/icon-email.png); }
			.social-links li.facebook a { background-image: url(../img/icon-facebook.png); }
			.social-links li.flickr a { background-image: url(../img/icon-flickr.png); }
			.social-links li.forrst a { background-image: url(../img/icon-forrst.png); }

			.social-links li.github a { background-image: url(../img/icon-github.png); }
			.social-links li.google a { background-image: url(../img/icon-google.png); }
			.social-links li.googleplus a { background-image: url(../img/icon-googleplus.png); }
			.social-links li.ichat a {
				background-image: url(../img/icon-ichat.png);
				background-position: 0 -15px;
				height: 15px;
			}
			.social-links li.lastfm a {
				background-image: url(../img/icon-lastfm.png);
				background-position: 0 -15px;
				height: 15px;
			}
			.social-links li.linkedin a { background-image: url(../img/icon-linkedin.png); }
			.social-links li.mobypicture a { background-image: url(../img/icon-mobypicture.png); }
			.social-links li.myspace a { background-image: url(../img/icon-myspace.png); }
				
			.social-links li.picasa a { background-image: url(../img/icon-picasa.png); }
			.social-links li.plixi a { background-image: url(../img/icon-plixi.png); }
			.social-links li.rss a { background-image: url(../img/icon-rss.png); }
			.social-links li.skype a { background-image: url(../img/icon-skype.png); }
			.social-links li.stumbleupon a {
				background-image: url(../img/icon-stumbleupon.png);
				background-position: 0 -17px;
				height: 17px;
			}
			.social-links li.tumblr a {
				background-image: url(../img/icon-tumblr.png);
				background-position: 0 -15px;
				height: 15px;
			}
			.social-links li.twitter a {
				background-image: url(../img/icon-twitter.png);
				background-position: 0 -15px;
				height: 15px;
				width: 21px;
			}
			.social-links li.vimeo a {
				background-image: url(../img/icon-vimeo.png);
				background-position: 0 -15px;
				height: 15px;
			}
			.social-links li.youtube a {
				background-image: url(../img/icon-youtube.png);
				background-position: 0 -15px;
				height: 15px;
			}
			.social-links li a:hover { background-position: 0 0; }
			
	/* -------------------------------------------------- */
	/*	Misc Elements
	/* -------------------------------------------------- */
	#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
		background: #ddd;
		color: #3a3a3a;
	}
	#footer .button.no-bg { color: #ddd; }
	#footer .button .arrow { background-color: #3a3a3a; }
	#footer blockquote { background-color: #464646;}
		#footer blockquote.simple {
			background: none;
			border-left-color: #484848;
			color: #868686;
		}
	#footer .infobox {
		background: #464646;
		border-color: #363636;
	}
	#footer .infobox, #footer .infobox * { color: #868686; }
/* ---------------------------------------------------------------------- */
/*	Footer Bottom
/* ---------------------------------------------------------------------- */
#footer-bottom {
	background: #303030;
	line-height: 17px;
	padding: 12px 0;
}
	#footer-bottom ul { margin: 0; }
		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}
			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}
				#footer-bottom li:last-child a { padding-right: 0; }
/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */
/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 1084px) {
	#content img {
		height: auto;
		max-width: 100%;
	}
	
	.toggle-button {
	display:none;
}

}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1084px) {
	
			#main-nav {
		display:none;
	}
    
   
	
	.toggle-button {
	display:block;
        float: left;
}
    #logo {
			
			display: inline-block;
			text-align: center;
		}
    #header {
        text-align: center;
    }	
		

	/* -------------------------------------------------- */
	/*	Content
	/* -------------------------------------------------- */
	#content img {
		height: auto;
		max-width: 100%;
	}
	
	/* -------------------------------------------------- */
	/*	Potrfolio
	/* -------------------------------------------------- */
	#portfolio-items-filter {
		float: none;
		margin: 0 0 20px;
	}
		#portfolio-items-filter li:first-child { display: none !important; }
		#portfolio-items-filter a { display: block !important; }
		/* ---------------------------------------- */
		/* Single Project
		/* ---------------------------------------- */
		.portfolio-pagination {
			float: none;
			margin-bottom: 20px;
			margin-top: 0;
		}
		.portfolio-pagination .button { margin-bottom: 0 !important; }
			.single-project .page-header .button {
				margin-bottom: 20px;
				margin-top: 0;
			}
	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */
		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */
		.contact-info li {
			border-bottom: 1px dotted #4b4b4b;
			float: none;
			margin-left: 0;
			padding-bottom: 5px;
		}
		
		.contact-info li:last-child { border-bottom: none; }
		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
		.social-links li:nth-child(6n+1) { margin-left: 15px; }
		.social-links li:nth-child(6n) { margin-right: 0; }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */
	.container { width: 748px; }
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */
		.one-half { width: 364px; }
			.one-third { width: 236px; }
		.two-third { width: 492px; }
		.one-fourth { width: 172px; }
			.three-fourth { width: 556px; }
	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */
	#main { width: 488px; }
		
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */
		#main .one-half { width: 234px; }
		#main .one-third { width: 149px; }
			#main .two-third { width: 319px; }
		#main .one-fourth { width: 107px; }
			#main .three-fourth { width: 361px; }
		
	
	
		
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */
		.projects-carousel > li, .post-carousel > li { width: 236px; }
		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
			
		.post-carousel .entry-body { width: 191px; }

	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */
	#map { height: 340px; }
	.contact-form input { width: 150px; }
	.contact-form textarea { width: 534px; }
	/* -------------------------------------------------- */
	/*	Footer > Social Links
	/* -------------------------------------------------- */
				
	.social-links li:nth-child(5n+1) { margin-left: 0; }
	.social-links li:nth-child(5n) { margin-right: 10px; }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/* -------------------------------------------------- */
	/*	Basic Elements & Classes
	/* -------------------------------------------------- */
	.fluid-width-video-wrapper { margin-bottom: 10px; }
			
	/* -------------------------------------------------- */
	/*	Generic Classes
	/* -------------------------------------------------- */
	.align-left, .align-right { float: none; }
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */
	.container { width: 300px; }
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */
		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}
		.one-half, #main .one-half  { width: 300px; }
			.one-third, #main .one-third { width: 300px; }
		.two-third, #main .two-third { width: 300px; }
		.one-fourth, #main .one-fourth { width: 300px; }
			.three-fourth, #main .three-fourth { width: 300px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */
	#header { height: auto; }
		
		
	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */
	#main {
		border-bottom: 1px solid #efefef;
		float: none;
		margin-right: 0;
		padding-bottom: 20px;
		width: 100%;
	}
	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider { margin-bottom: 10px; }
	
	
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */
	.contact-form .input-block, .comments-form .input-block {
		float: none;
		margin: 0 0 20px 0;
	}
		.contact-form input, .comments-form input,
		.contact-form textarea, .comments-form textarea { width: 398px; }
	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */
	#sidebar {
		float: none;
		margin-top: 40px;
		width: 100%;
	}
	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */
	.not-ie #footer .container:after { top: -56px; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */
	.container { width: 420px; }
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */
		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}
		.one-half, #main .one-half { width: 420px; }
		.one-third, #main .one-third { width: 420px; }
			.two-third, #main .two-third { width: 420px; }
		.one-fourth, #main .one-fourth { width: 420px; }
			.three-fourth, #main .three-fourth { width: 420px; }
		
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */
		.projects-carousel > li, .post-carousel > li { width: 200px; }
		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
		
		.post-carousel .entry-body { width: 155px; }
	/* -------------------------------------------------- */
	/*	Blog > Comments
	/* -------------------------------------------------- */
	.comment .comment-body, .comment .comment-meta { width: 351px; }
		.comment .children .comment-body, .comment .children .comment-meta { width: 281px; }
			
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */
	#map { height: 240px; }
	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */
		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */
		.contact-info { margin-bottom: 20px; }
		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(12n+1) { margin-left: 0; }
		.social-links li:nth-child(12n) { margin-right: 15px; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#logo {
		width: 250px;
        padding-left: 15px;
        padding-right: 15px;
	}
	
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */
	
		/* ---------------------------------------- */
		/*	Projects Carousel
		/* ---------------------------------------- */
		.projects-carousel > li, .post-carousel > li { width: 300px; }
		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
			
		.post-carousel .entry-body { width: 255px; }
	
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */
	#map { height: 140px; }
		.contact-form input, .comments-form input,
		.contact-form textarea, .comments-form textarea { width: 278px; }
	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */
		/* ---------------------------------------- */
		/*	Footer Navigation
		/* ---------------------------------------- */
		#footer-nav li {
			border-top: 1px dotted #4b4b4b;
			padding: 5px 0;
			width: 100%;
		}
		
		#footer-nav li:first-child { border-top: none; }
			#footer-nav li a {
				border: none;
				padding: 0;
			}
		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */
		.contact-info { margin-bottom: 20px; }
		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(8n+1) { margin-left: 0; }
		.social-links li:nth-child(8n) { margin-right: 15px; }
}