/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#000000;
	font-size:12px;
	line-height:18px;
	letter-spacing: 0;
	margin:0 auto;
	background-color:#f2f2f2;
	background-repeat: repeat-x;
	background-position: top center;
	font-family:Tahoma;
	background-image:url(images/bg_page.jpg);
}

a {
	color:#000;
	text-decoration: none;
}

a:hover {
	color:#f00;
	text-decoration: underline;
}

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:25px; }

h2 { font-size:20px; }

h3 { font-size:15px; }

/* ---- class settings ----------------------- */

.img_top {
	position: absolute;
	top: 0;
	left: 0;
}

.img_btm {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hidden-text {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     text-indent: -2000em;
}

/* ---
    min-height:400px;
    height:auto !important;
    height:400px;
--- */

/* ---- layout settings ----------------------- */


#main_container {
	position:relative;
	margin:0 auto;
	width:960px;
	height:auto;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:140px;
	background:url(images/bg_header.jpg) no-repeat;
}

#logo_bank {
	position:relative;
	top:0;
	left:0;
	float:right;
}

/* ---- start nav id settings ------------------------ */
 
#side_nav {
	position:relative;
	top:33px;
	left:23px;
	float:left;
	width:242px;
}

#sidenav_logo {
	position:relative;
	left:-23px;
	bottom:-20px;
	text-align:center;
	font-size:12px;
	line-height:14px;
}

#nav {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:40px;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:647px;
	background:url(images/bg_main.jpg) repeat-y;
}

/* ---- start main content settings -------------- */

#content_holder {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:718px;
	height:auto;
}

#scroller_area {
	margin:15px 0 0 15px;
}

#content_main {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:408px;
	height:auto;
	padding:15px 10px 0 20px;
}

/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#side_bar {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:280px;
	height:auto;
	padding:25px 0 0 0;
}

#client_login {
	position:relative;
	top:0;
	left:0;
	margin:0 0 10px 18px;
	width:243px;
	height:86px;
}

#login_01 {
	width:243px;
	height:86px;
	float:left;
	position:relative;
	background:url(images/client.jpg) no-repeat;
	background-position:0 0;
}

a:hover#login_01 {
	background-position:0 -86px;
}

#corporate_login {
	position:relative;
	top:20px;
	left:50px;
	width:277px;
	height:54px;
}

#corp_01 {
	width:277px;
	height:54px;
	float:left;
	position:relative;
	background:url(images/corp.jpg) no-repeat;
	background-position:0 0;
}

a:hover#corp_01 {
	background-position:0 -54px;
}


#video_button {
	position:relative;
	top:0;
	left:0;
	margin:10px 0 0 18px;
	width:243px;
	height:86px;
}

#video_01 {
	width:243px;
	height:86px;
	float:left;
	position:relative;
	background:url(images/video.jpg) no-repeat;
	background-position:0 0;
}

a:hover#video_01 {
	background-position:0 -86px;
}


#giveaway {
	text-align:center;
}

/* ---- end side bar content settings ---------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	font-size:10px;
	width:960px;
	height:40px;
	clear:both;
	background:url(images/bg_footer.jpg) no-repeat;
}

#means {
	position:relative;
	top:-7px;
	left:50px;
}

#footer a {
	color:#921c17;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* ---- start video settings -------------------------- */

#video_popup {
	position:absolute;
	visibility:hidden;
	top:300px;
	left:300px;
	height:auto;
	width:auto;
	background-color:#000000;
	text-align:center;
	padding:10px;
	z-index:1000;
}

.show {
	position:absolute !important;
	visibility:visible !important;
}

.hide {
	position:absolute !important;
	visibility:hidden !important;
}

/* ---- start navigation settings -------------------------- */

#side_nav a {
	position:relative;
	float:left;
	width:219px;
	height:43px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/sidenav.gif);
	z-index:1;
}

a#side_nav_01 {
	width:219px;
	background-position:0 0;
}

a:hover#side_nav_01{
	background-position: -219px 0;
}

.active_01 {
	background-position: -438px 0 !important;
}

a#side_nav_02 {
	width:219px;
	background-position:0 -43px;
}

a:hover#side_nav_02{
	background-position: -219px -43px;
}

.active_02 {
	background-position: -438px -43px !important;
}

a#side_nav_03 {
	width:219px;
	background-position:0 -86px;
}

a:hover#side_nav_03{
	background-position: -219px -86px;
}

.active_03 {
	background-position: -438px -86px !important;
}

a#side_nav_04 {
	width:219px;
	background-position:0 -129px;
}

a:hover#side_nav_04{
	background-position: -219px -129px;
}

.active_04 {
	background-position: -438px -129px !important;
}

a#side_nav_05 {
	width:219px;
	background-position:0 -172px;
}

a:hover#side_nav_05{
	background-position: -219px -172px;
}

.active_05 {
	background-position: -438px -172px !important;
}

a#side_nav_06 {
	width:219px;
	background-position:0 -215px;
}

a:hover#side_nav_06{
	background-position: -219px -215px;
}

.active_06 {
	background-position: -438px -215px !important;
}

a#side_nav_07 {
	width:219px;
	background-position:0 -258px;
}

a:hover#side_nav_07{
	background-position: -219px -258px;
}

.active_07 {
	background-position: -438px -258px !important;
}

a#side_nav_08 {
	width:219px;
	background-position:0 -301px;
}

a:hover#side_nav_08{
	background-position: -219px -301px;
}

.active_08 {
	background-position: -438px -301px !important;
}

a#side_nav_09 {
	width:219px;
	background-position:0 -344px;
}

a:hover#side_nav_09{
	background-position: -219px -344px;
}

.active_09 {
	background-position: -438px -344px !important;
}

a#side_nav_10 {
	width:219px;
	background-position:0 -387px;
}

a:hover#side_nav_10{
	background-position: -219px -387px;
}

.active_10 {
	background-position: -438px -387px !important;
}

a#side_nav_11 {
	width:219px;
	background-position:0 -430px;
}

a:hover#side_nav_11{
	background-position: -219px -430px;
}

.active_11 {
	background-position: -438px -430px !important;
}


/*#nav a {
	position:relative;
	float:left;
	height:40px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav/nav.gif);
}

a#nav_01 {
	width:106px;
	background-position:0 0;
}

a:hover#nav_01{
	background-position: 0 -40px;
}

.active_01 {
	background-position: 0 -40px !important;
}

a#nav_02 {
	width:121px;
	background-position:-106px 0;
}

a:hover#nav_02{
	background-position:-106px -40px;
}

.active_02 {
	background-position:-106px -40px !important;
}

a#nav_03 {
	width:226px;
	background-position:-227px 0;
}

a:hover#nav_03{
	background-position:-227px -40px;
}

.active_03 {
	background-position:-227px -40px !important;
}

a#nav_04 {
	width:131px;
	background-position:-453px 0;
}

a:hover#nav_04{
	background-position:-453px -40px;
}

.active_04 {
	background-position:-453px -40px !important;
}