/*------------------------------------*\
	Name: Hermes - Fulscreen Premium Template
	Date: May 2012 
	Description: A Responsive Fulscreen Template. 
	Version: 1.0 
	Author: Alex Gurghis 
	Autor URL: http://alexgurghis.com 
\*------------------------------------*/

/*------------------------------------*\
   	CONTENTS
\*------------------------------------*/

/*

Reset & Basics
Basic Styles
Images
Site Styles
Border
Team
Typography
Menu
Tabs
Portfolio
Gallery
Pagination
Blockquotes
Blog
Headings
Error 404
Contact Form
Sidebar & Widgets
Nav Menu Widget
Info Boxes
Blog Post
Other elements
Code
Media Queries
Buttons

Main Color: #19D7E3;

*/
/*FONTS*/
/* armata-regular - latin */
@font-face {
  font-family: 'Armata';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/armata-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Armata Regular'), local('Armata-Regular'),
       url('../fonts/armata-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/armata-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/armata-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/armata-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/armata-v8-latin-regular.svg#Armata') format('svg'); /* Legacy iOS */
}

/* Reset & Basics (Inspired by E. Meyers) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: 'PT Sans', sans-serif;
	vertical-align: baseline; 
	color: #c5c5c5;
}
		
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; 
}

body {
	line-height: 1; 
	height:100%
}

blockquote, q {
	quotes: none; 
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; 
}

table {
	border-collapse: collapse;
	border-spacing: 0; 
}

/* Background */
.bg {
	position:fixed;
	top:0;
	left:0; 

	/* Preserve aspet ratio */
	min-width:100%;
	min-height:100%;

	z-index: -99;
}

.bg {
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
}
.bg img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
}

.bg-image-tile {
	position:fixed;
	top:0;
	left:0; 

	/* Preserve aspet ratio */
	min-width:100%;
	min-height:100%;

	background-image: url(../images/background/tile_2.png);

	z-index: 1;

}	

/* Basic Styles */
html, body{
	overflow-x: hidden;
}
	
body {
	font: 14px "PT Sans", sans-serif;
	line-height: 22px;
	color: #eee;
	-webkit-text-size-adjust: 100%;
	background-color: #000000;
}
	
a {
	color: #db3d93;
	text-decoration: none;
	outline: none;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}

a:hover {
	color: #19D7E3;
	text-decoration: none;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;	
	transition: all 0.3s ease;
}

/* Images */
img.scale-with-grid {
	max-width: 100%;
	height: auto; }
	
img, a img { 
	border:none; 
	padding: 0; 
	margin:0; 
	display:inline-block; 
	max-width: 100%;
	height:auto;
	image-rendering: optimizeQuality;
}

img, a img { 
	background: #000000;
}

#logo img, #logo a img, #social-icons img, #social-icons a img, #flexslider img, #sflexslider a img {
	background: none;
}

.image-preloading {
	display: block;
	float: left;
	background-image: url("../images/indicator-white.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

.one_fourth .image-preloading {
	width: 204px;
	height: 147px;
}

.one_third .image-preloading {
	width: 283px;
	height: 204px;
}

.one_half .image-preloading {
	width: 446px;
	height: 320px;
}



.msie7 img{ -ms-interpolation-mode: bicubic; }

/* Border */
#top, #bottom, #left, #right {
	background: #fff;
	position: fixed;
	z-index: 999;
}

#left, #right {
	top: 0; bottom: 0;
	width: 20px;
}

#left { left: 0; }

#right { right: 0; }

#top, #bottom {
	left: 0; right: 0;
	height: 20px;
}

{ top: 0; }

#bottom { bottom: 0; }

/* Typography */
h1 {font-size: 40px; line-height: 44px;}	/* 40px */
h2 {font-size: 30px; line-height: 34px;}	/* 30px */
h3 {font-size: 24px; line-height: 28px;}	/* 24px */
h4 {font-size: 20px; line-height: 24px;}	/* 20px */
h5 {font-size: 16px; line-height: 20px;}	/* 16px */
h6 {font-size: 14px; line-height: 18px;}    /* 14px */

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
	font-family: 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-weight: lighter;
	color: #fff;
}

.page-title {
	border-bottom: #666 dotted 1px;
	width: 100%;
	padding-bottom: 20px;
}
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #19d7e3;
	
	text-decoration: none;
}
a:hover, a:active {
	background-color: #19d7e3;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}
	
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


/* Menu */
#banner {
	z-index: 9999;
}

#banner a:hover, #banner a:active, #banner a:link, #banner a:visited {
	background: none;
}

#banner nav {
	background-image: url(../images/menu-bg-v2.png);
	font-size: 20px;
	height: 80px;
	line-height: 30px;
	padding: 0;
	text-align: left;
	width: 100%;
	z-index: 999;
}

.default-page  #banner nav {
	position: fixed;
	top: 130px;
}

.home #banner nav {
	position: fixed;
	bottom: 360px;
}
	
#banner nav ul {list-style: none; width: auto; margin-top: 20px; }

#banner nav li {float: left; display: inline; margin: 0; }

#banner nav li a {
	font-size: 16px;
}
	
#banner nav a:link, #banner nav a:visited {
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	font-family: 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-weight: lighter;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}

#banner nav a:hover, #banner nav a:active, #banner nav .active a:link, #banner nav .active a:visited {
	color: #19d7e3;
	text-shadow: none !important;
	font-family: 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-weight: lighter;
}

#banner nav li ul li{
	margin: 0 15px;
}


#banner nav li ul {
	display: none;
	position: absolute;
	margin: 0;
	margin-left: 10px;
	margin-top: 20px;
	top: 46px;
	width: 190px;
	z-index: 2;
	cursor: pointer;
	border-top: 2px solid #19d7e3;
	background-color: #fff;
	-moz-box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

#banner nav li ul li{
	border-bottom: 1px solid #d4d4d4;
}


