/*
 * Theme Name: Mollis
 * Theme URI: http://synesteth.com/mollis
 * Description: Modern theme for your business
 * Author: Synesthete
 * Author URI: http://synesteth.com
 * Version: 1.0
 * License: 
 * License URI: license.txt
 * Tags: dark, light, one-column, two-columns, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, theme-options
*/

/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
	
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
   		License: none (public domain)
	*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	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 {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	html {
		font-size: 62.5%; 
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	body {
	background: #dedede;
	font-family: "Book Antiqua", "Georgia", "serif";
	font-size: 16px;
	line-height: 18px;
	color: #555;
	position: relative;
	-webkit-font-smoothing: antialiased; }

/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25; margin-bottom: 15px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 26px; font-size: 2.6rem; }
	h2 { font-size: 22px; font-size: 2.2rem; }
	h3 { font-size: 20px; font-size: 2rem; }
	h4 { font-size: 20px; font-size: 1.8rem; }
	h5 { font-size: 16px; font-size: 1.6rem; font-weight: normal; }
	h6 { font-size: 14px; font-size: 1.4rem; font-weight: normal; }
	
	html body.page div#wrapper header div.row hgroup.six h4.mobile-phone {
		font-weight: normal;
	}
	html body.page div#wrapper header div.row hgroup.six h4.phone {
		font-weight: normal;
	}
	

	p { line-height: 1.6; margin: 0 0 15px; }
	p img { margin: 0; }
	p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px;  }
	
		/* Mobile */
		
		@media handheld, only screen and (max-width: 767px) {
			body, p {  font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
		}
	
	em { font-style: italic; line-height: inherit; }
	strong { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

	/**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */
	@media print {
	  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	  p a, p a:visited { color: #444 !important; text-decoration: underline; }
	  p a[href]:after { content: " (" attr(href) ")"; }
	  abbr[title]:after { content: " (" attr(title) ")"; }
	  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	  tr, img { page-break-inside: avoid; }
	  @page { margin: 0.5cm; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h2, h3{ page-break-after: avoid; }
	}


/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
	a { color: #C36241; text-decoration: none; outline: 0; line-height: inherit; }
	a:hover { color: #FF0000; }
	p a, p a:visited { line-height: inherit; }
	
	
	
/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */

	#wrapper { padding: 0; }
	
	.row { width: 100%; max-width: 940px; min-width: 727px; margin: 0 auto; }
	/* To fix the grid into a certain size, set max-width to width */
	.row .row { min-width: 0px; }
	
	.column, .columns { margin-left: 4.4%; margin-bottom: 25px; float: left; min-height: 1px; position: relative; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
	.column:first-child, .columns:first-child, .first-child { margin-left: 0px; }
	
	.row .one.columns { width: 4.3%; }
	.row .two.columns { width: 13%; }
	.row .three.columns { width: 21.7%; }
	.row .four.columns { width: 30.4%; }
	.row .five.columns { width: 39.1%; }
	.row .six.columns { width: 47.8%; }
	.row .seven.columns { width: 56.5%; }
	.row .eight.columns { width: 65.2%; }
	.row .nine.columns { width: 100%; }
	.row .ten.columns { width: 82.6%; }
	.row .eleven.columns { width: 91.3%; }
	.row .twelve.columns { width: 100%; text-align:center; }
	
	.row .offset-by-one 	{ margin-left: 13.1%;  }
	.row .offset-by-two 	{ margin-left: 21.8%;  }
	.row .offset-by-three 	{ margin-left: 30.5%;  }
	.row .offset-by-four 	{ margin-left: 39.2%;  }
	.row .offset-by-five 	{ margin-left: 47.9%;  }
	.row .offset-by-six 	{ margin-left: 56.6%;  }
	.row .offset-by-seven 	{ margin-left: 65.3%;  }
	.row .offset-by-eight 	{ margin-left: 74.0%;  }
	.row .offset-by-nine 	{ margin-left: 82.7%;  }
	.row .offset-by-ten 	{ margin-left: 91.4%;  }
	/*.row .offset-by-eleven 	{ margin-left: 95.7%;  }*/
	
	.row .one.centered { margin-left: 47.9%; }
	.row .two.centered { margin-left: 43.5%; }
	.row .three.centered { margin-left: 39.2%; }
	.row .four.centered { margin-left: 34.8%; }
	.row .five.centered { margin-left: 30.5%; }
	.row .six.centered { margin-left: 26.1%; }
	.row .seven.centered { margin-left: 21.8%; }
	.row .eight.centered { margin-left: 17.4%; }
	.row .nine.centered { margin-left: 13.1%; }
	.row .ten.centered { margin-left: 8.7%; }
	.row .eleven.centered { margin-left: 4.3%; }

	.row .offset-by-one:first-child 	{ margin-left: 8.7%;  }
	.row .offset-by-two:first-child 	{ margin-left: 17.4%;  }
	.row .offset-by-three:first-child 	{ margin-left: 26.1%;  }
	.row .offset-by-four:first-child 	{ margin-left: 34.8%;  }
	.row .offset-by-five:first-child 	{ margin-left: 43.5%;  }
	.row .offset-by-six:first-child 	{ margin-left: 52.2%;  }
	.row .offset-by-seven:first-child 	{ margin-left: 60.9%;  }
	.row .offset-by-eight:first-child 	{ margin-left: 69.6%;  }
	.row .offset-by-nine:first-child 	{ margin-left: 78.3%;  }
	.row .offset-by-ten:first-child 	{ margin-left: 87%;  }
	.row .offset-by-eleven:first-child 	{ margin-left: 95.7%;  }
	
	img, object, embed { max-width: 100%; height: auto; }
	img { -ms-interpolation-mode: bicubic; }
		
	
	/* Clear the columns automagically */
	/*
 .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .row:last-child:after { content: ""; }
	 * html .row, * html .clearfix { height: 1%; }
	 .row, .clearfix { display: inline-block; }
	 .row, .clearfix { display: block; }
*/
	 
	 /* Testing Nicolas Gallagher's micro clearfix */
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }



/*	--------------------------------------------------
	:: Tables
	-------------------------------------------------- */
	
	table { -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }

	table thead, table tfoot {font-family: Georgia; font-style: italic; }
	table tfoot { background: #f5f5f5 none; }
	table tfoot:before { content: ""; height: 5px; background: #f5f5f5 none; }
	
	table thead tr th,
	table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
	table thead tr th { padding: 8px 10px 9px; font-size: 14px; color: #222; }
	table thead tr th:first-child { border-left: none; }
	table thead tr th:last-child { border-right: none; }
	
	table thead tr {  }
	table tbody {  }
	table tbody tr { }
	table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; text-align:center;}
	table tbody tr td:hover { }
	td#prev, td#next { text-align: center; padding: 8px 0; }
	td#prev a, td#next  a { text-align: center; font-size: 14px; }
/* -------------------------------------------------- 
	:: Misc
---------------------------------------------------*/
	.left       { float: left; }
	.right      { float: right; }
	.hide     	{ display: none; }
	.highlight 	{ background: #ff0; }

	
/*	--------------------------------------------------
	:: Block grids
	
	These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	-------------------------------------------------- */
	
	.block-grid { display: block; overflow: hidden; }
	.block-grid li { display: block; height: auto; float: left; }
	
	.block-grid.two-up { margin-left: -4% }
	.block-grid.two-up li { margin-left: 4%; width: 46%; }
	
	.block-grid.three-up { margin-left: -2% }
	.block-grid.three-up li { margin-left: 2%; width: 31.3%; }
	
	.block-grid.four-up { margin-left: -2% }
	.block-grid.four-up li { margin-left: 2%; width: 23%; }
	
	.block-grid.five-up { margin-left: -1.5% }
	.block-grid.five-up li { margin-left: 1.5%; width: 18.5%; }
	
	.clear-mess { clear: both; }

/*	================================================
================================= NAVIGATION === */

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size: 16px; 
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; 
}

.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit;
}

.sf-menu li {
	position:		relative;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
	margin-right: 5px;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3em; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
}

.sf-menu a.sf-with-ul {
	padding-right: 25px;
}

.sf-menu a {
	padding: 		1.3em;
	text-decoration:none;
}

.sf-menu li li a, .sf-menu li:first-child a {
	background: none;
}

.sf-menu a  { 
	color: #494949;
	text-shadow: -1px -1px 1px #fff;
	margin-right:2px;
}

.sf-menu li li a {
	font-size: 0.9em !important;
}

.sf-menu li li a {
	background: url('images/_top_bg.html') repeat-x top;
}

.sf-menu li li a:hover {
	color: #373737;
}

.sf-menu a:hover {
	color: #111;
}

.sub-menu {
	margin-top: 0.6em;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	padding: 1px 0 1px 1px;
	background: white;
	z-index: 1009;
}

li li .sub-menu {
	margin-top: 0;
}

.hwdie8 li li .sub-menu {
	margin-top: -1px;
}

.sub-menu li {
	background: #f9f9f9 url('images/button-big.png') repeat-x top;
}

.sf-menu li li:hover {
	background: #f6f7f7 none;
}

.sf-sub-indicator {
	position: absolute;
	right: 7px;
	width: 10px;
	height: 9px;
	top: 50%;
	margin-top: -5px;
	text-indent: 	-999em;
	background:		url('images/navarrows.png') no-repeat bottom left;
}

li li .sf-sub-indicator, li li li .sf-sub-indicator {
	right: 10px;

}

/* apply hovers to modern browsers */
li:hover > a > .sf-sub-indicator {
	background:		url('images/navarrows.png') no-repeat top left;
}

li li:hover > a > .sf-sub-indicator,
li li.sfHover > a > .sf-sub-indicator {
	background:		url('images/navarrows.png') no-repeat top left;
}

/*	================================================
===================================== LAYOUT === */

header {
	background: #eaeaea url('images/header_big_bg.png') no-repeat center top;
	border-top: 4px solid #eaeaea;
	position: relative;
}

header:after {
	content: "";
	width: 100%;
	height: 5px;
	display: block;
	position: absolute;
	top: -4px;
}

header:before {
	content: "";
	width: 100%; 
	height: 5px;
	display: block;
	position: absolute;
	bottom: -1px;
	background: url('images/edge-shadows.png') repeat-x bottom;
}

header .less-space, header .twelve {
	margin: 0;
}

header #logo, header hgroup {
	margin: 0px 0;
	z-index: 10;
}

#logo h1 {
	margin: 0;
}

#logo p {
	font-family: georgia;
	font-style: italic;
}

header hgroup h4 {
	text-align: right;
	float:  right;
	margin-bottom: 0;
	padding: 3px 0 0 25px;
	font-size: 18px;
	text-shadow: -1px -1px 1px rgba(255,255,255,.9);
}

hgroup h4.phone {
	background: url('images/icons/phone.png') left 75% no-repeat;
}

hgroup h4.mobile-phone {
	background: url('images/icons/phone-mobile.png') left 75% no-repeat;
	margin-left: 20px;
}

hgroup h4.mail {
	background: url('images/icons/mail.png') left 75% no-repeat;
	clear: right;
	font-weight: normal;
	margin-top: 5px;
}

nav {
	clear: both;
	position: relative;
	background: url('images/nav_bg.png') no-repeat left top;
}

nav #responsive-menu {
	display: none;
	padding: 20px 0;
	width: 100%;
}

nav #responsive-menu select {
	width: 100%;
	padding: 5px;
}


nav:before {
	content: "";
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: url('images/header_bg.png') no-repeat center top;
}

#featured-portfolio {
	padding-top: 41px;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
}

#featured-portfolio:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 115px;
	background: url("images/header_bg.png") no-repeat scroll center bottom transparent;
}

