/**
 * @copyright	Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */
@import url(/media/system/css/system.css);

/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 4px;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}/**
 * @copyright	Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(system/images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   This file contain also clearfix and round corners reset
   
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body {	line-height: 1;}

ol, ul { list-style: none;}

blockquote, q {	quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}

del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after,  .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.clearfix { display: inline-block; }   

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* Round Corners Reset */
/* \*/
* html .tlc, * html .trc {height: 1%;}
/* */	/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

html { font-size:100.01%; width:100%; margin:0 auto; }

body {
	color: #555;
	background:url(it_corporate/images/styles/style4/body_7.jpg) /*no-repeat top center #051f3a*/;
/*	background-size:100% 100%;*/
	background-attachment:fixed;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:75%;
	line-height:1.75em;}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-family:'PT Sans', Arial, "Times New Roman", Times, serif;
	font-weight: normal;	
	line-height: 1.4em;
	margin-bottom:0;
	color: #555;
	clear:both; }

h1 { font-size: 1.75em;  }
h2 { font-size: 1.25em; font-weight: bold;}
h3 { font-size: 1.15em;   }
h4 { font-size: 1.05em;  }
h5 { font-size: 1.0em; font-weight: bold; }
h6 { font-size: 0.95em;}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }
p.last 		{ margin-bottom:0}
img 		{ }
img.styled	{ 	padding:5px; background:#eee; border:1px solid #ccc; margin:0 10px 10px 0 }



a:link { text-decoration: none; outline:none; color:#134679; font-family:Tahoma;}
a:visited { text-decoration:none;color:#571586}
a:hover { text-decoration:underline}


blockquote  {
	position:relative;
 	margin:0 0 1.5em 1em;
 	quotes: "\201C" "\201D";}
	
	 blockquote:before,
	 blockquote:after {
		  position:absolute; 
		  font-weight: bold;
		  font-size:6em;
		  color:#E6E6E6;
		  font-family:Georgia, "Times New Roman", Times, serif; }
	 
	 blockquote:before {
		 content: open-quote;
		 top:25px;
		 left:0; }
	 
	 blockquote:after { 
		 content: close-quote;
		 right:0;
		 bottom:-5px}
	 
	 blockquote p {
		 font-family:Georgia, "Times New Roman", Times, serif;
		 font-size:1em;
		 font-style:italic;
		 margin-bottom:0;
		 line-height:2em;
		 padding:0 4em}
		 
 
strong      { font-weight: bold;  }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

hr 			{ 
	clear:both;
	margin:0px 0 0px;
	border:none; 
	background:url(it_corporate/images/hr.jpg) no-repeat center bottom;
	}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }



.floatleft { float:left; }
.floatright { float:right;}



/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 2em 1.5em 0; padding-left: 2.5em; }

li          { padding-top:.2em; padding-bottom:.2em}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 2em 0; }
dl dt       { font-weight: bold;  padding-top:.2em; padding-bottom:.2em}
dd          { margin-left: 1.5em; padding-top:.2em; padding-bottom:.2em}

	
	ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li, ul.note li {
		list-style-type:none;
		background-repeat: no-repeat; 
		background-position: center left;
		padding: 4px 0 3px 28px}
		
		ul.check li {
			background-image:url(it_corporate/images/typo_check.png);}
		ul.arrow li { 
			background-image:url(it_corporate/images/typo_arrow.png);}
		ul.cross li { 
			background-image:url(it_corporate/images/typo_cross.png);}
		ul.light li { 
			background-image:url(it_corporate/images/typo_light.png);}
		ul.star li { 
			background-image:url(it_corporate/images/typo_star.png);}
		ul.note li { 
			background-image:url(it_corporate/images/typo_note.png);}	
		
				
/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #eee; text-align:left }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: rgba(0,0,0,.3); }
tfoot       { font-style: italic; }
caption     { font-style:italic;  }



/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .9em; color:#999}
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { font-style:italic; color:#444; background:#F7F7E9; padding:0 .15em }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.dropcap {
	color:#584F52;
	display: block; 
	float:left; 
	font: 6em/75% Georgia, "Times New Roman", Times, serif ;
	padding: 5px 12px 0 0; }

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

/* General Forsm Styles */
label { 
	font-weight: normal;
	vertical-align:top;
	width:0px;
	display:inline-block;
}

