/*
	Theme Name: Panther
	Theme URI: http://demo.panthermedia.com/themes/panther/
	Description: Panthermedia Responsive 2013
	Author: Randy Friesen
	Author URI: http://panthermedia.com
	Version: 1.2
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

*/
 

/*
	HTML5 Reset
	----------------------------------------------------------
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
------------------------------------------------------------------------------- */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header,
hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed,
video {
	max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {
/*	border-bottom: 1px dotted #000;*/
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #d6d9dd; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

td img { max-width: 250px; }

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }



/* `body
------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
/* 	background: url(images/body-BG.png) repeat; */
}

body,
input,
textarea {
	color: #58636d;
	font: 14px/21px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 150%;
}



/* Typography
------------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	color: #515d69;
}

h1 {
	font-size: 24px;
	line-height: 31px; /* 30px; */
}h1.client-name {
	font-size: 16px;
	line-height: 21px; /* 30px; */
}

h2 {
	font-size: 20px;
	line-height: 27px; /* 26px; */
}

h3 {
	font-size: 16px;
	line-height: 23px; /* 22px; */
}

h4 {
	font-size: 14px;
	line-height: 20px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 15px; /* 14px; */
}


h1.page-title {
	padding-bottom: 20px;
/* 	background: url(images/line.png) left bottom no-repeat; */
	border-bottom: 2px solid #e5eaef;
	width: 100%; /* ie7 */
}
	
	.single h1.page-title {
		border-bottom: none;
		padding-bottom: 0;
		background: none;
		margin-bottom: 10px;
	}
h1.entry-title{display:none;}
h1.page-title{display:none;}
.blog h1.entry-title{display:block;}
.single-post h1.entry-title{display:block;}
.single-post h1.page-title{display:block;}
.blog h1.page-title{display:block;}
h2.entry-title {
	line-height: 28px;
}

.entry-title a:link,
.entry-title a:visited {
	color: #58636d;
}

.entry-title a:active,
.entry-title a:hover {
	color: #39c; /* style.php */
}

h3.item-title {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
}

h3.item-title a {
	color: #515d69;
}

h3.item-title a:hover {
	color: #808995; /* style.php */
}

hr {
	background-color: #d6d9dd;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

p {
	margin-bottom: 18px;
}

ul {
	list-style: disc;
	margin: 0 0 18px 1.5em;
}

ul li,
ol li {
	margin-bottom: 8px;
}

ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 0 24px 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 18px;
}

strong {
	font-weight: bold;
}

cite,
em,
i {
	font-style: normal;
	color: #58636d;
}

em {
	color: #808995;
}

big {
	font-size: 131.25%;
}

ins {
	background: #fefbef;
	text-decoration: none;
}

blockquote {
	margin: 25px 8% 35px 5%;
	border-left: 3px solid;
	border-color: #e5eaef;
	padding-left: 20px;
}

blockquote p {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: italic;
	font-size: 16px;
	line-height: 24px;
	color: #39c; /* style.php */
	color: #515d69; /* style.php */
}

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

address {
	font-size: 11px;
	color: #808995;
	line-height: 16px;
}

embed, iframe, object {
	max-width: 100%;
}



/* INPUT - TEXAREA
------------------------------------------------------------------------------- */

input[type="text"],
input[type="search"],
textarea,
input[type="password"] {
	color: #808995;
	border: 1px solid #d6d9dd;
	margin: 0 0 2px 0;
	padding: 9px;
	background-color: #fff;

	-webkit-box-shadow: inset 0 1px 2px #e5eaef;	
	-moz-box-shadow: inset 0 1px 2px #e5eaef;
	box-shadow: inset 0 1px 2px #e5eaef;

	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: border-color .2s linear 0s, box-shadow .2s linear 0s;
	-moz-transition: border-color .2s linear 0s, box-shadow .2s linear 0s;
	transition: border-color .2s linear 0s, box-shadow .2s linear 0s;
}

.post-password-required input[type="password"] {
	width: 100%;
	margin-bottom: 0;
	margin-top: 7px;
}

.post-password-required label {
	width: 73%
}

input[type="text"],
input[type="search"] {
	height: 40px;
	padding-top: none;
	padding-bottom: none;
}


input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
.post-password-required input[type="password"]:focus {
	outline: none;
	border-color: #39c; /* style.php */
	background: #fff;
	border-color: rgba(100, 173, 208, .7);
	
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);

}



/* `a
------------------------------------------------------------------------------- */

a,
a:link,
a:visited {
	color: #39c; /* style.php */
	text-decoration: none;
	-webkit-transition: color .3s linear, border .3s linear;
	-moz-transition: color .3s linear, border .3s linear;
	-o-transition: color .3s linear, border .3s linear;
	transition: color .3s linear, border .3s linear;
}

a:active,
a:hover {
	color: #39c; /* style.php */
}

a:focus { 
	outline: none;
}


/* `more-link
------------------------------------------------------------------------------- */

a.more-link,
a:link.more-link,
a:visited.more-link {
	display: inline-block !important;
	padding-left: 1px; /* Fix for FF */
	font-size: 12px;
	font-weight: bold;
/*
	background: url(images/arrow-view-all.png) top left no-repeat;
	padding-left: 30px;
*/
}

a.more-link:hover {
/* 	background: url(images/arrow-view-all.png) bottom left no-repeat; */
}



/* `RESPONSIVE LAYOUT
------------------------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

body.home div#wrapper{background: url(images/sketch-home.png) no-repeat center top;}


#main {
	margin: 0 auto;
	width: 90%;
	max-width: 960px;
/* 	width: 958px; */
	clear: both;
	overflow: hidden;
	
	 /* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* Good browsers */
opacity: 0.8;
	
	
 	background: #fff; 
/*

background:rgb(255, 255, 255);
background:rgba(255, 255, 255, 0.8);
*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	border: 1px solid #fff;
}

#content {
	width: 64%;
	float: left;
	padding: 3.2%;
/* 	background: #f7f8f9 url(images/content-BG.png) top right repeat-y; */
	border-right: 1px solid #d6d9dd;
	margin-bottom: -20000px;
	padding-bottom: 20000px;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.single #content {
	padding: 3.2% !important;
	margin-bottom: 0;
}


#content.homepage,
#content.portfolio,
#content.one-column {
	float: none !important;
	overflow: hidden;
	width: auto;
	background-image: none;
	border-right: none;
	margin-bottom: 0 !important;
	padding-bottom: 25px;
}

#content.homepage {
/* 	border-top: 2px solid #e5eaef !important; */
/* 	padding-top: 2.4%; */
}



/* `SIDEBARS
------------------------------------------------------------------------------- */

#primary,
#secondary {
	float: right;
	width: 23.7%;
	padding: 3.2% 3.2% 0 2%;
	color: #808995;
}

#secondary {
	clear: right;
	padding-top: 0;
}



/* LAYOUT ALTERNATIVE
------------------------------------------------------------------------------- */

/* An additional body class is set from theme-functions.php if the left sidebars
   option is selected. The styling here is what makes the switch.
*/

.layout-2cl #content {
	float: right;
	background: #f7f8f9 url(images/content-BG.png) top left repeat-y;
	border-left: 1px solid #d6d9dd;
	border-right: none;
}

.layout-2cl #content.homepage,
.layout-2cl #content.portfolio,
.layout-2cl #content.one-column {
	border-left: none;
	background-image: none;
	border-top: none;
}

.layout-2cl #content .one-column {
	margin: 0 auto;
}

.layout-2cl #primary,
.layout-2cl #secondary {
	float: left;
	padding: 3.2% 2% 3.2% 3%;
}

.layout-2cl #secondary {
	clear: left;
	padding-top: 0;
}

.layout-2cl h3.widget-title {
	margin-left: -13%;
	padding-left: 13%;
	width: 113.2%;
}




/* `HEADER
------------------------------------------------------------------------------- */

#header-wrapper {
	margin: 0 auto;
	margin-bottom: 1px;
	clear: both;
	width: 90%;
	max-width: 960px;
}

#header {
	margin: 0 auto;
	padding: 1.6% .1%;
/*
	background: url(images/pattern-BG.png) repeat;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border: 1px solid rgba(0, 0, 0, .15);
*/
}

#logo {
	float: left;
}

h1#site-title {
	text-shadow: none;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 0;
}

#site-description {
	margin-top: 8px;
	padding: 0;
	font-size: 11px;
	color: #808995;
	display: none;
}



/* `NAVIGATION `MENU
------------------------------------------------------------------------------- */

#navi {
/* 	position: relative !important; */ /* fix for NivoSlider/drop-down menu ie7 */
	z-index: 2000;
	display: block;
	margin-top: 15px;

	/* FULL WIDTH LEFT MENU */
	/*max-width: 940px;
	width: 100%;
	float: left;
	clear: left;*/

	/* TOP RIGHT MENU */
	/*max-width: 700px;*/
/* 	width: 75%; */
	float: right;
	clear: right;
}

#navi .menu-header,
#navi div.menu {
	margin: 0;
	padding: 0;

	/* FULL WIDTH LEFT MENU */
	/*float: left;
	clear: left;*/

	/* TOP RIGHT MENU */
	float: right !important;
	clear: right !important;
}

#navi .menu-header ul,
#navi div.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navi .menu-header li a,
#navi div.menu li a {
/* 	border-right: 1px solid #e5eaef; */
}

#navi .menu-header ul ul li,
#navi div.menu ul ul li {
	margin-left: 0;
}



/* `MENU - MAIN NAVIGATION LINKS
------------------------------------------------------------------------------- */

#navi a,
#navi li > a {
/* 	float: left; */
	font-size: 16px;
	 color: #000; 
	text-decoration: none;
	padding: 0 12px;
	line-height: 45px;
	-webkit-transition: color .3s linear, background .3s linear;
	-moz-transition: color .3s linear, background .3s linear;
	transition: color .3s linear, background .3s linear;
	

	font-family: 'Rock Salt', sans-serif;

	font-weight: bold;
}

#navi a:hover,
#navi li:hover > a {
/* 	color: #FFF; */
	
color:rgb(97, 0, 14);
color:rgba(97, 0, 14, 0.8);
}

#navi a.sf-with-ul,
#navi li > a.sf-with-ul {
	padding-right: 28px;
}



/* `MENU - SUB MENU FIRST LEVEL LINKS
------------------------------------------------------------------------------- */

#navi .sf-with-ul {
	margin-bottom: 0 !important;
}

#navi ul ul {
	top: 45px;
	left: 0;
	margin-top: 0 !important; /* Defines the space between main menu and submenu. ALSO BETWEEN SUB-MENU AND SUB-SUB-MENU */
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	background: #fff;
	position: absolute;
	display: none;
	float: left;
	width: 160px; /* was 180px */
	
	padding-left: 10px !important;
	padding-right: 10px !important;

	z-index: 99999;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);

	border: 1px solid #e5eaef;
}

#navi ul ul li {
/* 	min-width: 180px; */
	border-top: 1px solid #e5eaef;
	border-right: none !important;
}

#navi ul ul li:first-child {
	border-top: none;
}

#navi ul ul li:last-child {
	border-bottom: none;
}

#navi ul ul li a {
	float: none;
	line-height: 18px;
	padding: 11px 5px;
	margin-right: 0 !important; /* because of div-vert-menu in main menu */
	font-weight: normal;
	font-size: 12px;
	border-right: none !important;
	color: #96a1aa;

	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	transition: color .3s linear;
	
/* 	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	font-weight: 500;
}

#navi ul ul li:hover > a {
	color: #58636d;
	background: transparent;
}



/* `MENU - SUB MENU SECOND LEVEL LINKS
------------------------------------------------------------------------------- */

#navi ul ul ul {
	left: 100%;
	top: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
}

#navi ul li:hover > ul {
	display: block;
}


/* `MENU - ALL CURRENT
------------------------------------------------------------------------------- */

#navi ul li.current_page_item > a,
#navi ul li.current-menu-ancestor > a,
#navi ul li.current-menu-item > a,
#navi ul li.current-menu-parent > a {
	/* color: #39c; */ /* style.php */
	text-shadow: none;
	
color:rgb(255, 255, 255)!important;
color:rgba(255, 255, 255, 0.8) !important;
}

#navi ul li.current_page_item > a:hover,
#navi ul li.current-menu-ancestor > a:hover,
#navi ul li.current-menu-item > a:hover,
#navi ul li.current-menu-parent > a:hover {}

#navi ul ul li.current_page_item > a,
#navi ul ul li.current-menu-ancestor > a,
#navi ul ul li.current-menu-item > a,
#navi ul ul li.current-menu-parent > a {
	/* color: #39c; */ /* style.php */
color:rgb(255, 255, 255)!important;
color:rgba(255, 255, 255, 0.8) !important;
}


/* `HOME BUTTON
------------------------------------------------------------------------------- */

#navi a.home-button,
#navi .menu a.home-button {
	width: 20px !important;
	background: url(images/home-button-BG.png) 0 9px no-repeat;
	text-indent: -9999px;
	padding: 0 5px 0 0;
	opacity: .65;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
}

#navi a.home-button,
#navi .menu a.home-button {}

#navi a.home-button:hover,
#navi .menu a.home-button:hover,
#navi a.home-button-current,
#navi a.home-button-current:hover,
#navi .menu a.home-button-current,
#navi .menu a.home-button-current:hover {
	width: 20px !important;
	background: url(images/home-button-BG.png) 0 9px no-repeat;
	text-indent: -9999px;
	padding: 0 5px 0 0;
	opacity: .75;
}

#navi ul ul a.home-button-current,
#navi ul ul a.home-button {}



/* `SUPERFISH
------------------------------------------------------------------------------- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* 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 {
	float:			left; mav
/* 	float:			right; */
	margin-bottom:	1em;
}
.sf-menu a {
/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;*/
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*	color:			#13a;*/
}

.sf-menu li {
	background:		transparent;
}

.sf-menu li li {
/*	background:		#AABDE6;*/
}

.sf-menu li li li {
/*	background:		#9AAEDB;*/
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	background:		#CFDEFF;*/
	outline:		0;
}


