/********************************************************************************************************************

	Theme Name: Mirtis
	Theme URL: http://www.1tm.deviantart.com
	Description: Mirtis is designed and developed by 1tm.
	Author: 1tm
	Author URI: http://www.1tm.deviantart.com
	Version: 2.0.5
	Tags: black, two-columns, fixed-width, custom-header, custom-background, threaded-comments, translation-ready, 
	custom-menu (optional), theme-options, featured-image-header, featured-images, full-width-template, 
	pagination, blog-template
	
	The PHP and XHTML are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************

	Table of Contents:

	 0.	Common
	 1.	Hyperlinks
	 2. Buttons	
	 3.	Headings
	 4.	Header
	 5.	Navigation
	 6.	Social Buttons
	 7.	Featured Slideshow
	 8.	Homepage
	 9.	Content
	10.	Pagination
	11.	Portfolio
	12. WordPress Gallery
	13.	Images
	14.	Table
	15.	Sidebar
	16. Widgets
	17. Custom Menu Widget
	18. Archive Widget
	19. Recent Comments Widget
	20. Calendar Widget
	21. Search Form
	22. Footer Widgets
	23. Footer
	24. Comments
	25. Forms Styling
	26. WooCommerce
	27. Grid Layout
	  
*******************************************************************************************************************/

body {
	background: #242424;
	color: #999999;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8;
	margin: 0px auto 0px;
	padding: 0px;

	}
	
	
#big {
display:block;

  position: absolute; 
  z-index: -1; //makes it act sort of like a background
	background:	url(http://www.mirtis.lt/wp-content/themes/mirtis/images/bg.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

/************************************************
*	0.	Common									*
************************************************/

.hidden {
	display: none;
	}
.clear {
	clear: both;
	}
.left {
	float: left;
	text-align: left;
	}
.right {
	float: right;
	text-align: right;
	}
.alignleft {
	float: left;
	margin: 10px 20px 10px 0px;
	}
.alignright {
	float: right;
	margin: 10px 0px 10px 20px;
	}
.aligncenter {
	display: block;
	margin: 10px auto 10px;
	}
code {
	color: #999999;
	background: #EEEEEE;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
	border: 1px dashed #DDDDDD;
	}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 8px 0px;
	padding: 0px;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
small {
	font-size: 0.7em;
	}
p {
	padding: 8px 0px;
	margin: 0px;
	}
ol {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
	}
ol li {
	list-style-position: inside;
	margin: 0px 0px 0px 10px;
	padding: 4px 0px 4px 0px;
	}
ul {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
	}
ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
ul li {
	background: none;
    list-style-position: inside;
    list-style-type: square;
	padding: 0px 0px 0px 10px;
	margin: 4px 0px 4px 0px;
	}
ul ul li {
	padding: 0px 0px 0px 20px;
	}
blockquote {
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-style: italic;
	line-height: 1.6;
	margin: 0px;
	padding: 20px;
	}
blockquote p {
	margin: 0px;
	padding: 0px;
	}
blockquote p:before {
	content: "“";
	}
blockquote p:after {
	content: "”";
	}

/************************************************
*	1.	Hyperlinks								*
************************************************/

a, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
a:focus, a:hover, a:active {
	color: #00CCFF;
	outline: none;
	text-decoration: none;
	}
a img {
	border: none;
	}
	
/************************************************
*	2.	Buttons  								*
************************************************/

.btn, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link,
#submit, #comments #respond input#submit, .container .gform_wrapper input.button {
	display: inline-block;
	color: #CCCCCC !important;
	background: #333333;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 0.9em;
	line-height: 2;
	text-shadow: none;
	margin: 12px 0px;
	padding: 4px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .6);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .6);
	border: none;
	}
.btn:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
#submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover {
	color: #FFFFFF !important;
	text-decoration: none;
	background: #00CCFF;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	border: none;
	}
	
/************************************************
*	3.	Headings								*
************************************************/
	
h1 {
	color: #FFFFFF;
	font-size: 2.4em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: none;
	letter-spacing: -0.25px;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	line-height: 1.3;
	}
h2 {
	color: #FFFFFF;
	font-size: 2em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: none;
	letter-spacing: -0.25px;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	line-height: 1.3;
	}
h3 {
	color: #FFFFFF;
	font-size: 1.8em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	line-height: 1.3;
	}
h4 {
	color: #FFFFFF;
	font-size: 1.4em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: none;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	line-height: 1.3;
	}
h5 {
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	line-height: 1.4;
	}