#featured-portfolio .columns, .portfolio-item.columns {
	margin-bottom: 4.4%;
}

#home-testimonials {
	padding: 0;
	min-height: 194px;
	margin-top: -25px;
	margin-bottom: 25px;
	background: url('images/valvolinelogo.jpg') repeat-x center bottom #65E3DF;
	position: relative;
	z-index: 2;
}

#home-testimonials:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	display: block;
	background: url('images/sidebar.png') repeat-y left;
}

#home-testimonials:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 100%;
	height: 15px;
	display: block;
	background: url('images/page-shadow.png') no-repeat right bottom;
	z-index: 1;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#home-testimonials:hover:before {
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	background: url('images/page-shadow.png') no-repeat right -6px;
}

#home-testimonials ul {
	padding: 35px;
	background: url('images/header_big_bg.png') no-repeat 85px top;
}

#home-testimonials li, #home-testimonials blockquote {
	padding: 0;
	border: none !important;
	color: white;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

#home-testimonials li p {
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5);
	color: #222222;
	font-size: 1.2em;
}

#home-testimonials .author, #home-testimonials .occupation {
	font-weight: normal;
	font-style: italic;
	font-family: Georgia;
	display: block;
}

#home-testimonials .author {
	font-weight: bold;
}

.qr_buttons {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.qr_buttons button {
	width: 30px; height: 31px;
	text-indent: -999em;
	border: none;
}

.qr_buttons button.qr_previous {
	background: url('images/test-buttons.png') no-repeat left top;
}

.qr_buttons button.qr_previous:hover {
	background: url('images/test-buttons.png') no-repeat 0 -30px;
}

.qr_buttons button.qr_next {
	background: url('images/test-buttons.png') no-repeat right top;
}

.qr_buttons button.qr_next:hover {
	background: url('images/test-buttons.png') no-repeat 100% -30px;
}

#content-holder {
	margin-top: 35px;
	position: relative;
}
#main {
	position: relative;
	margin-bottom: 10px;
}