fieldset { 
	padding:1.4em;
	margin: 1em 0 1.5em .2em;
	border:1px dotted #ccc}
	
legend  { 
	font-size:1.5em;
	color:#777;
	border:1px dotted #ccc;
	padding:0.3em 1em 0.3em}


/* Text fields */
.inputbox,
input[type="text"],
input[type="password"]  {
	color:#777;
	background:#eee url(it_corporate/images/stripe.png) repeat;
	border:1px dotted #ccc;
	box-shadow:inset -1px -1px 0 #fff, inset 1px 1px 0 #fff ;
	margin:0 0.25em 0 0;
	padding:4px 7px;
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in;}
	.inputbox:hover,
	.inputbox:focus,
	input[type="text"]:hover,
	input[type="text"]:focus,
	input[type="password"]:hover,
	input[type="password"]:focus  {
		background:#fff}

	/* inside the columns modules because they have a dark background color  */

		
		
textarea {
	color:#777;
	background:#eee url(it_corporate/images/stripe.png) repeat;
	border:1px dotted #ccc;
	box-shadow:inset -1px -1px 0 #fff, inset 1px 1px 0 #fff ;
	margin:0 0.25em 0 0;
	padding:7px;
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in; }
	textarea:hover,
	textarea:focus { 
		background:#fff;}


select {
	color:#777;
	background:#eee url(it_corporate/images/stripe.png) repeat;
	border:1px dotted #ccc;
	box-shadow:inset -1px -1px 0 #fff, inset 1px 1px 0 #fff ;
	padding:4px 2px 4px 2px!important;
	outline:none;}
	select option {
		color:#777;
		background:#eee;}
	select:focus { }

/* Other */
form p img {
	float:none;
	margin:0;
	vertical-align:middle}



/* Success, Notice and Error Form Messages */
div.success,
p.success,
div.notice,
p.notice,
div.error,
p.error { 
	padding:.6em 1em 0.6em 3.4em;
	box-shadow:inset -1px -1px 0 #fff, inset 1px 1px 0 #fff ;
	border:1px solid #fff;
	margin-bottom: 2em;}
	div.success,
	p.success { 
		color: #264409;
		background:#E6EFC2 url(it_corporate/images/typo_success.png) no-repeat 10px center;
		border:1px solid #CEE086;}
	.div.notice,
	p.notice { 
		color: #514721;
		background:#FFF6BF url(it_corporate/images/typo_note.png) no-repeat 10px center;
		border:1px solid #FFDE24;}
	div.error,
	p.error { 
		color: #8A1F11;
		background:#FBE3E4 url(it_corporate/images/typo_error.png) no-repeat 10px center;
		border:1px solid #F5B7B8;}




/* Buttons 
------------ */
button,
input.button,
a.button  {
	font-family:Verdana, Geneva, sans-serif;
	background:#584F52;
	background: -moz-linear-gradient(100% 100% 90deg, #584F52, #6D6467);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D6467), to(#584F52));
	border:1px solid #584F52;
	box-shadow:inset -1px -1px 0 rgba(255,255,255,.4), inset 1px 1px 0 rgba(255,255,255,.4);
	color:#fff!important;
	text-shadow: inset 1px 1px 1px #000;
	display:inline-block;
	padding:2px 12px 4px; 
	cursor:pointer;
	font-size:1.1em;
	margin:0 .25em;
	text-decoration:none;
	-moz-transition: box-shadow .3s ease-out;
	-o-transition: box-shadow .3s ease-out;
	-webkit-transition: box-shadow .3s ease-out;
	transition: box-shadow .3s ease-out; }
	
	button:hover,
	input.button:hover,
	a.button:hover {
		box-shadow:inset -1px -1px 0 rgba(255,255,255,.9), inset 1px 1px 0 rgba(255,255,255,.9);}
		
		button:focus,
		input.button:focus,
		a.button:focus { background:#584F52;}
			
	
	a.button {}
		
		
				/*---------------------------------------------------------------- 
  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
---------------------------------------------------------------- */


/* -- Promo and Bottom -- 
used on the "promo" and "bottom" module positions */
#promo .separator,
#bottom .separator {
	position:relative;
	margin-right:20px}

#promo .moduletable,
#bottom .moduletable{
	color:#fff;
	color:rgba(255,255,255,.7);
	margin:15px 0}

	#promo .moduletable h3.mod-title,
	#bottom .moduletable h3.mod-title{
		font-size:1.5em;
		color:#fff;
		text-shadow:1px 1px 1px rgba(0,0,0,.75);
		padding:0;
		margin-bottom:15px}
		
		#promo .moduletable h3.mod-title span,
		#bottom .moduletable h3.mod-title span  {
			color:#ccc;
			font-style:italic;
			font-family:Verdana, Geneva, sans-serif;
			display:block;
			font-size:12px;
			line-height:1.6em;
			margin-bottom:10px;
			margin-top:-3px;} 
						
		
		#promo .moduletable img,
		#bottom .moduletable img{
			float:left;
			margin:0 10px 10px 0}
	
		#promo .moduletable a,
		#bottom .moduletable a {
			color:#F0CA59;}
		
		 .moduletable p:last-child {
			 margin-bottom:0}		
			
	
		
		/* width for the modules */
		#promo .width33 { width:31.2%}
		#promo .width50 { width:48.5%}
		#promo .width100 { width:100%}
		
		#bottom .width25 { width:23.3%}
		#bottom .width33 { width:31.9%}
		#bottom .width50 { width:48.9%}
		#bottom .width100 { width:100%}
	



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


/* on the "left" position */
 #left-column .col-module {
	position:relative;
	margin:0 0 20px 0;}	
	
	#left-column .col-module .col-module-header-l {
		background:url(it_corporate/images/col-module-left-header.png) no-repeat 0 0;
		position:absolute;
		width:10px;
		height:45px;
		top:0;
		left:-9px;}	
			
	#left-column .col-module .col-module-header {
		float:left;
		height:45px;
		background:url(it_corporate/images/col-module-left-header.png) no-repeat 100% 0}
	
	
		#left-column .col-module h3.mod-title {
			font-size:1.25em;
			text-transform:uppercase;
			letter-spacing:0.015em;
			margin:7px 0 2px 0;
			padding:0 15px;
			text-shadow:1px 1px 1px rgba(0,0,0,.7);
			color:#fff;}
		
			/* subtitles */
			#left-column  .col-module h3.mod-title span {
				display:block;
				font-family:Verdana, Geneva, sans-serif;
				padding:0;
				font-size:11px;
				text-shadow:none;
				font-style:italic;
				line-height:1em;
				color:#fff;
				color:rgba(255,255,255,.7);
				background:#823003;
				background: -moz-linear-gradient(left, #B44205, #823003);
				background: -webkit-linear-gradient(left, #B44205, #823003);
				background: -o-linear-gradient(left, #B44205, #823003);
				padding:3px 9px 4px;
				text-transform:none;
				position:absolute;
				top:10px;
				right:290px;
				white-space:nowrap;
				border-radius:5px;
				-webkit-transition:all .3s linear;
				-moz-transition:all .3s linear;
				-o-transition:all .3s linear;
				transition:all .3s linear;
				opacity:0}
				
				#left-column  .col-module h3.mod-title span:after {
					 content:"";
					  border-style: dashed;
					  border-color: transparent;
					  border-width: 0.9em;
					  display: -moz-inline-box;
					  display: inline-block;
					  /* Use font-size to control the size of the arrow. */
					  height: 0;
					  line-height: 0;
					  position: relative;
					  vertical-align: middle;
					  width: 0;
					   border-left-width: 1em;
					  border-left-style: solid;
					  border-left-color: #823003;
					  position:absolute;
					  right:-16px;
					  bottom:0px;
					  -webkit-transition:opacity .3s linear;
					  -moz-transition:opacity .3s linear;
					   -o-transition:opacity .3s linear;
					   transition:opacity .3s linear}
		
						#left-column  .col-module:hover h3.mod-title span {
							right:265px;
							opacity:1}


			#left-column .col-module .col-module-content{
				padding:0 15px;
				color:#444;
				position:relative;
				clear:both;}	
				
				
			/* -- 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   */	
		   	#left-column .col-module-style1 .col-module-header-l {
				background-position:0 -45px}
					
			#left-column .col-module-style1 .col-module-header {
				background-position: 100% -45px}
				
			
			/* -- Style 2 --
		   This is when you put a suffix on the module class sufixx parameter "-style1"
		   so that you may have a different styled module   */	
		   	#left-column .col-module-style2 .col-module-header-l {
				background-position:0 -90px}
					
			#left-column .col-module-style2 .col-module-header {
				background-position: 100% -90px}
				
				#left-column .col-module-style2 h3.mod-title {
					text-shadow:1px 1px 1px rgba(255,255,255,1);
					color:#333;}		
					
			
		   		
				
				
				
	
	