/*** ARROWS **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-menu.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 18px; /* mav - arrow position from top */
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

ul ul li a > .sf-sub-indicator { /* mav */
	top: 15px;
	background-position: 0 -100px;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;	
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* `FOOTER
------------------------------------------------------------------------------- */

#footer-wrapper {
	margin: 0 auto;
	margin-top: 20px; /* for #main */
	overflow: hidden;
	margin-bottom: 40px;
	max-width: 960px;
	width: 90%;
}

#footer {
	overflow: hidden !important;
	color: #808995;
	margin: 0 auto;
	padding: .1%;
	/*
width: 918px;
	padding: 20px;
*/
	/*
background: url(images/pattern-BG.png) repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .15);
*/
}

#footer-widget-area {
	float: left;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: 2px solid #1d1e20;
}

#footer-widget-area .widget-area {
	width: 22.6%;
	float: left;
	margin-right: 2.3%;
	margin-bottom: 20px;
}

#footer-widget-area .widget-container {
	border-bottom: none;
}

#footer-widget-area #first {}

#footer-widget-area #second {}

#footer-widget-area #third {}

#footer-widget-area #fourth {}

#footer-widget-area #fifth {
	margin-right: 0;
}



/* #site-info
----------------------------------- */
#site-info {
	float: left;
	clear: left;
	max-width: 55%;
}

#site-info a {
	color: #000;
	
	font-family: 'Rock Salt', sans-serif;

	
}

#site-info a:hover {color:rgb(255, 255, 255);
color:rgba(255, 255, 255, 0.8);/* style.php */}

#site-info p.copyright {
	margin-bottom: 0;
}

p.copyright {
	display: block;
	float: left;
	clear: left;
	font-size: 10px;
	margin-bottom: 0;
	width: 50%;
	color: #000;
	font-family: 'Rock Salt', sans-serif;
}

p.copyright a {
	color: #000;
}

p.copyright a:hover {
	/* color: #39c; */ /* style.php */
	color:rgb(255, 255, 255);
color:rgba(255, 255, 255, 0.8);
}



/* #site-info custom navigation
----------------------------------- */
#site-info .menu-header,
#site-info div.menu {
	margin-bottom: 5px;
}

#site-info ul li {
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}

#site-info ul ul li {
	display: none;
}

#site-info ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#site-info ul ul a.home-button-current,
#site-info ul ul a.home-button {
	display: none !important;
}


/* #site-generator
----------------------------------- */
#site-generator {
	float: right;
	clear: right;
	text-align: right;
	max-width: 45%;
}

#site-generator a {
	color: #808995;
}


/* SOCIAL ICONS
------------------------------------------------------------------------------- */

ul.social_icons {
	float: right !important;
	margin-bottom: 0;
	margin-left: 0;
	    opacity: 0.6;
}

ul.social_icons li {
	display: inline-block !important;
	cursor: pointer;
	margin-left: 4px;
	margin-bottom: 7px;
	height: 32px;
	width: 32px;
}

img.icon {
	opacity: 1;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

img.icon:hover {
	opacity: .9;
}



/* ----------------------------------- */
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}



/* `ABOUT `HOMEPAGE
------------------------------------------------------------------------------- */

#about-home {
	margin-bottom: 30px;
	margin-right: 3%;
	width: 31.3%;
	float: left;
	display: block;
}

#about-home figure {
	padding-right: 2px;
}

#about-home img {
	margin-bottom: 13px
}



/* `BLOG `HOMEPAGE
------------------------------------------------------------------------------- */

#blog-home {
	margin-bottom: 25px;
	margin-right: 3%;
	width: 31.3%;
	float: left;
	display: block;
}

#blog-home ul {
	margin: 0;
	margin-bottom: 0 !important;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#blog-home ul li.item {
	padding-right: 2px;
}



/* `TWITTER - `HOMEPAGE and WIDGET
------------------------------------------------------------------------------- */

#twitter-wrapper {
	float: left;
	width: 31.3%;
	margin-bottom: 25px;
}

#twitter_dock {
	background: #fff;
	padding: 3.2% 8%;
	border: 1px solid #dee4e9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.tweet_list {
	margin: 0;
	list-style: none;
	margin-top: 10px;
}

.tweet_list li {
	margin-bottom: 15px !important;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 15px;
	line-height: 150% !important;
}

ul#follow {
	margin: 0 !important;
	list-style: none;
}

ul#follow li {
	margin-bottom: 0;
}


a#twitter-link {
	font-weight: normal;
	background: transparent url(images/twitter-BG.png) 0 0 no-repeat;
	height: 29px;
	padding-top: 0;
	padding-left: 35px;
	margin-top: 5px;
	display: inline-block;
	color: #808995;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	

	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	transition: color .3s linear;
}

a#twitter-link:hover {
	color: #39c; /* style.php */
}

.tweet_time {
	display: none;
}

p.loading {
	background: transparent url(images/loading.gif) 0 0 no-repeat;
	height: 24px;
	padding-left: 33px;
	color: #808995;
	margin-top: 7px;
	float: left;
	width: 100%;
}



/* `CLIENTS `HOMEPAGE
------------------------------------------------------------------------------- */

#clients-home {
	padding-top: 25px;
	float: left;
	display: block;
	border-top: 2px solid #e5eaef;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 100%; /* ie7 */
}

#clients-home p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 25px;
}

.clients-list {
	margin: 0;
	margin-top: 25px;
	margin-bottom: 0 !important;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 103%;
}

.clients-list li a {
	display: block;
	overflow: hidden;
	text-decoration: none !important;
}

.clients-list img {
	width: 23% !important;
	margin: 0 1.2% 1.2% 0;
}



/* `WIDGET AREAS + GENERAL ELEMENTS
------------------------------------------------------------------------------- */

h3.widget-title {
	font-size: 14px;
	margin-bottom: 20px;
	background: #39c; /* style.php */
	color: #fff;
	margin-left: -12.3%;
	padding-left: 12%;
	padding-top: 4%;
	padding-bottom: 4%;
	width: 114%;
	float: left;
}

h3.widget-title a {}

h3.widget-title a:hover {}

.widget-area {}

.widget-area ul {
	list-style: none;
	margin-left: 0;
}

.widget-area ul ul {
	list-style: none;
}

.widget-area select {
	max-width: 100%;
}

/*
.widget-area a:link,
.widget-area a:visited {}

.widget-area a:active,
.widget-area a:hover {}
*/

.widget-container {
	margin: 0 0 12% 0;
	width: 100%;
	float: left;
}

.widget-container ul li {
	margin-bottom: 8px;
}

.widget-container.widget_archive ul li a,
.widget-container.widget_categories ul li a,
.widget-container.widget_nav_menu ul li a,
.widget-container.widget_links ul li a,
.widget-container.widget_meta ul li a,
.widget-container.widget_pages ul li a,
.widget-container.widget_portfolio_cat ul li a {
	margin-left: -12.3%;
	padding-left: 12%;
	padding-top: 4.5%;
	padding-bottom: 4.5%;
	width: 113.2%;
	float: left;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: color .3s linear, background .3s linear;
	-moz-transition: color .3s linear, background .3s linear;
	transition: color .3s linear, background .3s linear;
	color: #96a1aa;
	font-weight: 500 !important;
}

.widget-container.widget_archive ul li a:hover,
.widget-container.widget_categories ul li a:hover,
.widget-container.widget_nav_menu ul li a:hover,
.widget-container.widget_links ul li a:hover,
.widget-container.widget_meta ul li a:hover,
.widget-container.widget_pages ul li a:hover,
.widget-container.widget_portfolio_cat ul li a:hover {
	background: #fbfbfb;
	color: #39c; /* stylep.php */
	color: #58636d;
}

.widget-container.widget_recent_comments ul li,
.widget-container.widget_recent_entries ul li,
.widget-container.widget_rss ul li {
	border-bottom: 1px solid #e5eaef;
	padding-bottom: 15px;
	padding-top: 5px;
}

.widget-container.widget_archive h3.widget-title,
.widget-container.widget_categories h3.widget-title,
.widget-container.widget_nav_menu h3.widget-title,
.widget-container.widget_links h3.widget-title,
.widget-container.widget_meta h3.widget-title,
.widget-container.widget_pages h3.widget-title,
.widget-container.widget_portfolio_cat h3.widget-title {
	margin-bottom: 1px;
}

.widget-container.widget_rss h3.widget-title a {
	color: #fff;
}

.widget_rss a.rsswidget {}
.widget_rss a.rsswidget:hover {}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

.widget_text h3.widget-title {
	border-bottom: 1px solid #e5eaef;
	margin-left: 0 !important /* !important because ie */;
	padding-left: 0 !important /* !important because ie */;
	padding-top: 0;
	padding-bottom: 13px;
	background: none;
	font-size: 16px;
	color: #58636d;
	width: 100% !important; /* !important because ie */
}

.widget_text img {
	margin-bottom: 11px;
	display: block;
}

.widget_text {
	border-bottom: 1px solid #e5eaef;
	padding-bottom: 21px;
}

.widget_text p:last-child {
	margin-bottom: 0 !important;
}

.widget_text .textwidget {}

.widget_nav_menu li a {}

.widget_nav_menu li a:hover {}

#wp_tag_cloud div {
	line-height: 1.6em;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	color: #323538;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}

#wp-calendar thead {}

#wp-calendar thead th {}

#wp-calendar tbody {
	color: #808995;
}

#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}




/* `WIDGET - SEARCH
------------------------------------------------------------------------------- */

.widget_search .s {
	width: 100%;
	background-color: #fbfbfb;
}

.widget_search .s:focus {}

.widget_search label {
	display: none;
}

.widget_search .searchform {
	margin-bottom: 0;
}

.searchform {
	width: 100%;
	margin-bottom: 30px;
}

.searchform input {
	width: 100%;
	background: #fff url(images/lens.png) center left no-repeat;
	padding-left: 30px;
}

.searchform input:focus {
	background: #fff url(images/lens.png) center left no-repeat;
}



/* `WIDGETS - `TWITTER CUSTOM WIDGET
------------------------------------------------------------------------------- */

.of_latest_tweet_widget {}

.widget-container.of_latest_tweet_widget {
	float: left !important;
}



/* `WIDGETS - CONTACT INFO WIDGET
------------------------------------------------------------------------------- */

.of_contact_info_widget {}

.widget-container.of_contact_info_widget {
	float: left !important;
	margin: 0 0 30px 0;
}

.widget-container.of_contact_info_widget img {
	margin-bottom: 10px;
	border: none;
}

h2.contact_info_title {
/* 	margin-top: 10px; */
}

h2.contact_info_title a {
	color: #58636d;
}

h2.contact_info_title a:hover {
	color: #808995;
}

ul.contact_info_phone {
	font-size: 15px;
	margin-bottom: 16px;
	border-bottom: 1px solid #e5eaef;
	padding-bottom: 10px;
}

ul.contact_info_address {
	font-size: 15px;
	margin-bottom: 18px;
}

ul.contact_info_address li {
	margin-bottom: 5px;
}

.of_contact_info_widget p.content_txt {
	border-top: 1px solid #e5eaef;
	padding-top: 15px;
}

.page-template-tpl-contact-php .of_contact_info_widget {
	display: none;
}



/* `WIDGETS - BLOG POST
------------------------------------------------------------------------------- */

.of_blog_posts_widget {}

/*
.of_blog_posts_widget .hentry {
	width: auto;
	margin: 0;
}
*/

.widget-container.of_blog_posts_widget {
	float: left !important;
	border-bottom: none;
	padding-bottom: 0;
	margin: 0 0 10px 0;
}

.widget-container.of_blog_posts_widget .hentry {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.widget-container.of_blog_posts_widget span.item_date {
	margin-left: 0;
}

.of_blog_posts_widget img {
	max-width: 310px !important;
}



/* `WIDGETS - LATEST WORK
------------------------------------------------------------------------------- */

.of_latest_work_widget {}

.widget-container.of_latest_work_widget {
	float: left !important;
	margin: 0 0 30px 0;
}

.widget-container.of_latest_work_widget ul li {
	line-height: 150% !important;
	margin-bottom: 0;
/* 	float: left; */ /* solution for lightbox icon overlay, but no good for mobile layout */
}

.of_latest_work_widget img {
	max-width: 310px !important;
}



/* `WIDGETS - CUSTOM CONTENT
------------------------------------------------------------------------------- */

.of_custom_content_widget {}

.widget-container.of_custom_content_widget {
	float: left !important;
	margin: 0 0 30px 0;
}

.of_custom_content_widget img {
	margin-bottom: 10px;
}

.of_custom_content_widget h3.item-title {
	margin-top: 0;
}

.of_custom_content_widget .videoWrapper {
	margin-bottom: 15px;
	clear: left;
}



/* #content
------------------------------------------------------------------------------- */

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 18px;
}

#content ul li,
#content ol li {
	margin-bottom: 0px;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}

#content pre,
#content kbd,
#content tt,
#content var {
	background: #fff;
	border: 1px solid #dee4e9;
	padding: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 25px 5%;
	color: #808995;
	white-space: pre;
}

#content code {
	font-size: 85%;
	white-space: pre;
}

#content dt,
#content th {}


/* Table */
#content table {
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
/*
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
*/
	border: 1px solid #dee4e9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-collapse:inherit;
	color: #808995;
}

#content table tbody {
	background: #fff;
}

#content tr th,
#content thead th {
	font-weight: bold;
	padding: 3% 5%;
	background: #f7f8f9;
	font-size: 14px;
	color: #58636d;
}

#content tr td {
	border-top: 1px solid #dee4e9;
	padding: 3% 5%;
}

#content td {
	width: 50%;
}

#content tr.odd td {}



/* `PAGE
------------------------------------------------------------------------------- */

.page-title span {
	color: #808995;
	font-weight: normal;
	display: block;
	margin-top: 10px;
	font-size: 18px;
}

