body {
	margin: 0; padding: 0; background: #e9e9e9; text-align: left; font: 11px Arial, "Trebuchet MS", Tahoma; color: #000;
}

h2 { margin: 10px 0; padding: 5px 0; border-bottom: 1px solid #99a48b; font-weight: bold; font-size: 13px; }

/* header */
#header { width: 100%; height: 395px; margin: 10px auto 0; background: #e9e9e9 url("../img/credit/bg-city-credit.jpg") no-repeat center bottom; }

/* header container */
#header-container { width: 770px; height: 385px; margin: 0 auto; padding: 10px 10px 0; background: #fff; }
	
	/* header up */
	#header-up { position: relative; width: auto; height: 127px; margin: 0 auto; padding: 0; background: #fff; border-bottom: 8px solid #b10909; }
		
		/* logo */
		#logo { position: absolute; top: 5px; left: 0; }
		#logo img { border: 0; }
		/* slogan */
		#slogan { position: absolute; top: 100px; left: 0; font-weight: bold; font-size: 13px; color: #000; }
		
		/* menu container */
		#menu-container { position: absolute; width: 310px; height: 127px; top: 0; left: 420px; background: #fff; }
		/* menu */
		#umenu { position: absolute; width: 310px; height: 36px; top: 91px; left: 40px; background: #b10909; }
		* html #umenu { top: 93px; }
		#umenu ul { float: left; margin: -3px 0 0 0; padding: 0; font-weight: bold; }
		#umenu ul li { display: inline; }
		#umenu ul li a { 
			float: left; margin: 0; padding: 17px 10px 4px 10px;
			text-decoration: none; font-weight: bold; font-size: 13px; color: #fff;
		}
		* html #umenu ul li a { padding: 15px 10px 4px 10px; }
		#umenu ul li a:hover { text-decoration: underline; }

/* banner */
#banner { position: relative; clear: both; height: 208px; border-top: 1px solid #fff; background: url("../img/credit/banner.jpg") no-repeat; z-index: 0; }
* html #banner { height: 207px; }
/* banner texts */
#banner h1 { margin: 10px 20px 10px 0; font-weight: bold; font-size: 16px; color: #000; }
#banner h1.first { margin-top: 30px; font-size: 14px; }
#banner h1.small { font-size: 12px; }
#banner h1 span, #banner h1.small span { color: #e61b1b; }
#banner p { margin: 40px 0 0 20px; }
#banner p a { padding: 0 3px; border-bottom: 1px solid #ecd5d5; text-decoration: none; color: #7e1a1a; }
#banner p a:hover { border-bottom: 1px solid #896161; }

	/* banner submenu */
	#banner-submenu { 
		position: relative; width:auto; height: 36px; margin: 0; padding: 0; border-top: 5px solid #ededed; border-bottom: 2px solid #693030;
		background: #fff url("../img/credit/bg-menu.gif") repeat-x top left; z-index: 100; text-align: left;
	}
	
	/* banner menu options */
	#menu, #menu ul { margin: 0; padding: 0; list-style: none; line-height: 1; }
	#menu a { display: block; }
	#menu li { float: left; width: auto; text-align: left; }
	#menu li a { 
		margin: 0; padding: 14px 10px 4px 10px; text-decoration: none; font-weight: bold; font-size: 13px; color: #fff; border-right: 1px solid #493838;
	}
	* html #menu li a { padding: 14px 10px 4px 10px; }
	#menu li a:hover { text-decoration: underline; }
	
	/* banner submenu one level */
	#menu li ul { position: absolute; left: -999em; }
	#menu li:hover ul { left: auto; }
	#menu li:hover ul, #menu li.sfhover ul { left: auto; border-bottom: 10px solid #584f4b; background: #423e3c; }
	#menu li:hover ul li, #menu li.sfhover ul li { display: block; width: 10em; border: none; left: auto; }
	#menu li:hover ul li a, #menu li.sfhover ul li a { width: auto; margin: 5px 10px; padding: 0; font-size: 11px; color: #fff; }
	
	/* banner submenu second level */
	#menu li ul ul { margin: -20px 0 0 10em; }
	#menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em; border-bottom: 10px solid #55463f; background: #3d3632; }
	#menu li:hover ul ul a, #menu li.sfhover ul ul a { border: none; }
	#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left: auto; }
	
		/* width for submenus */
		#about { width: 10em; } 
		#credits { width: 10em; } 
		#credits-pf { width: 14em; } 
		#credits-imm { width: 14em; } 
		#leasing { width: 10em; } 
		#structural { width: 12em; }
		#utils { width: 12em; } 

/* middle-container */
#middle-container { width: 100%; margin: 0 auto; padding: 0 0 20px; background: #e9e9e9 url("../img/credit/bg-body.gif") repeat-x; z-index: 1; }
/* middle 750px */
#middle { clear: both; width: 770px; height: auto; margin: 0 auto; padding: 0 10px; background: #fff; }
#middle .mid-text { margin: 0; padding: 45px 0 0 0; text-align: justify; font-size: 12px; }
#middle .mid-text a { text-decoration: underline; color: #000; }
#middle .mid-text a:hover { text-decoration: none; color: #a10000; }
#middle .mid-text span { font-weight: bold; color: #e2120c; }
#middle .mid-text p { margin: 10px 0; padding: 0; }
#middle .mid-text p.margin { margin: 10px 0 10px 20px; padding: 0; }
#middle .mid-text .big-text, #middle .mid-text .big-text span { font-size: 12px; }

