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

	Theme Name: Portfolio
	Theme URI: http://www.organicthemes.com/portfolio-theme/
	Description: The Organic Portfolio Theme is designed and developed by David Morgan and Jeff Milone of Organic Themes.
	Author: Organic Themes
	Author URI: http://www.organicthemes.com
	Version: 4.1.4
	Tags: white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, translation-ready, 
	custom-menu (optional), custom-colors, theme-options, featured-image-header, featured-images, full-width-template, 
	pagination, blog-template
	
	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

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

	Table of Contents:

	 0.	Hyperlinks
	 1.	Common		
	 2.	Headings
	 3.	Header
	 4.	Slideshow
	 5.	Navbar
	 6.	Homepage
	 7.	Content
	 8. Numbered Pagination
	 9. Social Media
	10. Buttons
	11.	Portfolio
	12.	Wordpress Gallery
	13.	Images and Video
	14.	Sidebar
	15.	Sidebar Widgets
	16.	Calendar Widget
	17.	Custom Menu Widget
	18.	Search Form
	19.	Footer
	20.	Comments
	21. Form Styling
	22. Table Styling
	23.	WooCommerce
	24.	Grid Styling
	  
*******************************************************************************************************************/

body {
	background: #F9F9F9;
	color: #666666;
	font-size: .8em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.8;
	margin: 0 auto 0;
	padding: 0;
	}
	
/************************************************
*	0.	Hyperlinks								*
************************************************/

a {
	color: #33CCFF;
	text-decoration: none;
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
a:focus, a:hover, a:active {
	text-decoration: none;
	outline: none;
	}
a img {
	border: none;
	}

/************************************************
*	1.	Common									*
************************************************/

.hidden {
	display: none;
	}
.clear {
	clear: both;
	}
small {
	font-size: 0.7em;
	}
code {
	color: #999999;
	background: #EAEAEA;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
	}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 6px 0px 8px 0px;
	padding: 0px;
	}

/************************************************
*	2.	Headings								*
************************************************/
	
h1 {
	color: #ffffff;
	font-size: 2em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.4;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
h2 {
	color: #333333;
	font-size: 1.8em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.4;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
h3 {
	color: #333333;
	font-size: 1.6em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
h4 {
	color: #333333;
	font-size: 1.4em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
h5 {
	color: #333333;
	font-size: 1.2em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 0px;
	}
h6 {
	color: #333333;
	font-size: 1em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.4;
	padding: 4px 0px 4px 0px;
	margin: 2px 0px 6px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #666666;
	text-decoration: none;
	border: none;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #33CCFF;
	text-decoration: none;
	border: none;
	}
.title {
	display: block;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	}
.headline {
	font-size: 2.6em;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -0.8px;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 18px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
.headline.alt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: none;
	}
	
/************************************************
*	3.	Header  								*
************************************************/

#header {
	margin: 0px;
	padding: 0px;
	}
#header #masthead {
	display: block;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	}
#header .site-title {
	display: block;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 3.2em;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.4;
	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;
	padding: 0px;
	}
#custom-header {
	display: block;
	font-size: 0;
	text-indent: -999em;
	line-height: 0;
	margin: 20px 0px;
	padding: 0px;
	overflow: hidden;
	z-index: 8;
	}
#custom-header img {
	display: block;
	height: auto;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	}
	
/************************************************
*	4.	Slideshow 							    *
************************************************/

#slideshow {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px auto 40px;
	padding: 0px;
	}
#slideshow .slide-info {
	display: block;
	background: #FFFFFF;
	width: 94%;
	margin: 0px;
	padding: 3%;
	overflow: hidden;
	}
#slideshow .slide-info p {
	display: block;
	max-height: 44px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
#slideshow ul, 
#slideshow li, 
#slideshow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.row.slideshow {
	padding-top: 0px !important;
	}
.row.slideshow #slideshow {
	margin-bottom: 0px;
	}