#main.slider-enabled {
	padding-top: 115px;
	margin-top: -115px;
}

#main:before {
	content: "";
	width: 100%; 
	height: 100px;
	display: block;
	position: absolute;
	top: -34px;
	left: 0;
	background: url('images/main_bg.png') repeat-x bottom;
}

#crumbs a, #crumbs span {
	float: left;
	margin-right: 7px;
}

#crumbs span {
	font-size: 0.9em;
}

.shadow article {
	position: relative;
}

.shadow article:before, .featured-image h2:before, #controls #left:before, #controls #right:before {
	content: "";
	width: 70px; 
	height: 85px;
	display: block;
	position: absolute;
	bottom: 0;
	left: -70px;
	background: url('images/slider_bg.png') no-repeat 7px 9px;
}

.thumbnail {
	margin-bottom: 5px;
	height: 160px;
	position: relative;
	overflow: hidden;
}

.portfolio-item-two .thumbnail {
	height: 230px;
}

.portfolio-item-four .thumbnail {
	height: 130px;
}

.thumbnail span.link, .featured-image .link {
	display: block;
	height: 100%;
	background: #000;
	overflow: hidden;
	position: relative;
}

.thumbnail img {
	width: 100% !important;
}

.featured-image {
	position: relative;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	margin-bottom: 35px;
}

