/*-------
// global reset
//-----*/
html,body,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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #f2ae00;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Verdana, Geneva, sans-serif;
	background: #979387 url(../img/page-t.gif) repeat-x 0 0;
	padding: 10px 0;
}

#page {
	font-size: 1.2em;
	width: 1024px;
	margin: 0 auto;
	color: #342d24;
}

#top {
	height: 328px;
}
	#bar1 {
		background: url(../img/bar-1.png) repeat 0 0;
		height: 63px;
		position: relative;
	}
		#logo {
			float: left;
			padding: 24px 0 0 62px;
		}
			#logo a:link, #logo a:visited {
				display: block;
				width: 304px;
				height: 18px;
				text-indent: -1000em;
				background: url(../img/logo-1.png) no-repeat 0 0;
			}
		#menu {
			float: right;
			padding: 25px 50px 0 0;
			font-size: 108.33%;
			line-height: 1.6;
		}
			#menu ul {
			}
				#menu li {
					float: left;
					padding: 0 12px;
				}
					#menu li a:link, #menu li a:visited {
						float: left;
						display: block;
						color: #342d24;
					}
					#menu li a:link:hover, #menu li a:visited:hover, 
					#menu li.active a:link, #menu li.active a:visited {
						color: #d09812;
						text-decoration: none;
					}
		#links1 {
			position: absolute;
			right: 62px;
			top: 0;
			font-size: 83.33%;
		}
			#links1 a:link, #links1 a:visited {
				float: left;
				display: block;
				background: #f2ae00;
				color: #FFFFFF;
				padding: 3px 5px;
			}
	#bar2 {
		background: url(../img/bar-2REV.png) repeat-y 0 0;
		height: 56px;
		padding: 0 0 0 50px;
	}
		#bar2 h1 {
			line-height: 56px;
			height: 56px;
			padding-left: 10px;
		}

#wrap {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	border: solid 2px #eeb01b;
	border-width: 2px 0;
	background: #FFF url(../img/wrap.gif) repeat-y 0 0;
	padding: 25px 0;
}
.home #wrap { background-image: none; }
	#content {
		float: right;
		width: 570px;
		padding: 0 50px 0 0;
		font-size: 108.33%;
	}
	#side {
		float: left;
		width: 250px;
	}


#content h2 {
	font-size: 123%;
	font-weight: normal;
	color: #305E43;
	line-height: 1.6;
	margin: 0 0 .5em;
}
	#content h2.name {
	text-transform:uppercase;
}
#content h3 {
	font-size: 110%;
	font-weight: normal;
	color: #305E43;
	line-height: 1.6;
	margin: 1em 0 0;
}


#content p {
	line-height: 1.7;
	margin: 0 0 .75em;
}
#content p.leadin { font-weight: bold; margin-top: 2em; }

#content ul {
	list-style: none;
	line-height: 1.4;
	margin: 0 0 2em 0;
}
	#content ul li {
		background: url(../img/contentbullet.gif) no-repeat 0 10px;
		padding: .2em 0 .2em 1.2em;
	}


.box1 {
}
	.box1 h3 {
		margin: 0 0 10px;
	}
	#page .box1 p {
		line-height: 1.65;
		margin: 0 0 10px;
	}
	#page .box1 p.more {
	}
		.box1 p.more a:link, .box1 p.more a:visited {
			background: #eeb01b;
			color: #FFFFFF;
			display: block;
			padding: 3px 10px;
		}
		.box1 p.more a:hover {
			background: #979387;
			text-decoration: none;
		}



#footer {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	background: #bfbcb5;
	color: #FFFFFF;
	font-size: 83.33%;
	line-height: 25px;
	height: 25px;
}
	#footer p {
		padding: 0 10px;
	}
	#footer p.links {
		float: left;
	}
	#footer p.by {
		float: right;
	}
	#footer a:link, #footer a:visited {
		color: #FFFFFF;
	}
	#footer a.fathom:link, #footer a.fathom:visited {
		color: #FFFFFF;text-decoration:underline;
	}

/*-------
// homepage
//-----*/

.home #page {
	background: url(../img/back-home.jpg) no-repeat 0 0;
}

.home #top {
	height: 469px;
	position: relative;
}

