/* ==============================================
Layout Style Sheet (for version 5 browsers and above)

version:  1.0
author:   Philip Lee (MCUBE.TV)
date:     11 February 2006
================================================= */

/* =LAYOUT =INIT
================================================= */
hr, del   { display: none   }
.imgright { float: right    }
.imgleft  { float: left     }
del.show  { display: inline }
#main .imgpad { padding: 0 6px 6px }


/* =LAYOUT =CLEAR
================================================= */
#header,
#menu,
#menu li,
#menu ul,
#top,
#bottom,
#footer {
	margin: 0;
	padding: 0;
}

/* =CLEARFIX
================================================= */
/* Clear Fix Hacks: To ensure container div wraps around float elements
http://www.positioniseverything.net/easyclearing.html
http://www.positioniseverything.net/articles/onetruelayout/
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =LAYOUT =STYLING
================================================= */
#container {	
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	
	position: relative;
	
	text-align: left;
	
	width: 45em !important;
	min-width: 1000px;
	width: 1000px;

}

/* commented backslash hack - hide from Mac IE \*/ 
/*#container {
	height:100%;
}*/

* html #container {
}

/* =TOP
================================================= */
#top, #bottom {
	position: relative;
	/*overflow: hidden;*/
	height: 100%;
	color: #6e6e70;
	background: #110A05;
	background: #fff;
}


#top #copyright {
	float: right;
	padding: 0.3em 0.3em 0 0;
}


#top ul#menu {
	float: left;
}

#top #menu li {
	margin: 0 0.5em 0 0;
	padding: 0.5em;
}


#top #menu li a {
	font-family: arial, verdana, "trebuchet MS", helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	float:left;
	color: #e3ba84;
	/*color: #ef4138;*/

	/*padding-left: 2.2em;*/
	/*background: transparent url("../images/en/swoosh-small.gif") top left no-repeat;*/
	padding-left: 12px;
	background: transparent url("../images/en/red-circle.gif") 0 1px no-repeat;
}

#top #menu li a:hover,
#top #menu li a:active {
	color: white;
	color: #ef4138;
	/*background-position: 0 -16px;*/
}

#bottom {

	border: solid black;
	border-width: 0 0 1px 0;
	
	font-family: arial, verdana, "trebuchet MS", helvetica, sans-serif;

}

#bottom #copyright {
	float: left;
	padding: 0.5em 0 0 0.5em;
}


#bottom #logo {
	float: left;
	padding: 0.5em 0 0 0.5em;
	margin: 0;
}


#bottom ul {
	margin: 0;
	list-style-type: none;
	float: right;
 	padding: 0;
 	width: 68%;
}

#bottom li {
	float: left;
	margin: 0.4em 0.2em;
	padding: 0.5em;
	font-size: 0.7em;
}

#bottom li strong {
	margin: 0;
	/*color: white;*/
	font-size: 1.1em;
}


/* =CONTENT
================================================= */
/* See typography.css */
#content	{
	border: solid black;
	border-width: 0 0 0 0;
	position: relative;
	/*background: #F1DCC1 url("../images/en/background-inner.jpg") top right repeat-x;*/
	background: #f3f3f3 url("../images/en/background-inner.jpg") top right repeat-x;

	min-height: 450px;
	text-align: left;
}

* html #content {
	height: 450px;	/* IE Hack - only IE will see this! */
}

#main {
	min-width: 530px;
	width:53%;
	float: right;
	z-index: 10;
	position: relative;
}

* html #main {
	width: 530px;
}

/* =MENU
================================================= */
#menu {
	list-style: none;
}

#menu li {
	float:left;
	font-size: 0.7em;
}

#menu abbr {
	border: none;
}

/*#menu a:hover abbr {
	border-bottom: 1px dotted;
}*/



/* =MENU-HACK
=================================================
Make entire link region clickable in IE/Win. Holly Hack explained here:
http://www.positioniseverything.net/explorer/escape-floats.html */
/** html #menu a {
	width:1%;
}*/

/* =FOOTER
================================================= */
#footer {
	text-align: left;
	clear:both;
	background: black;
	font-size: 0.6em;
	font-family: arial, verdana, "trebuchet MS", helvetica, sans-serif;
	color: white;

}

#footer div {
	float: left;
	/*width: 48%;*/
	margin: 0.5em 0;
	padding: 0.5em;
}