/*
 *Common
 */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

.Close
{
	clear: both;
}

ul
{
	margin-left: 15px;
}

ol
{
	margin-left: 20px;
}

a img
{
	border: none 0;
}

/*
 *Main
 */
body
{
	background-color: #000;
	background-image: url(../../images/home/body_bg.gif);
	background-repeat: repeat-x;
}

div#Wrapper
{
	position: relative;
	text-align: left;
	margin: 0 auto -99px;
	width: 840px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #000;
}

	div#Header
	{
		position: relative;
		width: 840px;
		height: 99px;
		background-image: url(../../images/home/header_bg.gif);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	div#HeaderImage
	{
		position: relative;
		width: 840px;
		height: 170px;
		overflow: hidden;
	}
	
	div#MenuBar
	{
		position: relative;
		width: 840px;
		height: 34px;
		background-image: url(../../images/home/menubar_bg.gif);
		background-repeat: repeat-x;
	}
	
	div#Main
	{
		position: relative;
		padding: 30px 0 20px 0;
		width: 840px;
	}
		
		div.ModSmallClean
		{
			position: relative;
			padding: 7px 15px 15px 15px;
			margin: 0 18px 18px 0;
			width: 238px;
			float: left;
		}
		
		div.ModSmall
		{
			position: relative;
			margin: 0 18px 18px 0;
			width: 268px;
			float: left;
		}
			
		div.ModMedium
		{
			position: relative;
			margin: 0 18px 18px 0;
			width: 411px;
			float: left;
		}
		
		div.ModLarge
		{
			position: relative;
			margin: 0 18px 18px 0;
			width: 553px;
			float: left;
		}
				
			div.ModSmall div.ModHeading
			{
				position: relative;
				padding: 3px 15px 0 15px;
				width: 238px;
				height: 26px;
				background: url(../../images/home/modheadingsmall_bg.gif) left top no-repeat #000;
			}
			
			div.ModMedium div.ModHeading
			{
				position: relative;
				padding: 3px 15px 0 15px;
				width: 381px;
				height: 26px;
				background: url(../../images/home/modheadingmedium_bg.gif) left top no-repeat #000;
			}
			
			div.ModBody
			{
				position: relative;
				padding: 15px;
				background: url(../../images/home/modbody_bg.gif) left top repeat-x #000;
			}
			
			div.ModShortBody
			{
				position: relative;
				padding: 15px;
				background: url(../../images/home/modshortbody_bg.gif) left top repeat-x #000;
			}
			
			div.Last
			{
				margin: 0;
			}
			
			div#Slider
			{
				margin: 0 0 10px;
			}
			
			div#Slider, div#Slider1 {
			   width: 381px; /* important to be same as image width */
			   height: 149px; /* important to be same as image height */
			   position: relative; /* important */
			   overflow: hidden; /* important */
			}
			
			ul#SliderContent, ul#Slider1Content {
			   width: 381px; /* important to be same as image width or wider */
			   position: absolute; /* important */
			   top: 0; /* important */
			   margin-left: 0; /* important */
			}
			
			li.SliderImage, li.Slider1Image {
			   float: left; /* important */
			   position: relative; /* important */
			   display: none; /* important */
			}
			
			li.SliderImage span, li.Slider1Image span, li.SliderImage span span, li.SliderImage span strong span, li.SliderImage strong span, li.Slider1Image strong span {
			   position: absolute; /* important */
			   left: 1px;
			   font: 11px/16px Verdana, Helvetica, sans-serif;
			   padding: 0 15px;
			   width: 344px;
			   height: 40px;
			   background-color: #000;
			   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
			   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
			   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
			   opacity: 0.7; /* here you can set the opacity of box with text */
			   color: #fff;
			   display: none; /* important */
			   bottom: 3px;
			
			   /*
				   if you put
				   top: 0; -> the box with text will be shown at the top of the image
				   if you put
				   bottom: 0; -> the box with text will be shown at the bottom of the image
			   */
			  }
			
			.clear {
			   clear: both;
			}
			
			/*Services*/
			div#Services
			{
				position: relative;
				padding: 10px 0 0 70px;
				width: 451px;
				height: 164px;
				border: 1px solid #666;
				background: url(../../images/home/services_bg.jpg) left top no-repeat #000;
				overflow: hidden;
			}
			
				div#Caption
				{
					position: absolute;
					left: 0;
					bottom: 0;
					padding: 5px 15px;
					width: 493px;
					height: 16px;
					background-color: #000;
					filter: alpha(opacity=70); /* here you can set the opacity of box with text */
				   	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
				   	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
				   	opacity: 0.7; /* here you can set the opacity of box with text */
				}
			
		/*Page options*/
		div.PageOptions
		{
			position: relative;
			padding: 8px;
			width: 744px;
			height: 40px;
			background-image: url(../../images/home/gradient_bar.gif);
			background-repeat: repeat-x;
		}
		
		/*Form content*/
		div.FormRow
		{
			padding-bottom: 16px;
		}
	
	div#FooterSpace
	{
		position: relative;
		height: 99px;
	}
	