.row.slideshow .flexslider {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.row.slideshow .article {
	float: left;
	display: block;
	background: #FFFFFF;
	width: 94%;
	margin-bottom: 10px;
	padding: 12px 3% 20px 3%;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.flexslider {
	background: #FFFFFF;
	width: 100%;
	position: relative; 
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	zoom: 1;
	}
.loading {
	background: #FFFFFF url(images/preloader.gif) no-repeat center center;
	min-height: 520px;
	}
.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 */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: none;
	}
	
.flexslider .slides {
	zoom: 1;
	}
.flexslider .slides > li {
	position: relative;
	}
.flex-container {
	zoom: 1; 
	position: relative;
	}

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

/* Direction Nav */
.flex-direction-nav { 
	height: 0; 
	}
.flex-direction-nav li a {
	width: 30px; 
	height: 60px; 
	margin: -30px 0px 0px 0px; 
	display: block;  
	opacity: 1;
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	text-indent: -999em;
	overflow: visible;
	z-index: 9;
	}
.row.slideshow .flex-direction-nav li a {
	margin: -30px 0px 0px 0px; 
	}
.flex-direction-nav .flex-next {
	background: #111111 url(images/next_btn.png) no-repeat;
	right: -30px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, .4);
	border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-khtml-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	}
.flex-direction-nav .flex-prev {
	background: #111111 url(images/prev_btn.png) no-repeat;
	left: -30px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, .4);
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-khtml-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	background-color: #33CCFF;
	}
.flex-direction-nav li .disabled {
	opacity: .3; 
	filter: alpha(opacity=30); 
	cursor: default;
	}

/* Control Nav */
.flex-control-nav {
	display: none;
	width: 100%; 
	position: absolute; 
	bottom: 130px; 
	text-align: center;
	z-index: 9;
	}
.flex-control-nav li {
	display: inline-block;
	margin: 0px; 
	padding: 4px !important;
	zoom: 1; 
	*display: inline;
	}
.flex-control-nav li:first-child {
	margin: 0;
	}
.flex-control-nav li a {
	width: 8px; 
	height: 8px; 
	display: block; 
	background: #CCCCCC; 
	cursor: pointer; 
	text-indent: -999em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
.flex-control-nav li a:hover {
	background: #666666;
	}
.flex-control-nav li a.flex-active {
	background: #333333; 
	cursor: default;
	}
  
/************************************************
*	5.	Navigation     							*
************************************************/

#navigation {
	float: left;
	background: none;
	color: #666666;
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0.9em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px auto 20px;
	padding: 0px;
	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%;
	margin: 0px;
	}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
.menu li {
	float: left;
	display: inline-block;
	position: relative;
	}
.menu li li {
	display: block;
	position: relative;
	}
.menu a {
	display: inline-block;
	position: relative;
	}
.menu li:hover ul,
.menu li.sfHover ul {
	left: 0;
	top: 36px; /* 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: #111111;
	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: #111111;
	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-color: #333333;
	color: #CCCCCC;
	}
#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 {
	color: #FFFFFF;
	background: #111111;
	}
#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 {
	color: #CCCCCC;
	background: #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 {
	color: #FFFFFF;
	background: #111111;
	}
.menu {
	margin-bottom: 0;
	}
.menu ul.sub-menu {
	background: #333333;
	border-radius: 0px 3px 3px 3px;
	-moz-border-radius: 0px 3px 3px 3px;
	-khtml-border-radius: 0px 3px 3px 3px;
	-webkit-border-radius: 0px 3px 3px 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.menu a {
	background: none;
	line-height: 36px;
	text-decoration: none;
	letter-spacing: 0.1px;
	margin: 0px;
	padding: 0px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.menu a,
.menu a:link,
.menu a:visited {
	color: #666666;
	}
.menu a:focus, 
.menu a:hover, 
.menu a:active {
	background: #333333;
	outline: 0;
	}
.menu a:hover {
	color: #FFFFFF;
	}
.menu li li a {
	display: block;
	background: none;
	margin: 0px;
	padding: 0px 12px;
	line-height: 36px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	color: #CCCCCC;
	} 
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	background: #111111;
	outline: 0;
	} 
.menu li li a:hover {
	color: #FFFFFF;
	}
.menu li.sfHover:hover a {
	color: #FFFFFF;
	}
.menu li.sfHover:hover {
	background: #333333;
	outline: 0;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	} 
.menu li {
	margin-right: 4px;
	}
.menu li li {
	background: none;
	margin-right: 0px;
	}
.menu li li:first-child,
.menu li li:first-child a {
	border-radius: 0px 3px 0px 0px;
	-moz-border-radius: 0px 3px 0px 0px;
	-khtml-border-radius: 0px 3px 0px 0px;
	-webkit-border-radius: 0px 3px 0px 0px;
	}
.menu li li:last-child,
.menu li li:last-child a {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	}
	
/*** ARROWS **/
.menu a.sf-with-ul {
	padding-right: 22px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 8px;
	top: 13px; /* 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: 13px;
	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: 11px;
	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 {
	display: none;
	}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}
	
/************************************************
*	6.	Homepage 					   		    * 
************************************************/

#homepage {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#homepage .three.columns {
	float: left;
	background: #FFFFFF;
	width: 23.5%;
	margin-left: 2%;
	margin-bottom: 20px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
#homepage .three.columns.first {
	margin-left: 0;
	clear: both;
	}
.home_info {
	width: 84%;
	margin: 0;
	padding: 8%;
	}
.home_info .title {
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	7.	Content 					  		    * 
************************************************/

#content {
	padding-top: 20px;
	}
#content.slideshow-page {
	padding-top: 0px;
	}