.page-link {
	clear: both;
	color: #323538;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}

.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #323538;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.home .sticky .page-link a {}

.page-link a:active,
.page-link a:hover {}

.page .hentry {
	margin-top: 0 !important;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: none;
}

/*
.page-title a:link,
.page-title a:visited {}

.page-title a:active,
.page-title a:hover {}
*/



/* `BLOG
------------------------------------------------------------------------------- */

.hentry {
	width: 100%;
	margin-bottom: 40px;
	float: left;
	border-bottom: 2px solid #e5eaef;
}

/* `sticky */
.sticky {
	overflow: hidden;
}

.entry-meta {
/* 	float: left; */ /* so the .videoWrapper doesn't overlap .entry-meta */
	clear: left;
	margin-bottom: 20px;
	color: #808995;
	font-size: 12px;
	width: 100%;
}

footer.entry-meta {
	float: left;
	clear: left;
	width: 100%;
	font-size: 12px;
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 0;
	color: #808995;
	border-top: 2px solid #e5eaef;
}

footer.entry-meta.no-tags {
	border-bottom: none;
	padding: 0;
}

.entry-meta abbr {
	border: none;
}

.entry-meta abbr:hover {
	color: #313639;
}

.entry-meta a:link,
.entry-meta a:visited {
	font-weight: bold;
	color: #58636d;
}

.entry-meta a:active,
.entry-meta a:hover {
	color: #39c; /* style.php */
}

span.uppercase {
	color: #abb3ba;
}

.entry-utility-prep,
.entry-utility-prep-cat-links {
	color: #808995;
}

.sep {
	color: #abb3ba;
	margin-left: 1px;
	margin-right: 1px;
}

.sep.by {
	margin-left: 0;
	margin-right: 0;	
}

.entry-content .videoWrapper {
	margin-bottom: 25px;
}

.entry-content fieldset {
	border: 1px solid #d6d9dd;
	margin: 0 0 24px 0;
	padding: 24px;
}

.entry-content fieldset legend {
	background: #fff;
	color: #323538;
	font-weight: bold;
	padding: 0 24px;
}

.entry-content input {
	margin: 0 0 24px 0;
}

.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}

.entry-content label {}

.entry-content select {
	margin: 0 0 24px 0;
}

.entry-content sup,
.entry-content sub {}

.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}

.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

span.edit-link {
	font-weight: bold;
	display: inline-block;
}

a.post-edit-link:link,
a.post-edit-link:visited {}

a.post-edit-link:hover {}

.edit-link a.post-edit-link:hover {}

#entry-author-info {
	margin: 50px 0 20px 0;
	overflow: hidden;
	border-top: 1px solid #e5eaef;
	padding-top: 25px;
}

.author #entry-author-info {
	margin: 25px 0;
	border-top: none;
	padding-top: 0;
	border-bottom: 1px solid #e5eaef;
	padding-bottom: 20px;
	clear: left
}

#entry-author-info #author-avatar {
	float: left;
	margin: 0 -110px 0 0;	
}

#entry-author-info #author-avatar img.avatar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 105px;
}

#entry-author-info h3 {
	margin-bottom: 5px;
}

.author-bio {
	color: #f1f1f1;
	background: #fff;
	border: 1px solid #d6d9dd;
	width: 420px;
	height: 60px;
	padding: 11px;
	margin-bottom: 9px;
}

span.author.vcard {}

.cat-links,
.tagged {
	border-right: none;
}

.cat-links {
	display: block;
	color: #abb3ba;
}

.cat-links a {}

.entry-date {}

.entry-date:hover {}

span.item_date {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
	color: #808995;
}



/*  BLOG `SINGLE ONLY
------------------------------------------------------------------------------- */

.single .hentry {}

.single .tag-links {}

.single .entry-content iframe,
.single .entry-summary iframe {}


/* Used for attachment pages
------------------------------------------------------------------------------- */

#content.single-attachment {
	width: 100%;
	max-width: 900px;
}

.single-attachment #comments {
	width: 67.8%;
	display: none;
}

.single-attachment .page-title {
	border-bottom: 2px solid #e5eaef;
	padding-bottom: 20px;
}

.attachment #nav-below {
	display: none;
}



/* TAG LINKS
------------------------------------------------------------------------------- */

.tag-links {
	display: block;
	color: #abb3ba;
}

.tag-links a,
.tag-links a:link,
.tag-links a:visited {
	color: #39c; /* style.php */
}

.tag-links a:active,
.tag-links a:hover {}



/* PERMALINK
------------------------------------------------------------------------------- */

.tagcloud {
	line-height: auto;
}

.tagcloud a:link,
.tagcloud a:visited {
	font-size: 13px !important;
	font-weight: 500;
	margin-left: 0;
	color: #808995;
	text-decoration: none;
	padding: 3px 9px;
	margin-bottom: 5px;
	display: inline-block;
	background: #fbfbfb;
	border: 1px solid #d6d9dd;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s;
	transition: background 0.3s linear 0s;
}

.tagcloud a:hover {
	background: #39c; /* style.php */
	border-color: #39c; /* style.php */
	border: 1px solid;
	color: #fff !important;
}



/* `POST FORMATS
------------------------------------------------------------------------------- */

.sticky .entry-format { /* featured */
	background: #39c; /* alternate */
	display: block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	font-size: 13px;
	margin-bottom: 12px;
	max-width: 70px;
	text-align: center;
}

.entry-format {}

.format-link .link {
	font-weight: bold;
	font-size: 15px;
	color: #808995;
	margin-bottom: 20px;
	float: left;
}

.blog .format-quote footer.entry-meta {
	display: none;
}

.format-standard h1.entry-title,
.format-status h1.entry-title,
.format-gallery h2.entry-title,
.format-link h2.entry-title,
/* .format-aside h2.entry-title, */
.format-quote h2.entry-title {
	margin-bottom: 10px;
}

/* .blog .format-image .entry-meta, */
.format-image .entry-meta {
	margin-bottom: 0;
}


/* ATTACHMENT PAGES
------------------------------------------------------------------------------- */

.attachment .entry-content .entry-caption {}

.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}



/* `IMAGES - THIS STUFF IS PRETTY IMPORTANT!
------------------------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment .hentry img,
img.img_head_portfolio,
#custom-header-img img {
	width: 100%;
	max-width: 100%;
	height: auto;
	background: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: opacity 0.3s linear 0s;
	-moz-transition: opacity 0.3s linear 0s;
	-o-transition: opacity 0.3s linear 0s;
	transition: opacity 0.3s linear 0s;
}

img.size-auto:hover,
img.size-full:hover,
img.size-large:hover,
img.size-medium:hover,
.attachment .hentry img:hover,
img.img_head_portfolio:hover,
#custom-header-img img:hover {
	opacity: .9;
}



/* `IMAGES
------------------------------------------------------------------------------- */

.attachment-post-thumbnail,
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb,
.archive-thumb img,
img.attachment-post-thumbnail,
img.attachment-post-thumbnail.wp-post-image,
.gallery img, .size-thumbnail,
td img, .img-border,
img.img_head_portfolio {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: border 0.3s linear 0s, opacity 0.3s linear 0s;
	-moz-transition: border 0.3s linear 0s, opacity 0.3s linear 0s;
	-o-transition: border 0.3s linear 0s, opacity 0.3s linear 0s;
	transition: border 0.3s linear 0s, opacity 0.3s linear 0s;

	/* display: block; */
	width: 100%;
	max-width: 100%;
	height: auto;
	
	opacity: 1;
	background: #fff;
	border: 1px solid #d6d9dd;
	padding: 2px;
}


#similar-projects  .wp-post-image {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: border 0.3s linear 0s, opacity 0.3s linear 0s;
	-moz-transition: border 0.3s linear 0s, opacity 0.3s linear 0s;
	-o-transition: border 0.3s linear 0s, opacity 0.3s linear 0s;
	transition: border 0.3s linear 0s, opacity 0.3s linear 0s;

	/* display: block; */
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
	
	opacity: 1;
	background: #fff;
	border: 1px solid #d6d9dd;
	padding: 2px;
}


.archive #content .attachment-post-thumbnail.wp-post-image,
.search-results #content .attachment-post-thumbnail.wp-post-image {
	width: 130px;
	height: 85px;
}

/* .search footer.entry-meta { border-top: none; } */

.attachment-post-thumbnail:hover,
.format-gallery .gallery-thumb:hover,
.category-gallery .gallery-thumb:hover,
.archive-thumb img:hover,
img.attachment-post-thumbnail:hover,
img.attachment-post-thumbnail.wp-post-image:hover,
.gallery img:hover,
td img:hover,
img.img_head_portfolio:hover {
	border: 1px solid #808995;
	opacity: .9;
}



/* `GALLERY
------------------------------------------------------------------------------- */
.gallery-container {
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
}

.portfolio-gallery img{	max-width: 100%;}

.portfolio-gallery {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	float: left;	
 
	width: 23%;
	margin:  1% 1% 20px 1%;	
}


/* MEDIA QUERIES*/
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	.portfolio-gallery {width: 21%;}
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.portfolio-gallery {width: 29.33333%;}
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
	.portfolio-gallery {width: 46%;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.portfolio-gallery {width: 96%;}
	.portfolio-gallery img {width: 96%;}
	.portfolio-gallery h3 {font-size: 18px;}
	.portfolio-gallery p, {font-size: 18px;}
}







	/* "must stay here in the style.css" */
	.format-gallery .gallery-thumb {
		width: auto; /* fix for all browsers */
	}
	
	.format-gallery .gallery-thumb img {
		max-width: 200px;
		height: auto;
	}
	/* "must stay here in the style.css" ends */


.size-thumbnail img {}

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	margin-bottom: -5px !important;
}

.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb,
.archive-thumb img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.format-gallery .gallery-thumb:hover,
.category-gallery .gallery-thumb:hover,
.archive-thumb img:hover {
	border: 1px solid #808995;
}


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

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	background: #f1f1f1;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
	color: #58636d;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin: 0 auto 10px auto;
	width: 105%;
}

.gallery .gallery-item {
	float: left;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 23%;
}

.gallery-columns-1 .gallery-item {
	width: 95.4%;
}

.gallery-columns-2 .gallery-item {
	width: 46.8%;
}

.gallery-columns-3 .gallery-item {
	width: 30.6%;
	margin-bottom: 1.5%;
}

.gallery-columns-4 .gallery-item {
	width: 23.9%;
	margin-right: 0.4%;
	margin-bottom: .5%;
}

.gallery-columns-5 .gallery-item {
	width: 18.4%;
	margin-right: 1%;
	margin-bottom: .4%;
}

.gallery-columns-6 .gallery-item {
	width: 15.2%;
	margin-right: 1%;
	margin-bottom: .4%;
}

.gallery-columns-7 .gallery-item {
	width: 12.8%;
	margin-right: 1%;
	margin-bottom: .4%;
}

.gallery-columns-8 .gallery-item {
	width: 11.1%;
	margin-right: 1%;
	margin-bottom: .4%;
}

.gallery-columns-9 .gallery-item {
	width: 9.8%;
	margin-right: 1%;
	margin-bottom: .4%;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 96%;
	height: auto;
}

.gallery .gallery-caption {
	color: #58636d;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}

.gallery-icon {}

.gallery br+br {
	display: none;
}



/* `IMAGES - SPAN.OVERLAY
------------------------------------------------------------------------------- */

span.overlay {
	background: url(images/overlay-lightbox.png) top left no-repeat;
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 5;
	cursor: pointer;
	overflow: hidden;
}

.lightbox-yes {

}


/* POST NAVIGATION
------------------------------------------------------------------------------- */

.navigation {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 11px;
/* 	margin-bottom: 40px; */
}

.navigation a:link,
.navigation a:visited,
.navigation a:link.back,
.navigation a:visited.back {
	color: #808995;
	text-decoration: none;
}

.navigation a:active,
.navigation a:hover,
.navigation a:active.back,
.navigation a:hover.back {
/* 	color: #39c; */ /* style.php */
	color: #58636d;
}

.nav-previous {
	float: left;
	width: 50%;
}

.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.meta-nav {
	background: transparent url(images/arrow-meta-nav.png) no-repeat 4px 4px;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.nav-previous .meta-nav {
	background: transparent url(images/arrow-meta-nav-left.png) no-repeat 0 4px;
}

.paged #nav-above {}

.single #nav-above {
	padding-top: 0;
}

#nav-above,
#nav-below {
	border-bottom: 1px solid #e5eaef;
/* 	margin-bottom: 40px; */
	display: block;
}

#nav-above {
	overflow: hidden;
	margin-bottom: 40px;
}
.single-portfolio #nav-above {
	overflow: hidden;
	margin-bottom: 0px;
}

#nav-below {
	float: left;
	width: 100%;
	border-bottom: none;
	padding-bottom: 40px; /* because of #content -20000px */
}
	
	.single #nav-below {
		border-top: 1px solid #e5eaef;
		border-bottom: 1px solid #e5eaef;
		margin-bottom: 40px;
		padding-top: 11px;
		padding-bottom: 11px; /* because of #content -20000px */
	}



/* `COMMENTS
------------------------------------------------------------------------------- */

#comments {
	clear: both;
	color: #808995;
}

#comments .navigation {
	padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title {
	margin-bottom: 0;
}

h3#comments-title {
	padding: 15px 0;
	margin-bottom: 25px;
	border-bottom: 2px solid #e5eaef;
	color: #58636d;
}

.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 85%;
	margin-right: 0;
	margin-bottom: 50px;
}

.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}

.commentlist > li.comment {
/*	border-left: 2px solid #e5eaef; */ /* don't delete */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
	background: #fff;
	border: 1px solid #dee4e9;
}

.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}

.commentlist .children {
	list-style: none;
	margin: 0;
}

.commentlist .children li.comment {
	background: #fff;
	/* border-left: 2px solid #e5eaef; */ /* don't delete */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
/* 	border-left: 2px solid #e5eaef; */
	border: 1px solid #dee4e9;
/* 	background-color: #fcfcfc; */
}

.commentlist .children li.comment .fn {
	/* display: block; */ /* don't delete */
	margin-left: 55px;
}