#banner nav li ul li:last-child {
	border: none;
}

#banner nav li ul a:link, #banner nav li ul a:visited {
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #484848;
}

#banner nav li ul a {
	width: 160px;
	height: auto;
	float: left;
	text-align: left;
	line-height: 23px;
	padding: 10px 0 8px 0;
	font-size: 12px;
	min-height: 23px;
	max-width: none;
	text-decoration: none;
}

#banner nav li ul a:hover, #banner nav li ul a.current {
	background: none;
	color: #19d7e3;
}


#banner nav li ul li:first-child a, #banner nav li ul li:first-child .active a:link, #banner nav li ul li:first-child .active a:visited {
	background-image: url(../images/menu-up.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: -9px;
	padding-top: 17px !important;
}

#banner nav li ul li:last-child a {
	background-image: none;
}

#banner nav li ul ul{
	top:auto;
	padding-top: 0px !important;
}	

#banner nav li ul ul {
	left: 160px;
	top:-1px;
}

#banner nav li ul ul li:first-child a {
	background-image: url(../images/menu-left.png);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	margin-left: -24px;
	padding-left: 24px !important;
}

#banner nav li ul ul {}

#banner nav li:hover ul ul, #banner nav li:hover ul ul ul, #banner nav li:hover ul ul ul ul{
	display:none;	
}

#banner nav li:hover ul, #banner nav li li:hover ul, #banner nav li li li:hover ul, #banner nav li li li li:hover ul{
	display:block;
}

.mobileMenu{width:100%; margin: 20px 0 10px 0; max-width:767px; padding:10px;}

.mobileMenu{
	 width:41.5%;
	 min-width:232px;
	 border-color: #E1E1E1;
	 color: #777;
	 background: #fff;
	 -webkit-appearance: none;
	 -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;
	 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
	background-position: center right;
	background-repeat: no-repeat;
}

#logo {
	margin-top: 5px;
	z-index: 111;
}

#logo a:hover {
	background: none;
}

.home #logo {
	position: fixed;
	bottom: 365px;
	z-index: 9999;
}

.default-page  #logo {
	position: fixed;
	top: 135px;
}


.settings {
	position: fixed;
	width: 100%;
	top: -78px;
	height: 38px;
	padding: 20px 0 20px 0;
	background-image: url(../images/menu-bg.png);
	z-index: 980;
	color: #777;
}

#top-content {
	margin: auto;
	max-width: 100%;
	height: 38px;
}

#top-content .full {
	float: right;
	margin-right: 60px;
}

#top-content p {
	margin-top: 10px;
	color: #eee;
	float: right;
}

#pull-bttn {
	margin: auto;
	max-width: 100%;
	margin-top: 20px;
	margin-right: 60px;
}

.display_settings_false{
	top: -61px;
}


.settings .openclose {
    cursor: pointer;
    display: block;
    height: 30px;
    float: right;
    width: 30px;
    background: #19d7e3 url(../images/pull-button.png) no-repeat top right;
    -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.3);
	box-shadow: 0 2px 7px rgba(0,0,0,0.3);
}

.openclosedisplay_settings {

}

.openclosedisplay_settings_false {

}


/* Social Bookmarks */
.default-page #social-icons {
	position: fixed;
	top: 80px;
	z-index: 900;
}

.home #social-icons {
	position: fixed;
	bottom: 460px;
	z-index: 900;
}

.social_bookmarks{
	position: relative;
	float: left;
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

.social_bookmarks li{
	list-style: none; 
	height: 100%;
	float: left;
	padding: 0;
}

.social_bookmarks li a {
	float: left;
	width: 23px;
	line-height: 23px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	margin-right: 5px;
	outline: none;
	padding: 0;
	min-height: 23px;
	height: 100%;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}

.social_bookmarks li a img {
	display: block;
	width: 23px;
	height: 23px;
}

.social_bookmarks li a:hover, .social_bookmarks li a:link, .social_bookmarks li a:visited {
	background-color: transparent;
}

.social_bookmarks .flickr{ background: transparent url(../images/icon-flickr.png) 0 top no-repeat; }
.social_bookmarks .facebook{ background: transparent url(../images/icon-facebook.png) 0 top  no-repeat; }
.social_bookmarks .twitter{ background: transparent url(../images/icon-twitter.png) 0 top  no-repeat; }
.social_bookmarks .mail{ background: transparent url(../images/icon-mail.png) 0 top  no-repeat;}
.social_bookmarks .dribbble{ background: transparent url(../images/icon-dribbble.png) 0 top  no-repeat; }
.social_bookmarks .forrst{ background: transparent url(../images/icon-forrst.png) 0 top  no-repeat; }
.social_bookmarks .tumblr{ background: transparent url(../images/icon-tumblr.png) 0 top  no-repeat; }
.social_bookmarks .diig{ background: transparent url(../images/icon-diig.png) 0 top  no-repeat; }
.social_bookmarks .vimeo{ background: transparent url(../images/icon-vimeo.png) 0 top  no-repeat; }

.social_bookmarks li a:hover { 
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0; 
	opacity: 0;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}

.home #copyright {
	position: fixed;
	bottom: 30px;
	right: 0;
}

#audio {
	display: block;
	float: right;
	margin-top: 10px;
	position: fixed;
	right: 100px;
}

#audio h6, #audio h6 a {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
	font-family: 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-weight: lighter;
	text-transform:uppercase;
}

#play_bt {
	display: none;
}

#main_wrap {
	width: 860px;
	padding: 30px;
	background-image: url(../images/menu-bg.png);
	margin-top: 250px;
	position: relative;
	z-index: 99;
}

#footer {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 30px;
	margin-top: 40px;
}


/* Team */
#team div.one_third {
	margin-bottom: 60px;
}

.team-image {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
	background: transparent url(../images/img-bg-white.png) no-repeat center center;
}