h6 {
	color: #FFFFFF;
	font-size: 1em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	line-height: 1.6;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	}
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
	color: #00CCFF;
	text-decoration: none;
	border: none;
	}
.headline {
	font-size: 2em;
	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 0px;
	padding-top: 0px;
	}
.title {
	font-size: 1.2em;
	margin-top: 0px;
	padding-top: 0px;
	}

/************************************************
*	4. Header 	 								*
************************************************/

#header {
	margin: 0px;
	}
#header2 {
	margin: 0px;
	padding-bottom: 500px;
	}
#header #masthead {
	display: block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
	}
#header .site-title {
	display: block;
	font-family: 'Lato', Georgia, 'Times New Roman', Times, serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
	}
#header .site-description {
	display: block;
	color: #666666;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: -0.2px;
	overflow: hidden;
	margin: 0px;
	}
#custom-header {
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 0;
	text-indent: -999em;
	line-height: 0;
	margin: 0px;
	overflow: hidden;
	z-index: 8;
	}
#custom-header img {
	display: block;
	height: auto;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	}
	
/************************************************
*	5.	Navigation      						*
************************************************/

#navigation {
	background: #000000;
	height: 30px;
	width: 100%;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #666666;
	font-weight: normal;
	margin: 0px auto 1px;
	padding: 5px 0px 5px 0px;
	position: relative;
	z-index: 9;
	}
	
/*** ESSENTIAL STYLES ***/

.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
.menu {
	line-height: 1.0;
	}
.menu ul {
	margin: 0px;
	padding: 0px;
	}
.menu ul ul, ul.menu ul {
	position: absolute;
	top: -9999px;
	width: 180px; /* left offset of submenus need to match (see below) */
	}
.menu ul li ul li, ul.menu ul li {
	width: 100%;
	border: none;
	margin: 0px 0px 0px 0px;
	}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
.menu li {
	float: left;
	position: relative;
	}
.menu a {
	display: block;
	position: relative;
	}
.menu li:hover ul,
.menu li.sfHover ul {
	left: 0;
	top: 30px; /* match top ul list item height */
	z-index: 99;
	}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top: -9999px;
	}
	
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	}

/*** SKIN ***/

#navigation .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a {
	background:	#242424;
	color: #FFFFFF;
	}
#navigation .menu li .current_page_item a, #navigation .menu li .current_page_item a:hover,
#navigation .menu li .current-menu-item a, #navigation .menu li .current-menu-item a:hover,
#navigation .menu li .current-cat a, #navigation .menu li .current-cat a:hover {
	background:	#242424;
	color: #FFFFFF;
	}
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current_page_ancestor ul li a,
#navigation .menu .current-cat ul li a {
	background: #FFFFFF;
	color: #333333;
	}
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a,
#navigation .menu .current-cat ul li a:hover {
	background: #F2F2F2;
	color: #000000;
	}
#navigation .menu .current_page_item .sub-menu a,
#navigation .menu .current_page_ancestor .sub-menu a,
#navigation .menu .current-menu-item .sub-menu a,
#navigation .menu .current-cat .sub-menu a {
	background: #FFFFFF;
	color: #333333;
	}
#navigation .menu .current_page_item .sub-menu a:hover,
#navigation .menu .current_page_ancestor .sub-menu a:hover,
#navigation .menu .current-menu-item .sub-menu a:hover,
#navigation .menu .current-cat .sub-menu a:hover {
	background: #F2F2F2;
	color: #000000;
	}
.menu {
	float: left;
	margin-bottom: 0;
	}
.menu a {
	background: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 30px;
	margin: 0px 1px 0px 0px;
	padding: 0px 10px 0px 10px;
	}
.menu a, .menu a:link, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #999999;
	}
.menu a:focus, .menu a:hover, .menu a:active {
	background:	#242424;
	color: #FFFFFF;
	outline: 0;
	}
.menu li li a, .menu li li a:link, .menu li li a:visited {
	background: #FFFFFF;
	color: #666666;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	text-transform: none;
	text-shadow: none;
	border: none;
	}
.menu li li a:focus, .menu li li a:hover, .menu li li a:active {
	background: #F2F2F2;
	color: #333333;
	border-bottom: none;
	outline: 0;
	}
.menu li.sfHover a {
	background: #FFFFFF;
	color: #333333;
	}
.menu li {
	margin: 0px;
	}
.menu li li {
	border: none;
	}
.menu li:hover, .menu li.sfHover {
	background:	none;
	border-bottom: none;
	outline: 0;
	}
