@charset "utf-8";
/* CSS Document */
html, body { height: 100%; margin: 0; }
.clear { clear:both; height:0px; font-size:0px; }
body { 
overflow-y:scroll; 
background-color:#d6dadb; 
background-image:url("gui/background.jpg");
background-position:left top;
background-repeat:repeat-x;
}
body.mceContentBody {
background: #fff;
color:#000;
}
body.mceContentBody a:link{
color:#333 !important;
font-weight:200;
text-decoration: underline;
}
img { border:0; }
div, .jqmWindow td, .jqmWindow p  { 
font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Book Antiqua", "Times New Roman", serif;
font-size:11px;
line-height:20px;
color:#333;
}
form { margin:0; padding:0; }
legend, .type, .hide { display:none; } 

a:link 			{ color: #ab1010; font-weight:200; text-decoration: none; }
a:visited 		{ color: #ab1010; font-weight:200; text-decoration: none; }
a:hover 		{ color: #ab1010; font-weight:200; text-decoration: underline; }
a:active 		{ color: #ab1010; font-weight:200; text-decoration: none; }

a.blue:link, a.blue:visited, a.blue:hover, a.blue:active,
a.brown:link, a.brown:visited, a.brown:hover, a.brown:active { 
display:block;
position:relative;
float:right;
text-align:right;
font-style:italic;
margin-top:0px;
padding-top:0px;
padding-right:18px;
font-size:15px;
line-height:22px;
letter-spacing:-0.4px;
width:126px;
height:23px;
color:#fff; 
font-weight:200; 
text-decoration:none; 
background-image:url("gui/button-blue.gif");
background-position:right top;
background-repeat:no-repeat;
}

a.brown:link, a.brown:visited, a.brown:hover, a.brown:active { 
background-image:url("gui/button-brown.gif");
}

p { margin:0 0 20px 0; }


h1, h2, h3, h4, h5, h6 {
color:#35322d;
font-size:36px;
line-height:38px;
margin:0 0 10px 0;
padding:0 0 8px 0;
font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Book Antiqua", "Times New Roman", serif;
}
#wrapper {
position:relative;
z-index:1;
margin:auto;
background-image:url("gui/background-content-shadow.png");
background-position:center top;
background-repeat:repeat-y;
}
#container {
position:relative;
width:980px;
background-image:url("gui/background-sub-columns.jpg");
background-position:center top;
background-repeat:repeat-y;
z-index:1500;
}
#content {
position:relative;
z-index:1;
margin:auto;
width:980px;
background-image:url("gui/backgroundlogohero.jpg");
background-position:center top;
background-repeat:no-repeat;
}
	#text {
		width:527px;
		float:left;
		background-image:url("gui/background-sub-col2.jpg");
		background-position:left top;
		background-repeat:no-repeat;
	}
	#text .padding { padding:17px 27px; }
	#text p { 
		margin:0 0 18px 0; 
		color: #222222;
		font-weight:200;
		}
	#text li { 
		font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Book Antiqua", "Times New Roman", serif;
		font-size:13px;
		font-weight:800;
		color:#000000;
	}

	#text h1 {
		font-size:34px;
		text-transform:none;
		letter-spacing:-0.8px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 20px 0px;
		font-weight:200;
	}

	#text h3 {
		font-size:18px;
		text-transform:none;
		color: #222222;
	}
	#template183 #boxes {
		position:relative;
		margin-top:-34px;
		overflow:hidden;
		width:980px;
		height:267px;
		background-image:url("gui/background-content-frontpage.png");
		background-position:center top;
		background-repeat:no-repeat;
		z-index:1500;
	}
	#template183 #boxes .box1 {
		width:166px;
		margin-left:16px;
		margin-right:146px;
	}
	#template183 #boxes .box2 {
		width:165px;
		margin-right:146px;
	}
	#template183 #boxes .box3 {
		width:300px;
	}
	
	#boxes h1 {
		font-size:22px;
		line-height:24px;
		padding-top:4px;
		width:275px;
		overflow:hidden;
		color:#fff;
		text-transform:none;
		font-weight:200;
	}
	#boxes ul {
	padding-left:18px;
	margin-left:0px;
	list-style-position:outside;
	list-style-image:url("gui/icon-arrow.gif");
	list-style-type:square;
	}
	#boxes ul li { padding-bottom:5px; }
	
	#rightcolumn {
		float:left;
		text-align:right;
		width:244px;
		min-height:300px;
		font-size:16px;
		background-image:url("gui/background-sub-col3.jpg");
		background-position:left top;
		background-repeat:no-repeat;
	}
	#rightcolumn p {
		padding-right:9px;
		line-height:17px;
	}
	#rightcolumn a {
		font-weight:200;
		color:#000;
	}
	#rightcolumn strong { text-transform:uppercase; }
	
	h3, h4, h5, h6 {
		font-size:20px;
		font-weight:200;
		color:#222;
		padding:3px 3px 5px 0px;
		margin:0px 0px 9px 0px;
		line-height:20px;
		letter-spacing:-0.4px;
	}
	
	#template183 #boxes div {
	width:290px;
	float:left;
	margin-left:10px;
	}	
	#logo {
		position:relative;
		height:137px;
	}
	#contactus {
		position:absolute;
		top:17px;
		right:10px;
		height:78px;
		width:271px;
		color:#e6e8eb;
		font-size:17px;
		letter-spacing:-0.4px;
		padding-right:14px;
		text-align:right;
		text-shadow:1px 9px 15px #333;
	}
	#contactus h1 { margin:3px 0px 0px 0px; padding:0; font-size:22px; color:#fff; line-height:26px; }
	.tel { clear:both; display:block; font-weight:200; letter-spacing:-0.3px; }
	#contactus .value { font-weight:200; }
	#photo {
		position:relative;
		z-index:10;
	}
		#photo img {
		position:relative;
		top:0px;
		left:0px;
		margin-top:-1px;
		z-index:1;
		}
		
		#photo .loanmod {
                        position:absolute;
                        z-index:100;
                        overflow:hidden;
                        width:476px;
                        height:311px;
                        top:48px;
                        left:0px;
                }

		#template183 #photo .loanmod {
                        position:absolute;
                        z-index:100;
                        overflow:hidden;
                        width:476px;
                        height:311px;
                        top:48px;
                        left:0px;
                }
		
		#photo .text {
			position:absolute;
			line-height:24px;
			letter-spacing:normal;
			z-index:5;
			overflow:hidden;
			width:480px;
			height:177px;
			top:20px;
			left:459px;
			padding-left:10px;
			font-size:15px;
			color:#35322d;
			text-shadow:1px 9px 18px #aaa;
		}
		#template183 #photo .text { height:250px; }
		#photo .text h1 { 
			font-size:37px; 
			line-height:39px;
			font-variant:small-caps;
			font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Book Antiqua", "Times New Roman", serif;
			letter-spacing:-1.2px;
			margin-bottom:0px;
		}
		.text span {
		position: relative;
		top:0;
		left:0px;
		text-align:left;
		}
		span .jq-shadow {
		position: absolute;
		top: .1em;
		left:0px;
		color:#000;
		text-align:left;
		}