.team-image img {
	width: 100%;
	height: auto;
	float: left;
	border: 5px solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.team-position {
	color: #eee;
	font-weight:normal;
	clear: both;
	font-size: 11px;
	display: block;
	padding-bottom: 10px;
	border-bottom: dotted 1px #666;
	margin-bottom: 20px;
}

/* Tabs */
ul.tabs {
	color: white;
	width: 100%;
	float: left;
	font: 13px/1.3em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #343434;
	margin: 0;
}
ul.tabs li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tabs li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	text-align: center;
	cursor: pointer;
}

ul.tabs li a:hover {
	text-shadow: none;
	text-decoration: none;
	color: #FFF;
}

ul.tabs li a:hover, ul.tabs li.active a {
	text-decoration: none;
	color: #FFF;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	margin: 10px 0;
	background: #727272;
}


.panes {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #727272;
}

.pane {
	padding: 20px;
}

.pane p {
	margin-bottom: 0;
	margin-top: 10px;
}


/* Portfolio */
.portfolio-image {
	width: 100%;
	height: 100%;
	float: left;
	display: block;
	margin-bottom: 20px;
	background: transparent url(../images/img-bg-white.png) no-repeat center center;
}

.portfolio-image img {
	width: 100%;
	height: auto;
	float: left;
	border: 5px solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;	
	transition: all 0.3s ease;
}

.portfolio-image img:hover {
	border: 5px solid #19D7E3;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}

.one_fourth .portfolio-image img {
	width: 204px;
	height: 147px;
}

.one_third .portfolio-image img {
	width: 283px;
	height: 204px;
}

.one_half .portfolio-image img {
	width: 446px;
	height: 320px;
}

.portfolio-sort-container{
	position: relative;
	width:100%;
}

.isotope, .isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-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;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;

}


/*chrome unfortunatley flickers when resorting the items without this fix*/
.chrome .isotope .column_container.isotope-hidden .title-span{display: none;}


.isotope.post-entry.column_container{
	margin-left: 0;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope-hidden:hover { pointer: default; }

.post-entry.column_container {
	clear: none;
	padding-bottom: 10px;	
}

.isotope .post-entry.column_container {
	margin-left: 0;
}

#portfolio-sort-container {
	opacity: 0;
}

#filters {
	position: relative;
	margin-bottom: 20px;
	font-size: 11px;
	opacity: 0;
}

#filters a {
	color: #fff;
	outline: none;
}

#filters a:hover {
	color: #19D7E3;
}

.text-sep {
	padding: 0px 6px;
	font-size: 10px;
	position: relative;
}

#filters a.active_sort {
	color: #19D7E3;
} 

.post-entry.column_container {
	overflow: visible;
}

.more {
	margin-top: 5px;
	display: block;
	width: auto;
}


/* Gallery */
#gallery {
	margin: auto;
}

#gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}

#gallery img {
	border: 2px solid #cfcfcf;
}

#gallery .gallery-caption {
	margin-left: 0;
}
		
.gallery br{
	display: none;
}

.gallery a, .gallery a img {
	border: none;
	max-width: 100%;
	display: block;
	position: relative;
	background: #999 url(../images/img-bg-white.png) no-repeat center center;
}

.gallery .gallery-item {
	margin: 1px 1px 0 0;
	width: 100px;
	height: 100px;
	padding: 0;
}

/*image captions*/
div .wp-caption{
	max-width: 100%;
	font-size: 11px;
	font-style: italic;
	border: 1px solid;
	margin: 5px 15px 10px 0;
	position: relative;
}

.wp-caption img {
	border: medium none;
	display: block;
	padding: 5px;
	margin: 0;
}

.wp-caption-text {
	display:block;
	font-size:11px;
	font-style:italic;
	margin:0 auto;
	padding:3px 10px 5px;
	text-align:center;
	font-family: Georgia,"Times New Roman";
}

.wp-caption.aligncenter{
	margin:5px auto 10px auto
}

/*smiley image*/
.wp-smiley{
	display:inline-block;
	border:none;
}

/*calendar table*/
#wp-calendar td, #wp-calendar th{
	text-align: center;
	font-size: 11px;
	padding: 3px;
}

/* Pagination */

.pagination {
	clear: both;
	padding: 20px 0 20px 0;
	position: relative;
	z-index: 3;
	line-height: 13px;
	overflow: hidden;
	border-top: 1px dotted #666;
}

.pagination span, .pagination a {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 13px;
	padding: 2px 9px 2px 9px;
	text-decoration: none;
	width: auto;
	border-right: 1px dotted #666;
}

.pagination *:last-child{
	border: none;
}


/*	Blockquotes  */
blockquote{
	font-family:Georgia,"Times New Roman",Times,serif;
	clear:both;
	font-size:1.5em;
/* 	font-style:italic; */
	line-height:1.4em;
	margin:0 0 0 54px;
	quotes:"\201C""\201D";
	position: relative;
	float: left;
}
	
blockquote:before{
	content:open-quote;
	font-size:5em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-0.5em;
	display:block;
	position: absolute;
	top: 40px;
	left: -54px;
	opacity: 0.5;
	width: 50px;
	
}
	
blockquote p{position: relative; padding:5px 0; margin:0; font-style: italic; font-size: 13px; float: right;}
blockquote cite:before { content: "\2014 \0020"; padding:0px 3px; }
blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-style: normal; font-size: 12px; display: block; float: right;}
	
blockquote cite {
		display: block;
		margin-top: 5px;
}

/* Blog */
.post-image img {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 15px;
	border: 5px solid #fff;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;	
	transition: all 0.3s ease;
}

.post-image img:hover {
	border: 5px solid #19D7E3;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}


/* Headings  */

h1.monitor, h2.monitor, h3.monitor, h4.monitor, h5.monitor, h6.monitor {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/monitor.png) no-repeat;
}
	