.menu li li:hover, .menu li li.sfHover {
	padding: 0px;
	border: none;
	outline: 0;
	}

/*** ARROWS **/

.menu a.sf-with-ul {
	padding-right: 25px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 9px; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -9999px;
	overflow: hidden;
	background:	url(images/arrows-ffffff.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: 9px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* 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 */
.menu ul ul .sf-sub-indicator, ul.menu ul .sf-sub-indicator { 
	background-position:  -10px 0; 
	}
.menu ul ul a > .sf-sub-indicator, ul.menu ul a > .sf-sub-indicator { 
	top: 8px;
	background-position:  0 0; 
	}
/* apply hovers to modern browsers */
.menu ul ul a:focus > .sf-sub-indicator,
.menu ul ul a:hover > .sf-sub-indicator,
.menu ul ul a:active > .sf-sub-indicator,
.menu ul ul li:hover > a > .sf-sub-indicator,
.menu ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
/*** shadows for all but IE6 ***/
.sf-shadow ul ul {
	background:	none;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}
	
/************************************************
*	6. Social Buttons 				     	    * 
************************************************/

.social-icons {
	float: right;
	list-style: none;
	margin: -5px;
	padding: 0px;
	}
.social-icons li {
	float: right;
	list-style: none;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	}
.like-btn {
	overflow: hidden;
	margin-top: -2px;
	}
.social {
	display: block;
	width: 100%;
	height: 22px;
	margin: 30px 0px 20px 0px;
	overflow: hidden;
	}
.like-btn, .plus-btn, .tweet-btn, .pin-btn {
	float: left;
	display: inline-block;
	max-width: 94px;
	margin-right: 8px;
	}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
	display: none !important;
	}
	
/************************************************
*	7.	Featured Slideshow					    *
************************************************/

#slideshow {
	max-width: 980px;
	width: 100%;
	padding-bottom: 31px;
	}
#slideshow.page-slideshow {
	padding: 0px;
	}
#slideshow ul, #slideshow li, #slideshow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#slideshow .slideinfo {
	display: block;
	background: #000000;
	width: 30%;
	margin: 0px;
	padding: 12px 20px;
	right: 60px;
	top: 0;
	opacity: .8; 
	filter: alpha(opacity=80);
	position: absolute;
	z-index: 6;
	}
#slideshow .feature-vid, 
#slideshow .feature-img {
	float: left;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
#slideshow .feature-vid {
	position: relative;
	z-index: 8;
	}
#slideshow .feature-img img {
	padding: 0px;
	}
.flexslider {
	background: #000000;
	width: 100%;
	position: relative; 
	zoom: 1;
	}
.flexslider .slides {
	zoom: 1;
	}
.flexslider .slides > li {
	position: relative;
	}
.flex-container {
	zoom: 1; 
	position: relative;
	}
.flexslider .slides > li:first-child {
	display: block; 
	-webkit-backface-visibility: visible;
	}
.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
	}
.flexslider .slides img {
	display: block;
	max-width: 100%; 
	margin: 0px auto 0px;
	}
.flex-pauseplay span {
	text-transform: capitalize;
	}

/* Clearfix for the .slides element */
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
	}
html[xmlns] .slides {
	display: block;
	}
* html .slides {
	height: 1%;
	}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: block;
	}

/* Caption style */
.flex-caption {
	background: none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
	}
.flex-caption {
	width: 96%; 
	padding: 2%; 
	margin: 0; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: rgba(0,0,0,.3); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
	font-size: 14px; 
	line-height: 18px;
	}

/* Direction Nav */
.flex-direction-nav { 
	height: 0;
	z-index: 9;
	}
.flex-direction-nav li a {
	display: block;  
	position: absolute;
	color: #666666;
	font-size: 0.8em;
	line-height: 30px;
	width: 30px; 
	height: 30px;
	margin: 0px;  
	bottom: -31px; 
	cursor: pointer; 
	}
.page-slideshow .flex-direction-nav li a {
	top: 50%;
	bottom: auto;
	margin-top: -10px;
	}
.flex-direction-nav li .flex-next {
	right: 0px;
	text-align: right;
	padding-right: 6px;
	}
.page-slideshow .flex-direction-nav li .flex-next {
	padding-right: 12px;
	}
.flex-direction-nav li .flex-prev {
	left: 0px;
	text-align: left;
	padding-left: 6px;
	}
.page-slideshow .flex-direction-nav li .flex-prev {
	padding-left: 12px;
	}
