/* ----------------------------------------------------------------------
	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}


 /* ----------------------------------------------------------------------
	Light Skin
/* ---------------------------------------------------------------------- */

/* Clearfix */
.clear{clear:both;display:block;height:1px;margin-top:-1px;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}

/* Basic settings */
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
small { font-size: 11px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin: 4px 0 4px 30px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,p,iframe { margin-bottom: 20px; }


/* Message for older IE browsers
 ------------------------------------------------------------------------*/
#ie-message { background:#c00; border-bottom:1px solid #900; display: block; margin: 0 auto 20px auto; width:100%; z-index:2000; }
#ie-message p { text-align:center; color:#fff; font-size:13px; padding:20px; margin: 0 25%; }
#ie-message a { color:#fff; font-weight:bold; text-decoration:underline; }


/* Basic Elements & Classes
 ---------------------------------------------------------------------- */

body {
	color: #777;
	font: 13px/1.6 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: #eee;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background: transparent url(img/wild_oliva.png) left top repeat;
}
strong { font-weight: bold; color: #444; }

::-moz-selection { background: #fa4c29; color: #fff; text-shadow: none; }
::selection { background: #fa4c29; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 16px;
}

a, a > * {
	color: #fa4c29;
	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 { color: #444; }

hr {
	background: #ddd;
	margin: 5px 0 30px;
}
hr.divider { margin-bottom:40px; border-bottom: 1px solid #ddd; padding-top: 20px; background: none; }

	p + hr { margin: 25px 0 20px; }

blockquote {
	font-style: italic;
	color: #999;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #ddd;
	background-color: #f7f7f7;
}
	blockquote p {
		padding: 20px 20px 20px 20px;
	}	
	blockquote p:last-of-type { margin-bottom: 0; }


/* Generic Classes
 ---------------------------------------------------------------------- */

.hidden { display: none; }

.disabled { cursor: auto; }

.no-margin { margin: 0 !important; }

.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
img.size-1-2 { width: 50%; height: 50%;}
img.size-3-4 { width: 75%; height: 75%;}

	img.aligncenter { display: block; margin-bottom: 30px; }

.alignleft { float: left; }

	img.alignleft { margin-bottom: 30px; margin-right: 20px; }

.alignright { float: right; }

	img.alignright { margin-bottom: 30px; margin-left: 20px; }

.spacer { 
	width: 100%;
	height: 60px;
	clear: both;
}
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }


/* Styles Classes
 ---------------------------------------------------------------------- */
.dark { color: #222; }
.color { color: #fa4c29; }


/* Content styles
 ---------------------------------------------------------------------- */

/* Main content */
#main-content {
	margin: 45px auto 45px auto;
	width: 1000px;
	background-color: #fff;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}

	.container { 
		clear: both; 
		overflow: hidden;
		padding-top: 40px;
		padding-bottom: 40px;
	}
		.boxed { 
			padding-left: 30px;
			padding-right: 30px;
		}
		.boxed article { margin-bottom: 20px; overflow: hidden; }

	/* Unboxed container */
	.fullwidth {
		overflow: hidden;
		clear: both;
	}


	/* Columns
	 ------------------------------------ */

	.col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
		float: left;
		margin-right: 20px;
	}
	.last { margin-right: 0px !important; }
	.col-1-2 { width: 460px; }
	.col-1-3 { width: 300px; }
	.col-2-3 { width: 620px; }
	.col-1-4 { width: 220px; }
	.col-3-4 { width: 700px; }

	/* Fullwith columns */
	.fullwidth .col-1-2, .fullwidth .col-1-3, .fullwidth .col-1-4  {
		margin: 0;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
	}
	.fullwidth .col-1-2 { width: 50%; }
	.fullwidth .col-1-3 { width: 33%; }
	.fullwidth .col-1-4 { width: 25%; }


	/* Columns in main container */
	#main .col-1-2 { width: 330px; }
	#main .col-1-3 { width: 213px; }
	#main .col-2-3 { width: 447px; }
	#main .col-1-4 { width: 155px; }
	#main .col-3-4 { width: 505px; }

	/* Content + sidebar */
	.content-col {
		width: 680px;
		overflow: hidden;
		float: left;
		margin: 0 40px 0px 0;
	}
	.project-sidebar {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
	}

	/* Main
	 ------------------------------------ */
	#main {
		width: 680px;
		overflow: hidden;
	}
	#main.side-right { 
		float: right;
		margin: 0 0 0 40px;
	}
	#main.side-left { 
		float: left;
		margin: 0 40px 0px 0;
	}
	#main.wide {
		width: 100%;
	}


/* Header
 ---------------------------------------------------------------------- */

#header {
	background-color: #fff;
	z-index: 300;
}
	
	.logo-col {

	}
		#logo {
			float: left;
			margin: 20px 0 0 0;
		}

		.site-title { 
			display: block;
			clear: both;
			margin-bottom: 0;
			color: #999;
		}

	.header-content {

	}
		.header-content p { 
			text-align: right;
		}


/* Navigation
 ---------------------------------------------------------------------- */