p {
	padding: 6px 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.8em;
	font-style: italic;
	line-height: 1.4;
	margin: 20px 25px 20px 25px;
	padding: 0px 25px 0px 10px;
	}
blockquote p {
	margin: 0px;
	padding: 0px;
	}
blockquote p:before {
	content: "“ ";
	}
blockquote p:after {
	content: " ”";
	}
.postmeta {
	background: #FFFFFF;
	margin: 20px 0px 30px 0px;
	padding: 5px 10px 5px 10px;
	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);
	}
.blog-page .postmeta {
	background: #F9F9F9;
	margin-bottom: 0px;
	}
.tag .article,
.search .article, 
.blog-page .article {
	background: #FFFFFF;
	padding: 40px;
	margin-bottom: 40px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.tag .feature_img, .tag .feature_vid,
.search .feature_img, .search .feature_vid,
.blog-page .feature_img, .blog-page .feature_vid {
	margin-bottom: 20px;
	}
.tag .feature_vid iframe,
.tag .feature_vid object,
.tag .feature_vid embed,
.blog-page .feature_vid iframe,
.blog-page .feature_vid object,
.blog-page .feature_vid embed {
	max-height: 315px;
	}
.datebox {
	float: left;
	color: #CCCCCC;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	text-align: center;
	position: relative;
	top: 30px;
	right: 40px;
	width: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.datebox .month {
	background: #000000;
	font-size: 0.8em;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.4px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #333333;
	border-radius: 3px 0px 0px 0px;
	-moz-border-radius: 3px 0px 0px 0px;
	-khtml-border-radius: 3px 0px 0px 0px;
	-webkit-border-radius: 3px 0px 0px 0px;
	}
.datebox .day {
	background: #222222;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 6px 0px;
	border-radius: 0px 0px 0px 3px;
	-moz-border-radius: 0px 0px 0px 3px;
	-khtml-border-radius: 0px 0px 0px 3px;
	-webkit-border-radius: 0px 0px 0px 3px;
	}
.archive-column {
	float: left;
	width: 45%;
	margin: 0px;
	padding-right: 5%;
	}
	
/************************************************
*	8.	Numbered Pagination 			     	* 
************************************************/

.pagination {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
.number-paginate {
	padding: 0px 0px 20px;
	}
.number-paginate a {
	display: inline-block;
	background: #FFFFFF;  
	color: #999999; 
	height: 24px;
	line-height: 24px;
	margin-right: 4px; 
	padding: 0px 8px;
	font-weight: normal;
	text-align: center; 
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
	}
.number-paginate a:hover, 
.number-paginate a:active {
	background: #333333; 
	color: #FFFFFF !important;
	border: none;
	}
.number-paginate .number-title {
	color: #555555; 
	margin-right: 4px;
	}
.number-paginate .number-gap {
	color: #999999; 
	margin-right: 4px;
	}
.number-paginate .number-current {
	display: inline-block;
	background: #333333; 
	color: #FFFFFF !important; 
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: center; 
	margin-right: 4px; 
	padding: 0px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#postnav {
	display: block;
	width: 100%;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	}
#prevLink {
	float: left;
	margin: 0px;
	padding: 0px;
	}
#nextLink {
	float: right;
	margin: 0px;
	padding: 0px;
	}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
	}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
	}
