/**
 * @version   1.0 May 15, 2011
 * @author    Mariusz Boloz http://www.mariuszboloz.com
 * @copyright Copyright (C) 2011 Mariusz Boloz
 */
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Import styles
/*-----------------------------------------------------------------------------------*/
@import url("grid/reset.css");
@import url("grid/text.css");
@import url("grid/grid.css");
@import url('../framework/font-awesome/css/font-awesome.min.css');
@import url("jui/jquery.ui.core.min.css");
@import url("jui/jquery.ui.accordion.min.css");
@import url("jui/jquery.ui.tabs.min.css");
@import url("http://www.winemakerstudios.com/templates/gamma/css/jui/jquery.ui.min.css");
@import url("jui/jquery.ui.progressbar.min.css");
@import url("menu/superfish.css");
@import url('prettyPhoto/css/prettyPhoto.css');
@import url('flexslider/flexslider.css');
@import url("nav.css");
@import url("joomla.css");
@import url("elements.css");
@import url("extensions.css");
@import url("com_mb2portfolio.css");

/* import styles from modules directory */
@import url('http://www.winemakerstudios.com/modules/mod_mb2content/css/mod_mb2content.css');


 
*:focus 	{outline: none!important;}
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	General
/*-----------------------------------------------------------------------------------*/  
body 	{background:#f8f8f8;
		color:#8a8a8a;
		fint-size:13px;
		line-height:21px;
		font-family:'Open Sans',Arial, Helvetica, sans-serif;}
 
 
 
 
#page	{} 



/* headings */ 
h1,h2,h3,h4,h5,h6	{color:#444;
					margin:0 0 15px 0;
					font-weight:600;
					line-height:normal;} 
 


/* links */
a			{color:#4cade6;
			text-decoration:none;
			/*transition-duration: 0.1s;
			transition-timing-function: linear;
			transition-delay: 0.1s;
			-webkit-transition-duration: 0.1s;
			-webkit-transition-timing-function: linear;
			-webkit-transition-delay: 0.1s;*/}
 
a:hover,
a:active,
a:focus		{color:#444;
			text-decoration:none;} 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	General grid style
/*-----------------------------------------------------------------------------------*/ 
.col		{margin-bottom:20px;} 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Boxed layout
/*-----------------------------------------------------------------------------------*/ 
.page-boxed			{padding:30px 0;}

.page-boxed-content	{padding:0 0 30px 0;}					
					

/* all blocks boxed */
.page-boxed #page-a,
.page-boxed #page-b,
.page-boxed #page-c,
.page-boxed #page-d	{width:100%;
					max-width:1120px;
					margin:0 auto;} 
					
					
 
/* only content boxed */
.page-boxed-content #page-b,
.page-boxed-content #page-c,
.page-boxed-content #page-d,
.page-boxed-content #slider {width:100%;
							max-width:1120px;
							margin:0 auto;}  
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Page-b section style (featured color or image background section)
/*-----------------------------------------------------------------------------------*/ 
#page-b			{background-color:#329bd1;
				color:#fff;
				padding:50px 0 30px 0;}


#page-b h1,
#page-b h2,
#page-b h3,
#page-b h4,
#page-b h5,
#page-b h3		{color:#fff;} 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	Page-c section style
/*-----------------------------------------------------------------------------------*/
#page-c								{background:#fff;
									padding-top:50px;} 



/* srction margin */
#before-content-1, 
#before-content-2, 
#after-content-1,
#after-content-2,
#content-2							{padding-bottom:30px;}



/* section backgrounds */
#before-content-1.background-1, 
#before-content-2.background-1, 
#after-content-1.background-1, 
#after-content-2.background-1, 
#content-2.background-1				{background:#fbfbfb;
									border-top:solid 1px #f0f0f0;
									border-bottom:solid 1px #f0f0f0;
									padding-top:50px;
									margin-bottom:50px;
									color:#727272;}
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	#sliding-panel
/*-----------------------------------------------------------------------------------*/ 
#sliding-panel		{background-color:#404142;
					color:#cbcbcb;
					padding:25px 0 5px 0;
					width:100%;
					position:absolute;
					z-index:999999;
					top:0;}