.commentlist .fn {
	font-weight: bold;
}

.comment-meta .fn {
	font-style: normal;
}

.comment-meta {
	font-size: 11px;
	line-height: 2.2em;
	margin-bottom: 5px
}

.comment-meta a {
	color: #96a1aa !important
}

.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
	
}

.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 55px;
	margin-bottom: 20px;
}

.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}

.commentlist .avatar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	left: -17.5%;
	padding: 0;
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
}

.commentlist > li:before {
	/*content: url(images/comment-arrow.png); DON'T DELETE*/
	left: -21px;
	position: absolute;
}

.commentlist > li.pingback:before {
	content: '';
}

.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	top: 1.7em;
	left: 1.7em;
	padding: 0;
	display: block;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #fff;
/* 	border-left: 2px solid #e5eaef; */ /* don't delete */
/* 	border: 1px solid #ced5d9; */ /* if author only */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}

.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {}

.commentlist > li.bypostauthor:before {
	/*content: url(images/comment-arrow-bypostauthor.png); DON'T DELETE */
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
/* 	background: #f7f8f9; */
/* 	border-left: 2px solid #e5eaef; */
}

/*
.commentlist .children > li.bypostauthor a.comment-reply-link {
	background: #fff !important;
}
*/

#cancel-comment-reply-link {
	font-size: 12px;
	float: left;
	margin-top: 5px;
}

.nopassword,
.nocomments {
	color: #808995;
	font-size: 15px;
	margin: 26px 0;
	border-top: 2px solid #e5eaef;
	padding-top: 20px;
	display: none;
}

a.comment-reply-link {
	display: inline-block;
	padding: 1px 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #e5eaef;
	background: #f7f8f9;
	color: #808995 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;
	-moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
	transition: background 0.2s linear 0s, color 0.2s linear 0s;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
/* 	color: #fff !important; */
/* 	background: #39c; */ 		/* style.php */
/* 	border: 1px solid #39c; */	/* style.php */
	color: #58636d !important;
	background: #fff;
}

a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}



/* `FORMS
------------------------------------------------------------------------------- */

#respond {
	overflow: hidden;
	position: relative;
	margin-top: 40px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-left: 3px;
	padding-right: 3px;
/* 	border-top: 2px solid #e5eaef; */
	
/*
	margin-top: 15px;
	width: 84.3%;
	float: right;
*/
}

.comment #respond {
	width: 99%;
	float: none;
}

.comment #respond input,
.comment #respond textarea {
	background: #f7f8f9;
}

.comment #respond input:focus,
.comment #respond textarea:focus {
	background: #fff;
}

#respond p {
	margin: 0;
}

.logged-in-as,
#respond .comment-notes {
	color: #808995;
	margin-bottom: 20px !important;
}

.form-allowed-tags {
	line-height: 1em;
}

.children #respond {
	margin: 20px 0 0 0;
}

h3#reply-title {
	font-size: 21px;
	margin-bottom: 10px;
	color: #58636d;
	display: inline-block;
}
/*
#comments-list #respond {
	margin: 0 0 18px 0;
}

#comments-list ul #respond {
	margin: 0;
}*/

#respond .required {
	color: #e77c71;
	font-weight: bold;
}

#respond label {}

#respond input {
	margin: 3px 0 24px;
	width: 100%;
	display: block;
}

#respond textarea {
	width: 100%;
	padding: 9px;
	margin-top: 3px;
	margin-bottom: 20px;
}

#respond .form-allowed-tags {
	color: #58636d;
	margin: 9px auto 19px auto;
	display: none;
}

#respond .form-allowed-tags code {}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input,
input[type="submit"] { /* Post Comment button + post password */
	font-size: 16px;
	font-weight: bold;
	width: auto;
	padding: 13px 19px;
	background: #fff;
	border: 1px solid #d6d9dd;
	color: #58636d;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s;
	transition: background 0.3s linear 0s;	
	
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

.post-password-required input[type="submit"] {
	font-size: 13px;
	padding: 9px 15px;
	margin-bottom: 0;
	margin-top: 7px;
}

#respond .form-submit input:hover,
.post-password-required input[type="submit"]:hover {
	background: #39c; /* style.php */
	border-color: #39c; /* style.php */
	border: 1px solid;
	color: #fff;
}

label {
	color: #808995;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
}

label.error {
	display: block;
	color: #e77c71;
}

em.comment-awaiting-moderation {
/*
	text-align: center;
	padding: 2%;
	color: #808995;
	background: #fcfcfc;
	border: 1px dashed #d6d9dd;
	display: block;
	margin-top: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
*/
	margin-left: 55px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-weight: bold;
}

input[type=submit] { -webkit-appearance: none; }




/* `HOME MESSAGE
------------------------------------------------------------------------------- */

#home-message {
	text-align: center;
	overflow: hidden !important;
	padding: 21px 20px 7px 20px;
	border-bottom: 2px solid #e5eaef;
	background: #fff;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}

#home-message h1 {
	font-size: 180%;
	color: #515d69;
	padding-left: 4%;
	padding-right: 4%;
	margin-bottom: 8px;
	line-height: 26px;
}

#home-message p {
/* 	font-style: italic; */
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	text-align: center;
	color: #808995;
	padding-left: 2.4%;
	padding-right: 2.4%;
}



/* `SLIDER - full styles in css/camera.css
------------------------------------------------------------------------------- */

#camera-slider-wrapper {
/* 	padding: 30px 30px 0 30px; */
	padding: 3.2% 3.2% 0 3.2%;
	background: #f7f8f9;
	border-bottom: 2px solid #e5eaef;
}

.fluid_container {
	margin: 0 auto;
	max-width: 900px;
	width: 100%;
	overflow: hidden;
}

/*
.camera_pag {
	height: 58px;
}
*/




/* `RELATED - share similar project and related post
------------------------------------------------------------------------------- */

.related_title {
	margin-bottom: 13px;
}

.related-list {
	color: #808995;
}

ul.related-list li img {
	/*width: 160px;
	height: 77px;*/
}

ul.related-list li {
	width: 22.4%;
	height: 160px;
	margin-right: 2%;
	margin-bottom: 15px !important;
	float: left;
	overflow: hidden;
	position: relative;
}

ul.related-list li a {
	display: block;
	overflow: hidden;
	color: #58636d;
	font-weight: bold;
}

ul.related-list li figcaption a {
	display: inline-block;
}

ul.related-list li a:hover {
	color: #39c; /* style.php */
}

ul.related-list li figcaption a {
	margin-top: 5px;
}



/* `SIMILAR PROJECTS (portfolio)
------------------------------------------------------------------------------- */

#similar-projects {
/* 	float: left !important; */
	margin-top: 30px;
	margin-bottom: 20px;
	clear: both;
}

#similar-projects a span.overlay {
	/*width: 150px !important;
	height: 100px !important;*/
}

#similar-projects ul {
	margin: 0;
	list-style-type: none;
}

#similar-projects ul.related-list li {
	margin-right: 0;
	width: 100%;
}

#similar-projects ul.related-list li {
	height: auto;
}

div#similar-projects div.related-list div.item{    margin: 10px;
    width: 204px; float: left;}

/* `RELATED POSTS (blog)
------------------------------------------------------------------------------- */

#related-posts ul.related-list li img {}

#related-posts a span.overlay {}

#related-posts {
	float: left !important;
	width: 105%;
	margin-bottom: 20px;
}

#related-posts ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}



/* ENTRY-DATE
------------------------------------------------------------------------------- */

.entryDate {
/*	top: 0;
    left: -4.8em;*/
    line-height: 1;
	float: left;
    width: 30px;
	background: #fff;
	padding: 5px 10px;
/*	margin-top: 1px;*/
	margin-right: 15px;
	margin-bottom: 10px;
	color: #58636d;
	border: 1px solid #d6d9dd;
	font-weight: bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	margin-top: 80px;
	margin-left: 10px;
}

.entryDate span {
	display: block;
	text-align: center;
}

.postMonth {
	text-transform: uppercase;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #58636d;
	display: block;
}

.postDay {
	border-bottom: 1px dotted #d6d9dd;
	padding-bottom: 5px;
	color: #58636d;
}

.postYear {
	background: transparent;
	color: #58636d;
	padding: 0;
	margin-top: 7px;
	margin-bottom: 2px;
	display: block;
}



/* PAGE TEMPLATES - GENERAL ELEMENTS
------------------------------------------------------------------------------- */

#page-intro {
	margin-bottom: 25px;
}

#page-intro p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 25px;
}



/* PAGE TEMPLATES - `PORTFOLIO and PORTFOLIO SINGLE - `ISOTOPE
------------------------------------------------------------------------------- */

#content.portfolio {}

#portfolio {
	border-bottom: 2px solid #e5eaef;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

#portfolio h3.item-title {
	margin-bottom: 8px;
}

#portfolio h3.item-title a {
/* 	color: #323538; */
}

#portfolio h3.item-title a:hover {
	color: #808995; /* style.php */
}

.portfolio_categories {
	font-size: 12px;
	color: #abb3ba; /* 96a1aa */
	margin-bottom: 5px !important;
}

.portfolio_categories a {
	font-weight: bold;
}

.portfolio_categories a:hover {}

.portfolio_tags {
	font-size: 12px;
	float: left;
	clear: left;
	width: 100%;
	padding: 0 0 21px 0;
	color: #808995;
	background: url(images/tag.png) top left no-repeat;
}

.portfolio_tags span {
	margin-left: 30px;
}

.portfolio_tags a {
	font-size: 12px !important;
	font-weight: bold;
	display: inline-block;
	padding: 1px 8px;
	margin-bottom: 4px;
	border: 1px solid #e5eaef;
	background: #fff;
	color: #808995 !important;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
	-moz-transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
	transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
}

.portfolio_tags a:hover {
	background: #39c; /* style.php */
	border-color: #39c; /* style.php */
	border: 1px solid;
	color: #fff !important;
}

#container {
	width: 105%;
}

#container .element {
	width: 22.6%;
	margin-right: 14px;
/* 	margin-right: 1.4%; */
	margin-bottom: 30px;
	float: left;
	overflow: hidden;
	position: relative;
	padding-right: 2px;
	text-align: center;
}

#container .element figcaption {
	background: #f7f8f9; /* fix FF .opacity bug */
}


/**** filter style ****/

ul#filters {
	margin: 40px 0 25px 0;
}

ul#filters li {
	display: inline-block;
	margin-bottom: 0;
}

ul#filters li a {
	display: inline-block;
	margin: 0 6px 8px 0;
	padding: 5px 10px;
	width: auto;
	font-size: 13px;
	font-weight: bold;
	color: #808995;
	background-color: #fff;
	border: 1px solid #d6d9dd;
	text-decoration: none;
	opacity: 1;
	
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	
	-webkit-transition: color 0.2s linear 0s, background-color 0.3s linear 0s, border 0.3s linear 0s;
	-moz-transition: color 0.2s linear 0s, background-color 0.3s linear 0s, border 0.3s linear 0s;
	-o-transition: color 0.2s linear 0s, background-color 0.3s linear 0s, border 0.3s linear 0s;
	transition: color 0.2s linear 0s, background-color 0.3s linear 0s, border 0.3s linear 0s;
}

ul#filters li a:hover {	
	background-color: #39c; /* style.php */
	border-color: #39c; /* style.php */
	border: 1px solid;
	color: #fff;
}

ul#filters li a.selected {
	background-color: #39c; /* style.php */
	border-color: #39c; /* style.php */
	border: 1px solid;
	color: #fff;
}

ul#filters li a.show-all {
	background: #fff url(images/show-all.png) center center no-repeat;
	text-indent: -9999px;
	width: 12px;
	display: block;
	margin-right: 2px
}


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

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.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:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/* Portfolio Single */

.single-portfolio .hentry {
	border-bottom: none;
	margin-bottom: 0;
}

#project_intro {
	margin-bottom: 25px;
}

img.img_head_portfolio {
	margin-bottom: 6px;
}

#portfolio-details {
	width: 21%;
	float: right;
	margin-bottom: 25px;
	color: #58636d;
	border-left: 1px solid #e5eaef;
	padding-left: 3.5%;
}

.details {
	border-bottom: 2px solid #e5eaef;
}

.portfolio .entry-content {
	width: 72%;
	float: left;
	margin-bottom: 30px;
	margin-right: 2.5%;
}

.archive .portfolio .entry-content {
	width: 100%;
}

.client-name,
.release-date,
.techs {
	margin-bottom: 30px !important;
	color: #808995 !important;
}

.client-name span,
.release-date span,
.techs span {
	color: #58636d;
	display: block;
	font-weight: bold;
	font-style: normal;
}

.techs ul {
	margin-top: 5px;
	margin-left: 15px;
	color: #39c; /* style.php */
}

span.techs_color {
	color: #808995 !important;
	font-weight: normal;
}

p.portfolio-description {
	color: #808995;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px !important;
}

.single-portfolio p.portfolio-description {
	margin-bottom: 0 !important;
	font-size: 18px;
	line-height: 24px;
}

.single-portfolio .navigation .portfolio_categories {
	font-weight: normal;
	float: right;
	font-size: 15px !important; /* Because of located in div .navigation */
	margin-bottom: 10px !important;
}

.single-portfolio .nav-previous.portfolio-back {
	width: 25%;
}

.single-portfolio .portfolio_categories a {
	color: #39c; /* style.php */
}

.single-portfolio .portfolio_categories a:hover {
	color: #09c; /* style.php */
}

a.project-link {
	font-weight: 500;
 	display: block;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #d6d9dd;
	text-decoration: none;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background 0.3s linear 0s, color 0.2s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.2s linear 0s;
	transition: background 0.3s linear 0s, color 0.2s linear 0s;
	
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

a.project-link:hover {
	background: #39c; /* style.php */
	border-color: #39c; /* style.php */
	border: 1px solid;
	color: #fff;
}

.bullet-color {
/*	color: #39c;*/
}

.single-portfolio #respond {
	width: 84.3%;
	float: right;
	margin-top: 20px;
}