/* on the "right" position */
#right-column .inside > .col-module {
	position:relative;
	margin:0 15px 20px;}	
	
	#right-column .col-module h3.mod-title {
		font-size:1.35em;
		text-transform:uppercase;
		margin:0 0 12px 0;
		border-bottom:1px dotted #ccc;
		padding:0 0 9px;}
		
		#right-column .col-module h3.mod-title span {
			display:block;
			font-family:Verdana, Geneva, sans-serif;
			padding:0;
			font-size:11px;
			text-shadow:none;
			text-transform:none;
			font-style:italic;
			line-height:1em;
			color:#999;}
			
			
			#right-column .col-module .col-module-content{
				position:relative;
				clear:both;}	
	
	
	

			

/* -----------------
 Footer Modules
 used module positions are footer1, footer2, footer3 and footer4, and footer5
----------------- */
#footer .separator {
	padding-right:25px;}
	
	#footer .moduletable {
		text-shadow:1px 1px 1px #fff;
		margin:0 0 30px;
		color:#555;} 
			
			
		#footer .moduletable h3.mod-title {
			color:#111;
			padding:0;
			font-size:1.35em;
			text-transform:uppercase;
			margin:0 0 2px}
			#footer .moduletable h3.mod-title span {
				color:#777;
				font-style:italic;
				font-family:Verdana, Geneva, sans-serif;
				display:block;
				text-transform:none;
				font-size:12px;
				line-height:1.6em;
				margin-bottom:12px;
				margin-top:-2px;} 
			
						

		/* width for the modules */
		#footer .width20 { width:17.9%}
		#footer .width25 { width:23%}
		#footer .width33 { width:31.5%}
		#footer .width50 { width:48.6%}
		#footer .width100 { width:100%}
	
			 /*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
  
---------------------------------------------------------------- */


/* ---------------------- joomla.css --------------------------
This CSS file contains all the stylesheets that are needed
by Joomla Core elements like components (content, contact,
user, etc), or by modules (login, breadcrumbs, etc).

/* Note 
--------
Also remember you dont need to worry about the size of this 
CSS file when you see all this comments. The IceSpeed plugin 
that we provide inside the template package will strip all 
of this comments plus it will comprees all the CSS in you
site. For more information on how to use IceSpeed please view 
the Installation Guide in PDF inside the template package.
---------------------------------------------------------------- */




/* Joomla Content
------------------
Below you will find all the CSS codes that are needed to style 
the Joomla Section, Category, Article and other 
elements related to those parts like the pagination, readmore etc
---------------------------------------------------------------- */

/* The content description is used on the begging of each section
or catgory to display the page title and the page description */
.contentdescription {
	margin-bottom:2.75em}


/* Blog Structure (Leadings, Rows, Columns etc)
This is used to correctly separete the content into
rows and columns in blogs and blog featured content */		
.cols-2,
.cols-3,
.cols-4 {
	clear:both;
	margin:0 -1.5% }
	
		
	.cols-2 .column-1,
	.cols-2 .column-2 {
		width:47%;
		position:relative;
		margin:0 1.5%;
		float:left }	
	
	.cols-3 .column-1,
	.cols-3 .column-2,
	.cols-3 .column-3 {
		position:relative;
		width:30.33%;
		margin:0 1.5%;
		float:left }	
		
	.cols-4 .column-1,
	.cols-4 .column-2,
	.cols-4 .column-3,
	.cols-4 .column-4 {
		position:relative;
		width:22%;
		margin:0 1.5%;
		float:left }	

.leading,
.items-row	{
	padding-bottom:1.2em!important;
	border-bottom:1px solid #eee!important;
	margin-bottom:1.5em!important;}
	.items-row:last-child {
		padding-bottom:1em!important;
		border-bottom:none;!important;
		margin-bottom:0!important;}
		
			
