@charset "UTF-8";
@import url("/css/type.css");
/*------------------------------------------------------ 
Global Style Sheet
author:		Anthony Ha
email:		aha@mackenziefinancial.com
website:	http://www.mackenziefinancial.com/
--------------------------------------------------------*/
body { background: #B9AD97; }
ol, ul {
	list-style: none;
}
#wrapper {
	background: #FFFFFF url(/images/htpam_bg.jpg) repeat-y center top;
	width: 940px;
	margin: 0 auto;
	padding: 0 40px 0 40px;
}
#header {
	width: 940px;
	height: 90px;
}
#header .logo {
	float: right;
	width: 223px;
}
.home #container {
	width: 940px;
	text-align: left;
	background: #EDEAE5;
}
.home #bttmcontainer {
	width: 940px;
	text-align: left;
	background: url(/images/footer_img.jpg) no-repeat center 20px;
	height: 159px;
}

.home #main-navi {
	background: #ACA49C;
	height: 30px;
	overflow:hidden;
	padding-right: 20px;
	margin-bottom: 20px;
}
#main-navi ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	font-size: 0.786em;
	text-transform: uppercase;
	font-weight: bold;
}
#main-navi ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
#main-navi ul li.about {
	width: 100px;
	margin-right: 20px;
}
#main-navi ul li.process {
	width: 200px;
	margin-right: 20px;
}
#main-navi ul li.team {
	width: 200px;
	margin-right: 20px;
}
#main-navi ul li.services {
	width: 140px;
	margin-right: 20px;
}
#main-navi ul li.commentary { width: 90px; }
#main-navi ul li a {
	display:block;
	margin:0;
	padding:.8em .8em .6em;
	color:#fff;
	text-decoration:none;
	border-left:1px none #C8C8C8;
	border-right:1px none #A8A8A8;
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
}
#main-navi ul li a span { display:block; }
#main-navi ul li.about a:hover {
	background:#685c53 url(/en/images/down_arrow.png) no-repeat center top;
	color: #FFFFFF;
}
#main-navi ul li.process a:hover {
	background:#685c53 url(/en/images/down_arrow.png) no-repeat center top;
	color: #FFFFFF;
}
#main-navi ul li.team a:hover {
	background:#685c53 url(/en/images/down_arrow.png) no-repeat center top;
	color: #FFFFFF;
}
#main-navi ul li.services a:hover {
	background:#685c53 url(/en/images/down_arrow.png) no-repeat center top;
	color: #FFFFFF;
}
#main-navi ul li.commentary a:hover {
	background:#685c53 url(/en/images/down_arrow.png) no-repeat center top;
	color: #FFFFFF;
}
#main {
	background: url(/mfc_insight/en/images/siteBg.png) no-repeat center top;
	width: 940px;
	margin: 0px auto;
}
.home .columnLeft {
	float: left;
	width: 580px;
	padding: 20px 20px 0 0;
	margin-left: 20px;
	border-right: 1px solid #e1e1e1;
}
.home .columnRight {
	width: 260px;
	float: right;
	background: url(/en/images/commentaryBg.jpg) no-repeat right bottom;
	margin-left: 0px;
	padding: 20px 20px 10px 20px;
}
.home #whatsNew {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 900px;
	border-top: 20px solid #b9ac97;
}
.home #row2 {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 900px;
	border-top: 20px none #b9ac97;
}
.home .row2hide {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
.column1-3 {
	float: left;
	width: 270px;
	margin-right: 25px;
	padding: 10px 10px 0 0;
}
.column2-3 {
	float: left;
	width: 270px;
	margin-right: 25px;
	padding: 10px 10px 0 0;
}
.column3-3 {
	float: left;
	width: 270px;
	padding: 10px 10px 0 0;
}
.columnHide1-3 {
	float: left;
	width: 270px;
	margin-right: 25px;
	padding: 0 10px 0 0;
}
.columnHide2-3 {
	float: left;
	width: 270px;
	margin-right: 25px;
	padding: 0 10px 10px 0;
}
.columnHide3-3 {
	float: left;
	width: 270px;
	padding: 0 10px 10px 0;
}
.column2-3W {
	float: right;
	width: 560px;
	padding: 10px;
}
/* Footer */

#footer {
	width: 940px;
	margin: 0 auto;
	padding: 40px 40px 0 40px;
	background: url(/images/footer_bg.jpg) no-repeat center top;
}

