/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body			{ margin: 0px; padding: 0px; height: 100%; width: 100%; background-color: #f2f2f2; }
body				{ behavior:url("css/csshover.htc"); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #454545; }
div				{margin: auto; height: auto;}
form				{margin: 0px; padding: 0px;}
a img				{border: none 0px;}
h1, .home_col_title				{ display: block; font-family: "Arial Black"; font-size: 18px; border-bottom: 1px solid #bbd80a; }

/* Link styles			*/
a				{}
a:hover				{}

/* Holder styles		*/
.holder2			{width: 100%;}
.holder1			{text-align: center; margin-left: auto; margin-right: auto; width: 900px;}
.holder				{ text-align: left; margin: 0px; padding: 0px; border: none; *width:900;position: relative; }

/* Header styles		*/
.header	.holder			{ background-image: url(../img/header_back.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 76px; }
.header	.logo		{ left: 10px; top: 14px; position: absolute; }
.header .search	{ background-image: url(../img/search_back.gif); background-repeat: no-repeat; background-position: 0px 0px; position: absolute; height: 24px; width: 200px; top: 36px; right: 0px; }
.header .search .textfield, .header .search .button	{ background-color: transparent; border: 0px none; height: 24px; }
.header .search .textfield	{ width: 150px; padding: 0px 10px 0px 10px; }
.header .search .button	{ background-image: url(../img/search_button.gif); background-repeat: no-repeat; background-position: center center; }

/* Main area styles		*/
.area .holder			{ background-image: url(../img/area_back.gif); background-repeat: repeat-y; background-position: 0px 0px; }
.l-col, .m-col, .r-col		{ float: left; }
.l-col				{ width: 212px; padding: 0px 4px 23px 14px; background-image: url(../img/l-col_back.gif); background-repeat: no-repeat; background-position: right bottom; }
.m-col				{}
.r-col				{ width: 620px; padding: 200px 0px 0px 27px; }
.noflash .r-col				{ padding: 30px 0px 0px 27px; }

/* Footer styles		*/
.footer .holder			{ color: #7d7d7d; font-size: 11px; background-image: url(../img/footer_back.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-top: 45px; }
.footer .credits		{ float: right;}
.footer a	{color: #7d7d7d; text-decoration: none;}

/* Main Menu styles		*/
#menu { position: absolute; top: 5px; right: 23px; font-size: 15px; z-index: 100; }
#menu ul { list-style: none; padding: 0; float: left; margin: 0; }
#menu li { padding: 0px 0px 0px 10px; float: left; position: relative; white-space: nowrap; text-align: center; margin: 0px; }
#menu a { color: #91a708; text-decoration: none; display: block; height: 15px; line-height: 15px; font-weight: bold; border-bottom: solid 3px #FFF; }
#menu a:hover { color: #454545; border-bottom: solid 3px #454545; }
#menu li li { width: 200px; text-align: left; }
#menu ul ul { z-index: 500; background-color: #FFFFFF; margin: 0px; padding: 0px; left: 6px; width: 250px; position: absolute; font-size: 12px; border: solid 1px #91a708;  }
#menu ul ul ul { position: relative; width: 230px; border: none 0px;}
#menu ul ul a { color: #000000; }
#menu ul ul ul a { color: #91a708; }
#menu ul ul ul ul { position: relative; width: 210px;}
div#menu ul ul { display: none; }
div#menu ul li:hover ul, #menu ul ul ul, #menu ul ul ul ul { display: block; }

/* Left Menu styles		*/
.menu_left	{ background-image: url(../img/menu_left_back.gif); background-repeat: repeat-x; background-position: 0px 0px; padding: 0px 6px 0px 6px; }
.menu_left ul { }
.menu_left ul, .menu_left li	{ margin: 0px; padding: 0px; list-style-type: none; }
.menu_left a	{ display: block; padding: 3px 5px 3px 5px; border: solid 1px #c7c7c7; text-decoration: none; margin-top: -1px; color: #000000;}
.menu_left a:hover	{background-color: #bbd80a;}
.menu_left li a	{ font-size: 13px; font-weight: bold; color: #454545; background-color: #eaf3b5; border: solid 3px #000; }
.menu_left li li a	{ margin-left: 5px; background-color: #f1f7ce; border: solid 1px #000; }
.menu_left li li li a	{ font-weight: normal; margin-left: 10px; background-color: #f8fbe6; font-weight: bold; }
.menu_left li li li li a	{ font-weight: normal; font-size: 12px; margin-left: 15px; background-color: #ffffff;}
.menu_left li li li li li a	{ font-weight: normal; font-size: 11px; margin-left: 20px; background-color: #ffffff;}

/* Misc. styles			*/
.flash	{ z-index: 10; position: absolute; right: 23px; top: 50px;}
.home_col	{float: left; width: 40%; padding: 5%;}

/* IE 6 and below hacks		*/
*html #menu ul { height: auto; }
*html #menu li { width: 10px; }
*html #menu li li { width: 150px; }
*html #menu li li li { width: 150px; }
*html .menu_left li	{ height: 27px; margin-bottom: -3px; }

/* IE 7 only hacks		*/
*:first-child+html a		{}
/* Opera 9 and below hacks	*/
html:first-child a		{}
/* Safari and Opera hacks	*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu ul ul				{z-index: 200;}
}

/* HR Styling hacks		*/
/* IE				*/
hr				{height: 1px; color: #d5d8d8; border: none;}
/* Gecko-based browsers		*/
html>body hr			{height: 1px; background-color: #d5d8d8; border: none;}
/* Opera & Gecko-based browsers	*/
html>body hr			{height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8;}

/* clearfix			*/
.clearfix:after			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix			{display: inline-block;}
/* Hide from IE Mac \*/
.clearfix			{display: block;}
* html .clearfix		{height: 1%;}
/* End hide from IE Mac */