/* left */
#left { position: relative; float: left; width: 500px; margin: 0; padding: 5px 0; }
#left h2 { margin: 0; padding: 7px 0 11px 0; text-align: center; font-weight: bold; font-size: 15px; color: #d90000; }
* html #left h2 { padding: 7px 0 6px 0; }

.safe { clear: both; margin: 0 auto; padding: 0; text-align: center; }
.safe img { padding: 3px; border: 1px solid #ccc; }
.safe strong { line-height: 25px; }

/* right */
#right { position: relative; float: right; width: 240px; margin: 0; padding: 5px 0; color: #4e1e04; }
#right h2 { border-bottom: 1px solid #ecd5d5; color: #887b7b; }
#right h2 b { font-weight: bold; color: #000; }
#right h2 span { font-weight: bold; color: #e2120c; }

/**/
#regional-offices { line-height: 22px; margin: 0; padding: 0; color: #64695f; }
#regional-offices strong { font-size: 12px; color: #000; }
#regional-offices a { text-decoration: underline; color: #000; }
#regional-offices a:hover { text-decoration: none; color: #a10000; }

/* links */
.links { margin: 0; padding: 0; }
.links ul { width: auto; margin: 0; padding: 0; list-style: none; }
.links li { position: relative; margin: 0; padding: 3px 0; list-style: none; }
.links li a { border-bottom: 1px solid #eee; text-decoration: none; color: #5e0a0a; }
.links li a:hover { border-bottom: 1px solid #b80d0d; }

/* currency */
#currency { line-height: 25px; margin: 0; padding: 0; color: #64695f; }
#currency span { font-weight: bold; font-size: 12px; color: #f33819; }

/* currency */
#currency-convertor { margin: 0; padding: 0; }
#currency-convertor form {  margin: 0; text-indent: 0; word-spacing: 0; }
#currency-convertor ul { margin: 0; padding: 0; }
#currency-convertor ul li { position: relative; clear: both; height: 25px; margin: 0; padding: 0; list-style: none; }
#currency-convertor ul li span.moned { width: 180px; margin: 0; padding: 0; font-weight: bold; vertical-align: top; color: #ba1a00; }
#currency-convertor ul li span.value { position: absolute; top: 0; left: 40px; width: 120px; border: none; color: #4ec812; }
#currency-convertor ul li span.value input { width: 80px; height: 18px; border: 1px solid #bbc3b2; font-size: 11px; color: #3b541f; }

/* footer-container */
#footer-container { width: 100%; margin: 0 auto; }
	/* footer */
	#footer { clear: both; width: 750px; height: 100px; margin: 0 auto; padding: 15px 10px; border-top: 1px solid #eee; background: #fff; color: #292f1e; }
	/* html #footer { padding: 16px 10px; } */
	#footer span { font-weight: bold; color: #e2120c; }

		.links { clear: both; position: relative; line-height: 22px;  padding: 0; text-align: left; color: #863029; }
		.links a { margin: 0; padding: 2px; border-bottom: 1px solid #c2aeae; text-decoration: none; font-weight: bold; font-size: 12px; color: #503333; }
		.links a:hover { border-bottom: 1px solid #4a4040; }
		
			/* web design author */
			#creation-logo { position: relative; clear: both; margin: 30px 0 0 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
			#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
			#creation-logo a:hover { color: #5e9f1f; }
			#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
			#creation-logo strong { color: #000; }

	/* validation */
	#validation { position: relative; float: right; width: 200px; margin: 10px 0 0; padding: 0; text-align: right; }
	* html #validation { margin: 10px 0 0; padding: 0;}
	#validation a { padding: 2px; text-decoration: none; }
	#validation a:hover { border-top: 2px solid #eee; }
	#validation a.html { background: #765151; font-size: 10px; color: #fff; }
	#validation a.html:hover { background: #827373; }
	#validation a.css { background: #827373; font-size: 10px; color: #fff; }
	#validation a.css:hover { background: #765151; }

	/* bank partners */
	#bank-partners { clear: both; margin: 0 auto; padding: 30px 0 5px; text-align: center; background: #fff url("../img/credit/bg-banks.gif") repeat-x; }
	* html #bank-partners { padding: 30px 0 5px; }
	#bank-partners img { border: 0; padding: 4px 5px; vertical-align: bottom; }

/* navigator */
.navigator { clear: both; height: 20px; margin: 0; padding: 0; text-align: justify; color: #000; }
.navigator a:link, .navigator a:visited, .navigator a:active { color: #c10000; }
.navigator a:hover { color: #000; } 
.navigator span.no_link { color: #a4a4a4; }
.navigator span.jump_to { padding-left: 15px; font-weight: bold; color: #971c1c; }
.navigator input { width: 30px; height: 18px; border: 1px solid #7b7b7b; font-weight: bold; font-size: 11px; }
.navigator img { border: 0; vertical-align: middle; }

/* partners */
.partners { position: relative; clear: both; margin: 7px 5px 7px 0; text-align: center; }
.partners a { border: none; text-decoration: none; font-size: 11px; color: #696969; }
.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }

span.customer { font-weight: bold; font-size: 13px; color: #e2120c; }

/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/