.single-portfolio .comment #respond {
	width: 99%;
	float: none;
}


/* `Video iframe (also for widget-custom-content)
------------------------------------------------------------------------------- */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
/* 	padding-top: 25px; so it doesn't creates default video black paddings */
	height: 0;
	margin-bottom: 30px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Portfolio `pagination
------------------------------------------------------------------------------- */

ol#pagination {
	display: block;
	background: #323538;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	width: 100%;
}

ol#pagination li {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

ol#pagination li:hover {
	color: #09c;
}

ol#pagination li.current {
	color: #fff;
}




/* PAGE TEMPLATES - `ARCHIVES
------------------------------------------------------------------------------- */

#archives-content {
	margin-top: 50px;
	margin-bottom: 50px;
}

#archives-content ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 15px !important;
	}

#archives-content li a {
	color: #808995;
}

#archives-content li a:hover {
	color: #39c; /* style.php */
}

.archives-block-first {}

.archives-block-second {}

.archives-content-month,
.archives-content-categories,
.archives-content-portfolio,
.archives-content-blog-posts {
	padding-bottom: 20px;
	margin-bottom: 30px;
	color: #58636d;
}

.archives-content-portfolio li span.portfolio_cat {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #e5eaef;
}

.archives-content-month li a:hover,
.archives-content-categories li a:hover,
.archives-content-blog-posts li a:hover,
.archives-content-portfolio li a:hover {
	color: #39c; /* style.php */
}

.archives-content-month,
.archives-content-categories,
.archives-content-blog-posts {
	border-bottom: 2px solid #e5eaef;
}



/* PAGE TEMPLATES - `FULLWIDTH
------------------------------------------------------------------------------- */

.one-column #comments {
/*	width: 67.8%;*/
}

.one-column #respond { /* same of single-portfolio */
	width: 84.3%;
	float: right;
}

.one-column .comment #respond { /* same of single-portfolio */
	width: 100%;
	float: none;
}

.one-column .hentry {
	border-bottom: none;
}



/* PAGE TEMPLATES - `CONTACT TPL
------------------------------------------------------------------------------- */

.contact .hentry {
	border-bottom: none;
}

.gmap iframe {
	max-width: 650px;
	width: 100%;
	height: 300px;
	margin-bottom: 25px;
}

#contact-details {
	border-top: 1px solid #e5eaef;
	border-bottom: 1px solid #e5eaef;
	padding-top: 25px;
	margin-bottom: 25px;
	overflow: hidden !important;
}

#contact-details ul {
	margin-left: 0;
}

#contact-details li {
	list-style-type: none;
}

.office,
.socials {
	/*background: pink;*/
	width: 30%;
	/*min-width: 130px;*/
	float: left;
	margin-right: 10%;
	margin-bottom: 30px;
}

.socials {
	margin-right: 0;
	width: 20%;
}

ul.phones {
	font-size: 14px;
	/*border-bottom: 1px solid #e5eaef;
	padding-bottom: 10px;*/
	/*margin-bottom: 10px !important;*/
}

ul.address li {
	color: #808995;
	margin-bottom: 3px !important;
}


/* `CONTACT TPL - FORM
------------------------------------------------------------------------------- */

#contactForm {
	margin-top: 10px;
	width: 100%;
	float: left;
}

#contactForm li {
	margin-right: 4%;
	float: left;
	width: 48%;
}

#contactForm li.website_right,
#contactForm li.email_right {
	margin-right: 0;
}

ul.contactform {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

/* contact form input */
#contactForm input[type="text"],
#contactForm input[type="search"] {
	width: 100% !important; /* it defines field lenght */
}

/* contact form textarea */
#contactForm textarea {
	width: 208.3% !important;
}

/* labels 
#contactForm .contact-labels {
	padding-bottom: 9px;
	display: block;
}

#contactForm label.error {
	display: block;
	color: #e77c71;
}*/

/* send button */
#contactForm input.send-button {
	font-size: 16px;
	font-weight: bold;
	width: auto;
	padding: 13px 19px;
	margin-top: 20px;
	background: #fff;
	border: 1px solid #d6d9dd;
	color: #58636d;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s;
	transition: background 0.3s linear 0s;
	
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

#contactForm input.send-button:hover {
	background: #39c; /* style.php */
	border-color: #39c; /* style.php */
	border: 1px solid;
	color: #fff !important;
}

p.sent-ok {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 24px;
}



/* jQuery topLink Plugin - http://davidwalsh.name/jquery-top-link
------------------------------------------------------------------------------- */

#top-link {
	display: none;
	position: fixed;
	right: 15px;
	bottom: 15px;
	color: gray;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent url(images/top-link.png) top left no-repeat;
	width: 50px;
	height: 50px;
	z-index: 99999;
}

#top-link:hover {
	background: transparent url(images/top-link.png) bottom left no-repeat;
}



/* `SHORTCODES - BUTTONS / ICON BUTTONS - COLOR
------------------------------------------------------------------------------- */

a.button {
	/* blue default */
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	line-height: 1em;
	padding: 13px 25px;
/* 	margin: 0 10px 21px 0; */
	margin: 0 0 11px 0;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: #fff !important;
	text-align: center;

	/* text */
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
	text-decoration: none !important;

	/* border-radius */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	/* background */
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52A8E8), color-stop(1, #2E76CF) );
	background: -webkit-linear-gradient(top, #52A8E8 20%, #2E76CF 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient( center top, #52A8E8 20%, #2E76CF 100% );
	background: -o-linear-gradient(top, #52A8E8 20%, #2E76CF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #52A8E8 20%, #2E76CF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52A8E8', endColorstr='#2E76CF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #52A8E8 20%, #2E76CF 100%); /* W3C */

	/* box-shadow */
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.1) /*Top*/, inset 0 0 1px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/; /* .29 */
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.1) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.1) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
}

a.button:hover {
	text-decoration: none !important;
	background: #52A8E8;
	border-bottom-color: #4081af;
}


/* SHORTCODES - ICON BUTTONS */

a.icon_button {}

a.icon_button:hover {}

a.icon_button.download {}

a.icon_button.download:hover {}

/* END ICON BUTTONS */


a.button.blue {
/*	background-image: url(images/shortcodes/button_blue.png);*/
}
	
a.button.blue:hover {
/*	background-position: 0 -30px;*/
}

