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

	Theme Name: Portfolio
	Theme URL: http://www.organicthemes.com/
	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.0
	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. Gravity Forms Styling
	22.	WooCommerce
	23.	Grid Styling
	  
*******************************************************************************************************************/

body {
	background: #F9F9F9;
	color: #666666;
	font-size: .8em;
	font-family: Arial, Helvetica, 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;
	}
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: #333333;
	font-size: 1.8em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.6;
	margin: 6px 0px 6px 0px;
	padding: 6px 0px 6px 0px;
	}
h2 {
	color: #333333;
	font-size: 1.7em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.6;
	margin: 6px 0px 6px 0px;
	padding: 6px 0px 6px 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.7;
	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.6;
	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;
	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;
	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;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
.headline.alt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: none;
	}
	
/************************************************
*	3.	Header  								*
************************************************/

#header {
	background: none;
	width: 100%;
	height: 120px;
	margin: 0px auto 0px;
	padding: 0px;
	position: relative;
	z-index: 1;
	zoom: 1;
	}
#custom-header {
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 0;
	text-indent: -999em;
	line-height: 0;
	overflow: hidden;
	z-index: 8;
	}
	
/************************************************
*	4.	Slideshow 							    *
************************************************/

#slideshow {
	float: left;
	display: inline;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 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);
	}
#slideshow .slide_info {
	float: left;
	display: block;
	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 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.row.slideshow {
	padding-top: 0px !important;
	}
.row.slideshow #slideshow {
	margin-bottom: 0px;
	}
.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 {
	width: 100%; 
	margin: 0; 
	padding: 0;
	}
.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: block;
	}

.flexslider {
	background: #FFFFFF; 
	position: relative; 
	zoom: 1;
	}
.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: -80px 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: -15px 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: 160px; /* left offset of submenus need to match (see below) */
	}
.menu ul li ul li, ul.menu ul li {
	width: 100%;
	margin: 0px 0px 0px 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: 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: 160px; /* 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: 160px; /* 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: #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: #FFFFFF;
	color: #33CCFF;
	}
#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: #333333;
	background: #FFFFFF;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	}
#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: #33CCFF;
	background: #FFFFFF;
	}
.menu {
	margin-bottom: 0;
	}
.menu a {
	display: inline-block;
	height: 30px;
	padding: 0px 10px;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	line-height: 2.5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	}
.menu a, .menu a:link, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #666666;
	}
.menu a:focus, .menu a:hover, .menu a:active {
	color: #FFFFFF;
	background: #111111;
	outline: 0;
	}
.menu ul.sub-menu {
	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 li li a {
	display: block;
	background: #FFFFFF;
	color: #666666;
	font-weight: normal;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	line-height: 30px;
	text-decoration: none;
	text-transform: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #DDDDDD;
	}
.menu li li:last-child a {
	border-bottom: none !important;
	}
.menu li li a:focus, .menu li li a:hover, .menu li li a:active {
	background: #FFFFFF !important;
	color: #33CCFF;
	padding: 2px 10px 2px 10px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #DDDDDD;
	outline: 0;
	}
.menu li, .menu li li {
	background: none;
	}
.menu li:hover, .menu li.sfHover {
	background:	none;
	outline: 0;
	}
.menu li li:hover, .menu li li.sfHover {
	background:	none;
	outline: 0;
	} 
	
/*** ARROWS **/
.menu a.sf-with-ul {
	padding-right: 20px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 6px;
	top: 10px; /* 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: 10px;
	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: 10px;
	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;
	}
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 40px 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;
	}
	
/************************************************
*	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 {
	float: left;
	display: block;
	max-width: 90px;
	margin-right: 4px;
	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 {
	text-align: center;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	}
.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;
	}

/************************************************
*	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: 10px 0px 0px 0px !important;
	text-align: left;
	}
#wp-calendar #next a {
	float: right;
	margin: 10px 0px 0px 0px !important;
	text-align: right;
	}
	
/************************************************
*	17.	Custom Menu Widget						*
************************************************/

.sidebar ul.menu {
	float: 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: #333333;
	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;
	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 {
	width: 100%;
	top: 0;
	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;
	width: 90%;
	margin: 0px;
	}
.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 0px 6px;
	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 {
	float: left;
	display: block;
	max-width: 980px;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	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: 6px 0px 0px 0px;
	}
	
/************************************************
*	20.	Comments								*
************************************************/

#author, #email, #url {
	float: left;
	background: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	margin: 4px 20px 4px 0px;
	padding: 8px;
	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 {
	background: #FFFFFF;
	width: 97.6%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 6px 0px;
	padding: 8px;
	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;
	}
.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.8em;
	margin-top: -12px;
	}
#cancel-comment-reply-link {
	display: block;
	}
.nocomments {
	display: none;
	}
.form-allowed-tags {
	display: none;
	}

/************************************************
*	21.	Gravity Forms Styling					*
************************************************/

#content .gform_wrapper input.button {
	padding-left: 12px !important;
	padding-right: 12px !important;
	}