.featured-image img {
	display: block;
}

.featured-image.full img {
	width: 100%;
}

.featured-image.full .link {
	max-height: 330px;
}

.featured-image:before {
	content: "";
	width: 70px; 
	height: 85px;
	display: block;
	position: absolute;
	bottom: 0;
	left: -68px;
	background: url('images/slider_bg.png') no-repeat left bottom;
}

.featured-image h2 {
	position: absolute;
	bottom: -30px;
	right: 10px;
	color: white;
	padding: 8px 16px 13px;
	display: inline-block;
	text-shadow: -1px -1px 0px rgba(0,0,0,.1);
	background: #65e3df url('images/button.png') repeat-x bottom;
	z-index: 2;
}


.excerpt {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 13px;
	padding: 0 0 15px 0;
	z-index: 5;
}

.excerpt h4 {
	margin: 0;
	position: relative;
}
.excerpt h4 a, #controls #left, #controls #right {
	background: #65e3df url('images/button.png') repeat-x bottom;
	color: white !important;
	padding: 5px 9px 7px;
	position: relative;
	display: inline-block;
	text-shadow: -1px -1px 0px rgba(0,0,0,.1);
}

.excerpt h4 a:after, .nivo-caption h3:after, .featured-image h2:after {
    background: url('images/header_big_bg.png') no-repeat 0 -15px transparent;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    opacity: .75;
    filter: alpha(opacity=75);
}

.excerpt p {
	background-color: #151515;
	color: white;
	padding: 5px 9px;
	display: inline-block;
	margin-bottom: 0;
	font-family: Georgia;
	font-style: italic;
}

.thumbnail .button, .thumbnail .button.video, .featured-image .button {
	position: absolute;
	left: 50%;
	top: -100%;
	margin-top: -20px;
	margin-left: -40px;
	text-indent: -999em;
	width: 40px;
	height: 40px;
	border: none;
	background: url('images/thumbnail_morebutton.png') transparent center no-repeat;
	padding: 0;
	border-radius: 0;
}

.thumbnail .button.single, .featured-image .button.single {
	margin-left: -20px;
}

.thumbnail .button.video {
	margin-left: 0px;
	background: url('images/lightbox.png') transparent center no-repeat;
}

.featured-image .button.video {
	margin-left: -20px;
	background: url('images/lightbox.png') transparent center no-repeat;
}


#content-holder aside {
	background: url('images/sidebar.png') top left repeat-y;
	border-radius: 0 0 6px 0;
	z-index: 10;
}

.single-portfolio aside {
	min-height: 270px;
}

#content-holder aside:before, #content-holder aside:after {
	height: 35px;
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -35px;
	background: url('images/sidebar_top.png') bottom left no-repeat;
}

#content-holder aside:after {
	bottom: -30px;
	top: auto;
	height: 30px;
	background: transparent url('images/sidebar_btm.png') top left no-repeat;
}

#content-holder aside li, #error404 li {
	padding: 6px 0 7px;
	border-bottom: 1px dashed #F5F5F5;
}

article .hentry {
	margin-bottom: 25px;
}

#singular-slider {
	max-height: 390px;
}

#singular-slider:before, #featured:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -37px;
	height: 100px;
	width: 100%;
	border-bottom: 1px solid #f5f5f5;
	background: url('images/header_bg.png') center bottom;
}

.sidebar-wg {
	padding: 0 35px 35px;
	overflow: hidden;
}

footer {
	padding: 30px 0 10px;
	position: relative;
	background: #F5F5F5;
}

footer:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	background: url('images/edge-shadows.png') left -6px repeat-x;
}

