@import url(base.css);
/**
 * Default Styles
 */
body 							{ background-image:url(../images/design/background.jpg); background-repeat:no-repeat; background-color:#90acc9; /*background-color:#000;*/ }

h1 								{ border-bottom:1px solid #CCC; color:#034ea2; font-family:Geneva, Arial, Helvetica; font-size:26px; font-weight:normal; }
h2				 				{ clear:both; color:#333; font-family:Geneva, Arial, Helvetica; font-size:20px; font-weight:normal; }
h3 								{ clear:both; color:#555; font-size:14px; }
h4 								{ clear:both; color:#555; font-size:12px; margin-bottom:4px; }

/**
 * Container styles
 */
#offline						{ background-color:#000; color:#F00; font-size:14px; font-weight:bold; padding:10px; text-align:center; }
#container 						{ background-color:#FFF; margin-top:20px; text-align:left; width:960px; }
#container:after 				{ content:"."; clear:both; display:block; visibility:hidden; height:0; }

#logo							{ background-image:url(../images/design/hfs_logo.gif); background-repeat:no-repeat; height:80px; margin:10px; margin-top:20px; width:450px;  }

#header .sidebar				{ background-color:#CCC; background-image:url(../images/design/header_sidebar.gif); background-repeat:no-repeat; float:right; height:125px; padding:5px; width:230px; }
#header .date					{ color:#4a5d68; margin-left:5px; margin-right:5px; margin-top:10px; }
#header marquee					{ margin-left:5px; font-size:11px; }
#header marquee span			{ margin-right:60px; }
#header input					{ color:#666; font-size:11px; margin-left:5px; }

.nav_container					{ background-color:#f3f3f3; float:left; margin-left:10px; width:710px; height: 36px;}
ul#nav 							{ padding: 0; margin: 0px 0px -10px 0px; list-style: none; position: absolute;} /* absolute positioning to get around IE6 issue */
#nav li a 						{ font-weight: bold; color: #000; display: block; margin-left:4px; margin-right:4px; padding: 10px; text-decoration: none; }
#nav li a:hover 				{ background: #ccc; }
#nav li 						{ margin: 0px; padding: 0px; list-style: none; float: left; position: relative;}
#nav li ul 						{ list-style: none; display: none; position: absolute; top: auto; left: 0; background: #004389; margin: 0px 0px 0px -1px; margin: 0px; padding: 0px;}
#nav li ul li 					{ clear: left; border-bottom: 1px solid #fff; }
#nav li ul li a 				{ width: 180px; color: #fff; font-weight: normal; text-decoration: none; padding: 6px 10px;}
#nav li ul li a:hover 			{ text-decoration: underline; font-weight: normal; background: #ccc; }
#nav li>ul 						{ top: auto; left: auto; }
#nav li:hover ul, #nav li.over ul { display: block; }

#slider_container 				{ clear:both; border-top: 5px solid #333; border-bottom: 5px solid #333; width:950px; margin-left: 10px; padding: 0px; }
#slider_container ul 			{ display: block; background: #eee; height: 168px; list-style-type: none; margin: 0px; padding: 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; overflow: hidden; }
#slider_container li 			{ list-style:none; float: left; }
#slider_container .slider 		{ display: block; cursor: pointer; overflow: hidden; height: 168px; width: 33px; background: #fff; border-right: 1px solid #fff; text-decoration: none; }
#slider_container .advisers 	{ background: #eee url(../images/design/slider_advisers.jpg) no-repeat top left; }
#slider_container .investors 	{ background: #ccc url(../images/design/slider_investors.jpg) no-repeat top left; }
#slider_container .clients 		{ background: #999 url(../images/design/slider_clients.jpg) no-repeat top left; }
#slider_container input 		{ font-size: 11px; margin: 2px; }
#slider_container div			{ font-size:11px; color:#666; }
#slider_container table			{ background-color:none; border:none; }


#content						{ float:left; padding:10px; width:690px; }
#sidebar						{ background-color:#EEE; margin-right:1px; float:right; width:240px; }
#sidebar .title					{ background-image:url(../images/design/sidebar_title.gif); background-repeat:no-repeat; color:#1b2832; font-size:12px; font-weight:bold; height:30px; padding:10px; width:220px; }
#sidebar .titleSmall			{ background-image:url(../images/design/sidebar_title_small.gif); background-repeat:no-repeat; color:#1b2832; font-size:12px; font-weight:bold; height:10px; padding:10px; width:220px; }
#sidebar .section				{ padding:10px; width:220px; }

#footer 						{ color:#555; font-size:10px; margin-top:6px; text-align:left; width:950px; }
#footer a:link 					{ color: #555; text-decoration:none; }
#footer a:visited 				{ color: #555; }
#footer a:hover 				{ color: #CCC; text-decoration:underline; }
#footer a:active 				{ color: #555; }

/**
 * Box styles
 */
.box							{ background-color:#F7F7F7; border-bottom:1px solid #CCC; color:#555; float:left; margin-top:10px; padding:5px; width:660px; }
.box h3							{ margin-bottom:6px; margin-top:4px; }
.box:after 						{ content:"."; clear:both; display:block; visibility:hidden; height:0; }

.border							{ border:1px solid #CCC; float:left; padding:1px; }
.border-bottom					{ border-bottom:1px solid #CCC; }
#services						{ width:200px; margin:0px 0px 10px 10px; border: #ccc 1px solid; }
#services a						{ padding:2px 5px 2px 5px; color:#000; }
#services a:hover				{ color:#000; text-decoration:none; }
.greyBox 						{ background-color:#EFEFEF; border: #ccc solid 1px; padding:15px; font-size:13pt; font-style:italic; }
.smallText						{font-size:10px;}