.container .gform_wrapper { 
	background: #FFFFFF;
	max-width: 980px;
	margin-top: 20px;
	margin-bottom: 20px; 
	padding: 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);
	}
.container .gform_wrapper textarea,
.container .gform_wrapper input,
.container .gform_wrapper select { 
	background: #F9F9F9; 
	border: 1px solid #EEEEEE;
	outline-style:none;
	color: #999999;
	font-size: 16px;  
	padding :8px 5px !important;  
	letter-spacing: normal;
	resize: none; /* doesn't validate but added for Safari field resizing */
	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 .gform_wrapper textarea:hover,
.container .gform_wrapper input:hover,
.container .gform_wrapper select:hover { 
	color: #333333;
	}
.container .gform_wrapper h1, 
.container .gform_wrapper h2, 
.container .gform_wrapper h3 {
	font-weight: normal; 
	border: none; 
	outline: none; 
	background: none;
	}
.container .gform_wrapper:focus { 
	outline: none;
	}
.container .gform_wrapper form { 
	text-align: left;
	}
.container .gform_wrapper .field_hover { 
	border: 1px dashed #EEEEEE !important;  
	cursor: pointer;
	}
.container .gform_wrapper .field_selected { 
	border: 1px solid #EEEEEE !important;
	}
.container .gform_wrapper .ginput_complex label, 
.container .gform_wrapper .gfield_time_hour label, 
.container .gform_wrapper .gfield_time_minute label, 
.container .gform_wrapper .gfield_date_month label, 
.container .gform_wrapper .gfield_date_day label, 
.container .gform_wrapper .gfield_date_year label, 
.container .gform_wrapper .instruction { 
	display: block;  
	margin: 3px 0 8px 0; 
	font-size: 10px; 
	letter-spacing: 1px;
	}
.container .gform_wrapper .top_label .gfield_label { 
	margin: 10px 0 4px 0;  
	font-weight: bold; 
	display: -moz-inline-stack; 
	display: inline-block; 
	line-height :130%; 
	clear: both;
	}
.container .gform_wrapper .left_label .gfield_label { 
	float:left; 
	font-weight: bold; 
	margin: 2px 15px 0 0;  
	width: 29%;  
	}
.container .gform_wrapper .right_label .gfield_label { 
	float: left;
	font-weight: bold;  
	text-align: right;
	margin: 2px 15px 0 0;  
	width: 29%;  
	}
.container .gform_wrapper .top_label input.small, 
.container .gform_wrapper .top_label select.small { 
	width: 25%;
	}
.container .gform_wrapper .top_label input.medium, 
.container .gform_wrapper .top_label select.medium { 
	width: 50%;
	}
.container .gform_wrapper .ginput_complex .ginput_left, 
.container .gform_wrapper .ginput_complex .ginput_right {
	width: 49% !important;
	}
.container .gform_wrapper .ginput_complex input, 
.container .gform_wrapper .ginput_complex select {
	width: 96% !important;
	}
.container .gform_wrapper .top_label input.large, 
.container .gform_wrapper .top_label select.large, 
.container .gform_wrapper .top_label textarea.textarea { 
	width: 96%;
	}
.container .gform_wrapper .right_label input.small, 
.container .gform_wrapper .right_label select.small, 
.container .gform_wrapper .left_label input.small, 
.container .gform_wrapper .left_label select.small { 
	width: 15%;
	}
.container .gform_wrapper .right_label input.medium, 
.container .gform_wrapper .right_label select.medium, 
.container .gform_wrapper .left_label input.medium, 
.container .gform_wrapper .left_label select.medium { 
	width: 35%;
	}
.container .gform_wrapper .right_label input.large, 
.container .gform_wrapper .right_label select.large, 
.container .gform_wrapperr .left_label input.large, 
.container .gform_wrapper .left_label select.large, 
.container .gform_wrapper textarea.textarea { 
	width: 59%;
	}
.container .gform_wrapper .gsection .gfield_label, 
.container .gform_wrapper h2.gsection_title,
.container .gform_wrapper h3.gform_title { 
	font-weight: bold;  
	font-size: 16px;
	font-style: normal;
	}
.container .gform_wrapper .description, 
.container .gform_wrapper .gfield_description, 
.container .gform_wrapper .gsection_description,
.container .gform_wrapper .instruction { 
	font-size: 10px; 
	line-height: 150%; 
	clear: both;
	letter-spacing: normal;
	}
.container .gform_wrapper .gsection_description {
	font-style: italic;
	}
.container .gform_wrapper .gfield_required { 
	color: #790000;  
	margin-left: 4px;
	}
.container .gform_wrapper .gfield_error { 
	background-color: #33CCFF !important;  
	margin-top: 4px !important;  
	margin-bottom: 6px;  
	padding: 6px 6px 4px 6px !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.container .gform_wrapper .gfield_error .gfield_label { 
	color: #333333;
	}
.container .gform_wrapper .validation_error { 
	background: #33CCFF;
	color: #333333; 
	font-weight: normal;  
	font-size: 18px;
	font-style: italic;
	text-align: center;
	line-height: 150%;  
	margin-bottom: 10px;
	width: 94%;
	padding: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.container .gform_wrapper .validation_message { 
	color: #333333 !important;  
	font-size: 11px;  
	}
.container #gforms_confirmation_message {
	background-color: #F9F9F9; 
	border: 1px solid #EEEEEE; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	padding: 20px 0; 
	font-size: 14px;
	color: #333333; 
	text-align: center;
	}
.container img.ui-datepicker-trigger {
	position: relative; 
	top: 10px;
	}
.container .gform_wrapper ul, 
.container .gform_wrapper ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

/************************************************
*	22.	WooCommerce	 				   		    * 
************************************************/

.woocommerce-page ul.products li.product {
	width: 30%;
	}
.woocommerce-page .add_to_cart_button {
	display: inline-block;
	margin-top: 10px;
	}
#payment ul.payment_methods li {
	list-style: none;
	}
div.product form.cart, #content div.product form.cart {
	margin-top: 20px;
	}