footer h3, footer h3 a {
	text-shadow: -1px -1px 1px rgba(255,255,255,.9);
}

footer h3, .sidebar-wg h3 {
	background: url('images/nav_top_bg.png') repeat-x bottom;
}

#copyrights-area {
	padding-top: 20px;
	position: relative;
	border-top: 1px solid #eee;
}

#copyrights-area.no-wg {
	border-top: 1px solid #f5f5f5;
	text-shadow: -1px -1px 1px rgba(255,255,255,.9);
}

#copyrights-area.no-wg {
	border-top: 1px solid #f5f5f5;
	text-shadow: -1px -1px 1px rgba(255,255,255,.9);
}

/*
#copyrights-area:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 5px;
	bottom: 0;
	background: url('images/edge-shadows.png') left -5px repeat-x;
}
*/
#footer-menu {
	float: right;
}

#footer-menu ul li {
	float: left;
	margin-left: 18px;
	position: relative;
}

#footer-menu ul li:before {
	content: "";
	position: absolute;
	display: block;
	left: -9px;
	top: 25%;
	width: 1px;
	height: 50%;
	background-color: #ebebeb;
}

#footer-menu ul li:first-child:before {
	width: 0;
}

/*	================================================
====================== BLOG/SINGLE POST PAGE === */

.blog article, .archive article {
	margin-bottom: 30px;
}

.blog article:last-child, .blog #main {
	margin: 0;
}

.meta {
	padding: 0;
	display: none;
}

.meta p {
	text-indent: 25px;
}

.meta.blog p.b_date {
	background: url('images/icons/clock.png') no-repeat 0 7px;
}

.meta.blog p.b_author {
	background: url('images/icons/author.png') no-repeat 0 7px;
}

.meta.blog p.b_comm {
	background: url('images/icons/comment.png') no-repeat 0 7px;
}

.meta.blog p.b_cat{
	background: url('images/icons/cat.png') no-repeat 0 7px;
}

.meta.blog p.b_tags {
	background: url('images/icons/tags.png') no-repeat 0 7px;
}

.services {
	margin-bottom: 25px;
}

.meta p, .services li {
	font-style: italic;
	font-family: Georgia;
	margin: 0;
	padding: 6px 10px 7px 0;
	border-top: 1px dashed #f5f5f5;
}

.meta p:first-child, .services li:first-child {
	border-top: none;
}

.social.buttons {
	width: 99.8%;
	border: 1px solid #f5f5f5;
	padding: 10px 0 6px;
	margin-bottom: 10px;
	background: url('images/patterns/3.png');
	display: none;
}

.social.buttons li {
	display: inline-block;
}

.social.buttons li:first-child {
	margin-left: 15px;
}

.social.buttons li.gplus {
	width: 75px;
}

.fb_iframe_widget iframe {
	vertical-align: baseline !important;
}

/*	================================================
============ PORTFOLIO LISTING & SINGLE PAGE === */

.remained-folio-items {
	height: 65px;
	overflow: hidden;
	margin-bottom: 1px;
	position: relative;
}

.remained-folio-items:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	padding-bottom: 1px;
	background: url('images/sidebar.png') repeat-y top left;
}

.remained-folio-items a {
	display: block;
	color: white !important;
}

.remained-folio-items .r-f img {
	width: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	padding-right: 15px;
	background: #65e3df url('images/button-big.png') repeat-x bottom;
}

.remained-folio-items .ov {
	display: block;
	width: 100%;
	height: 65px;
	position: absolute;
	background-color: #caeaee;
}

.ov img {
	opacity: .05;
	filter: alpha(opacity=5);
	width: 100%;
}

.remained-folio-items h4 {
	position: absolute;
	right: 11px;
	bottom: 10px;
	margin: 0;
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
}

.remained-folio-items h4 a {
	padding: 4px 8px;
	color: white;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

#fb-root {
	width: 1px;
	display: none;
}

/*	================================================
=================================== COMMENTS === */

#commentarea {
	float: left;
	width: 615px;
	padding: 30px 0 0;
	display: none;
	}
	
#commentform div {
	float: left;
	padding: 10px 0 0 0;
	width: 100%;
}

#respond {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
}

li #respond {
	padding: 0 5%;
}
	
	
#commentarea li ul {
	float: right;
	width: 90%;
}

.comment-body {
	position: relative;
	padding:4%;
	float: left;
	width: 92%;
	border-top: 1px solid #f5f5f5;
}

.comment-body:hover {
}


#commentarea ol {
	width: 100%;
	float: left;
}

.comment p {
	padding-left: 0;
}

.comment p.comment-meta {
	width: 65%;
}

.comment-notes {
	padding-bottom: 10px;
}

.comment-notes .required {
	padding: 0 7px 0 0;
}

