/*---------------------------------------------------------------- 
  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 styles for the modules */
.width100 		{ width:100%}
.width50		{ width:50%}
.width33		{ width:33.33%}
.width25		{ width:25%}
.width20		{ width:20%}



			
/* -----------------
 Footer Modules
 used module positions are 
 footer1, footer2, footer3 and footer4, and footer5
---------------------------------------------------------------- */
#footer .modules-wrap {
	padding:0 0 25px;
	margin-right:-30px;}
	
#footer .separator .moduletable {
	position:relative;}
	
	#footer .moduletable {
		margin-right:15px;
		padding-right:15px;}
		 
		#footer .moduletable .moduletable-header{}
			
			
			#footer .moduletable h3.mod-title {
				font-size: 2em;
				color: #6fd2f7;
				margin-bottom: 7px;
				padding: 0;}
			
	
				
		
	
			
						 
					 
 /* -- Promo  -- 
used on the "promo" module positions
---------------------------------------------------------------- */
#promo .modules-wrap,
#bottom .modules-wrap {
	position:relative;
	margin:0 -20px 0 0}

	#promo .moduletable,
	#bottom .moduletable {
		position:relative;
		margin-right:20px;}
	

	#promo .moduletable .moduletable-header,
	#bottom .moduletable .moduletable-header {
		background:#128AAF;
		padding:0;
		position:relative;
		margin-bottom:10px;}
		
		#promo .moduletable .moduletable-header:before,
		#bottom .moduletable .moduletable-header:before {
			content:"";
			position:absolute;
			left:7px;
			bottom:-8px;
			width: 0; 
			height: 0; 
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #128AAF;}
	
		#promo .moduletable h3.mod-title,
		#bottom .moduletable h3.mod-title {
			color: #fff;
			font-size: 1.5em;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
			padding:4px 0 5px;
			margin:0 10px}
			

				#promo .moduletable-header h3.mod-title span span,
				#bottom .moduletable-header h3.mod-title span span {}
						

				/* with "style1" suffix */
				#promo .moduletable .style1 .moduletable-header,
				#bottom .moduletable  .style1 .moduletable-header {
					background:#97C214;}
					
					#promo .moduletable .style1 .moduletable-header:before,
					#bottom .moduletable .style1 .moduletable-header:before {
						border-top-color:#97C214;}
							
							
				/* with "style2" suffix */
				#promo .moduletable .style2 .moduletable-header,
				#bottom .moduletable  .style2 .moduletable-header {
					background:#D5AE16;}
					
					#promo .moduletable .style2 .moduletable-header:before,
					#bottom .moduletable .style2 .moduletable-header:before {
						border-top-color:#D5AE16;}
							
									
				/* with "style3" suffix */
				#promo .moduletable .style3 .moduletable-header,
				#bottom .moduletable  .style3 .moduletable-header {
					background:#D56116;}
					
					#promo .moduletable .style3 .moduletable-header:before,
					#bottom .moduletable .style3 .moduletable-header:before {
						border-top-color:#D56116;}
					


			.moduletable_content {}	 
			
			
			
					
/* 
Col Modules
--------------
The columns modules are used on the "left" and "right" positions.
Normally they may contain suffixes which you may add through each 
module on their paramenters so that you may have different module
styles. 
---------------------------------------------------------------- */

