/* 
	project:  The Magic Lantern
	author:   Letitia Lehner (www.graphicalhouse.com)    
*/ 

	*{ margin: 0; padding: 0; }* 

	html{
		font-size: 100%; /* WinIE text resize correction */
	}

/*body, div, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, select, td, textarea, tr, ul {*/
	* html body{
		font-family: "Courier New", Courier;
		font-size: 0.75em;
		line-height: 1.2em; 
		color: #ffffff;
		overflow: hidden ! important;
		background-color:#FF6699;
		height:100%;
	}
	
	body{
		font-family: "Courier New";
		font-size: 0.75em;
		line-height: 1.2em; 
		color: #ffffff;
		overflow: hidden ! important;
		background-color:#FF6699;
		height:100%;
	}
	
	div#background { /* WinIE */
		margin: 0;
		padding: 0;
		position: absolute; 
		top:0; left: 0; 
		width: 100%;
		height: 100%; 
		z-index: 1;
		overflow: hidden;
	}
	
	html>body div#background {
		margin: 0;
		padding: 0;
		position: absolute; 
		top:0; left: 0; 
		width: 100%;
		z-index: 1;
		overflow: hidden;
	}
				
	div#wrapper {
		margin: 0;
		padding: 0;
		position: absolute; 
		top: 0; left: 0; 
		width: 100%;
		height:100%;
		z-index: 2;
		overflow:hidden ! important;
	}

	a:link { color: #FF0099; background: inherit; text-decoration: none; }
	a:hover { color: #FF6699; background: inherit; text-decoration: line-through; } 
	a:visited { color: #FF0099; background: inherit; text-decoration: none; }
	a:visited:hover { color: #FF6699; background: inherit; text-decoration: line-through;  }
	a:active { color: #239F1D; background: inherit; text-decoration: none; }
	
	h1 {
		font: bold 2.25em Helvetica, "Helvetica Neue", Arial, sans-serif; 
		color: #FF0099;
	}
	
	ul {
		list-style-image:url("../images/icons/bullet.gif");
		list-style-position: inside;
	}
	
	ul a:link { color: #FF0099; background: inherit; text-decoration: none; }
	ul a:hover { color: #FF6699; background: inherit; text-decoration: line-through; } 
	ul a:visited { color: #FF0099; background: inherit;  text-decoration: none; }
	ul a:visited:hover { color: #FF6699; background: inherit; text-decoration: line-through;  }
	ul a:active { color: #239F1D; background: inherit; text-decoration: none; }
	 
	img { border: none; }
	table { font-size: 1em }
	
	
	
	/* ---------------------- Banner ---------------------- */
	div#header {
		width: 100%;	
		background: #000000;
		margin: 5px 0px 5px 0px;
		height:35px;
	}
	
	div#header #breadcrum {
		margin: 5px 0px 5px 10px;
	}
	
	div#header #search {
		margin: 5px 10px 5px 0px;
	}
	
	/* ---------------------- Content Part ---------------------- */
	div#container {
		width:100%;
		height:100%;
		min-height: 510px;
	}
	
	div#left {
		float:left;
		width: 440px;
		height:80%;
	}
	
	div#right {
		position: relative;
		margin-left: 550px;
		height:100%;
	}
	
	/* ---------------------- Logo ---------------------- */
	div#logo {
		background-color:#000000;
		margin: 0px 5px 5px 10px;
		padding: 0;
		width: 300px;
		height: 195px;
	}
	

	/* ---------------------- Navigation ---------------------- */
	* html div.navigation{
		width: 480px;
		margin: 5px 0 0 10px; 
		padding: 0;
	}
	
	html>body div.navigation{
		width: 425px;
		margin: 10px 0 0 10px; 
		padding: 0 0 0 0;
	}
	
	* html div.navigation ul {
		list-style-image:none;
		list-style-type:none;
		list-style-position:outside;
		font: bold 4.1em Helvetica, "Helvetica Neue", Arial, sans-serif;
		text-transform: uppercase;
	}

	div.navigation ul {
		list-style-image:none;
		list-style-type:none;
		list-style-position:outside;
		font: bold 4.5625em Helvetica, "Helvetica Neue", Arial, sans-serif;
		text-transform: uppercase;
	}
		
	* html div.navigation a {
		display: inline-block;
		line-height: 0.85em;
		padding: 0.2ex 0.2ex 0.2ex 0.2ex;
		margin: 0;
	}
	
	html>body div.navigation a {
		display: inline-block;
		overflow: hidden;
		line-height: 0.85em;
		
		padding: 0.3ex 0.2ex 0 0.2ex;
		margin: -5px 0 -5px 0;	
	}
	
	div.navigation a:link { color:#ffffff; background:#000000 none repeat scroll 0 0; text-decoration: none;  }
	div.navigation a:visited { color:#ffffff; background:#000000 none repeat scroll 0 0; text-decoration: none  }
	div.navigation a:hover { color:#FF6699; background:#000000 none repeat scroll 0 0; text-decoration: none }
	div.navigation a:active { color:#FF6699; background:#000000 none repeat scroll 0 0; text-decoration: none }
	
	
	/* ---------------------- Content/Submenu Container ---------------------- */
	div#content {
		position: absolute;
		top:0px;
 		right:0px;
		height:100%;
	}
	
	/* ---------------------- Sub Menu Container ---------------------- */
	div#subnavigation {
		position: relative;
		height: auto;
		background-color: #000000;
		width: 300px;
		padding: 10px;
		margin-bottom: 5px;
	}
	
	/* ------ Sub Menu Navigation ----- */
	div#subnavigation ul {
		list-style-image:none;
		list-style-type:none;
		
		font: bold 2.25em Helvetica, "Helvetica Neue", Arial, sans-serif;
		line-height: 1.15em;
		letter-spacing: 0.05em;
		text-transform: uppercase;

		display: inline-block;
	}

	div#subnavigation ul a:link { color:#ffffff; text-decoration: none;  }
	div#subnavigation ul a:visited { color:#ffffff; text-decoration: none  }
	div#subnavigation ul a:hover { color:#FF6699; text-decoration: none }
	div#subnavigation ul a:active { color:#FF6699; text-decoration: none }
	
	
	/* ---------------------- Content ---------------------- */
	div#contentParagraph {
		background-color: #000000;
		padding: 10px 10px 10px 10px;
		top: 10px;
		width: 300px;
		overflow: auto;
	}
	
	/* ---------------------- Footer ---------------------- */
	div#footer {
		z-index: -1;
		clear: both;
		position:absolute;
		bottom: 5px;
		
		margin: 0px;
		padding: 5px 0px 10px 0px;

		background: #000;
		bottom: 5px;	
	
		height:60px;
		width:100%;
		min-width:600px;
	}
	
	div#footer #newsletter {
		text-align:left;
		padding-left:10px;
	}
	
	div#newsletter{
			font: 1.25em Helvetica, "Helvetica Neue", Arial, sans-serif;	
	}
	
	#designed {
		text-align:left;
		padding-left:10px;
	}
	
	div#footer #contact{
		padding-right:10px;
		text-align: right;
	}