/* --- MAIN NAVIGATION --- */
#main-nav { 
	clear: both;
	display: block;
	background-color: #222;
	height: 40px;
	z-index: 100;
	width: 100%;
	position: relative;
}
		#main-nav ul { position: absolute; left:0; top: -2px; }
		#main-nav li {
			list-style: none;
			float: left;
			margin: 0;
			position: relative;

		}

			#main-nav a {
				color: #fff;
				font-weight: bold;
				font-size: 12px;
				display: block;
				padding: 0 30px;
				line-height: 40px;
				position: relative;
				text-align: center;
				text-transform: uppercase;
				z-index: 98;
				border-top: 2px solid #fff;
			}

				#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a, #main-nav .active > a {
					border-top-color: #fa4c29; background-color: #444;
				}

				#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a { border-top-color: #fa4c29; }
				#main-nav .active > a { border-top-color: #fa4c29; background-color: #444;}

			/* Sub nav */
			#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: 42px;
				width: 200px;
				z-index: 300;
			}

				#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-size: 12px;
						letter-spacing: 0;
						padding: 12px 20px !important;
						text-align: left;
						text-transform: none;
						line-height: normal;
						font-weight: 400;
					}

						#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current-menu-item > a, #main-nav ul ul .current_page_item > a, #main-nav ul ul .current-menu-ancestor > a, #main-nav ul ul .active > a {
							background-color: #fa4c29;
						}

			/* Dropdown */
			#main-nav ul ul ul {
				left: 100% !important;
				top: 0 !important;
			}

	/* Responsive Nav */
	#responsive-button {
		background: transparent url(img/responsive-nav.png) center center no-repeat;
		width: 100%;
		display: block;
		height: 40px;
		cursor: pointer;
	}
	#responsive-nav {
		display: none;
		color: #fff;
		clear: both;
		background-color: #222;
	}
		#responsive-nav ul { 
			background: #3a3a3a;
			list-style: none;
			margin: 0;
			clear: both;
			display: none;
		}
			#responsive-nav  ul li { 
				list-style: none;
				display: block;
				margin: 0;
				width: 100%;
			}

			#responsive-nav ul a {
				border-bottom: 1px solid #252525;
				border-top: 1px solid #4c4c4c;
				color: #fff;
				display: block;
				font-size: 11px;
				letter-spacing: 0;
				padding: 12px 20px !important;
				text-align: left;
				text-transform: none;
				line-height: normal;
			}

				#responsive-nav ul a:hover, #responsive-nav ul .hover > a, #responsive-nav ul a.active {
					background-color: #fa4c29;
				}


/* Page header, page title, video title
 ---------------------------------------------------------------------- */

/* Video title */
.video-header .video-title , .video-header .video {
	margin-bottom: 0;
}

/* Image */
.image-header { overflow: hidden; }
.image-header img {
	max-width: 100%;
	max-height: 100%;
	line-height: 0;
	margin: 0;
	float: left;
}

/* Page title */
#page-title { 
	border-bottom: 1px solid #ddd;
}
.page-title { 
	color: #444; 
	font-size: 30px;
	margin-bottom: 5px;
	text-align: center;
}
.page-sub-title {
	clear: both;
	color: #999;
	font-weight: 400;
	margin-bottom: 0;
	text-align: center;
}

/* Cone */
.no-audio { position: relative; }
.no-audio:after {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
	z-index: 10;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ie8 .no-audio:after { display: none; }


/* Unboxed elements
 ---------------------------------------------------------------------- */


/* Black box
 ------------------------------------ */
.black-box {
	background-color: #222;
	color: #fff;
}
	.black-box h1, .black-box h2, .black-box h3 { color: #fff; }
	.black-box h4, .black-box h5, .black-box h6 { color: #999; font-weight: 400 }
	.black-box a:hover.intro-button { background-color: #666; }


/* Services
 ------------------------------------ */
.services { 
	border-bottom: 1px solid #ddd;
}
.services .service { 
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 30px;
}
.services .last {
	border-right: 0;
}

/* Service */
.service {
	height: 100%;
}
.service, .service .theme-icon {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.service:hover { 
	border-top-color: #fa4c29;
}

/* Service icon */
.service-icon {
	font-size: 36px;
	color: #999;
	text-align: center;
	margin-bottom: 10px;
}
.service:hover .theme-icon { 
	color: #fa4c29;
}

/* Service title */
.service-title {
	color: #555;
	text-align: center;
}

/* Service text */
.service-text {
	text-align: center;
	margin-bottom: 20px;
}


/* Lists
 ---------------------------------------------------------------------- */

/* none */
ul.none {
	list-style: none;
	margin: 0;
}


/* Forms
 ---------------------------------------------------------------------- */

label {
	cursor: pointer;
	display: block;
	margin: 0 0 5px;
	font-size: 13px;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #fff;
	border: 1px solid #ddd;
	color: #777;
	font-size: 11px;
	padding: 8px;
	border-radius: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

input, select {
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
	width: 100%;
	min-height: 200px;
	font-size: 13px;
}

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

/* Form */
.form, 
#commentform {
	max-width: 100%;
	margin-bottom: 20px;
}	
	.form input, .form textarea,
	#commentform input, #commentform textarea,
	#search {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
	}
	.form input,
	#commentform input { padding-top: 10px; padding-bottom: 10px; }

	.form textarea,
	#commentform textarea { min-height: 200px; }

	.form .input,
	#commentform .input {
		display: inline-block;
		margin: 0 20px 20px 0;
	}

	.form input[type="submit"],
	#commentform input[type="submit"] {
		margin: 0;
		width: auto;
		height: auto;
	}
	.ie8 .form input[type="submit"], 
	.ie8 #commentform input[type="submit"] { min-width: 100px; }


/* Elements
 ---------------------------------------------------------------------- */


/* Back to Top
 ------------------------------------ */
#scroll-button, .touch-device #scroll-button:hover {
	background: transparent url(img/scroll-button.png) center center no-repeat;
	top: 40px;
	display: block;
	opacity: 0.8;
	filter:alpha(opacity=80);
	height: 40px;
	width: 40px;
	position: fixed;
	right: 40px;
	text-indent: -9999px;
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		 -o-transition: all .2s ease;
			transition: all .2s ease;
	z-index: 100;
	border-radius: 2px;
}
#scroll-button.hidden {
	top: -40px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.touch-device #scroll-button.hidden {
	top: 40px;
}

	#scroll-button:hover, .touch-device #scroll-button:active { 
		opacity: 1;
		filter:alpha(opacity=100); 
	}


/* Shortcodes
 ---------------------------------------------------------------------- */


/* Tabs
 ------------------------------------ */