div#Footer
{
	position: relative;
	padding: 20px 20px 0 20px;
	margin: 0 auto;
	width: 800px;
	height: 79px;
	background-image: url(../../images/home/footer_bg.gif);
	background-repeat: no-repeat;
}

/*
 *Text
 */	
h1, h2, h3, h4, h5, h6, p, a, ul, ol, th, td, form, fieldset, label, input, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	color: #fff;
}

h2
{
	font-size: 13px;
	line-height: 21px;
	color: #c0c3c7;
}

h2.Header
{
	font-weight: normal;
	cursor: pointer;
	padding: 5px;
	border-bottom: 2px solid #000;
	background-color: #111;
}

h2.Faq
{
	padding-left: 30px;
	background-image: url(../../icons/icon_question.gif);
	background-position: 5px;
	background-repeat: no-repeat;
}

h2.News
{
	padding-left: 25px;
	background: url(../../icons/icon_news.gif) left 3px no-repeat;
	font-size:11px;
}

.SliderImage span strong, .Slider1Image span strong, .SliderImage span strong span, .Slider1Image span strong span, .SliderImage strong span, .Slider1Image strong span
{
	font-size: 13px;
	line-height: 21px;
	color: #c0c3c7;
}

h3
{
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	color: #999;
}

p, a, td, ul, ol
{
	font-size: 11px;
	line-height: 16px;
	color: #fff;
}

p.Date
{
	font-size: 11px;
	font-style: italic;
	color: #fff;
	font-weight: bold;
}

div.RightBlock p
{
	font-size: 11px;
	line-height: 15px;
}

div.ThumbContainer p
{
	font-size: 11px;
	line-height: 15px;
}

div#Footer p, div#Footer a, div#Header p, div#Header a
{
	font-size: 10px;
	color: #fff;
}

div#Header p
{
	margin: 10px 0 0 20px;
}

div#Footer p
{
	margin: 10px 0 0 0;
}

div#Footer p.Credits
{
	float: right;
	margin: 48px 0 0 0;
}

/*Breadcrumbs*/
p.Breadcrumb
{
	font-size: 10px;
	color: #c0c3c7;
}

p.Breadcrumb a
{
	font-size: 10px;
	color: #5e5c62;
	text-decoration: none;
}

p.Breadcrumb a:hover
{
	color: #fff;
}

ul.Bullitlist
{
	margin: 0;
	list-style: none;
}

	ul.Bullitlist li
	{
		height: 18px;
		padding-left: 20px;
		background: url(../../images/home/bullit.gif) left 2px no-repeat #000;
	}

/*
 *Nav
 */
#nav
{
	position: absolute;
	top: 269px;
	left: 0px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-decoration: none;
	padding: 8px 11px;
	border-left: 1px solid #9da3ab;
	border-right: 1px solid #828890;
}

#nav a.Last
{
	border-right: none 0;
	padding-right: 16px;
}

#nav li a:hover
{
	color: #fff;
	background-image: url(../../images/home/menuitem_hover.gif);
	background-repeat: repeat-x;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-right: 1px solid #828890;
	border-left: 1px solid #828890;
	background-image: url(../../images/home/submenu_bg.gif);
	background-repeat: repeat-x;
	background-color: #565258;
}

#nav li ul li
{
	padding: 0;
	border: none 0;
}