#trackbacks {
	float:left;
	padding: 12px 0;
}

#respond label {
	float: left;
	text-align: left;
}

.reply {
	position: absolute;
	bottom: 10px;
}

/*	================================================
=== FORMS (inputs, textareas & contact form 7 === */

input, textarea {
	width: 100%;
	padding: 5px 0;
	height: 18px;
	line-height: 18px;
	border: 1px solid #E5E5E5;
	text-indent: 5px;
	border-radius: 3px;
	outline:none;
	background: white;
	position: relative;
	color: #888;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
}

.wpcf7 input, .wpcf7 textarea {
	width: 100% !important;
}

input:hover, textarea:hover, .jNiceSelectText:hover {
	border: 1px solid #d2d2d2;
}

textarea {
	height: 80px;
	overflow: auto;
}

input[type=submit], button, a.button {
	background: white url('images/button.png') repeat-x top;
	height:29px;
	width: auto;
	padding: 0 7px;
	border: 1px solid;
	cursor: pointer;
	text-indent: 0;
	margin-top: 5px;
	border-color: #D4D4D4;
	border-radius: 4px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.75);
	box-shadow:none;
}

a.button {
	display: inline-block;
	padding: 4px 10px;
	height: auto;
}


button {
	height: auto;
	padding: 7px;
}

input[type=submit]:hover, button:hover, a.button:hover {
	border-color: #b4b4b4;
}

.required {
	float: left;
	padding-left: 6px;
	color: #e30000;
}


#searchform input[type=submit] {
	background: url('images/search.png') no-repeat left top transparent;
    border: medium none !important;
    border-radius: none;
    cursor: pointer;
    height: 27px;
    margin: 0;
    position: absolute;
    right: 0px;
    text-indent: -999em;
    top: 1px;
    width: 27px;
    opacity: 0.45;
	 filter: alpha(opacity=45);
	 box-shadow: none;
}


#searchform input[type=submit]:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border: none;
	background-color: transparent;
}

#searchform {
	position: relative;
}

.navigation {

}

.navigation .previous, .navigation  .next {
	width: 30%;
	float: left;
	font-size: 13px;
	position: relative;
}

.navigation .previous a, .navigation .next a {
	padding: 20px 0;
	display: block;
}

.navigation .next {
	float: right;
	padding-right: 6%;
	text-align: right;
}


.navigation .previous {
	padding-left: 6%;
}


/*	================================================
=============================== CONTACT PAGE === */

div.wpcf7 {
	float: left;
	padding: 0 !important;
	width: 99.9%;
}

div.wpcf7 p {
	float: left;
	width: 100%;
	margin: 0;
}

.wpcf7 br {
	display: none;
}

span.wpcf7-form-control-wrap {
	position: relative !important;
	margin-bottom: 15px;
	display: block !important;
}

span.wpcf7-not-valid-tip {
	padding: 7px 0 !important;
	background: transparent !important;
	margin: 0 !important;
	top: 0 !important;
	left: 0 !important;
	height: 15px;
	text-indent: 7px;
	line-height: 14px;
	width: 100% !important;
	color: #FF0000;
	border: none !important;
}

.wpcf7-response-output {
	float:left;
	padding: 7px 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
	width: auto;
	padding: 0;
	margin: 0;
	float: left;
	line-height: 1;
	border: none;
	background: transparent;
}

.wpcf7 span.wpcf7-list-item {
	margin: 0;
	float: left;
}

.wpcf7 span.wpcf7-list-item-label {
	float: right;
	margin: 0 1em 0 0.5em;
}

#footer .wpcf7-response-output {
	width: 100% !important;
	color: #e30000;
}

div.wpcf7-validation-errors {
	border: none !important;
}


/*	================================================
================================= SHORTCODES === */

/* alert boxes */

.alertbox, .newsbox, .infobox, .succesbox {
	text-align: left;
	margin: 0 auto 15px;
	text-shadow: -1px -1px 0 white;
	background-color: #edadad;
	float: left;
}

.alertbox p, .newsbox p, .infobox p, .succesbox p {
	padding: 15px 15px 15px 60px;
	margin: 0;
}

.alertbox p {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
	background: url('images/icons/alert.png') no-repeat 15px center;
}

.succesbox {
	background-color: #d2eaa1;
}

.succesbox p {
	background: url('images/icons/done.png') no-repeat 15px center;
}

.newsbox {
	background-color: #fdf8ac;
}

.newsbox p {
	background: url('images/icons/news.png') no-repeat 15px center;
}

.infobox {
	background-color: #DDF5F9;
}

.infobox p {
	background: url('images/icons/info.png') no-repeat 15px center;
}


/* button */