ul.tabs { 
	width:auto; 
	height:43px; 
	border-bottom:1px solid #ddd; 
	margin-bottom:18px;
	list-style-type: none;
}
	ul.tabs li { 
		color:#333; 
		float:left;
		margin:0;
		padding: 0;
	}
	ul.tabs li a { 
		height:40px; 
		line-height:40px; 
		margin:2px 0 0 0; 
		float:left; 
		color:#888 !important; 
		padding:0 20px; 
		background-color:#eee; 
		border: solid 1px #ddd; 
		border-width: 1px 1px 0 0;
	}
	ul.tabs li:first-child a { border-width: 1px 1px 0 1px;}
	ul.tabs li a:hover { background-color:#eee; }
	ul.tabs li a.active-tab, ul.tabs li a.active-tab:hover { 
		height:41px; 
		background-color:#fff;  
	}
	.tabs-wrap { 
		overflow:hidden;
		border-bottom: 1px solid #e7e6e6;
		margin-bottom: 30px;
	}
	.tab-content { display:none; }


/* Toggle
 ------------------------------------ */
h4.toggle-title { 
	margin-bottom:12px; 
	cursor:pointer;
	font-weight: 400;
}
h4.toggle-title:before {
	content: "+";
	text-align: center;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	float: left;
	margin-right: 18px;
	color: #fff;
	background-color: #333;
}
h4.active-toggle:before { 
	content: "-";
	background-color: #fa4c29;
}
.toggle {
	border-bottom: 1px solid #e7e6e6;
	margin-bottom: 10px;
}
.toggle-content { display: none; }


/* Social icon
 ------------------------------------ */
a.social-icon { 
	display:inline-block; 
	width:24px; 
	height:24px; 
	opacity:.4; 
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out;
	filter: alpha(opacity = 40); 
}
a.social-icon:hover { 
	opacity:1; 
	filter: alpha(opacity = 100); 
}


/* Recent projects
 ------------------------------------ */
.recent-projects {
	margin-bottom: 30px;
}


/* Theme icon
 ------------------------------------ */
.theme-icon { display: inline-block !important;}


/* Detail
 ------------------------------------ */
.project-detail .project-title {
	color: #333333;
	margin: 0 !important;
	float: left;
	width: 45%;
}
.project-detail {
	border-bottom: 1px solid #e7e6e6;
	padding-bottom: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	float: left;
	width: 100%;
}
.project-terms {
	width: 55%;
	float: left;
}
.project-terms a { color: #777; display: block; }
.project-terms a:hover { color: #fa4c29; }


/* Single nav
 ------------------------------------ */
#single-nav {
	position: relative;
	z-index: 1;
	margin: 10px 0 10px 0;
	display: inline-block;
}
	#single-nav .nav-item {
		display: inline-block;
		background-color: #999;
		width: 28px;
		height: 28px;
		border-radius: 2px;
		margin: 2px;
		font-size: 12px;
		line-height: 30px;
		text-align: center;
		color: #fff;
	}
	#single-nav a span {
		color: #fff;
	}

	#single-nav a:hover {
		background-color: #fa4c29;
	
	}
	#single-nav .nav-prev {
	}
	#single-nav .nav-next {
	}


/* Info box
 ------------------------------------ */
.info-box {
	margin: 30px 0;
	padding: 30px;
	background-color: #eee;
	border: 1px solid #ddd;
}
.info-box > p:last-child { margin-bottom: 0; }


/* Alert Boxes
 ------------------------------------ */
.error, .success, .info, .warning {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid;
	padding: 14px 20px 14px 20px;
	clear: both;
}
.error {
	background-color: #fdcaca;
	color: #7f6060;
	border-color: #ffc3c3;
}
.success {
	background-color: #cafdce;
	color: #637a65;
	border-color: #9cfaa3;
}
.info {
	background-color: #dee9fe;
	color: #737b8b;
	border-color: #cddfff;
}
.warning {
	background-color: #fbe9de;
	color: #877863;
	border-color: #fbe0b9
}


/* Headings
 ------------------------------------ */
/* Line heading */
.line-heading {
	position: relative;
	z-index: 1;
	padding-bottom: 30px;
	clear: both;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
}
.line-heading span {
	z-index: 3;
	padding: 0 20px;
	background: #fff;
	color: #bbb;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}
.line-heading:after {
	content: "";
	border-top: 1px solid #e7e6e6;
	padding-top: 4px;
	width: 100%;
	height: 1px;
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1;
}

/* Buttons
 ------------------------------------ */

/* Default button */
input[type="submit"], button, .btn {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff !important;
	font-weight: 700;
	border-radius: 2px;
	font-size: 13px;
	cursor: pointer;	
	height: auto;
	width: auto;
	overflow: visible;
	padding: 14px 20px;
	border: 0;
	margin: 0 20px 0 0;
	background: #fa4c29; /* Old browsers */
}
input[type="submit"]:hover, button:hover, .btn:hover {
	color: #fff;
	background: #222; /* Old browsers */
}
.btn { display: inline-block;}
	.text-right .btn { margin: 0 0 0 20px; }
	.text-center .btn { margin: 0 0 0 20px; }
		input[type="submit"].small, button.small, .btn.small { padding: 6px 10px; font-size: 12px; }
		input[type="submit"].medium, button.medium, .btn.medium { padding: 10px 18px; font-size: 12px;}
		input[type="submit"].large, button.large, .btn.large { padding: 12px 18px; font-size: 14px; }

/* Wide button */
.btn.wide {
	width: 100%;
	margin-right: 0;
	padding: 0;
}

/* Intro button */
a.intro-button {
	font-family: "Trebuchet MS", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 14px;
	color: #fff;
	background-color: #fa4c29;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 2px;
}
a:hover.intro-button { background-color: #222; }


/* Dropcaps ----------------- */
.dropcap {
	background: #eee;
	color: #111;
	display: inline-block;
	float: left;
	font-size: 24px;
	font-weight: 700;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}
/* Invert */
.dropcap.invert {
	background: #222;
	color: #fff;
}

/* Image effects ----------------- */
	
/* Thumb icon */
.thumb-icon {
	cursor: pointer;
	display: block;
	position: relative;
	font-size: 0;
	overflow: hidden;
	line-height: 0;
	margin-bottom: 20px;
}
.thumb-icon img {
	max-width: 100%; 
	max-height: 100%;
	margin: 0;
}
.thumb-icon .icon-wrap {
	position: absolute;
	opacity: 0;
	filter:alpha(opacity=0);
	background: rgba(250,76,41,.8);
	display: block;
	height: 100%;
	width: 100%;
	z-index: 2;
	top: 0;
	left:0;
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		 -o-transition: all .4s ease;
			transition: all .4s ease;

}
.thumb-icon:hover .icon-wrap {
	opacity: 1;
	filter:alpha(opacity=100);
}
.thumb-icon .icon {
	content: '';
	position: absolute;
	color: #fff;
	height: 28px;
	width: 100%;
	text-align: center;
	line-height: 28px;
	font-size: 28px;
	display: inline-block;
	z-index: 3;
	margin-top: -14px;
	left:0;
	top: 50%;
}

/* Flexible video */
.video {
	margin: 0 0 30px;
	padding: 0;
	width: 100%;
}


/* Slider - Nivo Slider
 ---------------------------------------------------------------------- */

.nivo-slider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	background-color: #fff;
}
article .nivo-slider { margin-bottom: 20px; }

.nivo-slider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none !important;
	background-color: transparent;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
	margin:0;
}