.flex-direction-nav li .flex-next,
.flex-direction-nav li .flex-prev {
	transition: background 0s, color 0s;
	-moz-transition: background 0s, color 0s;
	-webkit-transition: background 0s, color 0s;
	-o-transition: background 0s, color 0s;
	}
.flex-direction-nav li .flex-prev:hover,
.flex-direction-nav li .flex-next:hover {
	color: #FFFFFF;
	}
.flex-direction-nav li .disabled {
	opacity: .3; 
	filter: alpha(opacity=30); 
	cursor: default;
	}
	
/* Control Nav */
.flex-control-nav {
	display: inline-block;
	background: #000000;
	width: 100%; 
	height: 30px;
	position: absolute; 
	bottom: -31px; 
	text-align: center;
	line-height: 30px;
	}
.page-slideshow .flex-control-nav {
	background: none;
	bottom: 0px;
	}
.flex-control-nav li {
	display: inline-block;
	margin: 0px; 
	padding: 2px !important;
	zoom: 1; 
	*display: inline;
	}
.flex-control-nav li:first-child {
	margin: 0;
	}
.flex-control-nav li a {
	float: left;
	display: inline-block;
	background: #333333;
	height: 6px;
	width: 6px; 
	margin: 0px 1px;
	padding: 0px;
	outline: 0 none;
	line-height: 0;
	cursor: pointer; 
	text-indent: -999em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.flex-control-nav li a:hover {
	background: #00CCFF;
	height: 8px;
	width: 8px;
	margin: 0px 0px -1px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
.flex-control-nav li a.flex-active {
	background: #00CCFF;
	height: 8px;
	width: 8px;
	margin: 0px 0px -1px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px; 
	cursor: default;
	}
	
/************************************************
*	8. Homepage					    		    * 
************************************************/

#homepage {
	float: left;
	display: inline;
	clear: both;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#homepage .feature-img img {
	padding: 0px;
	}
#teasers {
	display: block;
	width: 100%;
	margin-top: 10px;
	padding: 0px;
	overflow: hidden;
	}
#teasers .teaser {
	float: left;
	width: 33.25%;
	height: 120px;
	margin: 0px 0px 1px .12%;
	padding: 0px;
	overflow: hidden;
	}
#teasers .teaser.first {
	margin-left: 0px;
	clear: both;
	}
.teaser .information {
	padding: 10px;
	}
.teaser .feature-img {
	float: left;
	display: block;
	max-width: 100px;
	max-height: 100px;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	}
.teaser h3 {
	font-size: 1.1em;
	line-height: 1.6;
	margin: 4px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	overflow: hidden;
	}
.teaser p {
	font-size: 0.9em;
	line-height: 1.8;
	max-height: 72px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
	overflow: hidden;
	}
#features {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.feature-post {
	width: 100%;
	margin-bottom: 1px;
	padding: 0px;
	overflow: hidden;
	z-index: 1;
	}
#features .feature-img, 
#features .feature-vid {
	float: left;
	display: block;
	width: 29%;
	margin: 0px;
	padding: 0px 3% 0px 0px;
	overflow: hidden;
	}
#features .feature-vid iframe, 
#features .feature-vid object, 
#features .feature-vid embed {
	display: block;
	}
.feature-content {
	float: left;
	display: block;
	width: 42%;
	margin: 0px;
	padding: 10px 0px;
	overflow: hidden;
	}
.feature-meta {
	float: left;
	display: block;
	width: 21%;
	margin: 0px;
	padding: 10px 2% 10px 3%;
	}
.feature-meta .comment-link,
.feature-meta .feature-tags {
	font-size: 0.9em;
	padding: 6px 0px;
	border-bottom: 1px solid #242424;
	}
.feature-meta .social {
	display: block;
	height: auto;
	margin: 8px 0px 0px 0px;
	overflow: visible;
	}
.feature-meta .like-btn, .feature-meta .plus-btn, 
.feature-meta .tweet-btn, .feature-meta .pin-btn {
	float: none;
	display: block;
	height: 22px;
	max-width: none;
	padding: 4px 0px;
	}
	
/************************************************
*	9. Content 						   		    * 
************************************************/

.container .type-archive,
.container .blog-page {
	background: none;
	}
.blog-page .article {
	background: #000000;
	margin-bottom: 1px;
	}
.article {
	padding: 30px;
	overflow: hidden;
	}
.article.archive-post {
	background: #000000;
	margin-bottom: 1px;
	}