.info {
	z-index: 1005;
	position: absolute;
	right: 40px;
	bottom: 40px;
}


a.morecustom {
	padding: 6px 35px 6px 15px;
	height: auto;
	position: relative;
	font-size: 11px;
}

a.morecustom:after {
	content: "";
	width: 30px;
	height: 28px;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	right: 3px;
	background: url('images/slider-blips.png') no-repeat right bottom;
}

a.morecustom:hover:after {
margin-top: -12px;
	background: url('images/slider-blips.png') no-repeat right top;
}

a.morecustom.button {
	border-radius: 25px;
}

.pc-item a.morecustom.button {
	background: none;
	border: none;
	margin-bottom: -5px;
	margin-top: -13px;
}

.post-excerpt a.morecustom {
	margin-top:15px;
}

/* lists */

.dropcap {
	font-size: 36px;
	line-height: 36px;
	margin: 10px 10px 0px 0;
	float: left;
}

/* lists */

.check-list, .default-list {
	clear: both;
	width: 100%;
	margin: 0 25px 15px 0;
	padding:0;
}

.check-list li, .default-list li {
	padding: 7px 0;
}

.default-list li {
	background: url('images/default.html') no-repeat left 12px;
	text-indent: 15px;
	list-style: none;
}

.check-list li {
	background: url('images/check.html') no-repeat left 12px;
	text-indent: 15px;
	list-style: none;
}

ul li h3 {
	text-indent: 0;
	background: none;
}

/* Pullquote */

.pullquote {
    display: inline;
    float: left;
    font-style: italic;
    font-weight: bold;
    font-size: 1.1em;
    margin: 15px 15px 10px 0;
    padding: 0 7px 0 0;
    text-align: left;
    width: 30%;
    position: relative;
}


.pullquote.right {
	float: right;
	margin: 15px 0 10px 15px;
	text-align: left;
	padding: 0 0 0 7px;
}

/* Slide panels */

.toggle_slide {
	float: left;
	width: 100%;
}

h3.trigger {
	width: 100%;
	float: left;
	position: relative;
}

h3.trigger a {
	display: block;
	float: left;
	padding-left: 15px;
}

h3.trigger span {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	background: url('images/navarrows.png') no-repeat left bottom;
}

h3.trigger.active span {
	background: url('images/navarrows.png') no-repeat left top;
}

h3.trigger:hover span {
	padding: 0;
	float: left;
	width: 10px;
	height: 10px;
	background: url('images/navarrows.png') no-repeat left top;
}


.toggle_container {
	float: left;
	padding: 0 0 25px 15px;
	margin-top: 5px;
}

/*	================================================
==================================== WIDGETS === */
.wg {
	float: left;
	margin-left: 4.4%;
	position: relative;
	z-index: 6;
	width: 100%;
	min-height: 1px;
}

.wg:first-child {
	margin-left: 0;
}

.col-2 .wg {
	width: 47.8%;
}

.col-3 .wg {
	width: 30.4%;
}

.col-4 .wg {
	width: 21.7%;
}

.col-5 .wg {
	width: 15%;
}

.wg li {
	padding: 6px 0 7px;
	border-bottom: 1px dashed #e9e9e9;
}

.thumb-posts {
	border-bottom: 1px dashed #f5f5f5;
}

.wg li:last-child, .thumb-posts:last-child {
	border: none;
}

.wg li p {
	margin: 0;
	color: #65E3DF;
}

.wg li:hover {
}


/* flickr */

#flickr-content {
    float: left;
    padding: 7px 0 0;
}

.flickr-image, .thumb-posts img {
    float: left;
    margin: 0 10px 9px 0;
    overflow: hidden;
    padding: 3px;
	 background: #fcfcfc url('images/button-big.png') top repeat-x;
	 border: 1px solid #e0e0e0;
}

.hwdie8 .flickr-image, .hwdie8 .thumb-posts img {
	border: 1px solid #e0e0e0;
} 

.thumb-posts img {
	margin-bottom: 0;
}

.flickr-image img {
	float: left;
}

#footer .flickr-image {
    float: left;
}



/* thumbnail posts */

.thumb-posts {
	width: 100%;
	float: left;
	padding: 9px 0;
}

.thumb-posts span.title {
	margin-top: 6px;
}

#sidebar .thumb-posts span.title {
	margin-top: 0;
}

.thumb-posts span.date {
	color: #6a6a6a;
	font-style: italic;
}

.thumb-posts .tpimg {
	display:block;
	background-color: black;
}

.hwdie8 .thumb-posts .tpimg {
	min-width: 45px;
}


.thumb-posts img {
	margin: 0 9px 0 0;
}

.thumb-posts .title, .thumb-posts date {
	width: 100%;
	display: block;
}

