@charset "utf-8";
/* Social Media Icon Links Extension (S.M.I.L.E.) */
div.smile a {display:inline-block;width:auto;outline:none;}
div.smile a img {border:none; float:left;}
div.smile a:hover {background:none;}
div.smilecredits {width:100%}
div.smilecredits a {font-size:20px;}
.clr {clear:both;}

#languages_block_top {height:27px;float:right;padding:5px 3px 0px 0px;position:relative;z-index:100;}	

#languages_block_top1 {height:27px;float:left;padding:5px 3px 5px 10px;position:relative;z-index:100;}

#languages_block_top2 {height:27px;float:right;padding:5px 5px 0 0;position:relative;z-index:100;}
	
/*-- #languages_block_top {height:27px;float:right;padding:50px 3px 0 0;position:relative;z-index:100;}	---*/
		
/* -- Footer --
this wrap the footer module position plus the copyright and 
other elements that you may find on the footer
------------*/
#footer {
	clear:both;
	margin:50px 0 0;
	background:#141414 url(../images/footer.jpg) repeat;}
	
	#footer_effect {
		background: url(../images/footer_effect.png) repeat-x top;}

	.wrapper {
    width: 950px;
    margin: 0px auto;
}
#accessibility {
	display:none;}
	
.floatleft { float:left; }
.floatright { float:right;}

.width20  { width: 20%; } 
.width25  { width: 22.6%;}
.width33  { width: 31.2%;}
.width50  { width: 47.5%;} 
.width75  { width: 74.5%;} 
.width100 { width: 99.99%;} 
	
	#promo .width33,
	#bottom .width33 { width:31.8%}
		
	#footer .width20 {
	width: 35%;
}
	#footer .width25 {
	width: 62%;
}


		
/*  -- Copyright -- 
this contains the codes for the footer module position and 
icetheme copyright logo or also the "go to top" link 
---------------*/
#copyright {
	clear:both;
	min-height:53px;
	border-top:1px solid #292929;
	background:url(../images/copyright.png) repeat-x top;
	margin:0;
	padding:0;}
	
	#copyright .wrapper {
		position:relative; overflow:hidden}

	
	div#copytext { float:left; padding-top:15px;}
	
		div#copytext .footer2 { display:none; }
	
		

	div#icelogo {
	float:left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
	height:37px;
}
		div#icelogo p { margin:0;}
			div#icelogo p a {
				display:block;
				float:left;
				background:url(../images/icetheme.png) no-repeat;
				width:120px;
				height:37px;
				margin:0 auto;
				opacity:.4;
				-webkit-transition:all .5s ease-in;
				-moz-transition:all .5s ease-in;
				-o-transition:all .5s ease-in; 
				transition:all .5s ease-in;}
				div#icelogo p a:hover {
					opacity:1;
					-webkit-transform:rotate(360deg);
					-moz-transform:rotate(360deg);
					-o-transform:rotate(360deg);
					transform:rotate(360deg);}
					div#icelogo p a span { display:none}



	/* Go to Top */
	a#go2top {
		background: url(../images/go2top.png) no-repeat;
		top: 20px;
		height: 16px;
		width: 16px;
		position: absolute;
		right: 0;}
		a#go2top:hover {}
			
		a#go2top span {
			display:none}


						