/* If an image is wrapped in a link */
.nivo-slider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	width: 100%;
	z-index: 8;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	font-size: 12px;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption {
	padding:12px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
.nivo-html-title { margin: 0; color: #fff; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	opacity: 0;
	position:absolute;
	top:50%;
	margin-top: -45px;
	z-index:9;
	cursor:pointer;
	height: 90px;
	width: 36px;
	text-indent: -9999px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
	background-repeat: no-repeat;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	 -o-transition: all .4s ease;
		transition: all .4s ease;
}
.nivo-slider:hover .nivo-directionNav a { opacity: 1; }
a.nivo-prevNav {
	left:-36px;
	background-position: left center;
	background-image: url(img/nav-prev.png);
}
a.nivo-nextNav {
	right:-36px;
	background-position: right center;
	background-image: url(img/nav-next.png);
}
a:hover.nivo-prevNav {
	background-position: right center;
}
a:hover.nivo-nextNav {
	background-position: left center;
}
.nivo-slider:hover .nivo-directionNav a { opacity: 1; }
.nivo-slider:hover .nivo-prevNav { left:0; }
.nivo-slider:hover .nivo-nextNav { right:0; }

/* Touch devices */
.touch-device .nivo-directionNav a { opacity:1; }
.touch-device a.nivo-prevNav { left:0; }
.touch-device a.nivo-nextNav { right:0; }


/* Portfolio
 ---------------------------------------------------------------------- */

/* Container */

#filter {
	height: 40px;
	z-index: 100;
	display: inline-block;
	width: auto;
	position: relative;
	float: right;
	margin-bottom: 30px;
}

#filter ul {
	display: none;
}
	#filter ul li {
		margin: 0;
		padding: 0;
	}

	#filter ul li a {
		color: rgba(255, 255, 255, 0.7) !important;
	}

	#filter a {
		display: block;
		padding: 5px 12px 6px 12px;
		color: #fff;
		transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		background-color: #fa4c29;	
		border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
		cursor: pointer;
	}

	#filter #filter-title {
		border-radius: 2px;
	}
	#filter #filter-title span {
		color: #fff;
		font-size: 12px;
		padding: 4px 0 0 10px;
	}
	#filter a:hover, #filter a.active {
		color: rgba(255, 255, 255, 1) !important;
	}

	#filter:hover #filter-title {
		color: rgba(255, 255, 255, 1) !important;
		border-radius: 2px 2px 0px 0px;
	}

	#filter ul li:last-child a {
		border-radius: 0px 0px 2px 2px;
	}