#nav li ul a
{
		display: block;
		width: 140px;
		font-size: 12px;
		line-height: 18px;
		color: #fff;
		text-decoration: none;
		border: none 0;
		border-bottom: 1px solid #6f6c73;
		background-image: none;
		padding: 2px 10px;
}

#nav li ul a.ItemWithChildren
{
	background-image: url(../../images/home/arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -23px 0 0 160px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul a:hover
{
	color: #5e5c62;
	border-color: #6f6c73;
	background-color: #c0c3c6;
}

#nav li ul a.ItemWithChildren:hover
{
	color: #5e5c62;
	border-color: #6f6c73;
	background-color: #c0c3c6;
	background-image: url(../../images/home/arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
}


#nav li ul li ul a:hover
{
	color: #5e5c62;
	border-color: #6f6c73;
	background-color: #c0c3c6;
	background-image: none;
}

/*More button*/
a.More
{
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 0 2px 25px;
	width: 75px;
	height: 18px;
	font-size: 11px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../../images/home/button_bg.gif);
	background-repeat: no-repeat;
}

	a.More:hover
	{
		color: #fff;
	}
	
a.Download
{
	padding: 3px 0 3px 24px;
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 26px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../../icons/icon_download.gif);
	background-repeat: no-repeat;
}

	a.Download:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
a.Pdf
{
	padding: 3px 0 3px 24px;
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 26px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../../icons/icon_pdf.gif);
	background-repeat: no-repeat;
}

	a.Pdf:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
a.ReadMore
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #c0c3c7;
	/*padding-left: 25px;*/
}
	
/*Images*/
.ImgLeft
{
	float: left;
	margin: 4px 15px 10px 0;
}

.ImgRight
{
	float: right;
	margin: 4px 0 10px 15px;
}

.Sticker
{
	position: absolute;
	right: 15px;
	top: 15px;
	behavior: url(css/iepngfix.htc);
}

.Icons
{
	float: right;
	margin: 0 0 0 8px;
}

div.ModSmall img, div.ModSmall a img, div.ModMedium a img, div.ModLarge a img, div.ModMedium img
{
	border: 1px solid #666;
}

	div.ModSmall a:hover img, div.ModMedium a:hover img, div.ModLarge a:hover img
	{
		border: 1px solid #aaa;
	}
	
	div.ModSmallClean a, div.ModSmall a, div.ModMedium a, div.ModLarge a
	{
		text-decoration: none;
	}
	
		div.ModSmallClean a:hover, div.ModSmall a:hover, div.ModMedium a:hover, div.ModLarge a:hover
		{
			text-decoration: underline;
		}
	
/*Form homepage*/
form, fieldset
{
	border: none 0;
}

	legend
	{
		display: none;
	}

	label
	{
		margin-top: 2px;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
	}
	
	input
	{
		padding: 2px;
		font-size: 12px;
		color: #fff;
		width: 230px;
		border: 2px solid #333;
		background-color: #111;
	}

	select
	{
		width: 140px;
		padding: 2px;
		font-size: 11px;
		color: #fff;
		border: 2px solid #333;
		background-color: #000;
		float: right;
	}

	input.Submit
	{
		padding: 0 0 0 10px;
		width: 100px;
		height: 22px;
		font-size: 11px;
		color: #aaa;
		border: none 0;
		background-image: url(../../images/home/button_bg.gif);
		float: right;
		text-align: left;
		cursor: pointer;
	}
	
		input.Submit:hover
		{
			color: #fff;
		}

p.Nb
{
	font-size: 10px;
	color: #fff;
}

/* Home Welcome */
#HomeWelcomeContent
{
	height: 190px;
}

/* Home Invest */
#HomeInvestContent
{
	height: 190px;
}

#HomeInvest ul li
{
	padding-bottom: 2px;
}

/* Validation */
div.SearchValidationSummary
{
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 0px;
} 

div.SearchValidationSummary ul li
{	
	padding-top: 0px;
	list-style: square;
	font: normal 11px Arial, Verdana, Sans-serif;
}

/* Notices */
div.notice_success
{
	font: bold 12px Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 11px;
	margin-left: 16px;
}

div.notice_warning
{
	font: bold 12px Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 11px;
	margin-left: 16px;
}

div.notice_error
{
	font: bold 12px Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 11px;
	margin-left: 16px;
}