/* Page Heading 
that you may enable through the menu item */	
h1.page_heading {
	color:#333;}
			
			
/* Category Blog / Featured Blog */
.blog-featured,
.blog { }

	.blog-featured .items-leading,
	.blog .items-leading {
		margin-top:0; }
	
		.blog-featured .items-leading .leading,
		.blog .items-leading .leading {
			position:relative;
			border-bottom:1px dotted #ccc;
			padding-bottom:.5em;
			margin-bottom:1.5em }
			
			.blog-featured .items-leading .leading:last-child,
			.blog .items-leading .leading:last-child {
				border-bottom:none;
				margin-bottom:0}
	
		.blog-featured .items-leading h2,
		.blog .items-leading h2 {
			font-size:1.4em;
			margin-bottom:6px;
			position:relative;}
			
			.blog-featured .cols-2 h2,
			.blog .cols-2 h2 {
				line-height:1.5em;
				font-size:1.4em;}
				
				.blog-featured .cols-3 h2,
				.blog .cols-3 h2 {
					font-size:1.35em;}
			
			
			
		.blog-featured img, 
		.blog img{
			float:left;
			margin:5px 10px 10px 0} 
			
			

/* Category List */
.category-list { }

	.category-list .display-limit {
		float:right;
		margin-bottom:12px;}
	

	.category-list .cat-items {
		margin-bottom:30px} 
		
	.category-list .cat-children {
		overflow:hidden}
		
		.category-list .cat-children h3 {
			margin-bottom:8px;
			padding-bottom:3px;
			border-bottom:1px dotted rgba(255,255,255,.3);}
			
			.category-list .cat-children ul {
			list-style-type:none;
			padding:0;
			margin:0;}
			
			.category-list .cat-children ul li span.item-title {
				font-size:1.4em;
				display:block;
				margin-bottom:3px;}
			
			.category-list .cat-children .category-desc img {
				float:left;
				padding:5px;
				background:rgba(255,255,255,.05);
				border:1px solid rgba(255,255,255,.08); 
				margin:7px 15px 15px 0;} 



/* This is used by Joomla Core to output a table format
on pages like the category list etc */
/* This is used by Joomla Core to output a table format */
table.category { 
	clear:both;
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	text-shadow: 0 1px 0 #fff;
	background: #eee;
	border:1px solid #cdcdcd;
	border-bottom:none;
	-moz-box-shadow:0px 0px 10px #ccc;
	-webkit-box-shadow:0px 0px 10px #ccc;
	box-shadow:0px 0px 10px #ccc;}
	
	table.category td {
	  padding: 5px 10px;
	  border-bottom: 1px solid #cdcdcd;
	  -moz-box-shadow: 0 1px 0 #fff;
	  -webkit-box-shadow: 0 1px 0 #fff;
	   box-shadow: 0 1px 0 #fff;
	  white-space: nowrap;}

	  table.category  tr {
		-webkit-transition:all .5s ease;
		-moz-transition:all .5s ease;
		-o-transition:all .5s ease;
		transition:all .5s ease;}
		
		table.category tr.cat-list-row1 {
			background:#E3E3E3}

		 table.category tr:hover {
			  background:#fff}
	
	table.category thead th {
		font-size:1.5em;
		text-align:left;
		padding:7px 10px;
		font-weight:normal;
		background:#292929;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		background: -moz-linear-gradient(100% 100% 90deg, #292929, #434343);
  		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), to(#292929));}
		table.category thead th a {
			color:#fff!important}


				
			
/* Archived Articles */
div.archive ul#archive-items {
	list-style-type:none;
	margin:0 0 15px;
	padding:0}
	


/* list of All Categories */
div.categories-list {
	overflow:hidden;}
	
	div.categories-list ul { 
		list-style-type:none;
		margin:0 0 15px;
		padding:0;}
		
		div.categories-list ul span.item-title {
			font-size:1.4em;
			display:block;
			margin-bottom:3px;}
			
			div.categories-list ul li {}
		
		div.categories-list ul .category-desc img {
			float:left;
			margin:5px 10px 10px 0} 
			
		div.categories-list  dl.article-count {
			margin-bottom:3em; }
		
			div.categories-list  dl.article-count dt {
				display:inline; }
			
			div.categories-list  dl.article-count dd {
				display:inline; margin-left:2px;}
				
		 

/* Article Page */
.item-page {
	position:relative; }

	.item-page h2 {
		line-height:1.35em;
		font-size:1.5em;}


	.item-page img {
		float:left;
		margin:5px 10px 10px 0;}




/* Buttonheading 
is used to render the CSS for the icons like print, email */
ul.actions {
	float:right;
	margin:0;
	padding:0;
	
	list-style-type:none;}
	ul.actions li {
		float:left;
		padding:0;}
		ul.actions li img {
			background:none;
			padding:0;
			border:none;
			margin:0 0 0 4px;	
			-webkit-transition:all .4s ease-out;
			-moz-transition:all .4s ease-out;
			-o-transition:all .4s ease-out; 
			transition:all .4s ease-out;}
			ul.actions li a:hover img {}
			
			
		
		
/* The code below is used to render the published date, 
last updated date and the author name on each category,
section or article */	
dl.article-info {
		overflow: hidden;
		margin-top:.2em;
		margin-bottom:1em;}
	
	dl.article-info dt.article-info-term {
		display:none}
	
	dl.article-info dd {
		float:left;
		font-family:Verdana, Geneva, sans-serif;
		color:#999;
		font-size:.9em;
		margin-left:0;
		padding:0;
		font-style:italic;
		margin-right:1.75em;}
		
		
			
	

/*  -- Voting -- 
Now in Joomla 1.6 the voting system is built into the core*/
span.content_rating {
	color:#666;
	margin-bottom:-18px;
	display:block;}
	
	span.content_rating img {
		padding:0;
		float:none;
		background:none;
		border:none;
		margin:0 0 -3px 2px } 
	
div.content_vote {
	padding-bottom:10px;
	color:#666;
	display:block;}
	
	div.content_vote input {
		margin-bottom:-2px}
	
	div.content_vote input.button {
		margin-bottom:0;
		margin-left:10px;}	
	

/* -- Pagenav -- 
used below each article to navigate from one artcile to another */
ul.pagenav {
	display:block;
	list-style-type:none;
	padding:6px 0 0;
	margin-top:10px;
	border-top:1px solid #eee;}	 
	ul.pagenav li {
		display:inline}
		
	ul.pagenav li.pagenav-prev {
		float:left}
	
	ul.pagenav li.pagenav-next {
		float:right} 
			


/* Items More */
div.items-more {
	clear:both;
	position:relative;
	overflow:hidden;
	border-top:1px solid #eee;
	padding-top:15px}




/* Readmore
The readmore code is used to make readmore links for each article
on the Section and Category view
Check forms.css to change the styles */
p.readmore {
	margin-bottom:1em}
		
	p.readmore a {
		font-size:1.1em; }
		
		p.readmore a:hover {}
				
			
	

/* Pagination makes a unested list of links on the end of each 
cateogry/section but it may be used by other extensions as well
for the same reason, so be careful as this other extensions 
may use their own code to display the pagination */
div.pagination {
	position:relative;
	overflow:hidden;
	border-top:1px dotted #ccc;
	padding-top:15px}

div.pagination ul {	
	clear:both;	
	list-style-type:none; 
	margin:0 auto .75em; 
	text-align:center;}	
	
	div.pagination ul li {
		display:inline;}
		 
		  div.pagination ul li span.pagenav,
		  div.pagination ul li a.pagenav {
			  display:inline-block;
			  margin:0 3px;
			  background:#fff;
			  padding:1px 8px 0px;
			  border:1px solid #ccc; }
			  
			  
		 div.pagination ul li a.pagenav {
			background:#fff;}
			
			 div.pagination ul li a.pagenav:hover {
				 background:#584F52;
				 color:#fff;
				 text-decoration:none;
				 text-shadow:1px 1px 1px #000;}
		 
	div.pagination p.counter { 
		margin:0 auto 10px; 
		text-align:center; 
		color:#666} 




/* Sliders and Tabs 
are used by Joomla to output the content throught tabs or sliders
for examplet this is used on the contact us page but also it may
be used by other external components to output their content.  */
/* Sliders */
.pane-sliders {
	border: 1px solid #cdcdcd;
	border-bottom:none;}

	.pane-sliders div.pane1 { }
	
	.pane-sliders div.panel:last-child  {
		border-bottom: 1px solid #cdcdcd;}
	
	.pane-sliders div.panel h3.pane-toggler,
	.pane-sliders div.panel h3.pane-toggler-down {
		background:#eee;
		border-bottom: 1px solid #cdcdcd;
		-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
		margin-top:1px;
		font-size:1.3em;}
		.pane-sliders div.panel h3.pane-toggler a,
		.pane-sliders div.panel h3.pane-toggler-down a { 
			display:block;
			color:#666;
			text-shadow:1px 1px 1px #fff; 
			padding:4px 10px;
			text-decoration:none;}
			.pane-sliders div.panel h3.pane-toggler a:hover,
			.pane-sliders div.panel h3.pane-toggler-down a:hover,
			.pane-sliders div.panel h3.pane-toggler-down a {
				color:#111} 
				
	
		.pane-sliders div.panel h3.pane-toggler-down {
			border-bottom:none;
			background:#eee;}
			

	.pane-sliders div.panel div.pane-down {
		padding:20px 10px!important;}


/* Tabs */
dl.tabs {
    float: left;
    margin: 0;
    z-index: 50;
    clear:both;
	width:100%;
	border-bottom: 1px solid #cdcdcd;}

	dl.tabs dt {
		padding:0;
		float: left;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-top: 1px solid #cdcdcd;
		margin-right: 5px;
		font-size:.8em;
		background: #eee;
		background: -moz-linear-gradient(100% 100% 90deg, #E6E6E6, #F7F7F7);
  		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#E6E6E6)); }
		dl.tabs dt a {
			color:#666;
			display:block;
			float:left;
			padding: 4px 10px 3px;
			text-decoration:none;
			text-shadow:1px 1px 1px #fff; }
			dl.tabs dt a:hover,
			dl.tabs dt.open a {
				color:#111;}
		
		dl.tabs dt.open {
			background: #fff;
			background: -moz-linear-gradient(100% 100% 90deg, #fff, #F2F2F2);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#fff));
			margin-bottom:-1px;
			padding-bottom:1px;
			border-bottom-color:#fff;
			z-index: 100;}


		div.current {
			clear: both;
			border: 1px solid #cdcdcd;
			border-top:none;
			padding: 15px 10px;
			max-width: 500px;}

		div.current dd {
			padding: 0;
			margin: 0;}
			



#it-sp {position: absolute; top: 0px; left: -5000px;}
/* Contact Us
Some fixes use on the com_contact component */
div.contact { }

	div.contact h2 {
		margin-bottom:7px; }
		
		
div.contact-form { }

	div.contact-form  p.form-required { font-weight:bold; }
	
	div.contact-form div.contact-email div {
		padding:0 0 14px}
		
		div.contact-form label {
			width:130px;
			text-align:right;
			padding-right:10px}
			
				div.contact-form label#jform_contact_email_copy-lbl {
					padding-left:134px}
					
	
	div.contact-form dt {
		float:left;
		clear:both;}
		
		div.contact-form dt, 
		div.contact-form dd {
			padding-top:.5em;
			padding-bottom:.5em}
	
	div.contact-form button {
		margin-top:25px}
	
		
	div.contact img { float:left; margin:0 10px 10px 0}
	
	div.contact div.contact-image img {float:right; margin:0 0 10px 10px}
	
	
	

/* com_users
used on the Registration, Proflie or login pages  */
div.registration,
div.login,
div.profile-edit,
div.edit,
div.profile { }

	div.registration dt,
	div.login dt,
	div.profile-edit dt,
	div.edit dt,
	div.profile dt,
	div.registration dd,
	div.login dd,
	div.profile-edit dd,
	div.edit dd,
	div.profile dd  {
		display:inline-block;
		float:left }

	div.registration dt,
	div.login dt,
	div.profile-edit dt,
	div.edit dt,
	div.profile dt  {
		clear:both;
		width:160px;
		text-align:right;
		margin-bottom:1.5em;}
		
		div.registration dt label,
		div.login dt label,
		div.profile-edit dt label,
		div.edit dt label  {
			width:auto;}
		
		div.registration dt span.spacer { text-align:left; display:block; color:#999}

		div.profile-edit span.optional { font-size:.9em; color:#999; font-weight:normal; }
		
		
		

	div.edit { }
	
		div.edit #editor-xtd-buttons { padding:0}
		
		div.edit .button2-left { margin:15px 10px 0 0}


	div.edit .form-note {
		background:rgba(0,0,0,.3);
		clear:both;
		display:block;
		margin:20px -1.4em -41px;
		padding:10px}
		div.edit .form-note p {
			margin-bottom:0}
			
	div.edit img {
		float: right;
		margin: 3px 0 0 5px;}





/* category module */
ul.category-module {
	padding:0;
	margin:0;
	list-style-type:none}
	
	ul.category-module li {
		padding:0}
	
		ul.category-module li h4 {
			font-size:1.2em;}
		
		ul.category-module li span.mod-articles-category-date,
		ul.category-module li span.mod-articles-category-writtenby { 
			color:#999; 
			font-family:Arial, Helvetica, sans-serif; }
			
		ul.category-module li span.mod-articles-category-writtenby  {
			padding-right:18px;}	




/* com newsfeeds */
div.newsfeed {}

	div.newsfeed {}


	div.newsfeed div.feed-items {
		margin-top:30px}
		
		div.newsfeed div.feed-items img {
			float:left;
			margin:5px 10px 10px 0}
	
/* mod feed */
div.feed {}
	
	div.feed ul {
		list-style-type:none;
		padding:0;
		margin:0}
		
		div.feed ul li h4.feed-link {
			font-size:1.3em;
			padding-bottom:5px}

 
/* mod_latestnews and mod_mostread */
ul.latestnews,
ul.mostreadmod { margin:.5em 0 0; padding-right:0; padding-left:1.5em; }

ul.latestnews li,
ul.mostreadmod  li { color:#999; margin-bottom:.7em}


/* mod_login */
form#login-form {
	padding-top:.75em;
	margin-top:0;}
	
	form#login-form div.pretext {
		margin-bottom:5px}
	form#login-form div.posttext {
		margin-top:10px}
	
	form#login-form fieldset {
		border:none;
		padding:0;
		margin:0 0 12px}
	
		form#login-form fieldset label {
			display:none;}
	
		form#login-form fieldset p {
			margin-bottom:1em;}

		form#login-form p .inputbox {
			width:90%;
			color:#666;
			border:1px solid #B9AC95;
			background:#EAEADF;}
		
			form#login-form p .inputbox:hover,
			form#login-form p .inputbox:focus {
				background:#fff;} 
			
			
	
		form#login-form input.button {}	 
	
	form#login-form p#form-login-remember {
		padding:.25em .25em 0 0;
		float:right;}
		form#login-form p#form-login-remember label {
			display:inline;}
		form#login-form p#form-login-remember .inputbox {
			width:auto}		
		
	form#login-form ul {
		clear:both;
		padding:0 0 0 .5em;
		list-style-type:none;
		margin:0}
		form#login-form ul li {
			padding:.1em 0}
		
		
	form#login-form p {
	margin:0 0 15px; }

	form#login-form button{ 
		margin: 0 0 0 10px}
		
	form#login-form p.form-login-register a {
		font-size:1.3em;
		display:block;
		background:#EAEADF;
		border:1px solid #EAEADF;
		text-align:center;
		margin:20px 12px 25px;
		color:#777!important;
		text-shadow:1px 1px 1px #fff;
		padding:5px 0;}	
		
		form#login-form p.form-login-register a:hover {
			color:#333!important;}
	
		
			
/* mod_search
---------------*/
#search {
	float:right;
	margin:13px 10px 0;
	position:relative;}
	
	#search label { display:none;}
	
	#search .inputbox {
		color:#666;
		border:1px solid #B9AC95;
		background:#EAEADF;
		width:120px;
		padding:4px 10px  }
		
		#search .inputbox:hover,
		#search .inputbox:focus {
			background:#fff;} 
		
		#search .inputbox:focus {
			width:200px;}
	
	
	#search .button { 
	padding:1px 10px 3px }
		#search .button:hover { }
		
	
	
	
/* com_search
---------------*/
form#searchForm {}

	form#searchForm div.searchintro {
		padding:.4em 1em;
		border:1px solid #fff;
		margin-bottom: 1.5em;
		color:rgba(255,255,255,.5);
		background:#131304;
		border:1px solid #33330D;
		box-shadow: 0 0 10px rgba(0,0,0,.75);}
		form#searchForm div.searchintro p {
			margin:0}
	
		
	form#searchForm .ordering-box {
		padding-top:15px}

	form#searchForm label {
		width:auto; padding-right:10px;}
		
	form#searchForm .form-limit { float:left; padding-top:20px}
	
	form#searchForm .counter { float:right; padding-top:25px}
	
		
	dl.search-results {
		clear:both;}
		
	dl.search-results .result-title { padding-top:25px; font-size:1.3em;}
	
	dl.search-results dd { margin-left:0}
		

	
	