/* Items */
.items { 
	margin: 0 -20px 0px 0;
	position: relative;
	clear: both;
}	

	/* Categories */
	.items article .cat {
		display: block;
		font-size: 12px;
		color: #aaa;
		font-family: "Trebuchet MS", Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	.cat a {
		color: #999;
		display: inline-block;
	}
	.cat a:hover {
		color: #fa4c29;
	}
	.cat a:before {
		content: "·";
		display: inline-block;
		padding: 0 4px;
		color: #aaa;
	}
	.cat a:first-child:before { display: none; }

	/* 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;
	}


/* Article footer */
.portfolio article footer {
	width: 100%;
	position: relative;
	padding: 16px 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/* Transitions */
	-ms-transition: all .4s ease;
	 -o-transition: all .4s ease;
		transition: all .4s ease;
}

	.portfolio article footer h2 {
		font-size: 16px;
		margin-bottom: 4px;
		padding:0;
	}
	.portfolio article footer h2 a { color: #555; }
	.portfolio article footer h2 a:hover { color: #fa4c29; }

	/* Categories */
	.portfolio article .cat {
		padding: 0px;
	}

	/* Images */
	.portfolio .thumb-icon { margin-bottom: 0; }
	.portfolio .thumb-slide { margin-bottom: 0; }
	.portfolio .portfolio-image {
		margin-bottom: 0;
		display: block;
		max-width: 100%;
		max-height: 100%;
	}

/* Related projects
 ------------------------------------ */
#related-projects {
	margin-bottom: 30px;
}


/* Blog
 ---------------------------------------------------------------------- */

/* Entry */
article.entry {
	overflow: hidden;
	margin-bottom: 40px;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 40px;
}
article.entry:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

/* Entry heading  */
.entry-heading { 
	margin: 10px 0 4px 0;
	font-size: 18px;
}
.entry-heading a { 
	color: #444;
}
.entry-heading a:hover { 
	color: #fa4c29;
}

/* Entry data */
article.entry header {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	min-height: 70px;
}
	.entry-date {
		float: left;
		margin-right: 20px;
		width: 60px;
		height: 70px;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #f1f1f1;
	}	
		.date-day, .date-month { 
			text-align: center;
			width: 100%;
			display: inline-block;
		}
		.date-day {
			margin:8px 0 0 0;
			color: #666;
			font-size: 18px;
			font-weight: 700;
		}
		.date-month {
			color: #999;
			font-size: 14px;
			font-weight: 400;
			text-transform: uppercase;
		}

	/* Entry meta */
	.entry-meta { 
		margin-left: 80px;
	}
	.entry-details div {
		font-size: 10px;
		text-transform: uppercase; 
		display: inline-block;
		color: #aaa;
	}
	.entry-details div a, .entry-details div span { color: #666; }
	.entry-details div a:hover { color: #fa4c29; }


/* Sidebar
 ---------------------------------------------------------------------- */
.sidebar {
	width: 220px;
}
.sidebar.side-left { float: right; }
.sidebar.side-right { float: left; }

.sidebar .thumb-slide img {
	width: 100%;
}


/* Widgets
 ---------------------------------------------------------------------- */
.widget {
	margin-bottom: 60px;
	color: #888;
	clear: both;
	overflow: hidden;
}
	.widget .widget-title {
		color: #666;
		font-weight: 700;
		font-size: 13px;
		margin-bottom: 16px;
		text-transform: uppercase;
	}

	/* Remove margin from last child */
	.sidebar .widget:last-child, .box .widget:last-child { margin-bottom: 0;}

	/* Video */
	.widget .video:last-child { margin-bottom: 0;}


/* Theme Widgets
 ------------------------------------ */

/* Twitter feed */
.tweets {
	list-style: none;
	margin: 0;
}
	.tweets li {
		margin: 0;
	}
	.tweets li:before {
		content: "▬▬";
		display: inline-block;
		color:#ddd;
		padding: 10px 0;
		display: block;
	}
	.tweets li:first-child:before { display: none;}

		.tweets li .date a {
			display: block;
			color: #aaa;
			font-size: 11px;
			padding-top: 4px;
		}
		.tweets li .date a:hover {
			color: #fa4c29;
		}

/* Flickr */
.flickr_badge_image a { 
	float: left; 
	line-height: normal;
	font-size: 0; 
}
.flickr_badge_image a img { 
	margin: 2px;
	width: 68px;
	height: 68px;
	opacity: 1;
	filter:alpha(opacity=100);
}
.flickr_badge_image a:hover img {
	opacity: .3;
	filter:alpha(opacity=30);
}

/* Recent comments */
.recent-comments {
	margin: 0;
	list-style: none;
	font-style: italic;
}
	.recent-comments li {
		margin: 0 0 16px 0;
	}
		.recent-comments li .meta {
			display: block;
			padding-top: 4px;
			font-style: normal;
		}
		.recent-comments li .meta:before {
			content: "-";
			margin-right: 4px; 
			color: #fa4c29;
		}

/* Recent entries */
.recent-entries {
	margin: 0;
	list-style: none;
	font-size: 13px;
}
	.recent-entries li {
		margin: 0 0 10px 0;
		position: relative;
	}
		.recent-entries li .date {
			position: absolute;
			left: 0;
			top: 0;
			color: #fff;
			width: 60px;
			font-size: 12px;
			background: #fa4c29;
			text-align: center;
			line-height: 20px;
			font-weight: 400;
		}
		.recent-entries li .date {
			color: #fff;
		}
		.recent-entries li a {
			display: inline-block;
			padding-left: 70px;
			color: #666;
			font-weight: bold;
		}
		.recent-entries li a:hover { color: #fa4c29; }


/* Default Wordpress Widgets
 ------------------------------------ */

/* Categories / archives / recent posts / meta / menu / pages / links */
.widget_categories ul, 
.widget_archive ul, 
.widget_recent_entries ul, 
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_links ul { margin: 0; }

	.widget_categories li, 
	.widget_archive li, 
	.widget_recent_entries li, 
	.widget_meta li,
	.widget_nav_menu li,
	.widget_pages li,
	.widget_links li {
		list-style: none;
		margin: 0;
		margin-left: 0;
		padding: 4px 0;
	}
		.widget_categories a, 
		.widget_archive a, 
		.widget_recent_entries a, 
		.widget_meta a,
		.widget_nav_menu a,
		.widget_pages a,
		.widget_links a {
			color: #777;
			position: relative;
			z-index: 90;
			display: inline-block;
		}
		.widget_categories a:before, 
		.widget_archive a:before, 
		.widget_recent_entries a:before, 
		.widget_meta a:before,
		.widget_nav_menu a:before,
		.widget_pages a:before,
		.widget_links a:before { 
			content: "+";
			color: #fa4c29;
			margin-right: 10px;
		}
		.widget_categories a span, 
		.widget_archive a span, 
		.widget_recent_entries a span, 
		.widget_meta a span,
		.widget_nav_menu a span,
		.widget_pages a span,
		.widget_links a span {
			z-index: -1;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 0%;
			height: 100%;
			background: #fa4c29;
			-webkit-transition: all .2s ease;
		    -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		}
			.widget_categories a:hover span, 
			.widget_archive a:hover span, 
			.widget_recent_entries a:hover span, 
			.widget_meta a:hover span,
			.widget_nav_menu a:hover span,
			.widget_pages a:hover span,
			.widget_links a:hover span {
				width: 100%;
			}
			.widget_categories a:hover, .widget_categories a:hover:before, 
			.widget_archive a:hover, .widget_archive a:hover:before,
			.widget_recent_entries a:hover, .widget_recent_entries a:hover:before,
			.widget_meta a:hover,.widget_meta a:hover:before,
			.widget_nav_menu a:hover, .widget_nav_menu a:hover:before,
			.widget_pages a:hover, .widget_pages a:hover:before,
			.widget_links a:hover, .widget_links a:hover:before { 
				color: #fff;
			}

/* Search */
#search-form { position: relative; }
	#search {
		width:100%;
		color: #999;
	}

	#search-button {
		position: absolute;
		right: -19px;
		top: 1px;
		padding: 0;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		border: none;
		background: #eee url(img/search-icon.png) center center no-repeat;
		opacity: .8;
		filter:alpha(opacity=80);
		-webkit-transition: all .4s ease;
	    -moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		 -o-transition: all .4s ease;
			transition: all .4s ease;
	}
	#search-from:hover #search-button {
		opacity: 1;
		filter:alpha(opacity=100);
	}

/* Text Widget */
.widget_text p { margin-bottom:10px; }

/* Recent Comments Widgets */
.widget_recent_comments ul { 
	list-style: none;
	margin: 0;
	color: #666;
}
	.widget_recent_comments ul li { 
		padding: 5px 0;
		margin: 0; 
	}

/* Tag Cloud Widget */
.widget_tag_cloud a { 
	padding:4px 8px; 
	margin:2px;
	display:inline-block; 
	line-height:normal; 
	color:#777; 
	background-color: #eee;
}
.widget_tag_cloud a:hover { 
	text-decoration:none; 
	line-height:normal; 
	color:#fff; 
	background: #fa4c29; 
}

/* RSS Widget */
.widget_rss ul {
	list-style: none;
	margin: 0;
}
	.widget_rss li { 
		padding: 0 0 20px 0;
		margin: 0;
		color: #666;
	}
	.widget_rss li:last-child { padding: 0; }
	.widget_rss li .rss-date { 
		color:#999; 
		display:block;
	}
	.widget_rss li .rssSummary { padding-top: 10px; }
	.widget_rss li cite { 
		display:block; 
		padding:4px 0; 
		color:#999;
	}
	a.rsswidget img { display: none; }

/* Calendar */
.widget table#wp-calendar a { 
	display: block; 
	background: #333;
	color:#fff; 
	line-height:25px; 
	text-decoration:none;
}
.widget table#wp-calendar a:hover { 
	background:#fa4c29; 
	color:#fff; 
	line-height:25px; 
	text-decoration:none;
}
.widget table#wp-calendar { 
	width:98%; 
	margin-left:2px;
}
.widget table#wp-calendar tbody td { 
	text-align: center; 
	border: 1px solid #ddd; 
	background: #fff; 
	color:#999; 
	font-size:12px; 
	line-height:25px;
}
.widget table#wp-calendar caption { 
	font-size: 12px; 
	font-weight: bold; 
	width: 100%; 
	color:#666; 
	padding:0;
}
.widget table#wp-calendar th { 
	font-weight: normal; 
	color:#666; 
	text-align: center; 
	padding-bottom: 2px; 
}
.widget table#wp-calendar #next a { 
	text-align: right; 
	color:#666; 
	line-height:10px; 
	background:none;
}
.widget table#wp-calendar #prev a { 
	text-align: left;
	color:#666;
	line-height:15px;
	background:none;
}
.widget table#wp-calendar #next a:hover, .widget table#wp-calendar #prev a:hover { color:#fff; }