#sliding-panel h1,
#sliding-panel h2,
#sliding-panel h3,
#sliding-panel h4,
#sliding-panel h5,
#sliding-panel h6		{color:#fbfbfb;}



#sliding-panel .wrap	{position:relative;}




/* links */
#sliding-panel a 		{color:#cbcbcb;}



#sliding-panel a:hover	{#fff;}



/* close button */
#sliding-panel .sliding-panel-toggle	{position:absolute;
										top:-20px;
										right:10px;
										z-index:999;}


#sliding-panel .sliding-panel-toggle a	{font-size:18px;
										color:#fff;
										opacity:0.4;
										filter:alpha(opacity=40);
										transition-duration: 0.1s;
										transition-timing-function: linear;
										transition-delay: 0.1s;
										-webkit-transition-duration: 0.1s;
										-webkit-transition-timing-function: linear;
										-webkit-transition-delay: 0.1s;}


#sliding-panel .sliding-panel-toggle a:hover,
#sliding-panel .sliding-panel-toggle a:active,
#sliding-panel .sliding-panel-toggle a:focus	{opacity:0.8;
												filter:alpha(opacity=80);}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------------------------------*/
/*	#page-a
/*-----------------------------------------------------------------------------------*/
#page-a				{position:relative;
					color:#ececec;}


#page-a h1,
#page-a h2,
#page-a h3,
#page-a h4,
#page-a h5,
#page-a h6			{color:#fff;}



#page-a .bt-bg,
#page-a .top-bg		{position:absolute;
					width:100%;
					height:6px;				
					z-index:100;}













/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/ 
/* general header style */
#header			{position:absolute;
				width:100%;
				background:url(../images/transparent-dark-40.png);
				z-index:999;
				top:0;}
				
				


#header	a			{color:#fff;
					opacity:0.8;
					filter:alpha(opacity=80);
					transition-duration: 0.1s;
					transition-timing-function: linear;
					transition-delay: 0.1s;
					-webkit-transition-duration: 0.1s;
					-webkit-transition-timing-function: linear;
					-webkit-transition-delay: 0.1s;}

#header	a:hover,
#headera:active,
#header	a:focus		{color:#fff;
					opacity:1;
					filter:alpha(opacity=100);}




/* header row tools */				
#header-tools								{height:38px;
											background:url(../images/transparent-dark-10.png);											
											font-size:12px;}	

.header-tools-row							{padding-top:6px;}


/* header info */
.header-tools-row .header-info				{float:left;
											margin:0;}


.header-tools-row .header-info li			{list-style:none;
											display:inline-block;
											margin:0 15px 0 0;}
											

/* header language */
.header-language	{display:inline-block;}




/* header social */
#header .social-list	{margin-right:15px;}


/* header tools */
.header-tools		{float:right;
					margin:0;
					padding:0;
					texta-lign:right;}


.header-tools > li	{list-style:none;
					margin:0 0 0 15px;
					padding:0;
					display:inline;}



/* sliding panel button */
.sliding-panel-toggle	{display:inline;}
						
						
	
	
	
/* logo */
#logo			{float:left;
				display:block;}
#logo a			{opacity:1!important;}



#logo img		{margin:0;
				height:auto;
				width:100%;}



/* logo as text */
.logo-text		{margin:0;
				font-size:190%!important;}

.logo-text a	{color:#444!important;
				text-decoration:none!important;}


.logo-text a:hover,
.logo-text a:active,
.logo-text a:focus		{color:#444!important;
						text-decoration:none!important;}