/* mod_breadcrumbs
used to make the default joomla breadcrumbs so that your users may easily 
find their way to the site structure. Reccomended for site with lots of 
content and menu items.
----------------------*/	
#breadcrumbs {
	clear:both;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,.5);
	box-shadow:0 1px 0 rgba(255,255,255,.2);
	overflow:hidden;
	padding-bottom:10px;
	padding-left:5px;
	margin:4px 0 16px 225px;}

	#breadcrumbs ol{
		list-style-type:none;
		float:left;
		font-size:1em;
		width:100%;
		margin:0;	
		padding:0;}
		#breadcrumbs ol li { 
			float:left;
			color:#fff;
			 color: rgba(255, 255, 255, 0.8);
			background:url(it_corporate/images/breadcrumbs_arrow.png) no-repeat 96% 48%;
			padding:0 34px 0 0}
			#breadcrumbs ol li a {
				display:block;
				color:#F0C237;
				margin:0;}
				#breadcrumb ol li a:hover {}

		#breadcrumbs ol li.lastitem {
			background:none;
			padding:0}


		#breadcrumbs ol li:first-child a {
			background:url(it_corporate/images/breadcrumbs_home.png) no-repeat center right;
			height:22px;
			width:22px;
			margin-top:-2px;
			opacity:.2;
			margin-left:-2px;
			text-indent:-9999em;
			-webkit-transition:all .4s ease-out;
			-moz-transition:all .4s ease-out;
			-o-transition:all .4s ease-out; 
			transition:all .4s ease-out;}
			#breadcrumbs ol li:first-child a:hover {
				opacity:1;}
			