/* Comments
 ---------------------------------------------------------------------- */

.wide .comments { width:680px; }

/* Comments list */
.commentlist {
	border-bottom: 1px dotted #ddd;
	margin: 27px 0 45px;
	padding: 0 0 30px;
	overflow: hidden;
}

	.theme_comment {
		border-top: 1px dotted #ddd;
		list-style: none;
		margin: 30px 0 0;
		padding: 35px 0 0;
	}

	.theme_comment:first-child {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}

		.theme_comment > article {
			margin: 0;
			overflow: hidden;
		}

			.theme_comment .avatar-wrap {
				background: #eee;
				padding: 5px;
				float: left;
				position: relative;
				z-index: 1;
			}
			.theme_comment .avatar-wrap img { 
				margin: 0;
				width: 54px;
				height: 54px;
				float: left;
			}
			.ie8 .theme_comment .avatar-wrap:after { display: none; }
			.theme_comment .comment-body, .theme_comment .comment-meta {
				float: right;
				margin: 0 0 -20px 15px;
				width: 600px;
				color: #888;
			}

			.theme_comment .comment-meta { margin-bottom: 0; }

				.theme_comment .author, .theme_comment .author a {
					color: #666;
					margin: 0;
					font-weight: bold;
					font-size: 13px;
				}

					.theme_comment .author a:hover { color: #fa4c29; }

				.theme_comment .date {
					color: #999;
					font-size: 10px;
					margin: 0 0 5px;
					text-transform: uppercase;
				}
				.theme_comment .reply a {
					font-size: 10px;
					color: #666;
					font-weight: bold;
				}
				.theme_comment .reply a:hover {
					color: #fa4c29;
				}
				.theme_comment .reply a:before {
					content: "-";
					margin: 0 4px;
					color: #999;
				}
				.theme_comment .reply a:hover:before {
					color: #999;
				}

			/* Author */
			.bypostauthor .avatar-wrap, .bypostauthor .avatar-wrap:after { background-color: #eee; }

		/* Children */
		.theme_comment .children {
			margin: 0;
			padding: 30px 0 0 70px;
			position: relative;
		}

			.theme_comment .children .theme_comment {
				border-top: 1px dotted #ddd;
				margin: 30px 0 0;
				padding: 35px 0 0;
				position: relative;
			}

			.theme_comment .children .theme_comment:first-child { margin-top: 0; }

				.theme_comment .children .comment-body, .theme_comment .children .comment-meta { width: 530px; }

/* --- RESPOND --- */
#respond { }

	/* Form */
	#commentform .input:nth-child(3n) { margin-right: 0; }
	#commentform .input input {  width: 210px; }
	#commentform label { font-weight: bold; }
	#commentform label .required { font-weight: normal; }

	/* Allowed tags */
	.form-allowed-tags { font-size: 12px; }
	.form-allowed-tags span { display: block; }

	/* Comment notes */
	.comment-notes { font-size: 12px; }

	/* Cancel reply */
	#cancel-comment-reply-link { font-size: 18px; }


/* Contact Us
 ---------------------------------------------------------------------- */

/* Google Maps */
#gmap {
	background-color: #fff;
	height: 500px;
	position: relative;
	width: 100%;
}
#gmap:after {
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
	content: '';
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

/* Contact form  */
.contact-form .input:nth-child(2n) { margin-right: 0; }
.contact-form #ajax-message { margin-top: 20px; }

	.contact-form input { width: 298px; }
	.contact-form #contact-subject { width: 620px; }


/* Footer
 ---------------------------------------------------------------------- */

#footer {
	background-color: #999;
}
/* Footer widgets */
#footer-widgets {
	background: #eee;
	border-top: 1px solid #ddd;
	position: relative;
	overflow: hidden;
}
	#footer-widgets:before {
		-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
		content: '';
		left: 0;
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 2;
	}
	#footer-widgets:after {
		content: "";
		width: 20px;
		height: 20px;
		display: block;
		background: #222;
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -10px;
		z-index: 10;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
		.ie8 #footer-widgets:after { display: none; }

		#footer-widgets .boxed { padding-bottom: 0; }