.site-slogan			{font-weight:300;
						text-transform:uppercase;
						letter-spacing:1px;
						font-size:10px;}

				
				
				
				
				
				
	/*-----------------------------------------------------------------------------------*/
	/*	Header2
	/*-----------------------------------------------------------------------------------*/
	.header2 .top-bg		{display:none;}
	
	.header2 #header		{background:url(../images/transparent-light-30.png) repeat-x bottom;}
				
	.header2 #header-tools	{background:url(../images/transparent-dark-40.png);}	
	
	
	
	/* root items in */
	.header2 #navigation > .sf-menu > li.sfHover > a,
	.header2 #navigation > .sf-menu > li.current-menu-item > a,
	.header2 #navigation > .sf-menu > li > a:focus, 
	.header2 #navigation > .sf-menu > li > a:hover, 
	.header2 #navigation > .sf-menu > li > a:active,
	.header2 #navigation > .sf-menu > li.selected > a,
	.header2 #navigation > .sf-menu > li.current-menu-parent > a	{background:url(../images/transparent-dark-40.png);}
	
	
	
	
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Header3
	/*-----------------------------------------------------------------------------------*/
	.header3 .top-bg		{display:none;}
	
	.header3 #header		{background:url(../images/transparent-light-30.png) repeat-x bottom;}
				
	.header3 #header-tools	{background:url(../images/transparent-dark-40.png);}	
	





	/*-----------------------------------------------------------------------------------*/
	/*	Header4
	/*-----------------------------------------------------------------------------------*/ 
	.header4 #header					{background:#fff;
										color:#8a8a8a;}
	 
	
	.header4 #header a 					{opacity:1;
										filter:alpha(opacity=100);
										color:#4cade6;}
	.header4 #header a:hover 			{color:#444}	
	
	
	.header4 #header #header-tools		{background:0;
										border-bottom:solid 1px #efefef;}
	
	.header4 #header .social-list li a			{color:#000;}
	
	.header4 #header .social-list li a:hover	{color:#4cade6;}
	
	
	
	/* roote menu items */
	.header4 #navigation > .sf-menu > li > a	{opacity:1;
												filter:alpha(opacity=100);
												color:#8a8a8a!important;}
										
										
										
	/* root items acyive */
	.header4 #navigation > .sf-menu > li:hover, 
	.header4 #navigation > .sf-menu > li.sfHover,
	.header4 #navigation > .sf-menu > li.sfHover > a,
	.header4 #navigation > .sf-menu > li.current-menu-item > a,
	.header4 #navigation > .sf-menu > li > a:focus, 
	.header4 #navigation > .sf-menu > li > a:hover, 
	.header4 #navigation > .sf-menu > li > a:active,
	.header4 #navigation > .sf-menu > li.selected > a,
	.header4 #navigation > .current-menu-parent > a		{color:#4cade6!important;}
	
	
	






 







/*-----------------------------------------------------------------------------------*/
/*	#page-header
/*-----------------------------------------------------------------------------------*/	
#page-header		{padding-bottom:30px;}


.page-heading		{font-family:'Open Sans',Arial, Helvetica, sans-serif;
					font-size:42px;					
					font-weight:300;
					text-indent:-3px;
					display:inline-block;
					cloear:both;}


.page-subheading	{display:inline-block;
					margin-top:10px;
					font-size:13px;
					text-transform:uppercase;
					font-family:'Open Sans',Arial, Helvetica, sans-serif;
					font-weight:300;}




#page-header.content-bg-1 .page-heading,
#page-header.content-bg-1 .page-subheading,
#page-header.content-bg-1 .breadcrumbs ul	{background:url(../images/transparent-dark-40.png);
											-moz-border-radius:3px;
											-webkit-border-radius:3px;
											border-radius:3px;}




#page-header.content-bg-1 .page-heading		{line-height:53px;
											padding:0px 8px 2px 8px;}
#page-header.content-bg-1 .page-subheading	{padding:2px 8px;}