#submenu {
position:relative;
float:left;
width:209px;
min-height:50px;
padding-bottom:30px;
background-image:url("gui/background-sub-col1.jpg");
background-position:left top;
background-repeat:no-repeat;
}
	.subnavigation {
	position:relative;
	top:15px;
	}
	#submenu ul {
	margin:15px 0px 0px 0px;
	padding:0;
	border:0;
	list-style-type:none;
	display:block;
	}
	#submenu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	position:relative;
	margin-top:1px;
	z-index:5;
	}
	#submenu a, #submenu a:link, #submenu a:visited, #submenu a:hover, #submenu a:active {
	display:block;
	position:relative;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:12px;
	padding-left:19px;
	padding-right:5px;
	text-align:left;
	line-height:20px;
	color:#424141;
	font-weight:200;
	font-size:18px;
	margin-top:1px;
	text-transform:none;
	letter-spacing:-0.8px;
	}
	#submenu a:hover, #submenu .selected a:link, #submenu .selected a:visited, #submenu .selected a:active {
	color:#000;
	}
	#submenu .selected a:link { font-weight:200; }
	/*
	#submenu ul li:first-child { border-top:0px; }
	#submenu ul li:first-child a, #submenu ul li:first-child a:hover, #submenu ul li:first-child a:visited { color:#005e52; font-size:22px; font-weight:200; padding-bottom:5px; text-shadow: 0px 0px 0px #000; background-color:#FFF; }
	*/

#footer {
position:relative;
z-index:5;
height:65px;
background-image:url("gui/background-footer.png");
background-position:center top;
background-repeat:no-repeat;
padding-bottom:20px;
}
	#footer div:first-child {
	width:960px;
	margin:auto;
	padding-top:2px;
	color:#888;
	font-size:12px;
	}

	#footer a:link 			{ color:#b18347; text-decoration: none; }
	#footer a:visited 		{ color:#b18347; text-decoration: none; }
	#footer a:hover 		{ color:#fff; text-decoration: underline; }
	#footer a:active 		{ color:#b18347; text-decoration: none; }