#menu3 {
	position: absolute;
	bottom: 11px;
	right: 61px;
	font-size: 116.67%;
	width:755px;
}

	#menu3 #col  {width:236px;
			display:block;
			height:400px;
			float:left;
			position:relative;
			padding-left:15px}
			
		#menu3 ul {width:236px;
			display:block;
			position:absolute;
			bottom:0;}
	#menu3 li {
		float: left;
		margin: 0 1px 0 0;
	}
		#menu3 #col li a:link, #menu3 #col li a:visited {
			float: left;
			display: block;
			background:url(../img/bg_menu3_off.gif) no-repeat 0 0;
			/*border-top: solid 2px #eeb01b;*/
			height: 45px;
			text-decoration: none;
			margin-top:15px;
			overflow:hidden;
		}
			#menu3 #col li a:link em, #menu3 #col li a:visited em {
				display: block;
				height: 45px;
				width: 236px;
				text-indent: -1000em;
				background-repeat: no-repeat;
				background-position: 50% 50%;
			}
			#menu3 #col li.i1 a:link em, #menu3 #col li.i1 a:visited em {
				background-image: url(../img/texts/benefits-administration.png);
			}
			#menu3 #col li.i2 a:link em, #menu3 #col li.i2 a:visited em {
				background-image: url(../img/texts/hr-payroll-administration.png);
			}
			#menu3 #col li.i3 a:link em, #menu3 #col li.i3 a:visited em {
				background-image: url(../img/texts/retirement-plan-consulting.png);
			}
			#menu3 #col li.i4 a:link em, #menu3 #col li.i4 a:visited em {
				background-image: url(../img/texts/investment-services.png);
			}
			#menu3 #col li.i5 a:link em, #menu3 #col li.i5 a:visited em {
				background-image: url(../img/texts/executive-compensation.png);
			}
			#menu3 #col li.i6 a:link em, #menu3 #col li.i6 a:visited em {
				background-image: url(../img/texts/actuary.png);
			}
			#menu3 #col li a:link span, #menu3 #col li a:visited span {
				/*position: absolute;*/
				visibility: hidden;
				/*left: 0;
				top: -115px;
				width: 625px;*/
				width:206px;
				display:block;
				padding: 10px 15px;
				line-height: 1.75;
				background: #edecea;
				color: #342d24;
				font-size:12px;
			}
		#menu3 #col li a:link:hover, #menu3 #col li a:visited:hover {
			/*background: #eeb01b;*/
			background:url(../img/bg_menu3_yellow.gif) no-repeat 0 0;
			height:191px;
		}
		#menu3 #col li.i5 a:link:hover, #menu3 #col li.i5 a:visited:hover, #menu3 #col li.i2 a:link:hover, #menu3 #col li.i2 a:visited:hover {
			/*background: #eeb01b;*/
			height:175px;
		}
		
		
			#menu3 #col li a:link:hover span, #menu3 #col li a:visited:hover span {
				left: 0;
				visibility: visible;
				background: #edecea;
			}
			

.home #wrap {
	padding: 20px 0 0;
}
.home #content {
	float: none;
	padding: 0;
	width: 100%;
	font-size: 100%;
}

#boxes {
	width: 870px;
	margin: 0 auto 15px;
	overflow: hidden;
}
	#boxes .box1 {
		float: left;
		width: 205px;
		margin: 0 15px 0 0;
	}
	#boxes .last {
		margin: 0;
	}
		#boxes .box1 p {
			height: 120px;
		}
		#boxes .box1 p.forum {
			height: 100px;
		}
		#boxes .box1 p.more {
			height: auto;
		}
		
.home .box1 h3 {
	margin: 0 0 7px !important;
	padding: 0 !important;
}

#contact {
	width: 100%;
	overflow: hidden;
	background: #edecea;
	color: #53504b;
	font-size: 91.67%;
}
	#contact p {
		float: left;
		width: 195px;
		padding: 15px 15px;
		line-height: 1.25;
	}

/*-------
// page-2
//-----*/