a.button.red {
	color: #670f0f !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	border-color: #b64747;
	border-bottom-color: #9A2020;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E85252),color-stop(1, #CF2E2E));
	background: -webkit-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Chrome10+,Safari5.1+ */	
	background: -moz-linear-gradient(center top,#E85252 20%, #CF2E2E 100%);
	background: -o-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E85252', endColorstr='#CF2E2E',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* W3C */
}

a.button.red:hover {
	background: #E85252;
	border-bottom-color: #b64747;
}

a.button.orange {
	color: #643c15 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #AF7440;
	border-bottom-color: #9A5420;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E88E52),color-stop(1, #CF6E2E));
	background: -webkit-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#E88E52 20%,#CF6E2E 100%);
	background: -o-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E88E52', endColorstr='#CF6E2E',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* W3C */
}

a.button.orange:hover {
	background: #E88E52;
	border-bottom-color: #AF7440;
}

a.button.green {
	color: #285414 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #4c8c2e;
	border-bottom-color: #427a26;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #80c75f),color-stop(1, #5c953f));
	background: -webkit-linear-gradient(top, #80c75f 20%, #5c953f 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#80c75f 20%,#5c953f 100%);
	background: -o-linear-gradient(top, #80c75f 20%, #5c953f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #80c75f 20%, #5c953f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c75f', endColorstr='#5c953f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #80c75f 20%, #5c953f 100%); /* W3C */
}

a.button.green:hover {
	background: #80c75f;
	border-bottom-color: #4c8c2e;
}

a.button.aqua {
	color: #10594a !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #4db49d;
	border-bottom-color: #209A82;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52E8C6),color-stop(1, #25b697));
	background: -webkit-linear-gradient(top, #52E8C6 20%, #25b697 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#52E8C6 20%,#25b697 100%);
	background: -o-linear-gradient(top, #52E8C6 20%, #25b697 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #52E8C6 20%, #25b697 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52E8C6', endColorstr='#25b697',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #52E8C6 20%, #25b697 100%); /* W3C */
}

a.button.aqua:hover {
	background: #52E8C6;
	border-bottom-color: #4db49d;
}

a.button.teal {
/*
	color: #105169 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
*/
	border-color: #23A6D6;
	border-bottom-color: #20799A;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52C3E8),color-stop(1, #0192c2));
	background: -webkit-linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#52C3E8 20%,#0192c2 100%);
	background: -o-linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52C3E8', endColorstr='#0192c2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* W3C */
}

a.button.teal:hover {
	background: #52C3E8;
	border-bottom-color: #23A6D6;
}

a.button.purple {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	border-color: #944fde;
	border-bottom-color: #7028bb;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #b371ec),color-stop(1, #9751d5));
	background: -webkit-linear-gradient(top, #b371ec 20%, #9751d5 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#b371ec 20%,#9751d5 100%);
	background: -o-linear-gradient(top, #b371ec 20%, #9751d5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b371ec 20%, #9751d5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad64ed', endColorstr='#9751d5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b371ec 20%, #9751d5 100%); /* W3C */
}

a.button.purple:hover {
	background: #b371ec;
	border-bottom-color: #944fde;
}

a.button.pink {
	color: #691966 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #d948d0;
	border-bottom-color: #a633a2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f079ee),color-stop(1, #d95bda));
	background: -webkit-linear-gradient(top, #f079ee 20%, #d95bda 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#f079ee 20%,#d95bda 100%);
	background: -o-linear-gradient(top, #f079ee 20%, #d95bda 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f079ee 20%, #d95bda 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f079ee', endColorstr='#d95bda',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f079ee 20%, #d95bda 100%); /* W3C */
}

a.button.pink:hover {
	background: #f079ee;
	border-bottom-color: #d948d0;
}

a.button.silver {
	color: #4a525a !important;
	text-shadow: 0 1px white;
	border-color: #c8cbd0;
	border-bottom-color: #a3aab2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f1f1f1),color-stop(1, #c8cbd0));
	background: -webkit-linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#f1f1f1 20%,#c8cbd0 100%);
	background: -o-linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#c8cbd0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* W3C */
}

a.button.silver:hover {
	background: #f1f1f1;
	border-bottom-color: #c8cbd0;
}

a.button.black {
	border-color: #3e454c;
	border-bottom-color: #343c44;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #4a525a),color-stop(1, #21262b));
	background: -webkit-linear-gradient(top, #4a525a 20%, #21262b 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#4a525a 20%,#21262b 100%);
	background: -o-linear-gradient(top, #4a525a 20%, #21262b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #4a525a 20%, #21262b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a525a', endColorstr='#21262b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #4a525a 20%, #21262b 100%); /* W3C */
	/* box-shadow */
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.05) /*Top*/, inset 0 0 1px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/; /* .29 */
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.05) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.05) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
}

a.button.black:hover {
	background: #4a525a;
	border-bottom-color: #3e454c;
}

a.button.white {
	color: #58636d !important;
	text-shadow: 0 1px #fff;
	border-color: #c8ced5;
	border-bottom-color: #bebfc0;
	background: #ffffff; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* W3C */
}

a.button.white:hover {
	background: #fff;
	border-bottom-color: #c8ced5;
}

a.button.yellow {
	color: #784a1c !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-color: #ecb206;
	border-bottom-color: #c49303;
	background: #f1e767; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
	background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f1e767 0%,#feb645 100%); /* W3C */
}

a.button.yellow:hover {
	background: #f1e767;
	border-bottom-color: #ecb206;
}




/* SHORTCODES - BUTTONS - SIZE
------------------------------------------------------------------------------- */

a.button.small {}

a.button.medium {
	font-size: 19px;
	padding: 15px 25px;
}

a.button.big {
	font-size: 26px;
	padding: 17px 25px;
}



/* SHORTCODES - INFO BOXES
------------------------------------------------------------------------------- */

p.box,
div.box {
	margin: 1em 0 1.5em 0;
	padding: 13px 15px 13px 50px;
	border-width: 1px;
	border-style: solid;
	color: #808995;

	border-color: #d6d9dd;
	background: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.box.normal {
	padding: 13px 15px;
	color: #3A87AD;
	background-color: #D9EDF7;
	/* border-color: #BCE8F1; only if bg white */
	border-color: #a5d9e4;
}

.box.info {
	border-color: #d6d9dd;
	background: #fff url(images/shortcodes/ico-info.png) no-repeat 20px 45%;
}

.box.tick {
	border-color: #b3cd88;
	background: #d7ecb4 url(images/shortcodes/ico-tick.png) no-repeat 20px 45%;
	color: #70933e;
}

.box.note {
	border-color: #dace9a;
	background: #fef6d2 url(images/shortcodes/ico-note.png) no-repeat 20px 45%;
	color: #937F38; /* #69591f */
}

/*
.box.download {
	border-color: #7bc6fe;
	background: #b0d9f7 url(images/shortcodes/ico-download.png) no-repeat 20px 45%;
	color: #1e77ba;
}
*/

.box.alert {
	border-color: #e7b29a;
	background: #ffd9c8 url(images/shortcodes/ico-alert.png) no-repeat 20px 45%;
	color: #c04814;
}


.box.quote {
background: #d6d9dd url(images/shortcodes/quote_first.png) no-repeat 20px 15%;
padding: 13px 15px 13px 85px;
/*
background-position-x: 10px;
background-position-y: 10px;
background-origin: initial;
background-clip: initial;
*/
}




/* SHORTCODES - COLUMNS
------------------------------------------------------------------------------- */

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth{ width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 21px;
	float: left;
}

.last{
	margin-right: 0 !important;
	clear: right;
}

.clearboth {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}



/* SHORTCODES - TABS
------------------------------------------------------------------------------- */

#tabs {}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
	border-bottom: 1px solid #d6d9dd;
	border-left: 1px solid #d6d9dd;
	width: 100%;
	margin-bottom: 0 !important;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: auto;
	border: 1px solid #d6d9dd;
	border-left: none;
	/*margin-bottom: 3px !important;*/
	background: #f7f8f9;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	color: #808995;
	display: block;
	padding: 8px 20px;
	width: 90%;
	font-weight: bold;
	text-decoration: none;
}

ul.tabs li a:hover {
	background: #fff;
	color: #323538;
	text-decoration: none;
}

ul.tabs li.active a {
	color: #39c; /* style.php */
}

html ul.tabs li.active {
	background: #fff;
	color: #323538;
	border-bottom: 1px solid #fff;
}

.tab_container {
	border: 1px solid #d6d9dd;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}

.tab_content {
	padding: 20px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	display: none;
}



/* SHORTCODES - TOGGLE
------------------------------------------------------------------------------- */

.toggler {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	border: 1px solid #d6d9dd;
	background: #f7f8f9;
	margin-bottom: 5px;
}

h3.toggle {
	margin: 0;
	padding: 0;
	background: #fff url(images/shortcodes/toggle-open.png) no-repeat 20px 48%;
	height: auto;
	float: left;
	width: 100%;
}

	#content h3.toggle {
		margin-bottom: 0;
	}

h3.toggle a {
	font-size: 13px;
	color: #808995;
	text-decoration: none;
	display: block;
	padding: 11px 30px 11px 48px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h3.toggle a:hover {
	background: #fff url(images/shortcodes/toggle-hover.png) no-repeat 20px 48%;
	color: #323538;
}

h3.toggle.active a {
	background-position: left bottom;
	background: #f7f8f9 url(images/shortcodes/toggle-close.png) no-repeat 20px 48%;
	color: #39c; /* style.php */
}

.toggle_container {
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	border-top: 1px solid #d6d9dd;
	display: none;
}

.toggle_container .block {
	padding: 20px;
	padding-bottom: 3px;
	display: inline-block;
}



/* SHORTCODES - SLIDE TOGGLE
------------------------------------------------------------------------------- */

a.slideToggle {
	padding: 0;
	margin: 0 35px 30px 0;
/*	background: url(images/slideToggle.png) no-repeat;*/
	height: 36px;
	line-height: 46px;
	width: 224px;
	/*font-size: 14px;*/
	font-weight: bold;
	float: right;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
}

a.slideToggle.active {
	background-position: left -100px;	/* -- When toggle is triggered, it will shift the image to the bottom to show its "opened" state -- */
}




/* `PORTFOLIO SLIDER
------------------------------------------------------------------------------- */

.main_view {
	float: left;
	position: relative;
}

/* Window/Masking Styles */
.window {
	height: 300px;
	width: 490px;
	overflow: hidden; /* Hides anything outside of the set width/height */
	position: relative;
	margin-bottom: 0;
}

.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}

.image_reel img {
	float: left;
}

/* Paging Styles */
.paging {
	width: auto;
	z-index: 100; /* Assures the paging stays on the top layer */
	text-align: left;
	line-height: 40px;
	display: none; /*-- Hidden by default, will be later shown with jQuery --*/
	margin-bottom: 20px;
	/*font-size: 11px;*/
}

.paging a {
	padding-right: 7px;
	text-decoration: none;
}

.paging a.active {}

.paging a:hover { font-weight: bold; }



/* `404
------------------------------------------------------------------------------- */

.error404.not-found p {
	font-size: 15px;
	margin-top: 30px;
	margin-bottom: 40px !important;
}

.error404 #content {
	/*min-height: 700px;*/
}



/* jQuery Show/Hide
------------------------------------------------------------------------------- */

/*
.slidingDiv {
	display: none;
    height: auto;
	padding: 15px 20px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	font-style: italic;
	background: #fff;
	border-bottom: 1px solid #fff;
}

.slidingDiv .top-notice {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.top-notice p {
	margin-bottom: 0;
	font-size: 15px;
	padding-right: 20px;
	padding-left: 20px;
}

.show_hide {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 49px;
	background: transparent url(images/corner-plus.png) repeat;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 9999;
}

.show_hide:hover { background-position: 0 -50px; }

.show_hide.open { background-position: 0 -100px; }

.show_hide.open:hover { background-position: 0 -150px; }
*/




/* TEXT-SELECTION
------------------------------------------------------------------------------- */

::-webkit-selection {
	background: #39c;
	color: #fff;
	text-shadow: none;
}

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

::selection {
	background: #39c;
	color: #fff;
	text-shadow: none;
}


/* `FF
------------------------------------------------------------------------------- */

@-moz-document url-prefix() {
    
    h3.widget-title {
		margin-left: -10.5%;
	}

    .widget-container.widget_archive ul li a,
    .widget-container.widget_categories ul li a,
    .widget-container.widget_nav_menu ul li a,
    .widget-container.widget_links ul li a,
    .widget-container.widget_meta ul li a,
    .widget-container.widget_pages ul li a,
    .widget-container.widget_portfolio_cat ul li a {
		margin-left: -10.5%;
	}

	.layout-2cl h3.widget-title {
		margin-left: -12.5%;
		width: 111%;
	}

	.layout-2cl .widget-container.widget_archive ul li a,
	.layout-2cl .widget-container.widget_categories ul li a,
	.layout-2cl .widget-container.widget_nav_menu ul li a,
	.layout-2cl .widget-container.widget_links ul li a,
	.layout-2cl .widget-container.widget_meta ul li a,
	.layout-2cl .widget-container.widget_pages ul li a,
	.layout-2cl .widget-container.widget_portfolio_cat ul li a {
		margin-left: -12.5%;
		width: 112%;
	}

}



/* `Opera
------------------------------------------------------------------------------- */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

    h3.widget-title {
		margin-left: -15.5%;
		width: 118%;
	}
    
	.widget-container.widget_archive ul li a,
    .widget-container.widget_categories ul li a,
    .widget-container.widget_nav_menu ul li a,
    .widget-container.widget_links ul li a,
    .widget-container.widget_meta ul li a,
    .widget-container.widget_pages ul li a,
    .widget-container.widget_portfolio_cat ul li a {
		margin-left: -15.5%;
		width: 118%;
	}
	
	.widget-container.widget_archive h3.widget-title,
	.widget-container.widget_categories h3.widget-title,
    .widget-container.widget_nav_menu h3.widget-title,
    .widget-container.widget_links h3.widget-title,
    .widget-container.widget_meta h3.widget-title,
    .widget-container.widget_pages h3.widget-title,
    .widget-container.widget_portfolio_cat h3.widget-title {
		margin-bottom: -7px !important;
	}

	.layout-2cl h3.widget-title {
		margin-left: -13.5%;
		width: 117%;
	}
	
	.layout-2cl .widget-container.widget_archive ul li a,
	.layout-2cl .widget-container.widget_categories ul li a,
	.layout-2cl .widget-container.widget_nav_menu ul li a,
	.layout-2cl .widget-container.widget_links ul li a,
	.layout-2cl .widget-container.widget_meta ul li a,
	.layout-2cl .widget-container.widget_pages ul li a,
	.layout-2cl .widget-container.widget_portfolio_cat ul li a {
		margin-left: -12.5%;
		width: 117%;
	}


}



/* `IE - all creepy versions
------------------------------------------------------------------------------- */

.ie h3.widget-title {
	margin-left: -10.5%;
}

.ie .widget-container.widget_archive ul li a,
.ie .widget-container.widget_categories ul li a,
.ie .widget-container.widget_nav_menu ul li a,
.ie .widget-container.widget_links ul li a,
.ie .widget-container.widget_meta ul li a,
.ie .widget-container.widget_pages ul li a,
.ie .widget-container.widget_portfolio_cat ul li a {
	margin-left: -10.5%;
}

.ie .layout-2cl h3.widget-title {
	margin-left: -12.5%;
	width: 111%;
}

.ie .layout-2cl .widget-container.widget_archive ul li a,
.ie .layout-2cl .widget-container.widget_categories ul li a,
.ie .layout-2cl .widget-container.widget_nav_menu ul li a,
.ie .layout-2cl .widget-container.widget_links ul li a,
.ie .layout-2cl .widget-container.widget_meta ul li a,
.ie .layout-2cl .widget-container.widget_pages ul li a,
.ie .layout-2cl .widget-container.widget_portfolio_cat ul li a {
	margin-left: -12.5%;
	width: 112%;
}



/* IE 7
------------------------------------------------------------------------------- */

.ie7 #navi {
	float: none;
	position: relative; /* !important - fix ie7 menu issue */
}

.ie7 .camera_wrap {
	float: none;
}

.ie7 .camera_wrap .camera_pag .camera_pag_ul li {
	display: inline !important;
}

.ie7 .camera_wrap .camera_pag .camera_pag_ul {
	height: 30px;
}

.ie7 .camera_caption > div {
	display: none;
}

.ie7 #site-info ul li { /* for #footer menu items */
	display: inline;
}

.ie7 ul.social_icons li {
	display: inline !important;
	margin-left: 4px;
}

.ie7 input[type="text"],
.ie7 input[type="search"] {
	height: 20px;
}

.ie7 .widget_search .s {
	width: 81%;
}

.ie7 #searchform input {
	width: 93%;
}

.ie7 #respond input[type="text"],
.ie7 #respond textarea {
	width: 93%;
}

.ie7 .attachment-post-thumbnail.wp-post-image {
	width: 97%;
}

.ie7 .attachment-post-thumbnail,
.ie7 .format-gallery .gallery-thumb,
.ie7 .category-gallery .gallery-thumb,
.ie7 .archive-thumb img,
.ie7 img.attachment-post-thumbnail,
.ie7 img.attachment-post-thumbnail.wp-post-image,
.ie7 .gallery img {
/*
	width: 216px;
	height: 136px;
*/
/*
	width: 170px;
	height: 111px;
*/
}

.ie7 .format-gallery .size-thumbnail img,
.ie7 .category-gallery .size-thumbnail img {
	margin-bottom: -3px !important;
}

.ie7 ul.clients-list img {
	width: 22% !important;
}

.ie7 .nav-previous .meta-nav {
	background-position: 0 0;
}

.ie7 .meta-nav {
	background-position: 4px 0;
}

.ie7 .widget-container.widget_archive h3.widget-title,
.ie7 .widget-container.widget_categories h3.widget-title,
.ie7 .widget-container.widget_nav_menu h3.widget-title,
.ie7 .widget-container.widget_links h3.widget-title,
.ie7 .widget-container.widget_meta h3.widget-title,
.ie7 .widget-container.widget_pages h3.widget-title,
.ie7 .widget-container.widget_portfolio_cat h3.widget-title {
	margin-bottom: 0 !important;
}

.ie7 footer.entry-meta {
	padding: 15px 0 0 0;
}

.ie7 ul#filters li {
	display: inline;
}

.ie7 ul#filters li a {
	display: inline;
}

.ie7 .portfolio_tags {
	max-width: 75%;
}

.ie7 .portfolio .entry-content {
	margin-right: 0;
}

.ie7 #portfolio-details {
	padding-left: 25px;
}


/* IE 8
------------------------------------------------------------------------------- */

.ie8 input[type="text"],
.ie8 input[type="search"],
.ie8 textarea {
	padding: 9px 9px 14px 9px;
}

.ie8 td img {
	width: 80%;
}

.ie8 img.size-large,
.ie8 .format-gallery .gallery-thumb img {
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.ie8 .widget-container.widget_archive h3.widget-title,
.ie8 .widget-container.widget_categories h3.widget-title,
.ie8 .widget-container.widget_nav_menu h3.widget-title,
.ie8 .widget-container.widget_links h3.widget-title,
.ie8 .widget-container.widget_meta h3.widget-title,
.ie8 .widget-container.widget_pages h3.widget-title,
.ie8 .widget-container.widget_portfolio_cat h3.widget-title {
	margin-bottom: 0 !important;
}



/* WP 3.4
------------------------------------------------------------------------------- */

.twitter-tweet-rendered[style] {
	max-width: 100%!important;
}

#custom-header-img {
	border: 1px solid rgba(0, 0, 0, .15);
	border-top: none;
	border-bottom: none;
	margin-bottom: -5px;
}

#custom-header-img img {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	max-width: 960px;
}

.entry-content h3 {
	border-top: 1px solid #E5EAEF;
	border-bottom: 1px solid #E5EAEF;
	padding-top: 11px;
	padding-bottom: 11px;
}

#clients-home img {
	width: 50%;
max-width: 10.7%; !important
height: auto;
opacity: 1;
border: none;
}