/* Copyrights */
#copyrights {
	background: #222;
	padding:20px 30px 10px 30px;
	color: #777;
	font-size: 11px;
}
	#copyrights p { 
		margin-bottom: 10px;
	}


/* Plugins and default WP Classes
 ------------------------------------------------------------------------*/

/* Captions */
.wp-caption {
	max-width: 100%;
	padding: 4px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-style: italic;
	font-size: 12px;
}

/* Sticky post */
.sticky .featured-post { font-size: 12px; }

/* Password protected form */
input.pass_submit { margin:0 0 0 20px; padding: 8px 20px; }


/* Breadcrumb Navigation
 ------------------------------------ */

#breadcrumb-wrap { 
	width:100%;
	min-height: 38px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
#breadcrumb { 
	list-style: none; 
	float: left; 
	display:inline; 
	font-size:10px; 
	text-transform:uppercase; 
	padding:12px 30px 10px 30px;
	margin-bottom: 0;
}
	#breadcrumb li { 
		float: left;
		padding: 0; 
		color:#aaa;
		margin: 0;
		line-height: 14px;
	}
	#breadcrumb li .sep {
		margin: 0 4px 0px 4px;
		color: #ddd;
	}
	#breadcrumb li:last-child:after { display: none;}
	#breadcrumb li.breadcrumb-title { }
	#breadcrumb li a { 
		color:#999; 
		text-decoration:none; 
		float:left;
		line-height: 14px;
	}
	#breadcrumb li a:hover { 
		color:#fa4c29; 
	}

	/* Home */
	#breadcrumb li.breadcrumb-home a { 
		font-size: 14px;
	}
	#breadcrumb li.breadcrumb-home a span { color:#aaa; }
	#breadcrumb li.breadcrumb-home a:hover span { color:#666; }


/* WP-pagenavi
 ------------------------------------ */
.wp-pagenavi { 
	width:auto; 
	overflow:hidden; 
	padding:8px 0; 
	margin-bottom:40px;
}
	#portfolio-pagenav .wp-pagenavi { margin-bottom: 0; }
	.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.extend { 
		padding: 0 6px; 
		margin-right: 5px;
		line-height: 28px;
		height: 28px;
		font-size: 13px;
		font-weight:bold; 
		display: inline-block;
		text-align: right;
	}
	.wp-pagenavi a { 
		color: #666; 
		background-color: #eee;
	}
	.wp-pagenavi a:hover { 
		background-color:#fa4c29;
		color: #fff;
	}
	.wp-pagenavi span.pages { 
		color:#999; 
	}
	.wp-pagenavi span.current { 
		background-color:#fa4c29; 
		color:#fff;
	}
	.wp-pagenavi span.extend { 
		color: #666;
	}
	.wp-pagenavi span.pages { display: none;}


/* Sharrre
 ------------------------------------ */
#share-wrap {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 200;
}
	#share-wrap iframe { margin: 0; }
	#share .box {
		float: left;
		width: 100%;
	}
		#share .box a:hover {
			text-decoration: none;
		}
		#share .count {
			display: none;
			font-size: 24px;
			background-color: #111;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			text-align: center;
		}
		#share .share span {
			display: inline-block;
			font-size: 18px;
			border-left: 1px solid #ddd;
			height: 38px;
			width: 60px;
			line-height: 40px;
			text-align: center;
			color: #aaa;
		}
		#share .share:hover span {
			color: #666;
		}
		#share .buttons {
			position: absolute;
			right: 0;
			top: 38px;
			width: auto;
			min-width: 200px;
			background: rgb(255,255,255);
			background: rgba(255,255,255, 0.9);
			border: 1px solid #ddd;
			padding: 10px;
			text-align: center;
			overflow: hidden;
		}
		#share .button {
			float: left;
			margin: 0 5px;
			box-shadow: none;
			padding: 0;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			height: auto;
			cursor: pointer;
			color: white !important;
			text-shadow: none !important;
			font-size: 15px;
			line-height: normal !important;
			background: transparent;
			font-family: arial, sans-serif;
			font-weight: bold;
			letter-spacing: -1px;
		}
		#share .facebook {
			background-image: none;
		}


/* Sound Manager Style
 ------------------------------------ */

/* Main container */
#sm2-container {
	height:0px;
	overflow: hidden;
}
#soundmanager-debug { display: none; }

/* Music Player */
.mp {
	text-decoration: none;
	font-weight: bold;
	display: block;
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		 -o-transition: all .4s ease;
			transition: all .4s ease;
}
.mp {
	cursor: pointer;
}