.back1 #page {background: url(../img/back-1.jpg) no-repeat 0 0;}
.back2 #page {background: url(../img/back-2.jpg) no-repeat 0 0;}
.back3 #page {background: url(../img/back-3.jpg) no-repeat 0 0;}
.back4 #page {background: url(../img/back-4.jpg) no-repeat 0 0;}
.back5 #page {background: url(../img/back-5.jpg) no-repeat 0 0;}
.back6 #page {background: url(../img/back-6.jpg) no-repeat 0 0;}
.back7 #page {background: url(../img/back-7.jpg) no-repeat 0 0;}
.back8 #page {background: url(../img/back-8.jpg) no-repeat 0 0;}
.back9 #page {background: url(../img/back-9.jpg) no-repeat 0 0;}
.back10 #page {background: url(../img/back-10.jpg) no-repeat 0 0;}

#menu2 {
	font-size: 116.67%;
	margin: 0 0 45px;
}
	#menu2 li {
		border-bottom: solid 1px #d6d3d0;
	}
		#menu2 li a:link, #menu2 li a:visited {
			color: #342d24;
			display: block;
			line-height: 1.5;
			padding: 7px 0 7px 25px;
		}
		#menu2 li a:hover, #menu2 li.active a {
			background: #979387;
			color: #fff;
			text-decoration: none;
		}
		
		/* added by outside dan */
			#menu2 li ul li {
				border-bottom-color: #fff;
			}
			#menu2 li ul li.last { border: 0; }
			#menu2 li ul li a {
				background: #EDECEA !important;
				color: #305E43 !important;
				display: block;
				font-size: 12px;
				padding: 5px 20px 5px 40px !important;
			}
			#menu2 li ul li a:hover, #menu2 li ul li.active a {
				text-decoration: underline;
			}
			
#side .box1 {
	padding: 0 0 0 25px;
	margin: 0 0 50px;
}
	#side .box1 p { margin-right: 20px; }
	#side .box1 p.more {
		margin: 0 0 0 -25px;
	}
	#side .box1 p.more a {
		padding-left: 25px;
	}

/*-------
// text replacements
//-----*/

#tAboutUs {
	text-indent: -1000em;
	background: url(../img/texts/about-us.png) no-repeat 10px center;
}
#tServices {
	text-indent: -1000em;
	background: url(../img/texts/t-services.png) no-repeat 10px center;
}
#tNews {
	text-indent: -1000em;
	background: url(../img/texts/t-news.png) no-repeat 10px center;
}
#tContact {
	text-indent: -1000em;
	background: url(../img/texts/t-contact.png) no-repeat 10px center;
}

#tAboutOurFirm {
	width: 167px;
	height: 14px;
	text-indent: -9999em;
}
	#tAboutOurFirm span {
		background: url(../img/texts/about-our-firm.png) no-repeat 0 0;
	}
#tHowWeHelp {
	width: 167px;
	height: 14px;
	text-indent: -9999em;
}
	#tHowWeHelp span {
		background: url(../img/texts/how-we-help.png) no-repeat 0 0;
	}
#tObjectiveGuidance {
	width: 167px;
	height: 14px;
	text-indent: -9999em;
}
	#tObjectiveGuidance span {
		background: url(../img/texts/objective-guidance.png) no-repeat 0 0;
	}
	
	#tForum {
	width: 167px;
	height: 34px;
	text-indent: -9999em;
}
	#tForum span {
		background: url(../img/texts/forum.png) no-repeat 0 0;
	}
	
#tNewsResources {
	width: 167px;
	height: 14px;
	text-indent: -9999em;
}
	#tNewsResources span {
		background: url(../img/texts/news-and-resources.png) no-repeat 0 0;
	}
#tTalkToUs {
	width: 87px;
	height: 14px;
	text-indent: -9999em;
}
	#tTalkToUs span {
		background: url(../img/texts/talk-to-us.png) no-repeat 0 0;
	}




/* more by outside dan

	INVESTMENT CYCLE */
	
#cycle {
	background: url(../img/cycle.gif) no-repeat center center;
	margin: 40px auto 0;
	position: relative;
	height: 522px;
	width: 497px;
}
.step {
	border: 1px solid #BDBAB3;
	height: 164px;
	overflow: hidden;
	width: 164px;
}

