/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/* ---------------------- modules.css --------------------------
This CSS file contain the codes that Joomla uses to output its 
modules. Normally the module positons found here are: left, right,
bottom, promo, showcase etc.

- Feel free to make changes to suit the needs to your website
project
---------------------------------------------------------------- */

/* general module seperator */
.separator {
	margin-right:15px}


/* Moduletable */
#content .moduletable .moduletable_header {
		display:inline-block;
		background:#fff;
		border:1px solid #B8DDE7;
		position:relative;
		height:30px;
		padding:0 10px;
		margin:-17px 0 7px 0;
		-moz-border-radius: 10px;
		border-radius:10px;
		background-color: #255121;
		background: -moz-linear-gradient(100% 100% 90deg, #255121, #78851E);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#78851E), to(#255121));}
	
		
		#content .moduletable h3 {
			font-size:1.35em;
			line-height:30px;
			font-style:italic;
			color:#555;
			text-shadow:1px 1px 1px #fff;}
			#content .moduletable h3 span {
				color:#134679; } 	

		#content .moduletable .moduletable_content{
				margin:0 0 0 5px;
				padding:0;
				position:relative;
				overflow:visible;
				clear:both;}
	
			
			#content .moduletable p:last-child {
				margin-bottom:0}
				
	/* when you apply suffix (style1) */			
	#content .moduletable-style1 .moduletable .moduletable_header{
		border-color:#D9EFF5;
		background-color: #255121;
		background: -moz-linear-gradient(100% 100% 90deg, #255121, #78851E);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#78851E), to(#255121));}
		
			#content .moduletable-style1 .moduletable h3 {
				color:#fff;
				text-shadow:1px 1px 1px rgba(0,0,0,.7);}
				#content .moduletable-style1 .moduletable h3 span {
					color:#fff;}
			
			
				
	/* when you apply suffix (style2) */			
	#content .moduletable-style2 .moduletable_header{
		background:#2e2b2b!important;
		border:1px solid #ccc!important;
		background-image: -moz-linear-gradient(100% 100% 90deg, #2e2b2b, #625B5B)!important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#625B5B), to(#2e2b2b))!important;
		-moz-box-shadow:0px 4px 7px rgba(0,0,0,.4);
		-webkit-box-shadow:0px 4px 7px rgba(0,0,0,.4);
		box-shadow:0px 4px 7px rgba(0,0,0,.4);}
			
			#content .moduletable-style2 .moduletable h3 {
				color:#fff;
				text-shadow:1px 1px 1px rgba(0,0,0,1);}
				#content .moduletable-style2 .moduletable h3 span {
					color:#ccc;}
				
								


/* -----------------
 Columns Modules
 used module positions are left and right
 you may use 2 suffixes: (style1) and (style2) as well
----------------- */

.col-module {
	border: 1px solid #78851E;
	margin: 0 0 35px 0;
	clear: both;
	-moz-border-radius: 10px;
	border-radius: 10px;}	

	.col-module .col-module-effect {
		-moz-border-radius: 8px;
		border-radius:8px;
		padding:0 9px 9px;
		margin:1px;}
		
		
	.col-module .col-module_header {
		display: inline-block;
		background: #fff;
		border: 1px solid #78851E;
		position: relative;
		height: 30px;
		padding: 0 10px;
		margin: -17px 0 7px 0px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background: #E7F4DE;
		background-image: -moz-linear-gradient(100% 100% 90deg, #E7F4DE, #fff);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E7F4DE));
}

		
		
		.col-module h3 {
			font-size:1.35em;
			line-height:30px;
			font-style:italic;
			color: #fff !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,.7) !important;}
			.col-module h3 span {
				color:#134679; } 	
			
			.col-module .col-module-content{
				margin:0;
				padding:0;}
				
			.col-module p:last-child {
				margin-bottom:0}
	
	
	/* when you apply suffix (style1) */
	.col-module-style1 .col-module .col-module-effect {
		background-image: -moz-linear-gradient(top, #E7F4DE, #FFF 70px);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7F4DE), color-stop(30%,#FFF));}
			
	.col-module-style1 .col-module .col-module_header{
		background: #75C858;
		border-color: #DAF5D9;
		background-image: -moz-linear-gradient(100% 100% 90deg, #56CB39, #46A72E);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#46A72E), to(#56CB39));}
		
			.col-module-style1 .col-module h3 {
				color:#fff !important;
				text-shadow:1px 1px 1px rgba(0,0,0,.7) !important;}
				.col-module-style1 .col-module h3 span {
					color:#fff !important;}
			
	
	/* when you apply suffix (style2) */
	.col-module-style2 .col-module {
		border-color:#DEDEDE;}
		
		.col-module-style2 .col-module .col-module-effect {
			background-image: -moz-linear-gradient(top, #E6E6E6, #FFF 70px);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(30%,#FFF));}
			
			
	.col-module-style2 .col-module .col-module_header{
		background:#2e2b2b;
		border:1px solid #ccc;
		background-image: -moz-linear-gradient(100% 100% 90deg, #2e2b2b, #625B5B);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#625B5B), to(#2e2b2b));
		-moz-box-shadow:0px 4px 7px rgba(0,0,0,.4);
		-webkit-box-shadow:0px 4px 7px rgba(0,0,0,.4);
		box-shadow:0px 4px 7px rgba(0,0,0,.4);}
			
			.col-module-style2 .col-module h3 {
				color:#fff;
				text-shadow:1px 1px 1px rgba(0,0,0,1);}
				.col-module-style2 .col-module h3 span {
					color:#ccc;}
				



/* -----------------
 Showcase Modules
 used module positions are showcase1, showcase2, showcase3 and showcase 4
----------------- */

/* divide the modules with a background and some padding */
#showcase .separator {
	padding-right:15px;
	background:url(../images/separator_showcase.png) no-repeat center right;}
		
#showcase .moduletable {
	margin-top:.5em;
	position:relative;}
	
	#showcase .moduletable h3 {
		font-size:1.4em;
		font-style:italic;
		color:#fff;
		text-shadow:1px 1px 1px rgba(0,0,0,.7);
		margin-bottom:2px;}
		#showcase .moduletable h3 span {
			color:#fff;}
			
		#showcase .moduletable .moduletable_content {
			margin:0 10px 0 0;
			color:#fff;
			color:rgba(255,255,255,.75);}
			
			/* -- Headline  --
		   This is when you put a suffix on the module class sufixx parameter "-headline"
		   so that you may have a different styled module */	
		#showcase .moduletable-headline {
			float:right;
			border-top:1px dotted rgba(255,255,255,.3);
			width:960px;
			padding:15px 0 0;
			margin-bottom:0;
			color:#fff;
			color:rgba(255,255,255,.5);
			text-align:right}			
								
			#showcase .moduletable-headline h3 {
				color:#fff;
				text-shadow:none;
				line-height:1.3em;
				font-size:2.75em;}	
					#showcase .moduletable-headline h3 span{
						color:#D3C392;
						display:block;
						display:none;
						font-style:italic;
						font-size:.60em;
						margin-top:-8px}				
								
			#showcase .moduletable-headline .moduletable_content {
				font-size:1.3em;}
				
				#showcase .moduletable-headline .moduletable_content p:last-child{
					margin:0 0 .25em}
				
		



/* -----------------
 Footer Modules
 used module positions are footer1, footer2, footer3 and footer4 
----------------- */

/* divide the modules with a background and some padding */
#footer .separator {}
	
	
	#footer .moduletable {} 
		
		#footer .moduletable h3	{
			color:#555;
			margin-bottom:.2em;}
			#footer .moduletable h3	span {
				color:#174B5A}