.postauthor {
	display: block;
	margin: 6px 0px 8px 0px;
	padding: 12px 0px 0px 0px;
	border-top: 1px solid #242424;
	overflow: hidden;
	}
.postauthor p {
	color: #666666;
	font-size: 0.8em;
	padding: 0px;
	}
.postauthor .author-link {
	float: left;
	text-align: left;
	}
.postauthor .comment-link {
	float: right;
	text-align: right;
	}
.postmeta {
	font-size: 0.8em;
	margin: 12px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #242424;
	border-bottom: 1px solid #242424;
	}
.postmeta p {
	margin: 0px;
	padding: 0px;
	}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin: 20px 0px;
	padding-right: 3.6%;
	}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid #242424;
	}
.archive-column {
	float: left;
	width: 48%;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	10. Numbered Pagination 			     	* 
************************************************/

.pagination {
	float: left;
	display: block;
	background: #000000;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
.number-paginate {
	padding: 0px;
	}
.number-paginate a {
	display: inline-block;  
	color: #666666 !important; 
	height: 30px;
	width: 30px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center; 
	text-decoration: none;
	line-height: 30px; 
	padding: 0px; 
	border: none;
	}
.number-paginate a:hover, 
.number-paginate a:active { 
	color: #FFFFFF !important;
	height: 30px;
	width: 30px;
	line-height: 30px;
	padding: 0px; 
	border: none;
	}
.number-paginate .number-title {
	color: #666666; 
	margin-right: 4px;
	}
.number-paginate .number-gap {
	color: #999999; 
	}
.number-paginate .number-current {
	display: inline-block; 
	color: #FFFFFF; 
	height: 30px;
	width: 30px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	line-height: 30px; 
	padding: 0px;
	}
.number-next {
	float: right;
	}
.number-prev {
	float: left;
	}
#prevLink {
	float: left;
	padding: 0px;
	margin: 0px;
	}
#nextLink {
	float: right;
	padding: 0px;
	margin: 0px;
	}
#prevLink p, #nextLink p {
	padding: 0px;
	}
#prevLink p a, #nextLink p a {
	display: block;
	padding: 0px;
	}
	
/************************************************
*	11.	Portfolio								*
************************************************/

.portfolio .four.columns {
	float: left;
	display: block;
	background: #000000;
	width: 33.25%;
	margin-left: 0.12%;
	margin-bottom: 1px;
	}
.portfolio .four.columns.first {
	margin: 0px 0px 1px 0px;
	clear: both;
	}
.portfolio .feature-img img,
.portfolio .feature-vid {
	padding: 0px 0px 4px 0px;
	}
.portfolio .feature-vid iframe,
.portfolio .feature-vid embed,
.portfolio .feature-vid object {
	max-height: 170px;
	}
.portfolio-post {
	padding: 10px;
	}
.portfolio-post .information {
	padding: 4px 8px;
	}
.portfolio-post .information h2 {
	font-size: 1.2em;
	line-height: 1.6;
	margin-bottom: 0px;
	}
	
/************************************************
*	12.	WordPress Gallery					    *
************************************************/

.gallery {
	margin: auto;
	padding: 0px;
	}
.gallery-item {
	margin: 5px 0px;
	}
.gallery img {
	background: #222222;
	padding: 6px;
	border: none !important;
	}
.gallery img:hover {
	background: #333333;
	padding: 6px;
	}

/************************************************
*	13.	Images  				    		    * 
************************************************/

.feature-img img,
.feature-vid {
	display: block;
	text-align: center;
	margin: 0px auto 0px;
	padding: 8px 0px;
	line-height: 0;
	overflow: hidden;
	}
.feature-img img {
	height: auto;
	}
.feature-img.feature-page img {
	padding: 0px;
	}
img, iframe, object, embed {
	max-width: 100%;
	}
img, object, embed {
	height: auto;
	margin: 0px auto 0px;
	}
img.centered {
	display: block;
	margin: 10px auto 10px;
	padding: 0px;
	}
img.alignnone {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	}
img.alignright {
	padding: 0px;
	margin: 10px 0px 10px 20px;
	display: inline;
	}
img.alignleft {
	padding: 0px;
	margin: 10px 20px 10px 0px;
	display: inline;
	}
.aligncenter {
	display: block;
	margin: 10px auto 10px;
	}
.alignright {
	float: right;
	margin: 10px 0px 10px 20px;
	}
.alignleft {
	float: left;
	margin: 10px 20px 10px 0px;
	}