/* Simple UI */
.mp .ui {
	display: none;
}
.mp.playing .ui,
.mp.paused .ui {
	display: block;
}
.mp .ui.progress,
.mp .ui.progress .loading,
.mp .ui.progress .position {
	height: .6em;
}
.mp .ui.progress {
	position: relative;
	border: 1px solid transparent;
	margin: .25em 0 0 0;
	overflow: hidden;
	cursor:ew-resize;
	cursor:-moz-grab;
	cursor:grab;
}
.mp .ui.progress .loading,
.mp .ui.progress .position {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.mp .ui.timing {
	float: right;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	width: 60px;
	text-align: right;
	cursor: text;
}
.mp.paused .ui.timing .elapsed {

}

/* Corners */
.mp {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Color Scheme */
.mp {
	color: #ddd;
}
.mp:hover {
	color: #fa4c29;
}
.mp.playing {
	color: #ddd;
}
.mp.paused {
	color: #999;
}
.mp .ui.timing {
	color: #ddd;
}
.mp.paused .ui.timing {
	color: #999;

}
.mp .ui.progress {
	background-color: #262626;
	border-bottom: #3d3d3d 1px solid;
	box-shadow: inset 1px 1px rgba(0,0,0,.4);
}
.mp.paused .ui.progress {
	background-color: #262626;
}
.mp .ui.progress .loading {
	background-color: #464646;
}
.mp .ui.progress .position, .mp.paused .ui.progress .position {
	background-color: #fa4c29;
}

/* Show ui*/
.show-ui .ui { display: block !important; }


/* Music player
 ------------------------------------ */
.mplayer-wrap {
	position: relative;
	background: #3a3a3a;
	overflow: hidden;
	margin-bottom: 20px;
}
	#page-player .mplayer-wrap { margin-bottom: 0; } 
	/* Player */
	.mplayer {
		width: 100%;
		overflow: hidden;
		padding: 0 20px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
		background: #303030;
		background:-webkit-linear-gradient(#303030,#252525);
		background:-moz-linear-gradient(#303030,#252525);
		background:-o-linear-gradient(#303030,#252525);
		background:-ms-linear-gradient(#303030,#252525);
		background:linear-gradient(#303030,#252525);
	}

		/* Navigation */
		.mp-nav {
			position: absolute;
			left: 20px;
			top: 9px;
		}
			.mp-nav a {
				display: inline-block;
				margin-right: 12px;
			}
			.mp-nav a span { 
				color: #999;
				font-size: 12px;
			}
			.mp-nav .icon-pause { display: none; }
			.mp-nav a:hover span { color: #ddd; }
			.mp-nav a.play { min-width: 10px; }
			.mp-nav a.play .icon-pause { display: none; }
			.mp-nav a.pause .icon-pause { display: block; }
			.mp-nav a.pause .icon-play { display: none; }

		/* Tracklist */
		.tracklist-wrap {
			height: 14px;
			margin: 12px 0 12px 0;
			position: relative;
			overflow: hidden;
			margin-left: 84px;
		}

		/* Tracklist */
		.tracklist {
			top: 0;
			left: 0;
			position: absolute;
			width: 100%;
			padding: 0;
			list-style: none;
			z-index: 2;
		}
			.tracklist li {
				margin: 0;
				padding: 0;
				height: 14px;
				overflow: hidden;
			}
				.tracklist li .track {
					background:none;
					padding: 0;
					text-indent: 0;
					margin: 0;
				}

	/* Tracklist navigation */
	.tracklist-nav {
		clear: both;
		width: 100%;
	}
		.tracklist-nav ul {
			margin-bottom: 0;
			list-style: none;
		}
			.tracklist-nav ul li {
				margin: 0;
				padding: 6px 20px;
				color: #ccc;
				-webkit-transition: all .4s ease;
		   	-moz-transition: all .4s ease;
				-ms-transition: all .4s ease;
			 	-o-transition: all .4s ease;
				transition: all .4s ease;
				cursor: pointer;
				border-bottom: 1px solid #252525;
				border-top: 1px solid #4c4c4c;
				overflow: hidden;
				position: relative;
			}
			.tracklist-nav ul li span {
				-webkit-transition: all .4s ease;
		   	-moz-transition: all .4s ease;
				-ms-transition: all .4s ease;
			 	-o-transition: all .4s ease;
				transition: all .4s ease;
			}
			.track-title {
				float: left;
			}
			.tracklist-nav ul li:hover .track-title, .tracklist-nav ul li.active .track-title {
				color: #fff;
			}
			
			.track-title, .track-buttons, .track-desc { margin-left: 24px; }
			.tracklist-nav ul li .track-num {
				font-size: 12px;
				display: inline-block;
				font-weight: bold;
				position: absolute;
				left: 20px;
				top: 6px;
			}
			.tracklist-nav ul li:hover .track-num, .tracklist-nav ul li.active .track-num { color: #fff }

			/* Player button */
			.track-buttons {
				float: right;
				z-index: 100;
			}
			.track-button {
				display: inline-block;
				font-size: 9px;
				line-height: 10px;
				padding: 4px 6px;
				color: #ddd;
				background-color: #666;
				border-radius: 2px;
				margin-left: 6px;
			
			}
			.track-button:hover {
				color: #fff;
				background-color: #fa4c29;
			}

			/* Track description */
			.track-desc {
				display: block;
				font-size: 11px;
				clear: both;
				color: #888;
			}

/* ThumbSlider
 ------------------------------------ */
.thumb-slide {
	cursor: pointer;
	display: block;
	position: relative;
	font-size: 0;
	overflow: hidden;
	line-height: 0;
}
	.thumb-slide img { 
		margin-bottom: 0;
		line-height: normal;
		max-width: 100%; 
		max-height: 100%;
	}
	.thumb-slide.alignleft { margin-bottom: 30px; margin-right: 30px; }
	.thumb-slide.alignright { margin-bottom: 30px; margin-left: 30px; }
	.thumb-slide.aligncenter { margin-bottom: 30px; }

	.thumb-slide .thumbs-wrap {
		display: block;
		z-index:1;
	}
	.thumb-slide img:last-child {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		visibility: hidden;
	}
	.ie8 .thumb-slide img:last-child { background-color: #000;}


/* TopTip
 ------------------------------------ */
.tip-content { 
	position: absolute; 
	opacity: .95; 
	filter:alpha(opacity=95);
	z-index: 999;
	background-color: #eee;
	overflow: hidden;
}

	.tip-content p { 
		min-height: 100px;
		margin-bottom:0px;   
		font:bold 11px/17px Arial; 
		color:#333; 
		padding:20px; 
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
	 
	}
		/* Title */
		.tip-content p span {
			display: block;
			margin-bottom: 10px;
			color: #000;
			font-weight: bold;
			font-size: 12px;
		}