/* -- Lnnguage Switcher --
Now in Joomla 1.6 we have by default the language switcher option
and we use the code below to docorate the module */
#language {
	float:right;
	padding-top:6px;
	padding-right:0}
	
	#language ul {
		padding:0;
		margin:0;
		list-style-type:none;}
		#language ul li {
			display:inline;
			padding:0 0 0 5px;
			margin:0;}	
			
			#language ul li a {
				-moz-transition: all .3s ease-out;
				-o-transition: all .3s ease-out;
				-webkit-transition: all .3s ease-out;
				transition: all .3s ease-out;}	
			
			#language ul li a:hover {
				-webkit-transform:translate(0, -3px) scale(1.2);
				-moz-transform:translate(0, -3px) scale(1.2);
				-o-transform:translate(0, -3px) scale(1.2);
				-ms-transform:translate(0, -3px) scale(1.2);	
				transform:translate(0, -3px) scale(1.2);}	

	
				#language ul li img {
					margin:0;
					float:none}

			
/* ToolTips 
the default Joomla tooltips CSS code. You may find this on the registration page,
login etc but also it may be used by other external Component/Modules */
.tip-wrap {
	z-index:99}
	
.tip {
	padding:.4em .8em;
	border:1px solid rgba(255,255,255,.2);
	margin-bottom: 2em;
	font-weight:normal;
	color: #999;
	max-width:250px;
	background:#1A1A1A;
	box-shadow: 0 0 12px rgba(255,255,255,.3)}
	.tip .tip-title {
		font-weight:bold;
		font-size:1.1em}
 
 




/* System Messages 
This is used by Joomla to output errors, notices or other messages
but also it may be used by other external Component/Modules.
Also note that the decoration for this CSS is as well on this file
media/system/css/system.css
be careuful when editing this code
----------------------*/
dl#system-message {}
	
	
	dl#system-message dd {}
		
		
	dt.error,
	dd.error {}

	#system-message dd ul {
		background-position:4px 45%;
		margin-right:0}
		
		#system-message dd.warning ul,
		#system-message dd.error ul {}
		
	dt.notice,
	dd.notice {}
		



/* Menus
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */

/* MainMenu 
Only the wrapper part is here the rest of the codes that
generates the mainmenu can be found on 
templates/this_template/html/mod_iceemegamenu/css/default_icemegamenu.css  
---------------*/
#nav-wrapper {
	background:url(it_corporate/images/nav.png) no-repeat;
	clear:both;
	width:975px;
	margin:0 auto;
	height:75px;
	position:relative;
	left:-7.5px;}


		
/* TopMenu 
---------------*/
#topmenu {
	float:right;
	margin:15px 15px 0}
	
	#topmenu ul.menu { 
		margin:0;
		padding:0;}
		#topmenu ul.menu li {
			display:inline;
			float:left;
			padding:0 1.1em 0 0;
			border-right:1px dotted #8D7D5E;
			text-shadow:1px 1px 1px rgba(255,255,255,.75);
			margin:0 0 0 1.1em;
			font-style:italic;
			list-style-type:none;}
			#topmenu ul.menu li a {
				color:#444;}
				#topmenu ul.menu li.active a,
				#topmenu ul.menu li a:hover {
					text-decoration:none;
					color:#000;}
			
			#topmenu ul.menu li a img {
				float:none;
				margin:0px 8px -4px 0}
				
			#topmenu ul.menu li:last-child {
				border:none;
				padding-right:0;}
			


/* FooterMenus
---------------*/
#footer ul.menu {
	padding-left:1.25em;
	margin-bottom:.5em}
	
	#footer ul.menu li {
		padding:.25em 0}
		
		#footer ul.menu li a {
			color:#666;
			text-decoration:none;}
			#footer ul.menu li a:hover,
			#footer ul.menu li.current a {
				color:#000;}
		
		
		/* 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 0 1px;}
	.col-module-content ul.menu li {
		padding:0;
		background:rgba(255,255,255,.4);
		border-bottom:1px solid rgba(0,0,0,.15);
		box-shadow:0 1px 0 rgba(255,255,255,.7);
		margin:0;
		list-style-type:none;}
		.col-module-content ul.menu li a {
			color:#777;
			display:block;
			position:relative;
			padding:.3em 10px;}
			.col-module-content ul.menu li a:hover{
				text-decoration:none;
				color:#222;}
				
			
				.col-module-content ul.menu li.current a  {
					color:#222;
					background:rgba(255,255,255,.5);}
					
					.col-module-content ul.menu li.current a:before  {
						content:"";
						position:absolute;
						width:14px;
						height:20px;
						right:-15px;
						top:4px;
						background:url(it_corporate/images/col-menu-active.png) no-repeat center right;}


		.col-module-content ul.menu li.deeper {
			background:none;}
			.col-module-content ul.menu li.deeper span.separator {
				font-size:1.3em;
				color:#555;
				padding:.75em .5em .3em;
				display:block;
				text-shadow:1px 1px 1px rgba(255,255,255,.7)}
		
		
		
		.col-module-content ul.menu li li:last-child {
			border:none;}
		
		
		
		
/* Copyright Menu 
---------------*/
#copyrightmenu {
	padding:0;
	float:right}
	