.wp-caption {
	text-align: center;
	background-color: #151515;
	padding: 5px 0px 0px 0px;
	margin-bottom: 10px;
	}
.wp-caption img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}
.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 10px 5px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}
	
/************************************************
*	14. Table 	 								*
************************************************/

table {
	background: #121212;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
table th {
	background: #242424;
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 6px 8px;
	border: 1px solid #242424;
	}
table td {
	padding: 4px 6px;
	margin: 0px;

	}

/************************************************
*	15.	Sidebar  	        			     	* 
************************************************/

.sidebar {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 1.6;
	}
	
/************************************************
*	16.	Widgets									*
************************************************/

.sidebar .widget {
	background: #000000;
	list-style:none;
	margin: 0px 0px 1px 0px;
	padding: 20px;
	}
.widget ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.widget ul li {
	display: block;
	background: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-top: 1px solid #242424;
	}
.widget ul li a {
	display: block;
	font-style: normal;
	line-height: 2;
	margin: 0px;
	padding: 4px 0px;
	}
.widget ul li a:hover {
	display: block;
	text-decoration: none;
	}
.widget ul ul {
	margin: 0px 0px 0px 10px;
	}
.textwidget p {
	line-height: 1.8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
.widget_tag_cloud {
	line-height: 1;
	}

/************************************************
*	17.	Custom Menu Widget						*
************************************************/

.sidebar ul.menu,
.footer-widgets ul.menu {
	float: none;
	text-align: left;
	}
.sidebar ul.menu .current_page_item a, .sidebar ul.menu .current-menu-item a,
.footer-widgets ul.menu .current_page_item a, .footer-widgets ul.menu .current-menu-item a {
	color: #00CCFF;
	background: none;
	border: none;
	}
.sidebar ul.menu li a,
.footer-widgets ul.menu li a {
	display: block;
	background: none;
	color: #FFFFFF;
	height: auto;
	line-height: 1.8;
	text-align: left;
	text-shadow: none;
	letter-spacing: 0px;
	padding: 4px 0px;
	border: none;
	}
.sidebar ul.menu li a:hover,
.footer-widgets ul.menu li a:hover {
	color: #00CCFF;
	background: none;
	border: none;
	}
.sidebar .menu li.sfHover a,
.footer-widgets .menu li.sfHover a {
	background: none;
	color: #FFFFFF;
	}
.sidebar ul.menu li,
.footer-widgets ul.menu li {
	float: none;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #242424;
	}
.sidebar ul.menu li span,
.footer-widgets ul.menu li span {
	top: 11px;
	right: 0px;
	}
.sidebar ul.menu li ul.sub-menu,
.footer-widgets ul.menu li ul.sub-menu {
	width: 100%;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 9;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.sidebar ul.menu li ul.sub-menu span,
.footer-widgets ul.menu li ul.sub-menu span {
	display: none;
	}
.sidebar ul.menu li ul.sub-menu li a,
.footer-widgets ul.menu li ul.sub-menu li a {
	padding-left: 10px;
	}
.sidebar ul.menu li ul.sub-menu li ul.sub-menu li,
.footer-widgets ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
	}
	
/************************************************
*	18.	Archive Widget							*
************************************************/

.sidebar .widget_archive ul li, 
.footer-widgets .widget_archive ul li {
	display: block;
	}
.sidebar .widget_archive ul li:hover,
.footer-widgets .widget_archive ul li:hover {
	}
.sidebar .widget_archive ul li a, 
.sidebar .widget_archive ul li a:hover,
.footer-widgets .widget_archive ul li a, 
.footer-widgets .widget_archive ul li a:hover {
	display: inline-block;
	background: none;
	}
	
/************************************************
*	19.	Recent Comments Widget					*
************************************************/

#recentcomments li {
	display: block !important;
	padding: 4px 0px;
	}
#recentcomments .recentcomments a {
	background: none;
	}
	