.monitor {
	background: transparent url(../images/small-icons/monitor.png) no-repeat top left;
}

.monitor p, .monitor h1, .monitor h2, .monitor h3, .monitor h4, .monitor h5, .monitor h6 {
	padding-left: 50px;
	background: url(../images/small-icons/monitor.png) no-repeat;
}
	
h1.graph1, h2.graph1, h3.graph1, h4.graph1, h5.graph1, h6.graph1 {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/graph1.png) no-repeat;
}
	
.graph1 {
	background: transparent url(../images/small-icons/graph1.png) no-repeat top left;
}

.graph1 p, .graph1 h1, .graph1 h2, .graph1 h3, .graph1 h4, .graph1 h5, .graph1 h6 {
		padding-left: 50px;
}
	
h1.graph2, h2.graph2, h3.graph2, h4.graph2, h5.graph2, h6.graph2 {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/graph2.png) no-repeat;
}
	
.graph2 {
	background: transparent url(../images/small-icons/graph2.png) no-repeat top left;
}

.graph2 p, .graph2 h1, .graph2 h2, .graph2 h3, .graph2 h4, .graph2 h5, .graph2 h6 {
	padding-left: 50px;
}
	
h1.blue-print1, h2.blue-print1, h3.blue-print1, h4.blue-print1, h5.blue-print1, h6.blue-print1 {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/blue-print1.png) no-repeat;
}
	
.blue-print1 {
	background: transparent url(../images/small-icons/blue-print1.png) no-repeat top left;
}

.blue-print1 p, .blue-print1 h1, .blue-print1 h2, .blue-print1 h3, .blue-print1 h4, .blue-print1 h5, .blue-print1 h6 {
	padding-left: 50px;
}
	
h1.blue-print2, h2.blue-print2, h3.blue-print2, h4.blue-print2, h5.blue-print2, h6.blue-print2 {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/blue-print2.png) no-repeat;
}
	
.blue-print2 {
	background: transparent url(../images/small-icons/blue-print2.png) no-repeat top left;
}

.blue-print2 p, .blue-print2 h1, .blue-print2 h2, .blue-print2 h3, .blue-print2 h4, .blue-print2 h5, .blue-print2 h6 {
	padding-left: 50px;
}
	
h1.cloud2, h2.cloud2, h4.cloud2, h5.cloud2, h6.cloud2, h3.cloud2 {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/cloud2.png) no-repeat;
}
	
.cloud2 {
	background: transparent url(../images/small-icons/cloud2.png) no-repeat top left;
}

.cloud2 p, .cloud2 h1, .cloud2 h2, .cloud2 h3, .cloud2 h4, .cloud2 h5, .cloud2 h6 {
		padding-left: 50px;
}
	
h1.security, h2.security, h3.security, h4.security, h5.security, h6.security {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/security.png) no-repeat;
}
	
.security {
	background: transparent url(../images/small-icons/security.png) no-repeat top left;
}

.security p, .security h1, .security h2, .security h3, .security h4, .security h5, .security h6 {
		padding-left: 50px;
}
	
h1.wallet, h2.wallet, h3.wallet, h4.wallet, h5.wallet, h6.wallet {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/wallet.png) no-repeat;
}
	
.wallet {
	background: transparent url(../images/small-icons/wallet.png) no-repeat top left;
}

.wallet p, .wallet h1, .wallet h2, .wallet h3, .wallet h4, .wallet h5, .wallet h6 {
		padding-left: 50px;
}
	
h1.calendar, h2.calendar, h3.calendar, h4.calendar, h5.calendar, h6.calendar  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/calendar.png) no-repeat;
}
	
.calendar {
	background: transparent url(../images/small-icons/calendar.png) no-repeat top left;
}

.calendar p, .calendar h1, .calendar h2, .calendar h3, .calendar h4, .calendar h5, .calendar h6 {
	padding-left: 50px;
}
	
h1.timer, h2.timer, h3.timer, h4.timer, h5.timer, h6.timer  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/timer.png) no-repeat;
}
	
.timer {
	background: transparent url(../images/small-icons/timer.png) no-repeat top left;
}

.timer p, .timer h1, .timer h2, .timer h3, .timer h4, .timer h5, .timer h6 {
		padding-left: 50px;
}
	
h1.photo, h2.photo, h3.photo, h4.photo, h5.photo, h6.photo  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/photo.png) no-repeat;
}
	
.photo {
	background: transparent url(../images/small-icons/photo.png) no-repeat top left;
}

.photo p, .photo h1, .photo h2, .photo h3, .photo h4, .photo h5, .photo h6 {
	padding-left: 50px;
}
	
h1.envelop, h2.envelop, h3.envelop, h4.envelop, h5.envelop, h6.envelop  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/envelop.png) no-repeat;
}
	
.envelop {
	background: transparent url(../images/small-icons/envelop.png) no-repeat top left;
}

.envelop p, .envelop h1, .envelop h2, .envelop h3, .envelop h4, .envelop h5, .envelop h6 {
	padding-left: 50px;
}
	
h1.notepad, h2.notepad, h3.notepad, h4.notepad, h5.notepad, h6.notepad {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/notepad.png) no-repeat;
}
	
.notepad {
	background: transparent url(../images/small-icons/notepad.png) no-repeat top left;
}

.notepad p, .notepad h1, .notepad h2, .notepad h3, .notepad h4, .notepad h5, .notepad h6 {
	padding-left: 50px;
}
	
h1.micro-scheme, h2.micro-scheme, h3.micro-scheme, h4.micro-scheme, h5.micro-scheme, h6.micro-scheme  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/micro-scheme.png) no-repeat;
}
	
.micro-scheme {
	background: transparent url(../images/small-icons/micro-scheme.png) no-repeat top left;
}

