/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

body {  height:100%; color: #000; font:75% Arial, Verdana, sans-serif; margin: 0 auto; padding: 0 ; background:#fff}
h1 { ; margin: 0; padding: 0 }
h2 {  margin: 0; padding: 0; font-size: 1.4em }
hr { color: #B2DAE8 }
img { border: 0 none; background: none }
/* table { border-collapse: collapse; color: #fff; text-align: left; border:none; } */

a{color:#fff; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} /* Non IE clearfix */

/* -----------------------------------------------
1. LAYOUT
----------------------------------------------- */
#pageContainer{ width:900px; margin:15px auto auto auto; height:auto;}
#header{ background: url(../images/header_bg1.jpg) repeat-x ; width:100%; height:160px; margin:-70px 0 0 0; padding:0}
div#search{ padding:108px 0 0 0 }
div#search span{ color:#fff; font-weight:bold;}
.btn_img{margin:-10px 0 0 5px}

#footer{background: url(../images/footer_bg.jpg) repeat-x left top; height:30px; clear:both; float:left; width:100%;}
#footer ul{ margin:0; list-style-type:none;  padding:0;  display:inline; color:#fff}
#footer a{color:#fff;}
#footer a:hover{ text-decoration:underline;}
#footer li{ width:48%; float:left; }
#footer li p{ margin:17px 0 0 10px; #333738}
#footer span{ color:#333333}
#content{margin:0 auto; width:900px; min-height:435px}
 


/*------------------home page-------------------*/

#leftCol{ float:left; width:430px; margin:0 ; margin:0; padding:0}
#leftCol img{ padding:0; margin:0;}
#rightCol{float:left; width:440px; margin:15px 0 0 20px;background:#E1E1E1; height:365px}

#promoText{ width:100%; float:left}
#promoText p{ text-align:right; margin:0; padding:0 186px 0 0 ; color:#000; width:auto;}
#lineIndent { margin:0 -15px 0 0 !important}

/*col1*/
.col_one{ width:220px; float:left; background: url(../images/box_grey.jpg) no-repeat top left; height:100px; margin:11px 8px 8px 11px }
.col_one h2{color:#000; text-transform:uppercase; font-size:11px; margin:5px 0 0 3px; padding:0; white-space:nowrap; font-stretch: condensed}

div.promo_text { width:155px; float:left}
.promo_text ul{ list-style-type:none; margin:0; padding:0}
.promo_text p{ width:127px; padding:5px 0 0 5px }

div.promo_img { float: left; margin: 0 0 0 8px }
.promo_img  ul{list-style-type:none; margin:8px 5px 0 0; padding:0;}
.promo_img li{ padding: 3px 0;}
.promo_img a{ background: url(../images/separator_brown.jpg) no-repeat left center; color:#B05B19; padding:0 0 0 15px; }
.promo_img a:hover{ color:#000; }

/*col2*/
.col_two{ width:170px; float:left;  background: url(../images/box_orange.jpg) no-repeat top left; height:100px; margin:11px 3px 8px 16px}
.col_two p{ margin:0; padding:0;}
.col_two_w{ width:170px; float:left;  background: url(../images/box_white.jpg) no-repeat top left; height:100px;margin:11px 3px 8px 16px}
.col_two_w p{ margin:0; padding:0;}

.col_two h2, .col_two_w h2{color:#fff; text-transform:uppercase; font-size:11px; margin:5px 0 0 5px;}
.col_two ul, .col_two_w ul { margin: 10px 0 0 5px; padding:2px 0 0 0 ; list-style-type:none}
.col_two li. .col_two_w li{ margin:5px 0;}
.col_two  a, .col_two_w a{ color:#B05B19; vertical-align:middle; font-weight:bold}
.col_two  a:hover, .col_two_w a:hover{ text-decoration:underline; color:#B05B19;};
.col_two p, .col_two_w p{ margin:3px 0 3px 0}


/*navigation*/
#home{  width:60px; padding:0 5px }
#about_us{width:60px;padding:0 5px  }
#banking{ width:60px; padding:0 5px }
#commerce{width:70px; padding:0 5px }
#technical_papers{ width:125px; padding:0 5px }
#press{ width:60px; padding:0 5px }
#contact_us{ width:75px; padding:0 5px }

/*-----drop down menu---------------------------------------------*/


#navigation{ width:544px; float:left; text-align:center}
#nav{margin: 0;padding: 0;z-index: 30; width:544px}
#nav li{margin: 0;padding: 0;list-style: none;float: left;}
#nav li a{display: block;margin: 0;padding: 2px 3px 0 0px;width: auto;color: #FFF;text-align: center;text-decoration: none; font-weight:bold;}
#nav li a:hover{background: transparent; color:#000}
#nav div {position: absolute;visibility: hidden;margin: 15px 0 0 0;padding: 0 0 0 0px; width:130px}
#nav div a {position: relative;display: block;margin: 0;padding: 2px 10px;width: auto;white-space: nowrap;text-align: lefttext-decoration: none;background: #90989a;color: #fff; border-bottom:solid 1px #f2f2f2; text-align:left}
#nav div a:hover{ background:#e1e1e1;color: #000}
#navigation ul li{  margin:110px 0 0 0; padding: 0 0 0 2px}

/*------------------content  page-------------------*/
#left_content{width:56%; float:left; padding:40px 10px 50px 55px }
#left_content h2{color:#B05B19}
#left_content a{color:#B05B19; text-decoration:none; font-weight:bold;}
#left_content a:hover{color:#B05B19; text-decoration:underline}
#left_content p{ color:#000}
.brown{color:#B05B19!important; font-weight:bold;}

#right_content{ width:30%; float:left; margin:40px 0 0 20px; text-align:right}
#right_content img{ padding:5px; margin:0 0 15px 0 ; border:solid 1px #ccc;clear:both }
#right_content ul li{ margin:10px 0 0 0; width:100%; clear:both; list-style-type:none;}
#right_content li a{ color:#B05B19; font-weight:bold; background:url(../images/bullet_pic.jpg) right center no-repeat; padding: 2px 15px 0 0; display:block }
#right_content li a:hover{ text-decoration:underline}


/*usseful classes*/
.al { text-align:left}
.ar{ text-align:right}