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



	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

	  

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



@font-face {



    font-family: 'titoli';



    src: url('BLACKR.eot');



    src: local('titoli'), url('font/SourceSansPro-semibold.otf') format('truetype');



}







@font-face {



    font-family: 'testi';



    src: url('BLACKR.eot');



    src: local('testi'), url('font/SourceSansPro-Light.otf') format('truetype');



}







@font-face {



    font-family: 'testi_bold';



    src: url('BLACKR.eot');



    src: local('testi_bold'), url('font/SourceSansPro-Bold.otf') format('truetype');





}







body {



	



	color: #333333;



	font-size: 16px;



font-family: 'Roboto', sans-serif;



	font-weight: 400;



	line-height: 20px;



	margin: 0px auto 0px;



	padding: 0px;



	}







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

*	0.	Hyperlinks								*

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



a {

	color: #d6ff33;

	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: #333333;

	font-size: 2em;

	font-family: 'Roboto', Arial, Helvetica, sans-serif;

	font-weight: 900;

	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: 'testi', 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: 'testi', 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: 'testi', 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  								*

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



#headerhome {

	margin: 0px;

	padding: 0px;

	background: #ffffff;

opacity: 0.7; 

	filter: alpha(opacity=70);

height: 300px;

}



#header {

	margin: 0px;

	padding: 0px;

	background: #ffffff;

opacity: .7; 

	filter: alpha(opacity=70);

height: 85px;



	}

#header #masthead {

	display: block;

	width: 100%;

	padding-top: 40px;

	padding-bottom: 40px;

border-bottom: 1px solid #DDDDDD;



	}

#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;

opacity: .7; 

	filter: alpha(opacity=70); 

	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%;

	

	}

.flexslider {

	background: none;

	width: 100%;

	position: relative; 

	

	

	}

.loading {

	background: none;

	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; 

	

	}



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

	

	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;

	

	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: #ffffff;

opacity: .7; 

	filter: alpha(opacity=70);

	color: #666666;

	position: relative;

	width: 100%;

	height: auto;

	font-size: 1em;

	font-family: 'testi', Arial, Helvetica, sans-serif;

	

margin: 0px;

	/*** margin: 0px auto 0px; ***/

	padding: 0px;

	z-index: 9;

border-bottom: 1px solid #DDDDDD;

	}

	

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

	

	}

.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: #333333;

	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 {

background-color: #ffffff;

	float: left;

	width: 100%;

	margin: 0px;

	padding: 10px;





	}

#homepage .three.columns {

	float: left;

	background: #FFFFFF;

	width: 23.5%;

	margin-left: 1%;

	margin-bottom: 20px;

	

	}

#homepage .three.columns.first {

	margin-left: 0;

	clear: both;

	}

.home_info {

	width: 84%;

	margin: 0;

	padding: 0%;

	}

.home_info .title {

	margin: 0px;

	padding-top: 20px;

	}

	

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

*	7.	Content 					  		    * 

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



#content {

	padding: 20px 10px 5px 10px;



background-color: #ffffff;

	}

#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;

	

	}

.blog-page .postmeta {

	background: #F9F9F9;

	margin-bottom: 0px;

	}

.tag .article,

.search .article, 

.blog-page .article {

	background: #FFFFFF;

	padding: 40px;

	margin-bottom: 40px;

	

	}

.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;

	

	}

.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 {

	

	color: gray !important;

	font-family: 'testi', Arial, sans-serif;

	font-weight: bold;

	font-style: normal;

	font-size: .9em;

	text-shadow: none;

	margin: 12px 0px;

	padding: 5px 12px;

	background-color: none;

	

	

	}

.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-top: 20px;

	overflow: hidden;

	}

.portfolio-item .information p {

	padding: 0px;

	}

.portfolio-item {

	background: #FFFFFF;

	margin-bottom: 40px;

	padding: 0px;

	

	}

.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;

	

	}

.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;

	margin-bottom: 500px;

	overflow: hidden;

	

	}

#banner img {

	display: block;

	padding: 0px;

	

	}

.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;

	

	}

.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;

	

	}

.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;

	

	}

.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;

background-color: #ffffff;

border-top: 1px solid #DDDDDD;



	}

#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 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;

	

	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;

	

	}

.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;

	

	}

table td {

	padding: 5px 2px;

	margin: 0px;

	border: 1px 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;

background:none; 

 

	}

.row { 

	width: 100%; 

	max-width: 980px;

	min-width: 727px;

	margin: 0 auto; 

background:transparent;



	}

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





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

*	19.	Footer  		 da Fabio							*

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



#footerbottom {

	background: #FFFFFF;

	display: block;

	width: 100%;

	margin: 0 auto 0;

	padding: 0px;

	border-top: 1px solid #CCCCCC;

	}





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

*	8.	Portfolio aggiunto Fabio									*

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



.feature_img_fab img {



	text-align: center;

	line-height: 0;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

 width:236px;

  height:205px;



border-radius: 3px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;



	}



.portfoliotitle {

	display: block;

	font-size: 22px;

	line-height: 28px;

	margin: 0px 0px 8px 0px;

	padding: 0px 1px 0px 1px;

	overflow: hidden;

	}





// per home page



#lineatrasphome { 

background:none; 

max-width: 980px;

min-height: 200px;

	



 

	}



// per home page



#contenitorevuoto { 

background:none; 



min-height: 700px;

	

padding: 500px;

 height: 100%;

	}