.micro-scheme p, .micro-scheme h1, .micro-scheme h2, .micro-scheme h3, .micro-scheme h4, .micro-scheme h5, .micro-scheme h6 {
	padding-left: 50px;
}
	
h1.file, h2.file, h3.file, h4.file, h5.file  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/file.png) no-repeat;
}
	
.file {
	background: transparent url(../images/small-icons/file.png) no-repeat top left;
}

.file p, .file h1, .file h2, .file h3, .file h4, .file h5, .file h6 {
	padding-left: 50px;
}
	
h1.clipboard, h2.clipboard, h3.clipboard, h4.clipboard, h5.clipboard, h6.clipboard  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/clipboard.png) no-repeat;
}
	
.clipboard {
	background: transparent url(../images/clipboard.png) no-repeat top left;
}

.clipboard p, .clipboard h1, .clipboard h2, .clipboard h3, .clipboard h4, .clipboard h5, .clipboard h6 {
	padding-left: 50px;
}
	
h1.cloud, h2.cloud, h3.cloud, h4.cloud, h5.cloud, h6.cloud  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/cloud.png) no-repeat;
}

.cloud {
	background: transparent url(../images/cloud.png) no-repeat top left;
}

.cloud p, .cloud h1, .cloud h2, .cloud h3, .cloud h4, .cloud h5, .cloud h6 {
	padding-left: 50px;
}
	
h1.cog, h2.cog, h3.cog, h4.cog, h5.cog, h6.cog  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/cog.png) no-repeat;
}

.cog {
	background: transparent url(../images/cog.png) no-repeat top left;
}

.cog p, .cog h1, .cog h2, .cog h3, .cog h4, .cog h5, .cog h6 {
	padding-left: 50px;
}
	
h1.film, h2.film, h3.film, h4.film, h5.film, h6.film  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/film.png) no-repeat;
}

.film {
	background: transparent url(../images/film.png) no-repeat top left;
}

.film p, .film h1, .film h2, .film h3, .film h4, .film h5, .film h6 {
	padding-left: 50px;
}
	
h1.hearth, h2.hearth, h3.hearth, h4.hearth, h5.hearth, h6.hearth {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/hearth.png) no-repeat;
}

.hearth {
	background: transparent url(../images/hearth.png) no-repeat top left;
}

.hearth p, .hearth h1, .hearth h2, .hearth h3, .hearth h4, .hearth h5, .hearth h6 {
		padding-left: 50px;
}
	
h1.help, h2.help, h3.help, h4.help, h5.help, h6.help  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/help.png) no-repeat;
}

.help {
	background: transparent url(../images/help.png) no-repeat top left;
}

.help p, .help h1, .help h2, .help h3, .help h4, .help h5, .help h6 {
	padding-left: 50px;
}

	
h1.lock, h2.lock, h3.lock, h4.lock, h5.lock, h6.lock  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/lock.png) no-repeat;
}

.lock {
	background: transparent url(../images/lock.png) no-repeat top left;
}

.lock p, .lock h1, .lock h2, .lock h3, .lock h4, .lock h5, .lock h6 {
	padding-left: 50px;
}
	
h1.screen, h2.screen, h3.screen, h4.screen, h5.screen, h6.screen {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/screen.png) no-repeat;
}

.screen {
	background: transparent url(../images/screen.png) no-repeat top left;
}

.screen p, .screen h1, .screen h2, .screen h3, .screen h4, .screen h5, .screen h6 {
	padding-left: 50px;
}
	
h1.basket, h2.basket, h3.basket, h4.basket, h5.basket, h6.basket  {
	padding: 10px 0px 5px 50px;
	background: url(../images/small-icons/basket.png) no-repeat;
}

.basket {
	background: transparent url(../images/basket.png) no-repeat top left;
}

.basket p, .basket h1, .basket h2, .basket h3, .basket h4, .basket h5, .basket h6 {
	padding-left: 50px;
}



/* Error 404 */
#error404 {
	width: 100%;
	float: left;
	margin-bottom: 110px;
}

.error404 {
	width: 100%;
	text-align: center;
	padding-bottom: 120px;
	padding-top: 160px;
	font-size: 160px;
    color: #fff;
	float: left;
}

.center {
	width: 100%;
	float: left;
	text-align: center;
}

/* Contact Form */
.contact-image img {
	max-width: 100%;
	border: 5px solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.contact_form {
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	color: #666;
	float: left;
    width: 100%;
}

.input-textarea {
	padding: 10px;
	border: 1px dotted #666;
	max-width: 275px;
	width: 100%;
	height: 22px;
	font-size: 14px;
	color: #e1e1e1;
	background: transparent url(../images/menu-bg.png);
	margin-right: 10px;
	border-image: initial;
	outline: none;
	margin-bottom: 20px;
}

.input-textarea:focus {
	border: 1px solid #19D7E3;
}

.comment_here .contactform textarea{
	width: 398px;
}

.contactform textarea {
	padding: 10px;
	border: 1px dotted #666;
	width: 100%;
	max-width: 588px;
	height: 140px;
	font-size: 14px;
	color: #eee;
	background: transparent url(../images/menu-bg.png);
	border-image: initial;
	outline: none;
}

.contactform textarea:focus {
	border: 1px solid #19D7E3;
}

.input-submit {
	margin-top: 15px;
	width: 100px;
	height: 36px;
	background: #19D7E3;
	color: #fff;
	border: none;
	cursor: pointer;
	border-image: initial;
	padding: 0;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}

.input-submit:hover {
	background-color: #fff;
	color: #19D7E3;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;	
	transition: all 0.2s ease;
}

.required {
	color: #e1e1e1;
}

fieldset{
	border:none;
}

.ajax_form{
	clear:both;
	padding-top:20px;
}

#ajaxresponse.hidden{
	visibility: visible;
	position: static;
	display:none;
}


.ajax_form .text_area{
	padding:10px;
	margin-bottom:0;
	width:70%;
	min-height:130px;
}