/* remove margin for page headings */
#page-header h1,
#page-header h2,
#page-header h3,
#page-header h4,
#page-header h5,
#page-header h6	{margin:0;}












/*-----------------------------------------------------------------------------------*/
/*	#page-c
/*-----------------------------------------------------------------------------------*/ 
/* sidebar padding --> 2 columns */
.p-left .sidebar-inner		{padding-left:20px;}



.p-right .sidebar-inner		{padding-right:20px;}



/* modules in sidebar */
.sidebar-inner .module-wrap 	{margin-bottom:30px;}














 
 
 
/*-----------------------------------------------------------------------------------*/
/*	#page-d
/*-----------------------------------------------------------------------------------*/ 
#page-d		{padding-top:50px;
			/*background-image:url(../images/bottom-strip-bg.png);
			background-repeat:repeat-x;
			background-position:top;*/
			background-color:#404142;
			color:#cbcbcb;}
 
 


#page-d a			{color:#cbcbcb;}
 
#page-d a:hover,
#page-d a:active,
#page-d a:focus		{color:#fff;} 



 
#page-d h1,
#page-d h2,
#page-d h3,
#page-d h4,
#page-d h5,
#page-d h6	{color:#fff;}




/* bottom 1 and 2 sections */
#bottom-1,
#bottom-2	{margin-bottom:30px;}






/* footer section */
#footer		{padding-bottom:5px;
			padding-top:25px;
			/*background:url(../images/footer-bg.png) repeat-x top;*/
			background:url(../images/transparent-dark-10.png);}




/* footer menu */
.footer-menu ul li			{list-style:none;
							display:inline;
							margin:0 0 0 15px;}


.footer-menu ul li a		{color:#dadada;
							text-decoration:none;
							transition-duration: 0.1s;
							transition-timing-function: linear;
							transition-delay: 0.1s;
							-webkit-transition-duration: 0.1s;
							-webkit-transition-timing-function: linear;
							-webkit-transition-delay: 0.1s;}


.footer-menu ul li a:hover,
.footer-menu ul li a:active,
.footer-menu ul li a:focus	{color:#4cade6!important;}






/* footer content to left */
.footer-menu			{float:right;
						margin-left:10px;}
.footer-content			{float:left;}

#footer .social-list	{float:right;}



#footer .social-list li a:hover	{color:#4cade6;}


/* footer content to right */
#footer .footer-right .footer-menu,
#footer .footer-right .social-list			{float:left;}
#footer .footer-right .footer-content		{float:right;}

#footer .footer-right .footer-menu			{margin-left:0;
											margin-right:10px;}



#footer .footer-right .footer-menu ul li	{margin:0 15px 0 0;}






/*-----------------------------------------------------------------------------------*/
/*	#fixed-bar
/*-----------------------------------------------------------------------------------*/	
#fixed-navigation 		{background:#fff;
						border-bottom:solid 1px #dbdbdb;
						-moz-box-shadow:5px 0 5px rgba(0,0,0,0.2);
						-webkit-box-shadow:5px 0 5px rgba(0,0,0,0.2);
						box-shadow:5px 0 5px rgba(0,0,0,0.2);
						color:#8a8a8a;						
						opacity: 1;
						filter:alpha(opacity=100);
						position: fixed;
						width: 100%;
						z-index: 999;
						height:50px;
						top:-100px;
						transition-duration: 0.25s;
						transition-timing-function: linear;
						transition-delay: 0.25s;
						-webkit-transition-duration: 0.25s;
						-webkit-transition-timing-function: linear;
						-webkit-transition-delay: 0.25s;}			


#fixed-navigation.fixed-navigation-hide	{top:-100px;}	
#fixed-navigation.fixed-navigation-show	{top:0;}




/* logo */
#fixed-logo 		{float:left;
					margin-top:5px;}

#fixed-logo img		{max-height:40px!important;					
					width:auto;}