div#requestconsult fieldset, #requestconsult { 
	border:none; 
	margin:0; 
	padding:0; 
	display:block;
}
	div#requestconsult form { border:0; padding:0; margin:0; }
	div#requestconsult legend { display:none; padding:0; margin:0; }
	.required { color:#FF0000; }
	
	div#requestconsult .input { width:130px; height:16px; margin-top:0px; display:block; }
	div#requestconsult label { width:130px; display:block; float:left; margin-bottom:3px; }	
	div#requestconsult em { text-transform:none; color:#3a3b3b; font-style:normal; 
	font:10px Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; 
	font-weight:200;	
	font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Book Antiqua", "Times New Roman", serif;
}
	div#requestconsult .submit { clear:both; margin-top:22px; }


#container #requestconsult        { padding-left:20px; text-align:left; }
#container #requestconsult .input { width:90px; }
#container #requestconsult label  { width:90px; }

	


#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
}
#menu a:hover, #menu .selected a:link {
	color:#fff;
}



/**** MENU *************************************************************** */
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
#menu {
z-index:8;
width:861px;
height:46px;
margin-bottom:2px;
margin-left:1px;
}
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
.menu {
display:inline-block;
margin:auto;
padding-top:1px;
}
.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url("gui/blank.gif");	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding:0px 30px 30px 30px;
	margin:0px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li {
color:#fff;
}
.menu ul li {
color:#fff;
}
.menu ul {
color:#fff;
}
.menu a, .menu a:link, .menu a:visited, .menu a:hover, .menu a:active  {
	line-height:18px;
	text-decoration:none;
	color:#fff;
	padding-top:12px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:21px;
	display:block;
	position:relative;
	font-weight:200;
	font-size:18px;
	/* font-family:Futura, Century Gothic, AppleGothic, sans-serif; */
	letter-spacing:-0.8px;
	background-image:url("gui/background-menu.png");
	background-position:right -46px;
	background-repeat:repeat-x;
}
.browserSafari .menu a, .browserSafari .menu a:link, .browserSafari .menu a:visited, .browserSafari .menu a:hover, .browserSafari .menu a:active {
	padding-left:15px;
	padding-right:15px;
}
.browserChrome .menu a, .browserChrome .menu a:link, .browserChrome .menu a:visited, .browserChrome .menu a:hover, .browserChrome .menu a:active {
	font-size:19px;
}
.browserChrome #requestconsult { margin-top:-18px; }

.browserIE7 .menu a, .browserIE7 .menu a:link, .browserIE7 .menu a:visited, .browserIE7 .menu a:hover, .browserIE7 .menu a:active  { letter-spacing:0px; font-size:19px; } 

.browserIE7 { overflow-y:auto; }

.browserIE7 .menu li li a, .browserIE6 .menu li li a { margin-top:-1px; }

.menu a:hover, .menu li:hover>a {
	color:#eee;
	background-image:url("gui/background-menu.png");
	background-position:right top;
	background-repeat:repeat-x;
	text-shadow:0px 1px 2px #000;
}

.menu a:hover, .menu .adxmhoverA {		/* FOR IE6! li:hover>a selector */
	color: #fff;
}

.menu li li {	/* create borders around each item */
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #aaa;
	border-top:1px solid #fff;
	margin-left:-1px;
}
.menu li li:first-child {
	margin-top:15px;
	border-top:0px solid #fff;
}
.menu li li a, .menu li li a:link, .menu li li a:visited, .menu li li a:hover, .menu li li a:active  {
	text-decoration: none;
	color:#000;
	background-color:#fff;
	font-size:13px;
	white-space: nowrap;
	display:block;
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background-image:none;
	padding:5px;
	letter-spacing:0.0px;
}
.menu li li a:hover, .menu li li:hover a {
	color:#fff;
	background-image:none;
	background-color:#1f190b;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top:0px;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
.menu .toplevel {
	height:30px;
	border:0;
}

.menu .item2 ul>li { min-width:188px; }
.menu .item3 ul>li { min-width:191px; }
.menu .item4 ul>li { min-width:151px; }

.menu .item4 li a {
}
.menu .item4 a:hover {
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}
 */
/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */




.blueh1 {
	position:absolute;
	top:-42px;
	background-color:#273240;
	color:#f7f7f9;
	height:42px;
	overflow:hidden;
	white-space:nowrap;
}
	#submenu .blueh1 { width:208px; }
	#text .blueh1 { width:526px; }
	#rightcolumn .blueh1 { width:244px; }

	.blueh1 h1 { 
		color:#f7f7f9;
		font-size:20px;
		line-height:39px;
		padding-bottom:0px;
		padding-left:18px;
		text-transform:none;
		text-align:left;
		font-weight:200;
	}
	#text p {
		font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Book Antiqua", "Times New Roman", serif;
		font-size:14px;
	}