/************************************************
*	20.	Calendar Widget							*
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
	}
#wp-calendar {
	width: 100%;
	text-align: center;
	}
#wp-calendar a {
	margin: 0px !important;
	}
#wp-calendar caption {
	font-size: 1.1em;
	margin-bottom: 12px;
	}
#wp-calendar #prev a {
	float: left;
	margin: 4px 6px !important;
	text-align: left;
	}
#wp-calendar #next a {
	float: right;
	margin: 4px 6px !important;
	text-align: right;
	}
	
/************************************************
*	21.	Search Form								*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
	}
#searchform label {
	display: none;
	}
#s {
	float: left;
	background: #F9F9F9;
	color: #999999;
	width: 70%;
	height: 36px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 0.9em;
	line-height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px !important;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	}
.widget_search {
	overflow: hidden;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
#searchsubmit {
	float: right;
	width: 20%;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	line-height: 32px;
	height: 36px;
	margin: 0px 0px 0px 2.8%;
	padding: 0px 12px;
	cursor: pointer;
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
#searchheader {
	float: right;
	background: #000000;
	overflow: hidden;
	}
#searchheader #searchform {
	display: block;
	background: #000000;
	height: 30px;
	margin: 0px;
	padding: 0px;
	}
#searchheader .icon-search {
	float: left;
	display: inline-block;
	color: #444444;
	font-size: 1em;
	line-height: 32px;
	padding-left: 12px;
	padding-right: 4px;
	}
#searchheader #s {
	background: #000000;
	color: #999999;
	font-size: 1em;
	line-height: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
#searchheader #s:hover,
#searchheader #s:focus,
#searchheader #s:active {
	color: #FFFFFF;
	}

/************************************************
*	22.	Footer Widgets							*
************************************************/

.footer-widgets {
	display: block;
	color: #999999;
	max-width: 980px;
	min-height: 0px !important;
	margin: 10px auto 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	}
.widgets-left {
	width: 33%;
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.widgets-mid {
	width: 33%;
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.widgets-right {
	width: 33%;
	float: right;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.widgets-left .widget {
	display: block;
	margin: 0px;
	padding: 30px 15px 30px 30px;
	}
.widgets-mid .widget {
	display: block;
	margin: 0px;
	padding: 30px 15px;
	}
.widgets-right .widget {
	display: block;
	margin: 0px;
	padding: 30px 30px 30px 15px;
	}

/************************************************
*	23.	Footer  								*
************************************************/

#footer {
	max-width: 940px;
	overflow: hidden;
	color: #666666;
	margin: 0px;
	padding: 12px 20px;
	}
#footer p {
	margin: 0px;
	padding: 0px;
	}
#footer a {
	color: #999999;
	text-decoration: none;
	}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: none;
	}
.footerleft {
	float: left;
	display: block;
	}
.footercopy {
	font-size: 0.76em;
	font-weight: normal;
	line-height: 1.8;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.footerlinks {
	font-size: 0.76em;
	color: #666666;
	font-weight: normal;
	line-height: 1.8;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
.footerright {
	float: right;
	display: block;
	margin: 8px 0px 0px 0px;
	}

/************************************************
*	24.	Comments								*
************************************************/

#author, #email, #url {
	float: left;
	display: block;
	background: #F9F9F9;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 12px 4px 0px;
	padding: 8px !important;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	}
#comment {
	width: 97.2%;
	display: block;
	background: #F9F9F9;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 0px 4px 0px;
	padding: 8px !important;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	}
#comments {
	margin: 0px;
	padding: 0px;
	}
#comments #respond input#submit {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
.post-comments {
	margin-top: 0px;
	padding: 0px 30px 30px 30px;
	}
.post-comments .article {
	padding: 12px 30px;
	}
.commentlist {
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.commentlist ul, .commentlist ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.commentlist li {
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	clear: both;
	}
.commentlist li li {
	padding-left: 20px;
	}
.comment .comment-content {
	display: block;
	padding: 12px 2%;
	overflow: hidden;
	}
.commentlist article.comment {
	background: #242424;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	overflow: hidden;
	}
.comment-avatar {
	float: left;
	width: 10%;
	padding: 20px 20px 20px 20px;
	}
.comment-meta {
	color: #999999;
	font-size: 0.8em;
	}
.comment .avatar {
	display: block;
	margin: 0px;
	border: none;
	}
.comment-edit-link {
	float: right;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1;
	margin-top: 30px;
	padding: 0px;
	}
.comment-awaiting-moderation {
	font-weight: bold;
	}
.reply a, .reply a:visited {
	float: left;
	display: inline-block;
	margin: 5px 0px;
	overflow: hidden;
	}
#respond {
	width: 100%;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	}
.comment #respond {
	margin-bottom: 40px;
	}
.logged-in-as {
	margin-top: -12px;
	}
#cancel-comment-reply-link {
	display: block;
	font-size: 0.8em;
	margin: 6px 0px;
	}
.nocomments {
	display: none;
	}
.form-allowed-tags {
	display: none;
	}

/************************************************
*	25. Forms Styling							*
************************************************/

.container .gform_wrapper {
	max-width: 640px;
	}