.step h3 {
	background: #BDBAB3;
	color: #342D24 !important;
	font: normal 12px Verdana, Arial, sans-serif !important;
	margin: 0 !important;
	padding: 10px;
	text-align: center;
}
.step h3 a {color: #342D24;}
.step li {
	background: none !important;
	line-height: 1;
	margin: 4px 0 0 15px;
	padding: 0 !important;
	color:#305E43;
}
.step li a { color: #305E43 !important; }

#cycle #design {
	left: 165px;
	position: absolute;
}
#cycle #implement {
	left: 350px;
	position: absolute;
	top: 180px;
}
#cycle #enhance {
	left: -20px;
	position: absolute;
	top: 180px;
}
#cycle #manage {
	left: 165px;
	position: absolute;
	top: 360px;
	height:204px;
}

/*
	NEWS AND RESOURCES */
	
.news h3 {
	color: #342D24 !important;
}
.news.first h3 { margin-top: 0 !important; }
.news ul { margin-top: 4px !important; }
.news ul li, .news p {
	background: #EDECEA !important;
	border-top: 2px solid #fff;
	margin: 4px 0 0 0 !important;
	padding: 0 !important;
}
.news ul li:hover, .news p:hover {
	border-top-color: #EEB01B;
}
.news ul li a, .news p a {
	color: #274E37;
	display: block;
	padding: 10px 20px;
	position: relative;
}
.news ul li a:hover, .news p a:hover { text-decoration: none !important; }
.news ul li a:hover .icon {
	background: transparent url(../img/acrobat-icon.png) no-repeat center center;
	height: 24px;
	position: absolute;
	width: 24px;
	right: 10px;
	top: 7px;
}
.news ul li a:hover .arrow {
	background: transparent url(../img/arrow-icon.png) no-repeat center center;
	height: 10px;
	position: absolute;
	width: 11px;
	right: 40px;
	top: 14px;
}
#content .newsDetail ul li {
	background-color: #EDECEA;
	background-image:none;
	border-top: 2px solid #fff;
	margin: 4px 0 0 0 ;
	padding: 10px 20px;
	color:#305E43;
	font-size:110%;
}
#content .newsDetail p {
	padding: 0 20px 10px 20px;
}
#content .newsDetail h3 {
	color:#555353;
}
.newsnav {
	color: #555353;
	font-size: 12px !important;
	margin-top: 30px;
	text-align: center;
}
.newsnav a {
	color: #555353 !important;
}
.newsnav a:hover { color: #EEB01B !important; } 


/*
	CONTACT US */

.contact {
	background: #EDECEA !important;
	border-top: 2px solid #EEB01B !important;
	margin: 5px 0 0 0 !important;
	padding: 10px 20px;
}
.contact.last { padding-bottom: 40px; }
form {
	margin: 0 !important;
	padding: 0 !important;
}
.contact h3 { margin: 0 0 6px 0 !important; }
.contact .field {
	margin-top: 4px;
	overflow: hidden;
	width: 100%;
}
.contact .field label {
	float: left;
	width: 130px;
}
.contact .field input, .contact .field select, .contact .field textarea {
	background: #fff;
	border: 1px solid #979387;
	float: left;
	padding: 2px;
	width: 170px;
}
.contact .field select { width: 175px; }
.contact .field.how label { float: none; display: block; margin: 20px 0 5px; width: 100%; }
.contact .field textarea {
	float: none;
	height: 80px;
	width: 260px;
}
.contact input[type="submit"], .contact input[type="button"] {
	background: #979387;
	border: none;
	color: #fff;
	padding: 5px 20px;
}


/*
	SITE MAP */

#sitemap ul {
	list-style: none;
	margin: 8px 0 0 0 !important;
	padding: 0 !important;
}
#sitemap li {
	background: none !important;
	font-size: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
}
#sitemap ul li { padding-left: 1em !important; }
#sitemap ul li { font-size: 18px !important; }
#sitemap ul li ul li { font-size: 14px !important; margin-left: 1em !important; }
#sitemap ul li ul li ul { margin: 0 0 8px 0 !important; }
#sitemap ul li ul li ul li { font-size: 12px !important; margin-left: 1em !important; }
#sitemap ul li ul li ul li a { color: #979387 !important; }
#sitemap a {
	color: #000 !important;
}
.detailImage  {float:right;margin:0 0 10px 10px;border:solid 1px #979387;}

a.back {background:transparent url(../img/arrow_back.gif) no-repeat 0 50%;padding:0 0 0 20px;color:#555353;display:block;}

/* RSR adds */
.detailIcons {
	float:right;
	margin:0 0 10px 10px;
	clear: both;
}
/** RSR ends */