.page-links span {
	margin: 0px 3px;
	}
	
/************************************************
*	9.	Social Media   							*
************************************************/

.social {
	display: block;
	margin-top: 10px;
	padding: 0px;
	overflow: hidden;
	}
.social iframe {
	margin: 0px !important;
	}
#content .tweet-btn, 
#content .like-btn, 
#content .plus-btn,
#content .pin-btn {
	float: left;
	display: block;
	max-width: 94px;
	margin-right: 6px;
	padding: 0px;
	}
#content .plus_btn {
	width: 64px !important;
	}
#content .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
	display: none !important;
	}
	
/************************************************
*	10.	Buttons  								*
************************************************/

.more-link, .reply a, #searchsubmit, #prevLink a, #nextLink a,
#submit, #comments #respond input#submit, #content .gform_wrapper input.button {
	display: inline-block;
	color: #CCCCCC !important;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: .9em;
	text-shadow: none;
	margin: 12px 0px;
	padding: 5px 12px;
	background-color: #444444;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)),to(rgba(0, 0, 0, 0.80)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000');
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #000000;
	}
.more-link:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, 
#nextLink a:hover, #submit:hover, #comments #respond input#submit:hover, #content .gform_wrapper input.button:hover {
	color: #FFFFFF !important;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)),to(rgba(0, 0, 0, 0.20)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000');
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .6);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .6);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .6);
	border: 1px solid  rgba(0, 0, 0, .8);
	}
	
/************************************************
*	11.	Portfolio  								*
************************************************/