.ajax_form .text_input, .ajax_form .select{
	width:40%;
	margin-right:10px;
	margin-bottom:0;
	display:inline;
	min-width:221px;
}

select, .ajax_form .select, .entry-content select, .mobileMenu{
	 width:41.5%;
	 min-width:232px;
	 border-color: #E1E1E1;
	 color: #777;
	 background: #fff;
	 -webkit-appearance: none;
	 -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;
	 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
	background-position: center right;
	background-repeat: no-repeat;
}

.safari select, .chrome select{
	padding-right: 37px;
}
.ajax_form .textare_label{
	display: block;
	visibility: visible;
	top: auto;
	left: auto;
	position: absolute;
	top: 2px;
	left: 70%;
	margin-left: 30px;
}

.ajax_form  .input_checkbox{
	margin-right:5px;
	position: relative;
	top:1px;
}

.ajax_form p{
	padding: 0 0 10px 0;
	margin:0;
	position: relative;
}

.ajax_form label{
	font-size: 11px;
	font-weight: bold;
	display:inline;
}

#ajaxresponse{
	clear: both;
}

.valid .text_input, .valid .text_area, .valid select{border:1px solid #9AA600;} /*#70A41B*/
.error .text_input, .error .text_area, .error select{border:1px solid #D27F2C;}
.ajax_alert .text_input, .ajax_alert .text_area, .ajax_alert select{border:1px solid #ffb628;}

p.valid label{color:#9AA600;}
p.error label{color:#D27F2C;}
p.ajax_alert label{color:#ffb628;}


.alingright .columns {
	float: right;
}

.sidebar_left .column, .sidebar_left .columns {
	float: left;
	display: inline;
	margin-right: 30px;
	margin-left: 0;
	position: relative;
}

.sidebar_left, .sidebar_right {
	margin-bottom: 30px;
}

.sidebar_left {
	float: left;
}

.sidebar_right {
	float: right;
}

.sidebar_left .inner_sidebar {
	padding-right: 29px;
	float: left;
	padding-left: 0;
	border-left: none;
	border-right: dotted 1px #666;
}


/* Sidebar & Widgets */
.sidebar {
	margin-bottom: 40px;
	position: relative;
	display: block;
	width: 100%;
}

.widget {
	margin-bottom: 30px;
}

.inner_sidebar {
	padding-left: 29px;
	float: left;
	border-left: dotted 1px #666;
	width: 190px;
}

.fullwidth .sidebar{
	display: none;
}

.widget-content {
	clear: both;
	position: relative;
	overflow: hidden;
	float: none;
}

.sidebar form{
	margin:0;
}

.sidebar .widget:last-child, .sidebar .widget:last-child .seperator{
	border-bottom: none;
}


.widget ul li{
	float: left;
	margin: 0;
	width:100%;
}

.widget ul li a{
	text-decoration: none;
}

.widget ul li a:hover{
	text-decoration: none;
}

.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a{
	font-size: 11px;
}

.widget .links li, .widget .archive li {
	display: block;
	padding: 3px 0;
	border-bottom: dotted 1px #666;
}

.widget .links li a {
	position: relative
}

.widget .links>ul, .widget .archive>ul {
	border-top: dotted 1px #666;
	margin-left: 0;
}

.sidebar .widget .links>ul, .sidebar .widget .archive>ul {
	border-top: dotted 1px #fff;
}

.sidebar .widget .links li, .sidebar .widget .archive li {
	display: block;
	padding: 3px 0;
	border-bottom: dotted 1px #fff;
}

.sidebar .widget a {
	color: #e1e1e1;
}

.sidebar .widget a:hover {
	color: #fff;
}

.sidebar .news-headline {
	color: #e1e1e1;
}

.sidebar .news-link:hover>.news-headline {
	color: #fff;
}

/* Nav Menu Widget */
.widget_nav_menu{
	padding:0;
}

.widget_nav_menu a{
	display: block;
	padding:4px 0px 4px 08px;
	border-top-style: solid;
	border-top-width: 1px;
}

.widget_nav_menu li{
	position: relative;
}

.widget_nav_menu li:before {
	content: "\2219";
	position: absolute;
	top:4px;
}

.widget_nav_menu .current-menu-item>a, .widget_nav_menu .current_page_item>a{
	font-weight: bold;
}

.widget_nav_menu ul{
	padding:0;
	margin:0;
	overflow: hidden;
}


.widget_nav_menu .sub-menu, .widget_nav_menu .children{
	padding:0 0 0 10px;
	overflow: hidden;
	margin:0;
}

.sidebar_right>.widget_nav_menu a{
	padding:4px 10px 4px 20px;
}

.sidebar_right>.widget_nav_menu .sub-menu, .sidebar_right>.widget_nav_menu .children{
	padding:0 10px 0 10px;
}


.widget_nav_menu li:first-child>a{
	border:none;
}

.follow-twitter {
	margin-top: 10px;
	float: left;
	width: 100%;
}


/* Info Boxes */
div.box-download {
	width: 100%;
	float: left;
}

div.box-download-content {
    background: url("../images/box-download.png") no-repeat 15px 16px #E3F4DE;
    border: 1px solid #a4d794;
    color:#599847;
    padding: 20px 15px 20px 60px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: auto;
    font-size: 11pt;
}

div.box-download a {
    color: #599847;
    text-decoration: none;
}

div.box-download a:hover {
    color: #599847;
     text-decoration: underline;
}

div.box-information {
	width: 100%;
	float: left;
}

div.box-information-content {
    background: url("../images/box-info.png") no-repeat 15px 16px #DEEEF7;
    border: 1px solid #8fbed9;
    color:#2F81B0;
   	padding: 20px 15px 20px 60px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: auto;
    font-size: 11pt;
}

div.box-information a {
    color: #2F81B0;
    text-decoration: none;
}

div.box-information a:hover {
    color: #2F81B0;
    text-decoration: underline;
}


div.box-notification {
	width: 100%;
	float: left;
}

div.box-notification-content {
    background: url("../images/box-note.png") no-repeat 15px 16px #FFFBCC;
    border: 1px solid #e0da97;
    color: #8f8838;
    padding: 20px 15px 20px 60px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: auto;
    font-size: 11pt;
}

div.box-notification a {
    color: #8f8838;
    text-decoration: none;
}

div.box-notification a:hover {
    color: #8f8838;
    text-decoration: underline;
}


div.box-error {
	width: 100%;
	float: left;
}

div.box-error-content {
    background: url("../images/box-error.png") no-repeat 15px 16px #FFCECE;
    border: 1px solid #e19191;
    color:#883333;
    padding: 20px 15px 20px 60px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: auto;
    font-size: 11pt;
}

div.box-error a {
    color: #883333;
    text-decoration: none;
}

div.box-error a:hover {
    color: #883333;
    text-decoration: underline;
}

/* Buttons */
.buy_button a {
	padding: 15px 20px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 28px;
	line-height: 1em;
	width: auto;
	float: right;
	border-image: initial;
	background: #DB3D93 url(../images/patterns/pattern-pink.png);
	text-align: center;
}

.buy_button a:hover {
	background: #19D7E3 url(../images/patterns/pattern-pink.png);
}

.big_button_pink a {
	padding: 15px 20px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 28px;
	line-height: 1em;
	width: auto;
	float: left;
	border-image: initial;
	margin-bottom: 20px;
	background: #DB3D93 url(../images/patterns/pattern-pink.png);
	text-align: center;
}

.big_button_pink a:hover {
	background: #19D7E3 url(../images/patterns/pattern-pink.png);
}

.medium_button_pink a {
	padding: 10px 15px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 20px;
	line-height: 1em;
	width: auto;
	float: left;
	border-image: initial;
	margin-bottom: 20px;
	background: #DB3D93 url(../images/patterns/pattern-pink.png);
	text-align: center;
}

.medium_button_pink a:hover {
	background: #19D7E3 url(../images/patterns/pattern-pink.png);
}

.small_button_pink a {
	padding: 10px 15px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 14px;
	line-height: 1em;
	width: auto;
	float: left;
	border-image: initial;
	margin-bottom: 20px;
	background: #DB3D93 url(../images/patterns/pattern-pink.png);
	text-align: center;
}

.small_button_pink a:hover {
	background: #19D7E3 url(../images/patterns/pattern-pink.png);
}

.big_button_blue a {
	padding: 15px 20px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 28px;
	line-height: 1em;
	width: auto;
	float: left;
	border-image: initial;
	margin-bottom: 20px;
	background: #12A4B3 url(../images/patterns/pattern.png);
	text-align: center;
}

.big_button_blue a:hover {
	background: #25bece url(../images/patterns/pattern.png);
}

.medium_button_blue a {
	padding: 10px 15px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 20px;
	line-height: 1em;
	width: auto;
	float: left;
	border-image: initial;
	margin-bottom: 20px;
	background: #12A4B3 url(../images/patterns/pattern.png);
	text-align: center;
}

.medium_button_blue a:hover {
	background: #25bece url(../images/patterns/pattern.png);
}

.small_button_blue a {
	padding: 10px 15px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 14px;
	line-height: 1em;
	width: auto;
	float: left;
	border-image: initial;
	margin-bottom: 20px;
	background: #12A4B3 url(../images/patterns/pattern.png);
	text-align: center;
}

.small_button_blue a:hover {
	background: #25bece url(../images/patterns/pattern.png);
}

.backtop {
	float: right;
}

.highlight_red {
	background: #c02323;
	color: #fff;
}

.highlight_black {
	background: #000;
	color: #fff;
}

.dropcap {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding-top: 6px;
	font-size: 40px;
	line-height: 30px;
}

/* Blog Post */
.template-blog .post-entry{
	padding-bottom:85px;
}

.blog-image {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
	background: transparent url(../images/img-bg-white.png) no-repeat center center;
}

.blog-image img {
	width: 100%;
	height: auto;
	float: left;
	border: 5px solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.blog-image img:hover {
	border: 5px solid #19D7E3;
}

.post-entry{
	display:block;
	width:100%;
	position: relative;
	float: left;
	clear: both;
	padding-bottom:45px;
}

.entry-content{
	position: static;
}

.hero-text{
	font-size:14px;
	line-height: 1.8em;
	margin-bottom:20px;
	position: relative;
}

.more {
	margin-top: 5px;
	display: block;
	width: auto;
}

.more a {
	position: relative;
	padding: 5px 10px 5px 10px;
	left: -10px;
}

.more a:hover {
	background-color: #19D7E3;
	color: #fff;
	left: 0;
}

.post {
	float: left;
	margin-bottom: 60px;
}

.post-v2 {
	width: 610px;
	float: left;
	margin-bottom: 60px;
}

.post-page-content {
	width: 610px;
	float: left;
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: dotted 1px #666;
}

.project-page-content {
	width: 610px;
	float: left;
	margin-bottom: 20px;
}

.post-meta {
	width: 160px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

ul.post-meta {
	margin-left: 0;
}

.post-meta li {
    list-style-type: none;
    margin-bottom: 10px;
	padding-bottom: 10px;
    line-height: 12px;
    border-bottom: dotted 1px #666;
}

.post-meta li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.post-meta li span {
	font-size: 10px;
	text-transform: uppercase;
	line-height: 16px;
	color: #9e9e9e;
}

.post-v2 .post-content {
	width: 420px;
	float: right;
}

.post-v2 .post-image img {
	margin-bottom: 20px;
}

.post-page-content .post-content {
	width: 420px;
	float: right;
}

.post-page-content .post-image img {
	margin-bottom: 20px;
}

.project-page-content .post-content {
	width: 420px;
	float: right;
}

.project-page-content .post-image img {
	margin-bottom: 20px;
}

.post-image img {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 15px;
	border: 5px solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.post-image img:hover {
	border: 5px solid #19D7E3;
}

.post-comments {
	width: 420px;
	float: right;
}

#comments {
	width: 420px;
	float: right;
}

.comments {
	width: 420px;
	float: right;
}

.comment_block {
	float: right;
	width: 100%;
	margin-top: 20px;
}

.comment_block h4 {
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-weight: normal;
	float: left;
}

.comment_block a h4{
	text-decoration: none;
}

.comment_block a h4:hover{
	text-decoration: underline;
}

.comment_block p {
	font-size: 12px;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	width: 100%;
	float: left;
}

.comment_date {
	font-size: 14px;
	margin-left: 20px;
	padding: 0px;
}

.comment_block img {
	padding: 4px;
	float: left;
	background: #fff;
	border: solid 1px #eee;
}

.comment_block p img {
	padding: 0;
	border: 0;
	clear: left; 
}

.comment-header {
	height: 100%;
	width: 100%;
	float: left;
}

.comment-header-meta {
	width: 74%;
	position: relative;
	float: left;
}

.comment-header h4 {
	margin-bottom: 0;
}

.comment-body {
	float: left;
	width: 100%;
	background-color: #2F2935;
}

.comment-body p {
	margin-left: 0;
	display: block;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: auto;
}

.comment_here {
	font-size: 20px;
	font-family: 'PT Sans', sans-serif;
	margin-top: 25px;
	padding-top: 20px;
	color: #666;
	float: right;
    width: 420px;
	border-top: dotted 1px #999;
}

.comment_here textarea {
	width: 420px;
}

#comments ul {
	list-style: none;
	margin-left: 0;
}

#comments ul.children {
	list-style: none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	float: right;
	width: 85%;
}

#comments ul.children .child-img {
	width: 14px;
	height: 12px;
	left: -30px;
	top: 19px;
	position: relative;
	background:url(../images/comm-child.png) no-repeat;
	float: left;
}

#comments ul.children .comment-header {
	position: relative;
}

#comments ul.children .comment {
	width: 100%;
	margin: 0;
	padding: 20px 0 10px 15px;
	float: left;
}

.comment-reply-link {
	width: 100%;
	color: #DB3D93;
    display: inline-block;
    line-height: 24px;
	margin: 20px;
	margin-top: 0;
	margin-bottom: 0;	
	float: left;
}

.comment-reply-link:hover {
	color: #fff;
	background: none;
}


/* WordPress Generated Generics  */

/* img alignment */
body .alignleft  { float:left; margin:4px 10px 0px 0;  display: block; }
body .alignright { float:right;margin:4px 0px 0px 10px;display: block; }
body .aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; }
.alignleft img, .alignright img{ display:block; } 


/*gallery*/
.gallery br{
	display:none;
}

.gallery a, .gallery a img{
	border:none;
	max-width: 100%;
	display: block;
	position: relative;
}

.gallery .gallery-item{
	margin:1px 1px 0 0;
	width:80px;
	height:80px;
	padding:0;
}

/*image captions*/
div .wp-caption{
	max-width:100%;
	font-size: 11px;
	font-style: italic;
	border:1px solid;
	margin:5px 15px 10px 0;
	position: relative;
}

.wp-caption img {
	border:medium none;
	display:block;
	padding:5px;
	margin:0;
}

.wp-caption-text {
	display:block;
	font-size:11px;
	font-style:italic;
	margin:0 auto;
	padding:3px 10px 5px;
	text-align:center;
	font-family: Georgia,"Times New Roman";
}

.wp-caption.aligncenter{
	margin:5px auto 10px auto
}

/*smiley image*/
.wp-smiley{
	display:inline-block;
	border:none;
}

/*calendar table*/
#wp-calendar td, #wp-calendar th{
	text-align: center;
	font-size: 11px;
	padding: 3px;
}


/* Browser Specific Mods */
.msie7 .flag .mini-seperator, .msie8 .flag .mini-seperator{
	right:-12px;
}

.msie7 blockquote{
	margin-left:0;
}

.msie7 .title_container #searchsubmit { top: 2px;}


/* Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
	/*logo and menu*/
	.logo{float:none; margin:0 auto; display: block; text-align: center; width:100%;}
	.logo a, .logo img{display: inline; float:none;}
	.main_menu{width:100%;}
	.mobileMenu{width:100%; margin:0 0 10px 0; max-width:767px; padding:10px;}
		
	/*sidebar*/
	.inner_sidebar{border:none; padding:0;}
		
	/*quotes*/
	.pullquote, .inner_quote {
		width:auto;
		margin:1em 0 1em 50px;
		position: relative;
		left:0;
		top:0;
	}
		
	div .pullquote_left::before {left: -54px;}
	.inner_quote {padding:0; margin:0;}
	.pullquote_boxed{margin:1em 0;}
		
	/*blog post*/
	.sidebar_left .post-title.offset-by-three{padding:0;}
	.blog-inner-meta{border:none; padding:0;}
	.minor-meta{display:inline-block;}
	.blog-meta .text-sep{display:inline-block;}
	.single-portfolio-entry .blog-meta .text-sep{display:none;}
	.post-format .flag-diamond{display:none;}
	.js_active .main_menu ul{display:none;}
		
	/*footer*/
	#socket .social_bookmarks {position: relative;top:0;}
		
	/*slideshow*/
	.slideshow_inner_caption {padding: 3%;height: 100%;width: 94%; font-size:13px; line-height: 1.5em;}
	div .slideshow_caption {width: 100%; background: rgba(0, 0, 0, 0.5); }
		
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { .slideshow_inner_caption h1{ font-size:14px; } }