/************************************************
*	23.	Grid	 					   		    * 
************************************************/

.container { 
	max-width: 980px;
	margin: 0px auto 0px;
	padding: 20px 40px;
	/*overflow: hidden;*/
	}
.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;} 
/************************************************
*	Media Queries								*
************************************************/

/* Mobile */
		
@media handheld, only screen and (max-width: 1023px) {
	.reveal-modal-bg { 
		position: absolute; 
		}
	.reveal-modal,
	.reveal-modal.small,
	.reveal-modal.medium,
	.reveal-modal.large,
	.reveal-modal.xlarge { 
		width: 60%; 
		top: 60px; 
		left: 15%; 
		margin-left: 0; 
		padding: 20px; 
		height: auto; 
		}
		
	/* Theme iPad */
	
	.container {
		padding: 20px;
		}
	.row.slideshow .flex-direction-nav li a {
		margin-top: -30px; 
		}
	.flex-direction-nav .flex-next {
		right: 0px;
		box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
		-moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
		-webkit-box-shadow: -1px 1px 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 {
		left: 0px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
		-webkit-box-shadow: 1px 1px 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;
		}
	.datebox {
		display: none;
		}
		
	}

@media handheld, only screen and (max-width: 767px) {
	.reveal-modal-bg { 
		position: absolute; 
		}
	.reveal-modal,
	.reveal-modal.small,
	.reveal-modal.medium,
	.reveal-modal.large,
	.reveal-modal.xlarge { 
		width: 80%; 
		top: 15px; 
		left: 5%; 
		margin-left: 0; 
		padding: 20px; 
		height: auto; 
		}
}
	
/* Typography */
	
@media handheld, only screen and (max-width: 767px) {
	h1 { 
		font-size: 1.8rem; 
		line-height: 1.2; 
		}
	h2 { 
		font-size: 1.6rem; 
		line-height: 1.2; 
		}
	h3 {  
		font-size: 1.4rem; 
		line-height: 1.4; 
		}
	h4 { 
		font-size: 1.2rem; 
		line-height: 1.4; 
		}
	h5 {  
		font-size: 1.0rem; 
		line-height: 1.4; 
		}
	h6 { 
		font-size: 1.0rem; 
		line-height: 1.4; 
		}
	body, p {  
		font-size: 0.9rem; 
		line-height: 1.6; 
		}
	}
	
/* Content */
	
@media only screen and (max-width: 767px) {		

	/* Theme iPhone */
	
	.container {
		padding: 10px;
		}
	.headline {
		font-size: 2rem;
		margin-bottom: 15px;
		}
	#navigation {
		margin: 20px 0px 10px 0px;
		}
	.menu a {
		line-height: 2.2;
		margin-bottom: 10px;
		}
	#slideshow {
		margin-bottom: 20px;
		}
	#slideshow .slide_info {
		width: 88%;
		padding: 6%;
		}
	#homepage .three.columns {
		width: 47% !important;
		margin-left: 6%;
		}
	#homepage .three.columns.third {
		margin-left: 0;
		clear: both;
		}
	.home_info .title {
		font-size: 0.9rem;
		line-height: 1.4;
		margin-bottom: 4px;
		padding-bottom: 4px;
		}
	.home_info p {
		display: block;
		max-height: 44px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		}
	#content {
		padding-top: 10px;
		}
	.search .article, 
	.archive .article,
	.blog-page .article {
		padding: 20px;
		margin-bottom: 20px;
		}
	/*.sidebar {
		margin-top: 20px;
		}*/
	#footer {
		padding: 20px 0px;
		}
	#footer p {
		font-size: 0.7rem;
		}
	.footerright {
		display: none;
		}
		
	/* Grid */
	
	body { 
		-webkit-text-size-adjust: none; 
		-ms-text-size-adjust: none; 
		width: 100%; 
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0; 
		padding-left: 0; 
		padding-right: 0; 
		}
	.container { 
		min-width: 0;
		margin-left: 0; 
		margin-right: 0; 
		}
	.row { 
		width: 100%; 
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0; 
		}
	.row .row .column, .row .row .columns { 
		padding: 0; 
		}
	.column, .columns { 
		width: auto !important; 
		float: none; 
		margin-left: 0; 
		margin-right: 0; 
		}
	.column:last-child, .columns:last-child { 
		margin-right: 0; 
		float: none; 
		}
	[class*="column"] + [class*="column"]:last-child { 
		float: none; 
		}
	[class*="column"]:before, [class*="column"]:after { 
		content:""; 
		display:table; 
		}
	[class*="column"]:after { 
		clear: both; 
		}
	
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { 
		margin-left: 0 !important; 
		}
	
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { 
		left: auto; 
		}
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { 
		right: auto; 
		}
	
	/* Mobile 4-column Grid */
	
	.row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; }
	.row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; }
	
	.row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
	
	.row .phone-one 	{ width: 21.68% !important; }
	.row .phone-two 	{ width: 47.8% !important; }
	.row .phone-three 	{ width: 73.9% !important; }
	.row .phone-four 	{ width: 100% !important; }
	
	.row .push-one-phone { left: 26.08%; }
	.row .push-two-phone { left: 52.2% }
	.row .push-three-phone { left: 78.3% }
	
	.row .pull-one-phone { right: 26.08% }
	.row .pull-two-phone { right: 52.2% }
	.row .pull-three-phone { right: 78.3%; }
	
	
}
	
	
/* Block Grids */	
	