.portfolio {
	background: none;
	overflow: visible;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.portfolio .twelve.columns {
	margin-left: 0px;
	}
.portfolio .six.columns.first,
.portfolio .four.columns.first {
	margin-left: 0px;
	clear: both;
	}
.portfolio-item .information {
	padding: 20px;
	overflow: hidden;
	}
.portfolio-item .information p {
	padding: 0px;
	}
.portfolio-item {
	background: #FFFFFF;
	margin-bottom: 40px;
	padding: 0px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.portfolio-item img,
.portfolio-item iframe,
.portfolio-item object,
.portfolio-item embed {
	overflow: hidden;
	}
.six.columns .portfolio-item iframe,
.six.columns .portfolio-item object,
.six.columns .portfolio-item embed {
	max-height: 270px;
	}
.four.columns .portfolio-item iframe,
.four.columns .portfolio-item object,
.four.columns .portfolio-item embed {
	max-height: 172px;
	}

/************************************************
*	12.	WordPress Gallery					    *
************************************************/

.gallery {
	margin: auto;
	padding: 0px;
	}
.gallery-item {
	margin: 5px 0px;
	}
.gallery img {
	background: #FFFFFF;
	border: none !important;
	padding: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.gallery img:hover {
	background: #33CCFF;
	}
.gallery-caption {
	font-size: .9em;
	padding: 0px 10px;
	}
	
/************************************************
*	13.	Images and Video			     	    * 
************************************************/

img, iframe, object, embed {
	max-width: 100%;
	}
img, object, embed {
	height: auto;
	margin: 0px auto 0px;
	}
#banner {
	background: #FFFFFF url(images/img-bg.png) repeat;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
#banner img {
	display: block;
	padding: 0px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
	}
.feature_vid, .feature_img {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	}
.feature_img img[alt] {
	line-height: 2;
	}
.feature_img img {
	text-align: center;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
.feature_vid iframe, 
.feature_vid embed {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 8;
	}
img.centered {
	display: block;
	margin: 0px auto 20px;
	padding: 0px;
	}
img.alignnone {
	padding: 0px;
	margin: 5px 0px 20px 0px;
	display: inline;
	}
img.alignright {
	padding: 0px;
	margin: 5px 0px 20px 30px;
	display: inline;
	}
img.alignleft {
	padding: 0px;
	margin: 5px 30px 20px 0px;
	display: inline;
	}
.aligncenter {
	display: block;
	margin: 0px auto 10px;
	}
.alignright {
	float: right;
	margin: 15px 0px 15px 30px;
	}
.alignleft {
	float: left;
	margin: 15px 30px 15px 0px;
	}
.wp-caption {
	background: #FFFFFF;
	max-width: 100%;
	text-align: center;
	padding: 5px 0px 10px 0px;
	margin-bottom: 15px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.wp-caption img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.wp-caption p.wp-caption-text {
	font-size: .9em;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	}
	
/************************************************
*	14.	Sidebar 	       			     	    * 
************************************************/

.sidebar {
	float: right;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
.sidebar li, .sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.sidebar ul li {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	}
.sidebar ul li ul { 
	margin: 0px 0px 0px 0px;
	}
.sidebar ul li a {
	padding: 2px 1px 2px 1px;
	}
.sidebar ul li a:hover {
	padding: 2px 1px 2px 1px;
	}
.sidebar ul li ul li {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-indent: 10px;
	border-top: 1px solid #DDDDDD;
	}
.sidebar ul li ul li ul li {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-indent: 20px;
	border-top: 1px solid #DDDDDD;
	}
	
/************************************************
*	15.	Sidebar Widgets							*
************************************************/

.sidebar .widget {
	float: right;
	background: #FFFFFF;
	width: 84%;
	margin: 0px 0px 20px 0px;
	padding: 8%;
	list-style-type: none;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.sidebar .widget:last-child {
	margin-bottom: 0px;
	}
.widget_tag_cloud {
	line-height: 1.2;
	}

/************************************************
*	16.	Calendar Widget							*
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 5px 0px;
	}
#wp-calendar {
	width: 100%;
	text-align: center;
	}
#wp-calendar a {
	margin: 0px !important;
	}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
	}
#wp-calendar #prev a {
	float: left;
	margin: 6px 4px !important;
	text-align: left;
	}
#wp-calendar #next a {
	float: right;
	margin: 6px 4px !important;
	text-align: right;
	}
	
/************************************************
*	17.	Custom Menu Widget						*
************************************************/

.sidebar ul.menu {
	float: none;
	background: none;
	}
.sidebar ul.menu .current_page_item a, 
.sidebar ul.menu .current-menu-item a {
	background-color: none;
	color: #33CCFF;
	border: none;
	}
.sidebar ul.menu li a, 
.sidebar ul.menu li a:link {
	display: block;
	background: none;
	color: #000000;
	height: auto;
	text-align: left;
	text-shadow: none;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	}
.sidebar ul.menu li a:hover,
.sidebar ul.menu li a:active,
.sidebar ul.menu li a:focus {
	color: #33CCFF;
	margin: 0px;
	padding: 0px;
	}
.sidebar ul.menu li {
	float: none;
	display: block;
	background: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	}
.sidebar ul.menu li span {
	top: 12px;
	}
.sidebar ul.menu li ul.sub-menu {
	top: 0;
	width: 100%;
	background: none;
	margin: 0px;
	padding-top: 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 {
	display: none;
	}
.sidebar ul.menu li ul.sub-menu li a {
	background: none !important;
	color: #000000;
	width: 90%;
	margin: 0px;
	}
.sidebar ul.menu li.sfHover:hover {
	background: none;
	}
.sidebar ul.menu li ul.sub-menu li a:hover {
	color: #33CCFF;
	}
.sidebar ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
	}
	
/************************************************
*	18.	Search Form								*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
	}
#searchform label {
	display: none;
	}
#s {
	float: left;
	background: #F5F5F5;
	color: #999999;
	width: 66%;
	height: 36px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	line-height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px !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);
	}
.sidebar #searchsubmit {
	float: right;
	width: 24%;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	height: 36px;
	margin: 0px 0px 0px 3%;
	padding: 6px 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;
	}

/************************************************
*	19.	Footer  								*
************************************************/

#footer {
	margin: 0px auto 0px;
	padding: 20px 0px;
	}
#footer p {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	}
.footerleft {
	float: left;
	display: inline-block;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.footerleft a {
	color: #666666;
	text-decoration: none;
	}
.footerleft a:hover {
	color: #333333;
	text-decoration: underline;
	}
.footerright {
	float: right;
	display: inline-block;
	margin: 0px 6px 0px 0px;
        width: 250px;
        height: 35px;
	}
	
/************************************************
*	20.	Comments								*
************************************************/

#author, #email, #url {
	float: left;
	background: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	margin: 4px 12px 4px 0px;
	padding: 8px;
	}
#comment {
	background: #FFFFFF;
	width: 96.8%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 6px 0px;
	padding: 8px;
	}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	display: inline-block;
	line-height: 32px;
	}
#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;
	}
.postcomments {
	margin-top: 20px;
	}
.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: #FFFFFF;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	overflow: hidden;
	}
.comment-avatar {
	float: left;
	width: 10%;
	padding: 20px 10px 20px 20px;
	}
.comment-meta {
	color: #999999;
	font-size: 0.8em;
	}
.comment .avatar {
	display: block;
	margin: 0px;
	padding: 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 {
	font-size: 0.9em;
	margin-top: -8px;
	}
#cancel-comment-reply-link {
	display: block;
	margin: 6px 0px;
	}
.nocomments {
	display: none;
	}
.form-allowed-tags {
	display: none;
	}

/************************************************
*	21.	Form Styling							*
************************************************/

.container .gform_wrapper {
	max-width: 980px;
	}
form {
	display: block;
	overflow: hidden;
	}
form ul li {
	list-style: none;
	padding: 0px;
	}
form legend {
	font-weight: bold;
	padding-top: 10px;
	}
form label {
	margin-top: 6px;
	}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form textarea,
form select {
	display: block;
	background: #FFFFFF;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 12px 4px 0px;
	padding: 8px !important;
	border: 1px solid #DDDDDD;
	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 textarea,
.containerform select {
	background: #FFFFFF;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'] {
	width: 42%;
	}
form textarea {
	width: 96%;
	}
select {
	margin-right: 12px;
	}
form input[type='checkbox'],
form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
	}
form input[type='submit'] {
	margin-top: 0px;
	height: 36px;
	}
	
/************************************************
*	22. Table Styles 							*
************************************************/

table {
	background: #FFFFFF;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	width: 100%;
	margin: 20px 0px;
	padding: 0px;
	border-collapse: collapse;
	}
.widget table {
	margin: 0px;
	}
table thead,
table tfoot {
	border: 1px solid #DDDDDD;
	}
table thead th,
table tfoot td {
	border: none;
	}
table th {
	background: #EEEEEE;
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px 4px;
	border: 1px solid #DDDDDD;
	}
table td {
	padding: 5px 2px;
	margin: 0px;
	border: 0px solid #DDDDDD;
	}

/************************************************
*	23.	WooCommerce	 				   		    * 
************************************************/

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	width: 30.6% !important;
	}
