@import url(navigation.css);

* {margin: 0; padding: 0;}

td, input, textarea, select {
	font-family: Arial, Helvetica, Tahoma, sans-serif; 
	font-size: 1em; 
	margin:0px; 
	padding:0px;}

form			{ margin:0px; padding:0px;}

hr				{ display:none; }
	
.alignTop		{ vertical-align:top; }
.alignRight		{ text-align:right; }
.alignLeft		{ text-align:left; }
.alignCenter	{ text-align:center; }
.floatLeft		{ float:left; }
.floatRight		{ float:right; }
.clearall		{ clear:both; }
.clearLeft		{ clear:left; }
br.clearall		{ clear:both; height:0em; line-height:0em;}
img				{ border: 0px;}
acronym 		{ border-bottom: 1px dotted black;}
.hide			{ display: none; }
.error			{ color: #ff0000;}
.small			{ font-size: 0.9em;}
.no-pad			{ padding: 0 !important;}
.access-key		{ display: none;}

.font-size-9    {font-size: 0.9em;}
.font-size-10   {font-size: 1.0em;}
.font-size-11   {font-size: 1.1em;}
.font-size-12   {font-size: 1.2em;}
.font-size-13   {font-size: 1.3em;}
.font-size-14   {font-size: 1.4em;}
.font-size-15   {font-size: 1.5em;}

.w-345{width: 345px;}
.w-334{width: 334px;}
.black { color: #000000;}

/* =Typography
-----------------------------------------------------------------------------*/

body{
	color: #FFFFFF;
	background: #000000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
}

ul li{
	list-style-type: none;
	font-size: 1.1em;
}
p 				{margin: 0px; padding: 6px 0;}
a, a:visited	{text-decoration: none;}
a:hover 		{text-decoration: none;}

/* =Headings
-----------------------------------------------------------------------------*/
h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0 0 8px 0;
}
h2{
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 8px 0 0 0;
}
h3{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
}

/* Begin Overlay
-----------------------------------------------------------------------------*/
#tickerwrapper{visibility: hidden;}
#fade-overlay{display:none;}
body#style2 #fade-overlay{
	position: absolute;
	top:0; left:0;
	z-index: 300;
	background-color: #000000;
	overflow:hidden;
	display:block;
}

.fade-blocks{
	float:left;
	margin-right:100px;
	position:relative;
}
body#style2 .fade-blocks{
	float:none;
	margin-right:0;
	position:static;
}

.fade-blocks div{
	clear: left;
	position: relative;
	width: 363px;
	w\idth: 333px;
	background-color: #FFFFFF;
	z-index: 501;
	color:#000000;
	padding:25px 0 20px 30px;
	margin-bottom: 20px;
}

body#style2 .fade-blocks div{
	clear:none;
	position: absolute;
	left: 275px;
	top: 141px;
	height: 488px;
	background: #FFFFFF url(/assets/images/roll-effect-background.gif) no-repeat left top;
	margin: 0px;
	padding-bottom:0;
	z-index: 497;
}
.fade-blocks div{
	filter: alpha(opacity=100);	/* IE 5.5+*/
	-moz-opacity: 1.0; 			/* Mozilla 1.6-*/
	-khtml-opacity: 1.0; 		/* Konqueror 3.1+, Safari 1.1 */
	opacity: 1.0;	 			/* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
#fade-overlay, body#style2 .fade-blocks div{
	filter: alpha(opacity=0);	/* IE 5.5+*/
	-moz-opacity: 0.0; 			/* Mozilla 1.6-*/
	-khtml-opacity: 0.0; 		/* Konqueror 3.1+, Safari 1.1 */
	opacity: 0.0;	 			/* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
/* End Overlay */


/* =Main container boxes
-----------------------------------------------------------------------------*/
#container{
	margin: 0px auto;
	width: 980px;
	text-align: left;
	padding-bottom: 50px;
	overflow: hidden;
	position: relative;
	z-index:100;
}
#container-background{
	background: transparent no-repeat center top;
	min-height:808px;
	height:auto !important;
	height:808px;
	width: 980px;	
	position: absolute;
	left:0;	top:39px;
}
#container-content{	
	height:auto !important;
	height:808px;
	position: relative;
	z-index: 499;
}
body#style2 #container-content{
	min-height:808px;
	height:auto !important;
	height:808px;
	z-index: 499;
}
#header{
	width: 100%;
	height: 39px;
	background: #000000 url(/assets/images/header-background.gif) repeat-x top;
	overflow: hidden;
	position: relative;
	z-index: 500;
}
#tickerwrapper{margin-top: 5px;}
#logo-left{
	background: transparent url(/assets/images/logo-1.png) no-repeat center top;
	width: 147px;
	height: 100px;
	padding: 0;
	margin: 12px 0 208px 42px;
}
#header-top{
	width: 337px;
	height: 72px;
	background: transparent url(/assets/images/Fyshe-header.png) no-repeat left top;
	padding:0;
	position: absolute;
	z-index:500;
	left:303px;
	top: 72px;
}
#content-left{
	float: left;
	width: 297px;
	w\idth: 262px;
	min-height:808px;
	height:auto !important;
	height:808px;
	background: transparent url(/assets/images/left-column-background.png) no-repeat left top;
	padding-left: 34px;
	margin-left: 7px;
	z-index:499;
	position:relative;
}	
#content-right{
	float: left;
	width: 305px;
	font-size: 1.1em;
	margin-top: 103px;
	position: relative;
	z-index: 498;
}
#content-right p{
	font-weight:bold;
	line-height:1.5em;
	position:relative;
	z-index: 100;
/*	text-align: justify;*/
}
/* End Main container boxes */



/* =Content
-----------------------------------------------------------------------------*/
#navigation{
	overflow:hidden;
	position:absolute;
	left:41px;
	top:141px;
	z-index:502;
}
#content-left ul{width: 220px;}
#content-left ul li{
	background: url(/assets/images/list-type2.gif) no-repeat left 3px;
	margin:15px 0 0 18px;
	padding-left:17px;
	font-weight: bold;
}
#content-left h3{margin: 0 0 0 18px;}

.fade-blocks ul{width: 310px;}
.fade-blocks ul li{
	list-style-image: url(/assets/images/list-type.gif);
	margin: 15px 0 0 19px;
	padding-left:0;
}
/* End Content */



/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	clear:both;
	padding-left:60px;
	position: relative;
	z-index:500;
}
body#style2 #footer{
	clear:none;
	position: absolute;
	margin-top:-67px;
}
#footer-image{float: left;}
#footer-text{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.0em;
	margin:4px 0 0 35px;
	float: left;
	width: 660px;
	color: #707070;
	line-height: 1.4em;
}
/* End Footer */