.col-module {
	position:relative;
	margin:0 -20px 5px 0;}
	
	.col-module:last-child {
		margin-bottom:0}	
	 
	.col-module .col-module-suffix-,
	.col-module .col-module-suffix-style1,
	.col-module .col-module-suffix-style2,
	.col-module .col-module-suffix-style3 {
		padding:10px;
		color:#555;
		margin:0}
		  
	
	    /* with no suffix */
		.col-module .col-module-header {
			background:#128aaf;
			background: -webkit-linear-gradient(right, #37A9C9, #128aaf 25%);
			background: -moz-linear-gradient(right, #37A9C9, #128aaf 25%));
			background: -ms-linear-gradient(right, #37A9C9, #128aaf 25%));
			background: -o-linear-gradient(right, #37A9C9, #128aaf 25%));
			background: linear-gradient(right, #37A9C9, #128aaf 25%));
			padding:0;
			position:relative;
			margin:-10px -20px 8px -10px;
			border-top-left-radius:7px; }
			.col-module .col-module-header:before {
				content:"";
				position:absolute;
				bottom:-10px;
				height:10px;
				width:100%;
				background:url(../images/col-module.png) no-repeat top right;}
			
				
			 .col-module .col-module-header h3.mod-title {
				color: #fff;
				font-size: 1.5em;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
				padding:4px 0 5px;
				margin:0 20px 0 10px}
				
			
				
				.col-module .col-module-content {
					margin: 0;
					padding: 0}	

					
				
		/* on the "left" column */
		#left-column .col-module {
			position:relative;
			margin-right:0;
			margin-left: -20px;}
	
				
			#left-column .col-module .col-module-header {
				background: -webkit-linear-gradient(left, #37A9C9, #128aaf 25%);
				background: -moz-linear-gradient(left, #37A9C9, #128aaf 25%));
				background: -ms-linear-gradient(left, #37A9C9, #128aaf 25%));
				background: -o-linear-gradient(left, #37A9C9, #128aaf 25%));
				background: linear-gradient(left, #37A9C9, #128aaf 25%));
				margin-right:-10px;
				margin-left: -20px;
				border-top-left-radius:0;
				border-top-right-radius:7px; }
				#left-column .col-module .col-module-header:before {
					content:"";
					position:absolute;
					bottom:-10px;
					height:10px;
					width:100%;
					background-position:0 -10px;}
		
					#left-column .col-module .col-module-header h3.mod-title {
						 margin-left:20px;
						 margin-right:10px}
				
			
			
						
			/* with "style1" suffix */
			.col-module-suffix-style1 .col-module-header {
				background:#97C214;
				background: -webkit-linear-gradient(right, #b0d526, #97C214 25%);
				background: -moz-linear-gradient(right, #b0d526, #128aaf 25%));
				background: -ms-linear-gradient(right, #b0d526, #128aaf 25%));
				background: -o-linear-gradient(right, #b0d526, #128aaf 25%));
				background: linear-gradient(right, #b0d526, #128aaf 25%));}
				.col-module-suffix-style1 .col-module-header:before {
					background-position:100% -20px;}
					
			#left-column .col-module-suffix-style1 .col-module-header {
				background: -webkit-linear-gradient(left, #b0d526, #97C214 25%);
				background: -moz-linear-gradient(left, #b0d526, #97C214 25%));
				background: -ms-linear-gradient(left, #b0d526, #97C214 25%));
				background: -o-linear-gradient(left, #b0d526, #97C214 25%));
				background: linear-gradient(left, #b0d526, #97C214 25%)); }
				#left-column .col-module-suffix-style1 .col-module-header:before {
					background-position:0 -30px;}
				
						
			/* with "style2" suffix */
			.col-module-suffix-style2 .col-module-header {
				background:#D5AE16;
				background: -webkit-linear-gradient(right, #ddbc28, #D5AE16 25%);
				background: -moz-linear-gradient(right, #ddbc28, #D5AE16 25%));
				background: -ms-linear-gradient(right, #ddbc28, #D5AE16 25%));
				background: -o-linear-gradient(right, #ddbc28, #D5AE16 25%));
				background: linear-gradient(right, #ddbc28, #D5AE16 25%));}
				.col-module-suffix-style2 .col-module-header:before {
					background-position:100% -40px;}	
					
			#left-column .col-module-suffix-style2 .col-module-header {
				background: -webkit-linear-gradient(left, #ddbc28, #D5AE16 25%);
				background: -moz-linear-gradient(left, #ddbc28, #D5AE16 25%));
				background: -ms-linear-gradient(left, #ddbc28, #D5AE16 25%));
				background: -o-linear-gradient(left, #ddbc28, #D5AE16 25%));
				background: linear-gradient(left, #ddbc28, #D5AE16 25%)); }
				#left-column .col-module-suffix-style2 .col-module-header:before {
					background-position:0 -50px;}		
								
								
			/* with "style3" suffix */
			.col-module-suffix-style3 .col-module-header {
				background:#D56116;
				background: -webkit-linear-gradient(right, #e77e2a, #D56116 25%);
				background: -moz-linear-gradient(right, #e77e2a, #D56116 25%));
				background: -ms-linear-gradient(right, #e77e2a, #D56116 25%));
				background: -o-linear-gradient(right, #e77e2a, #D56116 25%));
				background: linear-gradient(right, #e77e2a, #D56116 25%));}
				.col-module-suffix-style3 .col-module-header:before {
					background-position:100% -60px;}
			
			#left-column .col-module-suffix-style3 .col-module-header {
				background: -webkit-linear-gradient(left, #e77e2a, #D56116 25%);
				background: -moz-linear-gradient(left, #e77e2a, #D56116 25%));
				background: -ms-linear-gradient(left, #e77e2a, #D56116 25%));
				background: -o-linear-gradient(left, #e77e2a, #D56116 25%));
				background: linear-gradient(left, #e77e2a, #D56116 25%)); }
				#left-column .col-module-suffix-style3 .col-module-header:before {
					background-position:0 -70px;}		
								
			
			
				

/* -----------------
 Ice Modules
 used for IceTheme Extensions like IceCaption, IceTabs etc
----------------- */
.ice-module {} 
		
	.ice-module h3.mod-title {
		text-align:center;
		padding-bottom:2px;}
	
		.ice-module h3.mod-title span {} 
		
		#icecarousel .ice-module h3.mod-title {
			position:absolute;
			top:12px;
			left:0;
			width:100%;
			z-index:99;
			margin-bottom:0;
			display:block;
			text-align:center;
			font-size:1.65em;}
			
			#icecarousel .ice-module h3.mod-title span {
				background:url(../images/icecarousel_title.png) no-repeat;
				width:201px;
				height:48px;
				line-height:42px;
				text-align:center;
				display:inline-block;
				padding:0;
				color:#fff;
				text-shadow:1px 1px 1px rgba(0,0,0,.5);}
			
		.ice-module .ice-module-content {
			clear:both}