.woocommerce-page .add_to_cart_button {
	display: inline-block;
	margin-top: 10px;
	}
.woocommerce .woocommerce-ordering select, 
.woocommerce-page .woocommerce-ordering select {
	margin-right: 0px;
	}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, 
.woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
	margin: 0px;
	padding: 0px !important;
	}
#payment ul.payment_methods li {
	list-style: none;
	}
div.product form.cart, #content div.product form.cart {
	margin-top: 20px;
	}

/************************************************
*	24.	Grid	 					   		    * 
************************************************/

.container { 
	margin: 0px auto 0px;
	}
.row { 
	width: 100%; 
	max-width: 980px;
	min-width: 727px;
	margin: 0 auto; 
	}
	/* To fix the grid into a certain size, set max-width to width */	
.row .row { 
	min-width: 0; 
	}
.column, .columns { 
	margin-left: 4.4%; 
	float: left; 
	min-height: 1px; 
	position: relative; 
	}
.column:first-child, .columns:first-child { 
	margin-left: 0; 
	}
[class*="column"] + [class*="column"]:last-child { 
	float: right; 
	}

.row .one 		{ width:    4.3%; }
.row .two 		{ width:     13%; }
.row .three 	{ width: 21.679%; }
.row .four 		{ width:  30.37%; }
.row .five 		{ width:   39.1%; }
.row .six 		{ width:   47.8%; }
.row .seven 	{ width:   56.5%; }
.row .eight 	{ width:   65.2%; }
.row .nine 		{ width:   73.9%; }
.row .ten 		{ width:   82.6%; }
.row .eleven 	{ width:   91.3%; }
.row .twelve 	{ width:    100%; }