/* 
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,
.col-module-style1, 
.col-module-style2 {
	margin:0 0 15px;
	padding:10px;
	color:#fff;
	color:rgba(255,255,255,.7);
	background:#830275;}	

	.col-module h3.mod-title,
	.col-module-style1 h3.mod-title, 
	.col-module-style2 h3.mod-title {
		font-size:1.5em;
		margin:-10px -10px 4px;
		border-bottom:1px solid #931C15;
		background:rgba(0,0,0,.3);
		background: -moz-linear-gradient(100% 100% 90deg, rgba(0,0,0,.5), rgba(0,0,0,.2));
  		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.5)));
		padding:7px 10px 4px;
		text-shadow:1px 1px 1px rgba(0,0,0,.7);
		color:#fff;}
		.col-module h3 span,
		.col-module-style1 h3 span, 
		.col-module-style2 h3 span {
			color:#D09095;
			display:block;
			font-size:.60em;
			font-family:Verdana, Geneva, sans-serif;
			margin-top:-9px} 
			
		.col-module .col-module-content,
		.col-module-style1 .col-module-content, 
		.col-module-style2 .col-module-content  {
			padding:0}	
			
			.col-module .col-module-content a {
				color:#fff}	
	
		
		/* -- Style 1 --
		   This is when you put a suffix on the module class sufixx parameter "-style1"
		   so that you may have a different styled module */	
		.col-module-style1 {
			background:#292929;}
			.col-module-style1 h3.mod-title {
				border-bottom-color:#3D3D3D;}
				.col-module-style1 h3 span {
					color:#999}
			
		
		/* -- Style 1 --
		   This is when you put a suffix on the module class sufixx parameter "-style2"
		   so that you may have a different styled module */	
		.col-module-style2 {
			background:#6D3612;}
			.col-module-style2 h3.mod-title {
				border-bottom-color:#934B15;}
				.col-module-style2 h3 span {
					color:#D3C392}
					


			

/* -----------------
 Footer Modules
 used module positions are footer1, footer2, footer3 and footer4, and footer5
----------------- */
#footer .separator {
	margin-right:0;
	border:none;
	padding-right:20px;}
	
	#footer .moduletable {
		margin:45px 0 30px;
		color:#999;
		text-shadow:1px 1px 1px #000} 
			
			
		#footer .moduletable h3.mod-title {
	color:#0099CC;
	border-bottom:1px dotted #444;
	padding:0 0 2px;
	margin:0 0 8px
}
			#footer .moduletable h3.mod-title span {
				color:#666;
				font-family:Verdana, Geneva, sans-serif;
				display:block;
				font-size:.6em;
				margin-top:-7px} 
			
			
/* FooterMenus
---------------*/
#footer ul.menu {
	padding-left:1.25em;
	margin-bottom:.5em}
	
	#footer ul.menu li {}
		
		#footer ul.menu li a {
			color:#999;
			text-decoration:none;}
			#footer ul.menu li a:hover,
			#footer ul.menu li.current a {
				color:#F0C237}
		
		
		/* Footer menu with suffix  "footer-connect" used
		on the last menu with the social icons */
		#footer ul#footer-connect {
			padding-left:.5em;
			list-style-type:none;}
			#footer ul#footer-connect li {
				padding-top:.45em;
				padding-bottom:.4em;}
				#footer ul#footer-connect li a {}
			
				#footer ul#footer-connect li img {
					margin:0 9px -4px 0;
					opacity:.2; 
					-webkit-transition:all .4s ease-out;
					-moz-transition:all .4s ease-out;
					-o-transition:all .4s ease-out; 
					transition:all .4s ease-out;}
					
					#footer ul#footer-connect li a:hover img {
						opacity:1;}



	
/* Right Columns Menus
used to display the current menu that is 
also on the dropdown 
-----------------------------------------*/
.col-module-content ul.menu,
.col-module-content ul.menu ul { 
	margin:0;
	padding:0;}
	.col-module-content ul.menu li {
		padding:0;
		border-bottom:1px dotted rgba(255,255,255,.2);
		margin:0;
		list-style-type:none;}
		.col-module-content ul.menu li a {
			color:#fff;
			display:block;
			padding:.3em 10px;
			color:rgba(255,255,255,.5);}
			.col-module-content ul.menu li a:hover,
			.col-module-content ul.menu li.current a  {
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				color:#fff;}


		.col-module-content ul.menu li span.separator {
			font-size:1.3em;
			color:#999;
			margin-top:1em;
			background:rgba(255,255,255,.15);
			text-shadow:1px 1px 1px #000;
			display:block;
			padding:.3em 10px;
			color:rgba(255,255,255,.9);}
		
		
		
		.col-module-content ul.menu li li:last-child {
			border:none;}
		
		
		
		
/* Copyright Menu 
---------------*/
#footermenu {
	padding:0;
	float:right}
	
#footermenu ul.menu { 
	margin:17px 35px 0 0;
	padding:0;}
	#footermenu ul.menu li {
		display:inline;
		float:left;
		font-size:.9em;
		padding:0 2em 0 0;
		margin:0;
		list-style-type:none;}
		#footermenu ul.menu li a {
			color:#666;}
			#footermenu ul.menu li a:hover {
				color:#ccc;
				text-decoration:none;}
		
		#footermenu ul.menu li a img {
			float:none;
			margin:0px 8px -4px 0}
			
		#footermenu ul.menu li:last-child {
			border:none;
			padding-right:0;}