/* ==================== FONT FACE  ==================== */	
@font-face 
	{
	font-family: 'YanoneKaffeesatzRegular';
	src: url('font/YanoneKaffeesatz-Regular-webfont.eot');
	src: local('-'), url('font/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('font/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('font/YanoneKaffeesatz-Regular-webfont.svg#webfontlKPF1zIT') format('svg');
	font-weight: normal;
	font-style: normal;
	}	

/* ==================== PRICING TABLE  ==================== */
/* --- base --- */
div.p_table 
	{
	width: 870px; /* --- width sum of div.caption_column, div.column_1, div.column_2, div.column_3, div.column_4 --- */
	height: 100%;
	font-size: 13px;
	font-family: arial, sans-serif;
	font-weight: normal;
	color: #303030;
	line-height: normal !important;
	}

/* --- main border --- */
div.p_table .frame_border
	{
	background-color: #ffffff;
	padding: 10px !important;
	float: left;
	}
	
/* --- hyperlinks --- */
div.p_table a
	{
	color: #303030;
	text-decoration: none;
	}
	
/* --- lists --- */
div.p_table ul
	{
	margin: 0px;
	padding: 0px !important;
	list-style-type: none !important;
	}
	
div.p_table li
	{
	margin: 0px;
	padding: 0px !important;
	list-style-type: none !important;
	}

/* --- div aligns --- */
div.p_table .align_center
	{
	text-align: center;
	}
	
/* --- div rounded corners --- */
/* --- border radius 3px --- */	
div.p_table .radius3
	{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
/* --- border radius 5px --- */	
div.p_table .radius5
	{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:100%;
	}	
	
/* --- border radius 5px top left --- */	
div.p_table .radius5_topleft
	{
	border-radius: 5px 0px 0px 0px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	}
	
/* --- border radius 5px top right --- */	
div.p_table .radius5_topright
	{
	border-radius: 0px 5px 0px 0px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	}
	
/* --- border radius 5px bottom right --- */	
div.p_table .radius5_bottomright
	{
	border-radius: 0px 0px 5px 0px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	}
	
/* --- border radius 5px bottom left --- */	
div.p_table .radius5_bottomleft
	{
	border-radius: 0px 0px 0px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	}
	
/* ==================== HEADINGS  ==================== */
/* ------ common styles ------  */
div.p_table h1,
div.p_table h2,
div.p_table h3
	{
	margin: 0px;
	padding: 0px !important;
	font-weight: normal !important;
	border: 0 !important;
	color: #ffffff;
	}
	
div.p_table h1
	{
	font-family: 'YanoneKaffeesatzRegular', arial, sans-serif;
	font-size: 48px;
	}

div.p_table h2
	{
	font-family: 'YanoneKaffeesatzRegular', arial, sans-serif;
	font-size: 28px;
	}
	
div.p_table h3
	{
	margin-top: 3px;
	font-size: 13px;
	}

/* ==================== COLUMNS  ==================== */
/* ------ common styles ------  */
div.p_table div.caption_column li.header_row_1 ,
div.p_table div.caption_column li.header_row_2
	{
	background-color: #ffffff;
	}

/* --- header row 1 ---  */
div.p_table div.caption_column li.header_row_1 ,
div.p_table div.column_1 li.header_row_1,
div.p_table div.column_2 li.header_row_1,
div.p_table div.column_3 li.header_row_1,
div.p_table div.column_4 li.header_row_1
	{
	height: 39px;
	width: 100%;
	padding: 1px 0px 0px 0px !important;
	}
	
/* ------ decor light line ------  */
div.p_table div.caption_column li.decor_line,
div.p_table div.column_1 li.decor_line,
div.p_table div.column_2 li.decor_line,
div.p_table div.column_3 li.decor_line,
div.p_table div.column_4 li.decor_line
	{
	height: 1px;
	width: 100%;
	float: left;
	}
	
/* --- header row 2 ---  */
div.p_table div.caption_column li.header_row_2,
div.p_table div.column_1 li.header_row_2,
div.p_table div.column_2 li.header_row_2,
div.p_table div.column_3 li.header_row_2,
div.p_table div.column_4 li.header_row_2
	{
	height: 88px;
	width: 100%;
	padding: 5px 0px 7px 0px !important;
	}
	
/* --- caption correction --- */
div.p_table div.caption_column li.header_row_2
	{	
	height: 103px;
	width: 100%;
	padding: 5px 0px 8px 10px !important;
	line-height: 40px !important;
	/* IE box model hack */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); /* IE8 */
	}	
	 
/* ==================== CAPTION COLUMN  ==================== */
div.p_table div.caption_column
	{
	width: 170px;
	height: 100%;
	float: left;
	}

/* =================== COLUMN STYLE 1  ==================== */
div.p_table div.column_1
	{
	width: 170px;
	height: 100%;
	float: left;
	position: relative;
	}
	
/* ==================== COLUMN STYLE 2  ==================== */
div.p_table div.column_2
	{
	width: 170px;
	height: 100%;
	float: left;
	position: relative;
	}	
	
/* ==================== COLUMN STYLE 3  ==================== */
div.p_table div.column_3
	{
	width: 170px;
	height: 100%;
	float: left;
	position: relative;
	}
	
/* ==================== COLUMN STYLE 4  ==================== */
div.p_table div.column_4
	{
	width: 170px;
	height: 100%;
	float: left;
	position: relative;
	}
	
/* ==================== COLUMN HOVERS ==================== */
/* ------ common styles ------  */
div.p_table div.column_1:hover li.header_row_2,
div.p_table div.column_2:hover li.header_row_2,
div.p_table div.column_3:hover li.header_row_2,
div.p_table div.column_4:hover li.header_row_2
	{
	/* removed border radiuses */
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	}
	
div.p_table div.column_1:hover li.footer_row,
div.p_table div.column_2:hover li.footer_row,
div.p_table div.column_3:hover li.footer_row,
div.p_table div.column_4:hover li.footer_row
	{
	/* added border radiuses */
	border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	}
	
div.p_table div.column_1:hover li.row_style_1,
div.p_table div.column_2:hover li.row_style_1,
div.p_table div.column_3:hover li.row_style_1,
div.p_table div.column_4:hover li.row_style_1,
div.p_table div.column_1:hover li.row_style_2,
div.p_table div.column_2:hover li.row_style_3,
div.p_table div.column_3:hover li.row_style_2,
div.p_table div.column_4:hover li.row_style_3
	{
	color: #ffffff;
	}
	
div.p_table div.column_1:hover li.row_style_1 a,
div.p_table div.column_2:hover li.row_style_1 a,
div.p_table div.column_3:hover li.row_style_1 a,
div.p_table div.column_4:hover li.row_style_1 a,
div.p_table div.column_1:hover li.row_style_2 a,
div.p_table div.column_2:hover li.row_style_3 a,
div.p_table div.column_3:hover li.row_style_2 a,
div.p_table div.column_4:hover li.row_style_3 a
	{
	color: #ffffff;
	}
	
/*==================== DATA ROWS  ====================*/
/* ------ common styles ------  */
div.p_table li.row_style_1,
div.p_table li.row_style_2,
div.p_table li.row_style_3
	{
	width: 100%;
	height: 100%;
	min-height: 28px;
	padding-top: 12px !important;
	float: left;
	/* transitions */
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;	
	}

div.p_table li.row_style_1 span,
div.p_table li.row_style_2 span,
div.p_table li.row_style_3 span
	{
	padding-left: 10px !important;
	padding-right: 10px !important;
	}
	
/* --- white ---  */
div.p_table li.row_style_1
	{
	background-color: #ffffff;
	}
	
/* --- lighter gray ---  */
div.p_table li.row_style_2
	{
	background-color: #f6f6f6;
	}
	
/* --- darker gray ---  */
div.p_table li.row_style_3
	{
	background-color: #ebebeb;
	}
	
/* ==================== FOOTER ==================== */
/* ------ common styles ------  */
div.p_table li.footer_row
	{
	width: 100%;
	height: 40px;
	padding-top: 14px !important;
	padding-bottom: 6px !important;
	float: left;
	background-color: #ffffff;
	/* transitions */
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	}
	
/* ==================== BUTTONS ==================== */
/* ------ common styles ------  */
div.p_table a.button_1,
div.p_table a.button_2,
div.p_table a.button_3,
div.p_table a.button_4
	{
	width: 130px;
	height: 37px;
	padding: 3px 0px 0px 0px !important;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
	outline: none;
	/* shadow */
	box-shadow: 0px 1px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.15);
	/* font */
	font-family: 'YanoneKaffeesatzRegular', arial, sans-serif;
	color: #ffffff;
	font-size: 24px;
	/* poz correction */
	position: relative;
	top: 1px;
	/* transitions */
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	}
	
/* ------ hover common styles ------  */	
div.p_table div.column_1:hover a.button_1,
div.p_table div.column_2:hover a.button_2,
div.p_table div.column_3:hover a.button_3,
div.p_table div.column_4:hover a.button_4
	{
	background: 0;
	filter: 0; /* IE5.5 - 7 */
	-ms-filter: 0; /* IE8 */
	border: 0;
	color: #ffffff;
	position: relative;
	top: -5px;
	/* shadow */
	box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
	}
	
/* ==================== COLUMN RIBBONS  ==================== */
/* --- base --- */
div.column_ribbon
	{
	width: 42px;
	height: 42px;
	position: absolute;
	right: 0;
	}
	
/* ------ ribbon styles ------  */
/* --- style1--- */	
div.ribbon_style1_best { background: url(../images/ribbon_style1_best.png); }
div.ribbon_style1_buy { background: url(../images/ribbon_style1_buy.png); }
div.ribbon_style1_free { background: url(../images/ribbon_style1_free.png); }
div.ribbon_style1_free_caps { background: url(../images/ribbon_style1_free_caps.png); }
div.ribbon_style1_fresh { background: url(../images/ribbon_style1_fresh.png); }
div.ribbon_style1_gift_caps { background: url(../images/ribbon_style1_gift_caps.png); }
div.ribbon_style1_heart { background: url(../images/ribbon_style1_heart.png); }
div.ribbon_style1_hot { background: url(../images/ribbon_style1_hot.png); }
div.ribbon_style1_hot_caps { background: url(../images/ribbon_style1_hot_caps.png); }
div.ribbon_style1_new { background: url(../images/ribbon_style1_new.png); }
div.ribbon_style1_new_caps { background: url(../images/ribbon_style1_new_caps.png); }
div.ribbon_style1_no1 { background: url(../images/ribbon_style1_no1.png); }
div.ribbon_style1_off5 { background: url(../images/ribbon_style1_off5.png); }
div.ribbon_style1_off10 { background: url(../images/ribbon_style1_off10.png); }
div.ribbon_style1_off15 { background: url(../images/ribbon_style1_off15.png); }
div.ribbon_style1_off20 { background: url(../images/ribbon_style1_off20.png); }
div.ribbon_style1_off25 { background: url(../images/ribbon_style1_off25.png); }
div.ribbon_style1_off30 { background: url(../images/ribbon_style1_off30.png); }
div.ribbon_style1_off35 { background: url(../images/ribbon_style1_off35.png); }
div.ribbon_style1_off40 { background: url(../images/ribbon_style1_off40.png); }
div.ribbon_style1_off50 { background: url(../images/ribbon_style1_off50.png); }
div.ribbon_style1_off75 { background: url(../images/ribbon_style1_off75.png); }
div.ribbon_style1_pack { background: url(../images/ribbon_style1_pack.png); }
div.ribbon_style1_pro { background: url(../images/ribbon_style1_pro.png); }
div.ribbon_style1_sale { background: url(../images/ribbon_style1_sale.png); }
div.ribbon_style1_save { background: url(../images/ribbon_style1_save.png); }
div.ribbon_style1_save_caps { background: url(../images/ribbon_style1_save_caps.png); }
div.ribbon_style1_top { background: url(../images/ribbon_style1_top.png); }
div.ribbon_style1_top_caps { background: url(../images/ribbon_style1_top_caps.png); }
div.ribbon_style1_trial { background: url(../images/ribbon_style1_trial.png); }

/* --- style2--- */
div.ribbon_style2_best { background: url(../images/ribbon_style2_best.png); }
div.ribbon_style2_buy { background: url(../images/ribbon_style2_buy.png); }
div.ribbon_style2_free { background: url(../images/ribbon_style2_free.png); }
div.ribbon_style2_free_caps { background: url(../images/ribbon_style2_free_caps.png); }
div.ribbon_style2_fresh { background: url(../images/ribbon_style2_fresh.png); }
div.ribbon_style2_gift_caps { background: url(../images/ribbon_style2_gift_caps.png); }
div.ribbon_style2_heart { background: url(../images/ribbon_style2_heart.png); }
div.ribbon_style2_hot { background: url(../images/ribbon_style2_hot.png); }
div.ribbon_style2_hot_caps { background: url(../images/ribbon_style2_hot_caps.png); }
div.ribbon_style2_new { background: url(../images/ribbon_style2_new.png); }
div.ribbon_style2_new_caps { background: url(../images/ribbon_style2_new_caps.png); }
div.ribbon_style2_no1 { background: url(../images/ribbon_style2_no1.png); }
div.ribbon_style2_off5 { background: url(../images/ribbon_style2_off5.png); }
div.ribbon_style2_off10 { background: url(../images/ribbon_style2_off10.png); }
div.ribbon_style2_off15 { background: url(../images/ribbon_style2_off15.png); }
div.ribbon_style2_off20 { background: url(../images/ribbon_style2_off20.png); }
div.ribbon_style2_off25 { background: url(../images/ribbon_style2_off25.png); }
div.ribbon_style2_off30 { background: url(../images/ribbon_style2_off30.png); }
div.ribbon_style2_off35 { background: url(../images/ribbon_style2_off35.png); }
div.ribbon_style2_off40 { background: url(../images/ribbon_style2_off40.png); }
div.ribbon_style2_off50 { background: url(../images/ribbon_style2_off50.png); }
div.ribbon_style2_off75 { background: url(../images/ribbon_style2_off75.png); }
div.ribbon_style2_pack { background: url(../images/ribbon_style2_pack.png); }
div.ribbon_style2_pro { background: url(../images/ribbon_style2_pro.png); }
div.ribbon_style2_sale { background: url(../images/ribbon_style2_sale.png); }
div.ribbon_style2_save { background: url(../images/ribbon_style2_save.png); }
div.ribbon_style2_save_caps { background: url(../images/ribbon_style2_save_caps.png); }
div.ribbon_style2_top { background: url(../images/ribbon_style2_top.png); }
div.ribbon_style2_top_caps { background: url(../images/ribbon_style2_top_caps.png); }
div.ribbon_style2_trial { background: url(../images/ribbon_style2_trial.png); }

/* ==================== TOOLTIP  ==================== */
/* --- base --- */
div.p_table a.tooltip
	{
	position: relative;
	text-decoration: underline;	
	}
	
div.p_table a.tooltip:hover
	{
	color: #999999;
	text-decoration: none !important;
	}
	
div.p_table a.tooltip:hover:after, div.p_table a.tooltip:hover:before
	{
    display: block;
	}