@media only screen and (max-width: 767px) {
	.block-grid.mobile { 
		margin-left: 0; 
		}
	.block-grid.mobile > li { 
		float: none; 
		width: 100%; 
		margin-left: 0; 
		}
}
	
	

/* -------------------------------------------------- 
	:: Mobile Visibility Affordances
---------------------------------------------------*/
	
	
.show-on-phones { display: none !important; }	
.show-on-tablets { display: none !important; }
.show-on-desktops { display: block !important; }

.hide-on-phones { display: block !important; }	
.hide-on-tablets { display: block !important; }
.hide-on-desktops { display: none !important; }


/* Modernizr-enabled tablet targeting */
@media only screen and (max-width: 1280px) and (min-width: 768px) {
	.touch .hide-on-phones { display: block !important; }
	.touch .hide-on-tablets { display: none !important; }
	.touch .hide-on-desktops { display: block !important; }
	
	.touch .show-on-phones { display: none !important; }
	.touch .show-on-tablets { display: block !important; }
	.touch .show-on-desktops { display: none !important; }
}

	
@media only screen and (max-width: 767px) {
	.hide-on-phones { display: none !important; }
	.hide-on-tablets { display: block !important; }
	.hide-on-desktops { display: block !important; }
	
	.show-on-phones { display: block !important; }
	.show-on-tablets { display: none !important; }
	.show-on-desktops { display: none !important; }
}


/* Specific overrides for elements that require something other than display: block */

table.show-on-desktops { display: table !important; }
table.hide-on-phones { display: table !important; }	
table.hide-on-tablets { display: table !important; }

@media only screen and (max-width: 1280px) and (min-width: 768px) {
	.touch table.hide-on-phones { display: table !important; }
	.touch table.hide-on-desktops { display: table !important; }
	.touch table.show-on-tablets { display: table !important; }
}

@media only screen and (max-width: 767px) {
	table.hide-on-tablets { display: table !important; }
	table.hide-on-desktops { display: table !important; }
	table.show-on-phones { display: table !important; }
}