#copyrightmenu ul.menu { 
	margin:15px 40px 0 0;
	padding:0;}
	#copyrightmenu ul.menu li {
		display:inline;
		float:left;
		font-size:.9em;
		padding:0 2em 0 0;
		margin:0;
		list-style-type:none;}
		#copyrightmenu ul.menu li a {
			color:#777;}
			#copyrightmenu ul.menu li a:hover {
				color:#000;
				text-decoration:none;}
		
		#copyrightmenu ul.menu li a img {
			float:none;
			margin:0px 8px -4px 0}
			
		#copyrightmenu ul.menu li:last-child {
			border:none;
			padding-right:0;}			



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


/* ---------------------- layout.css --------------------------
This CSS file contains the stylesheets that are needed to 
style the layout and the overwall design of the template.
You will find here all the styles to edit the header, columns,
etc. 
* This is the file that you need mostly to edit to change the look
of your website.
* Also, notice that to make different colors variations for the 
template a part of the styles found here need be changed 
through the styleX.css file (where "X" is the style number that 
you have chossen through the teplate paramters.


/* Note 
--------
Also remember you dont need to worry about the size of this 
CSS file when you see all this comments. The IceSpeed plugin 
that we provide inside the template package will strip all 
of this comments plus it will comprees all the CSS in you
site. For more information on how to use IceSpeed please view 
the Installation Guide in PDF inside the template package.
---------------------------------------------------------------- */



/* 
Accessibility Feature
----------------------
Used in case if the user hase disabled the stylesheets and wants
to skip to the main parts of the website
---------------------------------------------------------------- */
#accessibility {
	display:none;}
	
	
	
/* 
Site Main Wrapping
------------------
We use the 960px width which is the easiest way to separate the 
content because of its ability to be splited in many ways. 
Please be careful when you decide to change the value because 
some of the images used for decoration are meant to be used with
this width so you need to change them to.
---------------------------------------------------------------- */
.wrapper  { width:960px; margin:0 auto;}
	



/* TopBar
------------*/	
#topbar {
	position:relative;
	overflow:hidden;}
	
	

/* Header
------------*/	
#header {
	overflow:hidden;
	position:relative;}
	
	#header .wrapper {
		position:relative;}


#slogan {
	position:absolute;
	top:110px;
	right:20px}	
	
	
	#slogan p {
		margin:0;
		font-size:1.75em;
		color:#999;
		font-style:italic;
		text-shadow:1px 1px 1px #fff;
		-webkit-transition:all .5s ease-out;
		-moz-transition:all .5s ease-out;
		-o-transition:all .5s ease-out; 
		transition:all .5s ease-out;}

		#header:hover #slogan p {
			color:#444}
			
			
			#slogan p a.button {
				background:#584F52;
				padding:1px 14px 3px;
				margin-left:20px;
				font-size:.7em}

	

/* Logo
------------*/
#logo {
	padding:0;
	float:left}
	
	#logo p {
		margin:0;}
		
	#logo img {
		float:none;
		margin:0; }





/* -- Content --
Contain the CSS for the main and important part of the template
------------*/
#content {
	background:url(it_corporate/images/content_pattern.png) repeat-x bottom, url(it_corporate/images/content.jpg) repeat center;
	background-color:#CDC6B4;
	border-top:1px solid #fff;
	width:960px;
	margin:-15px auto 0;
	position:relative;
	z-index:9;
	padding:0;}
		
		
		#content_inside {
			background:#fff url(it_corporate/images/content_inside_pattern.png) repeat-x bottom center;
			margin-bottom:-70px;
			width:720px;
			z-index:9;
			position:relative;
			border-top-left-radius:30px;
			padding:15px 0;
			float:right;}
			
			#content_inside:before {
				content:"";
				background:url(it_corporate/images/content_inside_top.png) no-repeat top left;
				position:absolute;
				width:330px;
				height:330px;
				top:-29px;
				overflow:hidden;
				z-index:-9px;
				left:-32px;}
		
		
		#content_t {
			z-index:99;
			position:relative;
			height:50px;}

	
			

/* Main Column Separator 
 This code separate the "left" and "right" module position from the content. */	
#columns-container {
	clear:both;
	position:relative;
	margin:0;}
	
	#outer-column-container {
		position:relative;
		z-index:99;
		border-style:solid;
		border-color:transparent;
		margin:0;
		min-height:600px;}
		
		#inner-column-container {
			border-right:1px dotted transparent;
			width: 100%;}
									   
			#source-order-container{
				float: left;
				min-height:360px;
				margin:0;
				width: 100%;}


					#middle-column{
						float: right;
						width: 100%;}			   
						
					
					#right-column{
						float: left;}
						
						.clear-columns { clear: both;}
						
						#middle-column .inside { margin-left:15px; margin-right:15px; padding-bottom:10px }
						
								
				
				
				#left-column {
					position:relative;
					z-index:999;
					width:240px;
					float: left;}
						
						
						
						
	
/* Promo & Bottom Modules
contain the CSS for the promo & bottom module positions
------------*/		
#promo {
	position:relative;
	background:#584f52 url(it_corporate/images/promo_pattern.png) repeat-y;
	padding:0 15px 0 20px;
	margin:0 0 20px;}
	
	#promo:before {
		content:"";
		right:-15px;
		position:absolute;
		width:15px;
		height:100%;
		background: url(it_corporate/images/promo_effect_r.png) no-repeat top;}
	
	#promo_effect {
		right:-15px;
		bottom:-29px;
		position:absolute;
		width:15px;
		height:30px;
		background: url(it_corporate/images/promo_effect_b.png) no-repeat center;}
		
				


#bottom {
	background:#584F52 url(it_corporate/images/bottom.png) repeat-x top;
	width:930px;
	position:relative;
	margin:0 auto 0;
	padding:80px 15px 0}
	
		#bottom:before {
			content:"";
			right:-15px;
			top:0;
			position:absolute;
			width:15px;
			height:100%;
			background: url(it_corporate/images/bottom_effect_r.png) no-repeat top;}			
	
		
		#bottom-effect {
			background: url(it_corporate/images/bottom_effect_r.png) no-repeat bottom;
			width:15px;
			height:15px;
			position:absolute;
			right:-15px;
			bottom:0}
			