/* --- tooltip container --- */
div.p_table a.tooltip:before
	{
	content: attr(rel);
	display: block;
	width: 140px;
    position: absolute;
	z-index: 1000;
    bottom: 150%;
    left: -10px;
    padding: 5px 10px 8px 10px;
	text-align: left;
    color: #ffffff;
    display: none;
	/* background */
	background: #404040; /* CSS2 */
	background: -moz-linear-gradient(top, #4e4e4e 0%, #404040 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#404040)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4e4e4e 0%,#404040 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4e4e4e 0%,#404040 100%); /* IE10+ */
	background: linear-gradient(top, #4e4e4e 0%,#404040 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
	/* border-radius */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* box-shadow */
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	/* text-shadow */
	text-shadow: 0px 1px 0px #292929;
	}
	
/* --- tooltip arrow --- */
div.p_table a.tooltip:after
	{
	content: "";
	display: block;
    width: 0;
    height: 0;
    position: absolute;
	z-index: 1000;
	bottom: 18px;
	left: -2px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	border-top: 6px solid #404040;
    display: none;
	background: transparent;	
	}
	
	



/* ==================== STYLE 4 - PURPLE ==================== */
/* ==================== HEADINGS ==================== */
div.p_table h1.caption
	{
	color: #ea9629;
	}
	
div.p_table h1.caption span
	{
	color: #a89470;
	}

/* ==================== COLUMN STYLE 1 ==================== */
/* --- header row 1 ---  */
div.p_table div.column_1 li.header_row_1
	{
	border-bottom: 1px solid #735e4a;
	background-color: #887255; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #b2a17e, #8b775d); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2a17e', endColorstr='#8b775d'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2a17e', endColorstr='#8b775d'); /* IE8 */
	background: -ms-linear-gradient(top, #b2a17e, #8b775d); /* IE9 */
	background: -moz-linear-gradient(top, #b2a17e, #8b775d); /* Firefox */ 
	background: -o-linear-gradient(top, #b2a17e, #8b775d); /* Opera 11  */
	background: -webkit-linear-gradient(top, #b2a17e, #8b775d); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b2a17e), color-stop(1, #8b775d)); /* Chrome 10, Safari */	
	}
	
/* --- decor light  line ---  */	
div.p_table div.column_1 li.decor_line
	{
	background-color: #c7bb97; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(left, #c7bb97, #e1dac6 50%, #c7bb97); /* W3C */
	background: -ms-linear-gradient(left, #c7bb97, #e1dac6 50%, #c7bb97); /* IE9 */
	background: -moz-linear-gradient(left, #c7bb97, #e1dac6 50%, #c7bb97); /* Firefox */ 
	background: -o-linear-gradient(left, #c7bb97, #e1dac6 50%, #c7bb97); /* Opera 11  */
	background: -webkit-linear-gradient(left, #c7bb97, #e1dac6 50%, #c7bb97); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #c7bb97), color-stop(0.5, #e1dac6), color-stop(1, #c7bb97)); /* Chrome 10, Safari */
	}
	
/* --- header row 2 ---  */
div.p_table div.column_1 li.header_row_2
	{
	background-color: #887255; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #aa9570, #887255); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa9570', endColorstr='#887255'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa9570', endColorstr='#887255'); /* IE8 */
	background: -ms-linear-gradient(top, #aa9570, #887255); /* IE9 */
	background: -moz-linear-gradient(top, #aa9570, #887255); /* Firefox */ 
	background: -o-linear-gradient(top, #aa9570, #887255); /* Opera 11  */
	background: -webkit-linear-gradient(top, #aa9570, #887255); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aa9570), color-stop(1, #887255)); /* Chrome 10, Safari */	
	}
	
/* ==================== COLUMN STYLE 2 ==================== */
/* --- header row 1 ---  */
div.p_table div.column_2 li.header_row_1
	{
	border-bottom: 1px solid #db662d;
	background-color: #df8034; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #ebaa4d, #e18038); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebaa4d', endColorstr='#e18038'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebaa4d', endColorstr='#e18038'); /* IE8 */
	background: -ms-linear-gradient(top, #ebaa4d, #e18038); /* IE9 */
	background: -moz-linear-gradient(top, #ebaa4d, #e18038); /* Firefox */ 
	background: -o-linear-gradient(top, #ebaa4d, #e18038); /* Opera 11  */
	background: -webkit-linear-gradient(top, #ebaa4d, #e18038); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ebaa4d), color-stop(1, #e18038)); /* Chrome 10, Safari */	
	}
	
/* --- decor light  line ---  */	
div.p_table div.column_2 li.decor_line
	{
	background-color: #f0c45e; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(left, #f0c45e, #f7df88 50%, #f0c45e); /* W3C */
	background: -ms-linear-gradient(left, #f0c45e, #f7df88 50%, #f0c45e); /* IE9 */
	background: -moz-linear-gradient(left, #f0c45e, #f7df88 50%, #f0c45e); /* Firefox */ 
	background: -o-linear-gradient(left, #f0c45e, #f7df88 50%, #f0c45e); /* Opera 11  */
	background: -webkit-linear-gradient(left, #f0c45e, #f7df88 50%, #f0c45e); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #f0c45e), color-stop(0.5, #f7df88), color-stop(1, #f0c45e)); /* Chrome 10, Safari */
	}
	
/* --- header row 2 ---  */
div.p_table div.column_2 li.header_row_2
	{
	background-color: #df8034; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #e8a344, #df8034); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8a344', endColorstr='#df8034'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8a344', endColorstr='#df8034'); /* IE8 */
	background: -ms-linear-gradient(top, #e8a344, #df8034); /* IE9 */
	background: -moz-linear-gradient(top, #e8a344, #df8034); /* Firefox */ 
	background: -o-linear-gradient(top, #e8a344, #df8034); /* Opera 11  */
	background: -webkit-linear-gradient(top, #e8a344, #df8034); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8a344), color-stop(1, #df8034)); /* Chrome 10, Safari */
	}
	
/* ==================== COLUMN STYLE 3 ==================== */
/* --- header row 1 ---  */
div.p_table div.column_3 li.header_row_1
	{
	border-bottom: 1px solid #9f3c1e;
	background-color: #ad4922; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #ca6734, #ad4922); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca6734', endColorstr='#ad4922'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca6734', endColorstr='#ad4922'); /* IE8 */
	background: -ms-linear-gradient(top, #ca6734, #ad4922); /* IE9 */
	background: -moz-linear-gradient(top, #ca6734, #ad4922); /* Firefox */ 
	background: -o-linear-gradient(top, #ca6734, #ad4922); /* Opera 11  */
	background: -webkit-linear-gradient(top, #ca6734, #ad4922); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca6734), color-stop(1, #ad4922)); /* Chrome 10, Safari */	
	}
	
/* --- decor light  line ---  */	
div.p_table div.column_3 li.decor_line
	{
	background-color: #d8843d; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(left, #d8843d, #eabc59 50%, #d8843d); /* W3C */
	background: -ms-linear-gradient(left, #d8843d, #eabc59 50%, #d8843d); /* IE9 */
	background: -moz-linear-gradient(left, #d8843d, #eabc59 50%, #d8843d); /* Firefox */ 
	background: -o-linear-gradient(left, #d8843d, #eabc59 50%, #d8843d); /* Opera 11  */
	background: -webkit-linear-gradient(left, #d8843d, #eabc59 50%, #d8843d); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #d8843d), color-stop(0.5, #eabc59), color-stop(1, #d8843d)); /* Chrome 10, Safari */
	}
	
/* --- header row 2 ---  */
div.p_table div.column_3 li.header_row_2
	{
	background-color: #ad4922; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #c4612d, #ad4922); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4612d', endColorstr='#ad4922'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4612d', endColorstr='#ad4922'); /* IE8 */
	background: -ms-linear-gradient(top, #c4612d, #ad4922); /* IE9 */
	background: -moz-linear-gradient(top, #c4612d, #ad4922); /* Firefox */ 
	background: -o-linear-gradient(top, #c4612d, #ad4922); /* Opera 11  */
	background: -webkit-linear-gradient(top, #c4612d, #ad4922); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c4612d), color-stop(1, #ad4922)); /* Chrome 10, Safari */	
	}
	
/* ==================== COLUMN STYLE 4 ==================== */
/* --- header row 1 ---  */
div.p_table div.column_4 li.header_row_1
	{
	border-bottom: 1px solid #543032;
	background-color: #66383a; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #915255, #6a3c3e); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#915255', endColorstr='#6a3c3e'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#915255', endColorstr='#6a3c3e'); /* IE8 */
	background: -ms-linear-gradient(top, #915255, #6a3c3e); /* IE9 */
	background: -moz-linear-gradient(top, #915255, #6a3c3e); /* Firefox */ 
	background: -o-linear-gradient(top, #915255, #6a3c3e); /* Opera 11  */
	background: -webkit-linear-gradient(top, #915255, #6a3c3e); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #915255), color-stop(1, #6a3c3e)); /* Chrome 10, Safari */	
	}
	
/* --- decor light  line ---  */	
div.p_table div.column_4 li.decor_line
	{
	background-color: #af6469; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(left, #af6469, #d39098 50%, #af6469); /* W3C */
	background: -ms-linear-gradient(left, #af6469, #d39098 50%, #af6469); /* IE9 */
	background: -moz-linear-gradient(left, #af6469, #d39098 50%, #af6469); /* Firefox */ 
	background: -o-linear-gradient(left, #af6469, #d39098 50%, #af6469); /* Opera 11  */
	background: -webkit-linear-gradient(left, #af6469, #d39098 50%, #af6469); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #af6469), color-stop(0.5, #d39098), color-stop(1, #af6469)); /* Chrome 10, Safari */
	}
	
/* --- header row 2 ---  */
div.p_table div.column_4 li.header_row_2
	{
	background-color: #66383a; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #864a4d, #66383a); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#864a4d', endColorstr='#66383a'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#864a4d', endColorstr='#66383a'); /* IE8 */
	background: -ms-linear-gradient(top, #864a4d, #66383a); /* IE9 */
	background: -moz-linear-gradient(top, #864a4d, #66383a); /* Firefox */ 
	background: -o-linear-gradient(top, #864a4d, #66383a); /* Opera 11  */
	background: -webkit-linear-gradient(top, #864a4d, #66383a); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #864a4d), color-stop(1, #66383a)); /* Chrome 10, Safari */	
	}
	
/* ==================== COLUMN HOVERS ==================== */
/* --- column 1 ---  */
div.p_table div.column_1:hover li.row_style_1
	{
	background-color: #9c8665;
	}
	
div.p_table div.column_1:hover li.row_style_2
	{
	background-color: #887255;
	}
	
div.p_table div.column_1:hover li.footer_row
	{
	background-color: #9c8665;
	}
	
/* --- column 2 ---  */	
div.p_table div.column_2:hover li.row_style_1
	{
	background-color: #e5963e;
	}
	
div.p_table div.column_2:hover li.row_style_3
	{
	background-color: #df8034;
	}
	
div.p_table div.column_2:hover li.footer_row
	{
	background-color: #e5963e;
	}
	
/* --- column 3 ---  */	
div.p_table div.column_3:hover li.row_style_1
	{
	background-color: #bc5728;
	}
	
div.p_table div.column_3:hover li.row_style_2
	{
	background-color: #ad4922;
	}
	
div.p_table div.column_3:hover li.footer_row
	{
	background-color: #bc5728;
	}

/* --- column 4 ---  */	
div.p_table div.column_4:hover li.row_style_1
	{
	background-color: #794345;
	}
	
div.p_table div.column_4:hover li.row_style_3
	{
	background-color: #66383a;
	}
	
div.p_table div.column_4:hover li.footer_row
	{
	background-color: #794345;
	}
	
/* ==================== BUTTONS ==================== */
div.p_table a.button_1
	{
	border-bottom: 1px solid #6f593e;
	background-color: #a18a67; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #b8a077, #897356); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8a077', endColorstr='#897356'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8a077', endColorstr='#897356'); /* IE8 */
	background: -ms-linear-gradient(top, #b8a077, #897356); /* IE9 */
	background: -moz-linear-gradient(top, #b8a077, #897356); /* Firefox */ 
	background: -o-linear-gradient(top, #b8a077, #897356); /* Opera 11  */
	background: -webkit-linear-gradient(top, #b8a077, #897356); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b8a077), color-stop(1, #897356)); /* Chrome 10, Safari */
	}
	
div.p_table a.button_2
	{
	border-bottom: 1px solid #d46624;
	background-color: #e5993e; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #ecb349, #df8135); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb349', endColorstr='#df8135'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb349', endColorstr='#df8135'); /* IE8 */
	background: -ms-linear-gradient(top, #ecb349, #df8135); /* IE9 */
	background: -moz-linear-gradient(top, #ecb349, #df8135); /* Firefox */ 
	background: -o-linear-gradient(top, #ecb349, #df8135); /* Opera 11  */
	background: -webkit-linear-gradient(top, #ecb349, #df8135); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecb349), color-stop(1, #df8135)); /* Chrome 10, Safari */
	}	
	
div.p_table a.button_3
	{
	border-bottom: 1px solid #973416;
	background-color: #bc5728; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #ce6630, #ae4a22); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6630', endColorstr='#ae4a22'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6630', endColorstr='#ae4a22'); /* IE8 */
	background: -ms-linear-gradient(top, #ce6630, #ae4a22); /* IE9 */
	background: -moz-linear-gradient(top, #ce6630, #ae4a22); /* Firefox */ 
	background: -o-linear-gradient(top, #ce6630, #ae4a22); /* Opera 11  */
	background: -webkit-linear-gradient(top, #ce6630, #ae4a22); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ce6630), color-stop(1, #ae4a22)); /* Chrome 10, Safari */
	}
	
div.p_table a.button_4
	{
	border-bottom: 1px solid #4e2628;
	background-color: #7a4346; /* background color for non-css3 browsers */
	/* gradient */
	background-image: linear-gradient(top, #8f4e51, #67393b); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f4e51', endColorstr='#67393b'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f4e51', endColorstr='#67393b'); /* IE8 */
	background: -ms-linear-gradient(top, #8f4e51, #67393b); /* IE9 */
	background: -moz-linear-gradient(top, #8f4e51, #67393b); /* Firefox */ 
	background: -o-linear-gradient(top, #8f4e51, #67393b); /* Opera 11  */
	background: -webkit-linear-gradient(top, #8f4e51, #67393b); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8f4e51), color-stop(1, #67393b)); /* Chrome 10, Safari */
	}