/* news & comments */
#footer .news-list li {
	float: left;
}

#footer .news-list li a {
	display: inline;
}

#footer .news-list li a:hover {
	background: none;
}

.news li p {
	padding-bottom: 0;
}

/* rss */

.widget_rss h3 img {
display: none;
}

#sidebar .widget_rss li a:hover, #footer .widget_rss li a:hover {
	background: none;
	padding-left: 0;
	text-indent: 0;
}

/* search */

.sidebar-wg .search {
	margin:15px 0 0 0;
	}



/* tag-cloud */

#sidebar .widget_tag_cloud div{
	margin-top: 10px;
}

/* text */

.textwidget {
	margin:0;
	}

.widget_tag_cloud .wg-inner div {
	margin: 0;
}

/* twitter */

.twitter {
	float: left;
	margin: 0;
}

.twitter li {
	padding: 7px 0;
}

.twitter li a {
	padding: 0;
	border-top: none;
	float: none;
	display: block;
}

.twitter-timestamp {
	display: block;
	font-size: 1;
	font-style: italic;
	text-align: left;
	color: #c9c9c9;
}

/* gallery */

#replace {
	float: left;
	padding: 0 0 0 4px;
	padding-bottom: 25px;
}

#replace dl {
	float: left;
	padding: 3px;
	margin: 0 5px 5px 0;
	background: #fcfcfc url('images/button-big.png') bottom repeat-x;
	border: 1px solid #e0e0e0;
}

#replace dt,#replace a {
	float: left;
}

#replace p {display:none;}

#replace img {
	border: none;
	float:left;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
}

#replace img:hover {
	background: none;
}

.gmap {
	padding: 9px;
	border: 1px solid #fff;
	background: url('images/patterns/3.png');
	box-shadow: inset 0 0 3px rgba(0,0,0,.1);
}

.gmap iframe {
	vertical-align: middle;
	width: 100%;
	min-height: 250px;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
}

/*	================================================
=========================== WORDPRESS STYLES === */

.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.aligncenter {
	padding: 6px;
   margin-bottom: 20px!important;
}

.alignleft {
	float: left;
	width: auto;
	padding: 6px 0;
	margin: 5px 20px 6px 0;
}

.alignright {
	float: right;
	width: auto;
	padding: 6px 0;
	margin: 5px 0 6px 20px;
}

.navigation .alignright, .navigation .alignleft {
	background: none;
}

.wp-caption {
	font-size: 13px;
	text-align: center;
	background: #fcfcfc url('images/button-big.png') bottom repeat-x;
	border: 1px solid #e0e0e0;
}

.wp-caption img {
	float: none;
	margin: 0px;
	padding: 0px;
	border: none;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.wp-caption p.wp-caption-text {
	text-align: center;
	margin: 0;
	text-shadow: -1px -1px 0 white;
	font-family: Georgia;
	font-style: italic;
}


.jNiceRadio, .jNiceCheckbox {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: -1px -8px 0 -5px;
	background: url('images/slider-blips.png') no-repeat left -30px transparent;
	cursor: pointer;
}

.jNiceRadio.jNiceChecked {
	background: url('images/slider-blips.png') no-repeat left top transparent;
}

.jNiceCheckbox {
	background: url('images/checkbox.png') no-repeat left bottom transparent;
}

.jNiceCheckbox.jNiceChecked {
	background: url('images/checkbox.png') no-repeat left top transparent;
}

.jNiceHidden {
	display: none;
}

.jNiceSelectWrapper {
	width: 100% !important;
}

.jNiceSelectWrapper ul {
	position: absolute;
	margin-top: -1px;
	left: 0;
	list-style: none;
	width: 99% !important;
	height: 100px;
	background-color: white;
	border: 1px solid #e5e5e5;
	border-top: none;
	z-index: 99;
	overflow: auto;
}

.jNiceSelectWrapper ul li, #sidebar .jNiceSelectWrapper ul li {
	display: block;
	text-indent: 5px;
	border-top: 1px solid #f7f7f7;
	padding: 0;
}

.jNiceSelectWrapper ul li a {
	color: #888;
	display: block;
	padding: 5px 0;
}

.jNiceSelectWrapper ul li a:hover {
	background-color: #e6e6fa;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.3) inset;
}

.jNiceSelectText {
	padding: 5px 0;
	text-indent: 5px;
	display: block;
	width: 100% !important;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background: white url('images/select.png') no-repeat right top;
	cursor: pointer;
	color: #888;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.3) inset;
}
html body.home div#wrapper div#main div#content-holder.row aside.four div#home-testimonials ul div.qr_buttons {
	display: none;
}
html body.home div#wrapper header div.row div.twelve div.flexslider div.flex-pauseplay {
	display: none;
}