.row .offset-by-one 	{ margin-left: 13.1%; }
.row .offset-by-two 	{ margin-left: 21.8%; }
.row .offset-by-three 	{ margin-left: 30.5%; }
.row .offset-by-four 	{ margin-left: 39.2%; }
.row .offset-by-five 	{ margin-left: 47.9%; }
.row .offset-by-six 	{ margin-left: 56.6%; }
.row .offset-by-seven 	{ margin-left: 65.3%; }
.row .offset-by-eight 	{ margin-left: 74.0%; }
.row .offset-by-nine 	{ margin-left: 82.7%; }
.row .offset-by-ten 	{ margin-left: 91.4%; }

.row .centered { float: none; margin: 0 auto; }

.row .offset-by-one:first-child 	{ margin-left:  8.7%; }
.row .offset-by-two:first-child 	{ margin-left: 17.4%; }
.row .offset-by-three:first-child 	{ margin-left: 26.1%; }
.row .offset-by-four:first-child 	{ margin-left: 34.8%; }
.row .offset-by-five:first-child 	{ margin-left: 43.5%; }
.row .offset-by-six:first-child 	{ margin-left: 52.2%; }
.row .offset-by-seven:first-child 	{ margin-left: 60.9%; }
.row .offset-by-eight:first-child 	{ margin-left: 69.6%; }
.row .offset-by-nine:first-child 	{ margin-left: 78.3%; }
.row .offset-by-ten:first-child 	{ margin-left:   87%; }
.row .offset-by-eleven:first-child 	{ margin-left: 95.7%; }
	
/* Source Ordering */
.push-two 		{ left: 17.4%  }
.push-three 		{ left: 26.1%; }
.push-four 		{ left: 34.8%; }
.push-five 		{ left: 43.5%; }
.push-six 		{ left: 52.2%; }
.push-seven 		{ left: 60.9%; }
.push-eight 		{ left: 69.6%; }
.push-nine 		{ left: 78.3%; }
.push-ten 		{ left:   87%; }

.pull-two 		{ right:  17.4% }
.pull-three 		{ right: 26.1%; }
.pull-four 		{ right: 34.8%; }
.pull-five 		{ right: 43.5%; }
.pull-six 		{ right: 52.2%; }
.pull-seven 		{ right: 60.9%; }
.pull-eight 		{ right: 69.6%; }
.pull-nine 		{ right: 78.3%; }
.pull-ten 		{ right:   87%; }

img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none !important;}
 
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

.block-grid { display: block; overflow: hidden; }
.block-grid>li { display: block; height: auto; float: left; }

.block-grid.two-up { margin-left: -4% }
.block-grid.two-up>li { margin-left: 4%; width: 46%; }
.block-grid.two-up>li:nth-child(2n+1) {clear: left;} 

.block-grid.three-up { margin-left: -2% }
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
.block-grid.three-up>li:nth-child(3n+1) {clear: left;} 

.block-grid.four-up { margin-left: -2% }
.block-grid.four-up>li { margin-left: 2%; width: 23%; }
.block-grid.four-up>li:nth-child(4n+1) {clear: left;} 

.block-grid.five-up { margin-left: -1.5% }
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
.block-grid.five-up>li:nth-child(5n+1) {clear: left;}