/* Lilium Studios | CSS Global Styles */
/* All Rights Reserved | Todos los Derechos Reservados */

/* Style Reset */

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#E5E5E5;
	margin:0;
	padding:0;
	border:none;
}
html, body {
	background:#262626;
	height:100%;
}
a {
	color:inherit;
	text-decoration:underline;
	font-size:inherit;
}
	p a {
		margin:0px;
	}
a:hover {
	text-decoration:none;
	cursor:pointer;
}
h1 {
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	margin:27px 0px 10px 0px;
}
p {
	line-height:16px;
	margin-bottom:10px;
	text-align:justify;
	font-size:13px;
}
	p strong {
		font-weight:bold;
		font-size:13px;
		color:#FFFFFF;
	}

/* Main Site Elements */

#body_wrapper {
	display:table;
	margin:auto;
	width:580px;
	height:100%;
	width:100%;
	vertical-align:middle;
}
	#body_wrapper_in {
		display:table-cell;
		vertical-align:middle;
	}

#body_main {
	width:580px;
	margin:25px auto 25px auto;
}
	/* Header and Global Navigation */
	#header {
		height:82px;
		background:url(images/header_back.gif) repeat-x top center #1B1B1B;
		vertical-align:middle;
	}
		#header_border_left {
			float:left;
			margin:0;
			width:10px;
			height:82px;
			background:url(images/header_left.gif) repeat-x top left #1B1B1B;			
		}
		#header_border_right {
			float:right;
			width:10px;
			height:82px;
			background:url(images/header_right.gif) repeat-x top left #1B1B1B;			
		}
		#header_logo {
			position:absolute;
			margin:12px 0 0 7px;
		}
		#header_buttons {
			float:right;
			width:79px;
			height:60px;
			margin:11px 2px 0 0;
		}		
			.header_button {
				display:block;
				width:79px;
				height:28px;
				background-position:0px 0px;
				margin:0;
				padding:0;	
			}
				.header_button:hover {
					background-position:0px -28px;
				}
				
		
			/* Language CSS Dropdown */
			/* Thanks www.xs4all.nl/~peterned/ and www.tanfa.co.uk for the IE6 Fix */
			
			#lang_menu {
				margin-top:4px;
				width: 79px;
			}

			#lang_menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
				float: left;
			}
				#lang_menu ul ul {
					background-color:#262626;
					border:1px solid #313131;
				}
			#lang_menu ul li ul li {
				color:#FFFFFF;
				background-color:#262626;
				font-weight:bold;
				font-size:11px;
				line-height:24px;
				width:77px;
			}
				#lang_menu ul li ul li:hover {
					color:#FFFFFF;
					background-color:#313131;
					cursor:hand;
				}
			
			#lang_menu a, #menu .hbtn_language {
				display: block;
			}
			
			#lang_menu a {
				color: #EDEDED;
				text-decoration: none;
				font-size:11px;
				display:block;
				padding-left:13px;
				width:66px;
			}
			
			#lang_menu a:hover {
				color: #FFFFFF;
			}
			
			#lang_menu li {
				position: relative;
			}
			
			#lang_menu ul ul {
				position: absolute;
				z-index: 500;
			}
			
			#lang_menu ul ul ul {
				position: absolute;
				top: 0;
				left: 100%;
			}
			
			div#lang_menu ul ul,
			div#lang_menu ul li:hover ul ul,
			div#lang_menu ul ul li:hover ul ul
			{display: none;}
			
			div#lang_menu ul li:hover ul,
			div#lang_menu ul ul li:hover ul,
			div#lang_menu ul ul ul li:hover ul
			{display: block;}
		
	/* Subheader - Presentation */	
	#kwick {
		margin-top:8px;
		height:140px;
		width:583px; /* Extra 3 pixels for rounding errors on the javascript animation */
		background:#262626;
		overflow:hidden;
		color:#FFFFFF;
	}
		/* Awful hack to fix the "Industrial Design" border while keeping the other buttons the same size */
		#kwick_industrial_border {
			position:absolute;
			margin:-140px 0px 0px 570px;
			background:url(images/english/kwick_right_fix.gif) no-repeat;
			width:13px;
			height:140px;
		}
		/* Yet another awful hack (this time to prevent rollovers on the lower part of the kwicks) */
		#kwick_bottom_border {
			position:absolute;
			width:580px;
			height:8px;
			margin-top:-8px;
			background-color:transparent;
		}
		
		
		/* Kwicks are navigation objects (Courtesy of Mootools.net) */
		#kwick .kwicks {
			display: block;
			height: 140px;
		}
		#kwick li {
			float: left;
			list-style:none;
		}
		#kwick .kwick {
			display: block;
			cursor: pointer;
			overflow: hidden;
			height: 140px;
			width: 95px;
			padding: 0px;
			border-right: 2px solid #262626;
		}
		#kwick .kwick span {
			display: none;
		}
	
	/* Main Site Text */
	#main_content {
		width:580px;
		background:#313131 url(images/content_back.gif) repeat-y top left;
	}
		#main_content_text {
			width:550px;
			padding:5px 15px 0px 15px;
			margin-bottom:-8px;
		}
			.section_title {
				margin-bottom:15px;
			}
			/* First Line Indent for body text */
			#main_content_text p {
				text-indent:20px;
			}
			#main_content_text ul {
				text-indent:3px;
				padding:5px 15px 5px 35px;
				list-style:disc;
			}
		/* Rounded Corners */
		#main_content_top {
			height:10px;
			width:580px;
			background:url(images/content_back_top.gif) no-repeat top left;				
		}
		#main_content_bottom {
			height:10px;
			background:url(images/content_back_bottom.gif) no-repeat bottom left;				
		}			

	/* Testimonials */
	#testimonials {
		margin-top:8px;
	}
	
	/* Footer */
	#footer {
		margin-top:8px;
		width:580px;
		height:53px;
		background:url(images/footer_back.gif) repeat-x top left;
		text-align:center;
	}
		#footer_left {
			float:left;
			background:url(images/footer_left.gif) no-repeat top left;
			width:10px;
			height:53px;
		}
		#footer_right {
			float:right;
			background:url(images/footer_right.gif) no-repeat top right;
			width:10px;
			height:53px;
		}
		
		#footer a {
			font-size:9px;
			color:#FFFFFF;
			text-decoration:none;
		}
			#footer a:hover {
				text-decoration:underline;
			}
		.footer_selected {
			font-size:9px;
			text-decoration:underline;
		}
		
		#footer_top {
			padding-top:7px;
			font-size:8px;
			color:#EDEDED;
		}
		
		#footer_bottom {
			padding-top:7px;
		}
			/* Elserver.com Sponsor | It has been positioned this way to keep compatibility with IE */
			#elserver_sponsor {
				float:left;
				text-align:left;
				font-size:10px;
				margin-top:6px;
				padding-left:24px;
			}
				#elserver_sponsor a {
					color:#BDD748;
					font-size:10px;
					text-decoration:none;
				}
				#elserver_sponsor img {
					position:absolute;
					margin:-2px 0px 0px -18px;
				}
			#mail_footer {
				float:right;
				font-size:10px;
				margin-top:6px;
				margin-right:6px;
			}
				#mail_footer a {
					font-size:10px;
				}