#mod_online {
	position:absolute;
	top:12px;
	color:#fff;
	color:rgba(255,255,255,.4);
	font-size:1.4em;
	font-style:italic;
	letter-spacing:0.02em;
	font-family:Georgia, "Times New Roman", Times, serif;
	max-width:220px;
	line-height:1.45em;
	left:15px;}
	

/* -- IceTabs --
 contain the CSS to wrap the IceTabs module.
------------*/	
#icetabs {
	overflow:hidden;
	margin:0 0 15px;
	padding:0;}
	


	
	
	
	
/* -- Footer --
this wrap the footer module position plus the copyright and 
other elements that you may find on the footer
------------*/
#footer {
	clear:both;
	margin:35px 0 0;}
	
	#footer .wrapper {
		border-bottom:1px solid rgba(0,0,0,.1);
		box-shadow:0 1px 0 #fff;}
	
	
	
	
		


/*  -- Copyright -- 
this contains the codes for the footer module position and 
icetheme copyright logo or also the "go to top" link 
---------------*/
#copyright {
	clear:both;
	margin:0;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	padding:8px 0 0px;}
	
	#copyright .wrapper {
		position:relative; 
		overflow:hidden}

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

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



	/* Go to Top */
	a#go2top {
		background: url(it_corporate/images/go2top.png) no-repeat;
		top: 18px;
		height: 16px;
		width: 16px;
		position: absolute;
		right: 0;
		opacity:.4;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-0-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition:all .5s ease-out;
		-moz-transition:all .5s ease-out;
		-o-transition:all .5s ease-out; 
		transition:all .5s ease-out;}
		a#go2top:hover {
			opacity:1;}
			
		a#go2top span {
			display:none}





/* Miscellaneous CSS
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */
		
/* Template Styles custom code */
ul.ice-template-style {
	margin:0;
	padding:0;
	float:left}
	ul.ice-template-style li {
		float:left;
		margin:0 .5em .5em!important;
		padding:0!important;
		list-style-type:none;}
		
	ul.ice-template-style li span {
		display:block;
		padding:0 0 .3em;
		font-size:1.4em}	



/* contact number */
#contact_nr {
	float:right;
	color:#888;
	font-size:1.1em;
	text-shadow:1px 0 1px #fff;
	border-right:1px dotted #ccc;
	padding:0 14px 0 0;
	margin:5px 12px 0 0 }
	
	#contact_nr p {
		margin:0}
	
	

/* 
Extensions Overwrites
----------------------
Below you will find the CSS codes for the extensions that we
provide along with this template. Note that almost all the
extensions found here have their own CSS file on their 
respective folders. Also note that all the CSS codes here
overwrite the CSS code on the module folders. That's why we have
userd the !important feature many times below.
---------------------------------------------------------------- */

/* Tweet Display Back */ 
.TDB-header {
	font-size:.9em!important;
	background:#111!important;
	background:rgba(0,0,0,.3)!important;
	border-color:#333!important;
	border-radius:0!important;}
	
	.TDB-header-user {
		font-size:1.1em!important;
		background:#222!important;
		background:rgba(255,255,255,.2)!important;
		margin:-2px -10px 10px!important;
		padding:2px 0!important;}
		
	span.TDB-header-avatar-left {
		margin-top:5px!important;
		padding-right:10px!important;}	
		
	.TDB-header-location {
		border-top:1px dotted rgba(255,255,255,.15);
		padding-top:5px;
		margin-top:15px;}
	
	.TDB-header-web {
		font-size:1em!important;
		padding-top:0!important;
		padding-bottom:5px!important;}	
			
	
.TDB-tweet-left {
	font-size:.9em!important;
	background:#111!important;
	background:rgba(0,0,0,.3)!important;
	border-color:#333!important;
	border-radius:0!important;
	margin-bottom:10px!important;
	padding:5px 10px!important;
	margin-left:55px!important;}
	.TDB-tweet-left:before {
		border-top-color: #333!important;
		border-color: transparent #333!important;}
	.TDB-tweet-left:after {
		border-top-color: #111!important;
		border-color: transparent #111!important;}
	
	
	.TDB-tweet-left .TDB-tweet-time {
		font-size:.9em!important;
		border-top:1px dotted rgba(255,255,255,.15);
		margin-top:10px;
		padding-top:1px}


.TDB-tweet-left-noavatar {
	background:none!important;
	border:none!important;
	padding-left:0!important;
	padding-right:0!important;
	border-radius:none!important;}
	



/* IceAccordion Module */ 
.iceaccordion-theme-black {
   color:inherit!important}

.iceaccordion h4.toggler {
	background-color:transparent!important;
	background-image: url(it_corporate/images/iceaccordion_arrow_closed.png)!important;
	padding:.5em 0 .5em!important;
	font-size:1.1em;!important;
	border-bottom:1px solid rgba(0,0,0,.3)!important;
	box-shadow:0 1px 0 rgba(255,255,255,.65);}
	.iceaccordion h4.open {
		background-image: url(it_corporate/images/iceaccordion_arrow_open.png)!important;}
	
.iceaccordion div.accordion_content {
	background-color:transparent!important;
	color:inherit!important}
	
.iceaccordion-loading {
    background-image: url(it_corporate/images/loading.gif)!important;}

.iceaccordion div.accordion_content img {
	margin-top:0!important;
	margin-bottom:0.5em!important;}
	
.iceaccordion div.accordion_content p.readmore {
	padding-top:10px;
	padding-bottom:5px}
	
.iceaccordion-paging .iceaccordion-prev,
.iceaccordion-paging .iceaccordion-next {
    background-image: url(it_corporate/images/iceaccordion_arrows.png)!important;
	opacity:.25!important;
	top:13px!important;
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;}
	.iceaccordion-paging .iceaccordion-prev:hover,
	.iceaccordion-paging .iceaccordion-next:hover {
		opacity:.8!important;}




/* date module */
#date {
	float:right;
	color:#888;
	text-shadow:1px 0 1px #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-right:1px dotted #ccc;
	padding:0 11px;
	margin:5px 14px 0 0 }


	

/* Experimental Feature 
used currently to display a nice effect in webkit based browsers for the logo.
You may remove it if you wish */
body.homepage #site_wrapper { -webkit-animation: effect 2s ease-out 1;}
body.homepage #logo { -webkit-animation: logo 4s ease-out 1;}

@-webkit-keyframes effect {
	0%		{ opacity:0}
	100%	{ opacity:1}
}

@-webkit-keyframes logo {
	0%		{ opacity:0}
	50%		{ opacity:0}
	100%	{ opacity:1}
}