#footer p {
	margin: 0;
	padding: 10px 0 0 0;
	font: 10px Arial, Helvetica, sans-serif;
}

.copyright {
	float: left;
	width: 580px;
	margin-right: 20px;
}
.footerLink1 {
	float: left;
	width: 160px;
	margin-right: 20px;
}
.footerLink2 {
	float: left;
	width: 160px;
}
#main .backto {
	background: #003366;
	margin: 0px;
	padding: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a.anchor { background: url(/en/images/downarrow.gif) no-repeat 100% 60%; padding-right: 10px; text-align: right; white-space: nowrap; }
#container p.backtotop {
	clear: both;
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 18px;
	margin-right: 10px;
}
#container p.backtotop a {
	background: url(/images/uparrow.gif) no-repeat 100% 50%;
	padding-right: 9px;
	text-align: right;
	font: 12px Arial, Helvetica, sans-serif;
}

/* Forms
------------------------------------------------------------*/

fieldset {
border: none;
}
label
{
font-size: 14px;
font-weight: bold;
color: #685c53;

}
input[type="text"]
{
border:1px solid #CCCCCC;
font-size:16px;
margin-bottom:20px;
padding:6px;
width:250px;
}
input[type="submit"]
{
border:1px none #CCCCCC;
margin-bottom:20px;
padding:6px;
}
textarea
{
border:1px solid #CCCCCC;
margin-bottom:20px;
padding:6px;
width:250px;
}


/* Buttons
------------------------------------------------------------*/

.coolbttns, .coolbttns:visited {
	background: #336699 url(/en/images/overlay.png) repeat-x;
	display: inline-block;
	padding: 3px 10px 4px;
	margin-top: 10px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}
.coolbttns:hover {
	color: #fff;
	background: #003366;
}
.coolbttns:active { top: 1px; }
.small.coolbttns, .small.coolbttns:visited { font-size: 11px; padding:;
}
.coolbttns, .coolbttns:visited,  .medium.coolbttns, .medium.coolbttns:visited {
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.large.coolbttns, .large.coolbttns:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
}
.green.coolbttns, .green.coolbttns:visited { background-color: #91bd09; }
.green.coolbttns:hover { background-color: #749a02; }
.blue.coolbttns, .blue.coolbttns:visited { background-color: #00457C; }
.blue.coolbttns:hover { background-color: #002F4F; }
.brown.coolbttns, .brown.coolbttns:visited { background-color: #753F00; }
.brown.coolbttns:hover { background-color: #472300; }
.litblue.coolbttns, .litblue.coolbttns:visited { background-color: #007DB1; }
.litblue.coolbttns:hover { background-color: #005D7A; }
.orange.coolbttns, .orange.coolbttns:visited { background-color: #ff5c00; }
.orange.coolbttns:hover { background-color: #d45500; }
.yellow.coolbttns, .yellow.coolbttns:visited { background-color: #E7A614; }
.yellow.coolbttns:hover { background-color: #B78116; }
#row2 img.left { border: 5px solid #FFFFFF; }
.columnRight ul {
	border-bottom: 1px solid #ACA49C;
	padding-bottom: 1.5em;
	margin: 0px 0px 0px 0em;
}
.columnRight li {
	padding-bottom: 0.5em;
	padding-left: 1em;
}
table a:link {
	font-size: 1em;
	text-decoration: none;
}