.container form {
	display: block;
	overflow: hidden;
	}
.container form ul li {
	list-style: none;
	padding: 0px;
	}
.container form legend {
	font-weight: bold;
	padding-top: 10px;
	}
.container form label {
	margin-top: 6px;
	}
.container form input[type='url'],
.container form input[type='tel'],
.container form input[type='email'],
.container form input[type='text'],
.container form input[type='password'],
.container form input[type='number'],
.container form textarea,
.container form select {
	display: block;
	background: #F9F9F9;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 12px 4px 0px;
	padding: 8px !important;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	}
.container form input[type='url'],
.container form input[type='tel'],
.container form input[type='email'],
.container form input[type='text'],
.container form input[type='password'],
.container form input[type='number'] {
	width: 42%;
	}
.container form textarea {
	width: 96% !important;
	}
.container form input[type='checkbox'],
.container form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
	}
.container form input[type='submit'] {
	margin-top: 0px;
	height: 36px;
	}
.container form select {
	width: 28%;
	}
select {
	margin-right: 12px;
	}
	
/************************************************
*	26.	Woocommerce								*
************************************************/

#fancybox-wrap #reply-title {
	color: #333333;
	}
.container #reviews #comments ol.commentlist li .comment-text {
	border: 1px solid #242424;
	}

/************************************************
*	27.	Grid Layout								*
************************************************/

.container {
	margin: 0px auto 0px;
	}
	
.container2 {
	margin: 0px auto 0px;
			background:	url(http://www.mirtis.lt/wp-content/themes/mirtis/images/bg.jpg) repeat-x 0px 0px !important;
	}
	

.row { 
	width: 100%; 
	max-width: 980px; 
	min-width: 768px;
	margin: 0 auto; 
	}
.row .row { 
	min-width: 0;
	}

.four.columns {
	background: none;
	}
.twelve.columns {
	margin-bottom: 1px;
	}
.sub-language li {

float:left; display:block; 
	}	
	
#qtranslate-chooser li {float:left; display:block;  margin: 0px 5px 0 0; list-style-type: none;}

#qtranslate-chooser ul { list-style-type: none;}



.qtrans_flag{
height: 24px !important;
width: 28px !important;
display: block;
	margin-right: 0px;
    opacity:0.4;
	margin-top:6px;
}

.qtrans_flag:hover {
    width:100%;
    height:100%;
    position:relative;
    background-color:#000;
    opacity:1.0;
    border-radius:40px;
}



	
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; background: #0d0d0d; min-height: 1px; padding: 0; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one       { width: 8.33333%; }
.two, .row .two       { width: 16.66667%; }
.three, .row .three   { width: 30%; }
.four, .row .four     { width: 29%; float: right; }
.five, .row .five     { width: 41.66667%; }
.six, .row .six       { width: 50%; }
.seven, .row .seven   { width: 58.33333%; }
.eight, .row .eight   { width: 70.8667%; }
.nine, .row .nine     { width: 75%; }
.ten, .row .ten       { width: 83.33333%; }
.eleven, .row .eleven { width: 91.66667%; }
.twelve, .row .twelve { width: 100%; }

.row .offset-by-one   { margin-left: 8.33333%; }
.row .offset-by-two   { margin-left: 16.66667%; }
.row .offset-by-three { margin-left: 25%; }
.row .offset-by-four  { margin-left: 33.33333%; }
.row .offset-by-five  { margin-left: 41.66667%; }
.row .offset-by-six   { margin-left: 50%; }
.row .offset-by-seven { margin-left: 58.33333%; }
.row .offset-by-eight { margin-left: 66.66667%; }
.row .offset-by-nine  { margin-left: 75%; }
.row .offset-by-ten   { margin-left: 83.33333%; }

.push-two  { left: 16.66667%; }
.pull-two  { right: 16.66667%; }
.push-three { left: 25%; }
.pull-three { right: 25%; }
.push-four  { left: 33.33333%; }
.pull-four  { right: 33.33333%; }
.push-five  { left: 41.66667%; }
.pull-five  { right: 41.66667%; }
.push-six   { left: 50%; }
.pull-six   { right: 50%; }
.push-seven { left: 58.33333%; }
.pull-seven { right: 58.33333%; }
.push-eight { left: 66.66667%; }
.pull-eight { right: 66.66667%; }
.push-nine  { left: 75%; }
.pull-nine  { right: 75%; }
.push-ten   { left: 83.33333%; }
.pull-ten   { right: 83.33333%; }

img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }