@charset "utf-8";
/* CSS Document */

�2012 All rights reserved. 
www.chanaka.com
==================================
core v. 0.1
==================================
- -*/

/* CSS Document */
/* ------------------------------- 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;

}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after { clear: both; display: block; content: " "; height: 0px; visibility: hidden;}
.clearfix { display: inline-block;}

/* Hide these rules from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
li.clearfix { display: list-item;}


/* ------------------------------------------------------------------ */
#bg{
	background-image:url(../images/ubf_sec_bg.png);
	background-repeat:repeat-x;
	background-position:top;	
	}
/* ------------------Start Rapper------------------------ */
#main-rapper{
	height: auto;
	background-color: #fff;
	width:950px;
	margin: 3px auto;
	padding:0px;
		}

/* ------------------Start Top ------------------------ */

#top_area{
	width:950px;
	height:93px;
	background-image:url(../images/ubfn_1.png);
	}

.top_l{
	width:310px;
	height:70px;
	}

.top_r{
	width:250px;
	height:30px;
	}

.top_email{
	width:900px;
	height:35px;
	margin:48px;
	position:absolute;
	
	}
.e1{
	width:350px;
	height:35px;
	vertical-align:left;
	}

/* ------------------Start Top Menu ------------------------ */

#top_menu{
	width:950px;
	height:34px;
	background-image:url(../images/ubfn_2c.png);	 
	}

#top_menu2{
	width:950px;
	height:34px;
	background-image:url(../images/ubfn_2d.png);	 
	}

.top_m1{
	width:70px;
	height:34px;
	}

.top_m2{
	width:880px;
	height:34px;
	}

/* ------------------Start Product Links ------------------------ */

#prod_links{
	width:950px;
	height:40px;
	background-color:#fff;		 
	}

#prod_line{
	width:950px;
	height:8px;
	background-color:#fff;		 
	}

.mid_white_0{
	width:30px;
	height:40px;
	background-color:#fff;
	}	

.mid_white_1{
	width:38px;
	height:40px;
	background-color:#fff;
	}	

/* ------------------Start Colour Line ------------------------ */

#color_line{
	width:950px;
	height:1px;
	background-image:url(../images/ubfn_8.png);	
	}

#white_line{
	width:950px;
	height:6px;
	background-color:#FFF;	
	}

#white_line2{
	width:950px;
	height:3px;
	background-color:#FFF;	
	}
/* ------------------ Sec Image Tital ------------------------ */

#image_area{
	width:950px;
	height:201px;
	background-color: ;
	}

.image_sec_1{
	width:950px;
	height:201px;
	background-image:url(../images/ubf_sec_1.png);
	background-repeat:no-repeat;
	}

/* ------------------Midd Info ------------------------ */

#info_area{
	width:950px;
	height:auto;
	background-color:#FFF;
	}

#left_link{
	width:202px;
	height:800px;
	padding:1px;	
	}

#left_link2{
	width:202px;
	height:500px;
	padding:1px;	
	}
	
.left_bg{
	background-image:url(../images/ubf_sec_left_bg.png);
	background-repeat:repeat-y;
	}

.left_midd_line{
	background-image:url(../images/ubf_sec_left_dotline.png);
	background-repeat:no-repeat;
	height:7px;
	}
	
#page_info{
	width:710px;
	height:800px;
	padding:1px;	
	}
	
#page_info2{
	width:710px;
	height:500px;
	padding:1px;	
	}
/* ------------------Start Promo Area ------------------------ */
	
#promo_area{
	width:950px;
	height:371px;
	background-color:none;	
	}

.promo_hilights{
	width:200px;
	height:371px;
	background-color:#f8981d;
	}

.flash_area{
	width:750px;
	height:371px;
	background-color:#f8981d;
	}
	
/* ------------------Start Info Area ------------------------ */

#info_area{
	width:950px;
	height:auto;
	background-color:#fff;	
	}

/* ------------------ Sec Midd Area 1 ------------------------ */
.welcome{
	width:202px;
	height:615px;
	background-color: #FFf;
	}

.news_hilights{
	width:740px;
	height:820px;
	background-color: #FFf;
	}
	
/* ------------------ Sec Midd Area 2 ------------------------ */
.welcome2{
	width:202px;
	height:395px;
	background-color: #FFf;
	}

.news_hilights2{
	width:740px;
	height:400px;
	background-color: #FFf;
	}
	
/* ------------------ Sec Midd Area 3 ------------------------ */
.welcome3{
	width:202px;
	height:825px;
	background-color: #FFf;
	}

.news_hilights3{
	width:740px;
	height:830px;
	background-color: #FFf;
	}
	
/* ------------------ Sec Midd Area 4 ------------------------ */
.welcome4{
	width:202px;
	height:2125px;
	background-color: #FFf;
	}

.news_hilights4{
	width:740px;
	height:2130px;
	background-color: #FFf;
	}
	
/* ------------------ Sec Midd Area 5 ------------------------ */
.welcome5{
	width:202px;
	height:1225px;
	background-color: #FFf;
	}

.news_hilights5{
	width:740px;
	height:1030px;
	background-color: #FFf;
	}
	
/* ------------------ Sec Midd Area 6 ------------------------ */
.welcome6{
	width:202px;
	height:1425px;
	background-color: #FFf;
	}

.news_hilights6{
	width:740px;
	height:1430px;
	background-color: #FFf;
	}
	
.welcome_heder{
	background-image:url(../images/ubfn_welcome_ubf2.png);
	width:302px;
	height:33px;
	}

.wel_text{
	width:290px;
	margin:5px;
	background:#FFF;	
	}
	

	
.heder_hili{
	background-image: url(../images/ubfn_news_highli2.png);
	background-repeat:no-repeat;
	width:700px;
	height:33px;
	}

.heder_ti_savings{
	background-image: url(../images/ubf_sec_tital_savings.png);
	background-repeat:no-repeat;
	width:730px;
	height:47px;
	}
	
.hili_text{
	width:710px;
	margin:10px;
	background:#FFF;
	}

.rahukalaya{
	width:350px;
	height:250px;
	background-color: #FFf;
	}

.rahuk_heder{
	width:350px;
	height:33px;
	background-image:url(../images/ubfn_thinking.png);
	background-repeat:no-repeat;
	
	}
.rahu_info{
	width:340px;
	margin:5px;
	background:#FFF;
	}

	
.midd_line{
	width:3px;
	height:250px;
	background-image:url(../images/ubfn_6.png);
	background-repeat:no-repeat;
	 
	}
	
.divider_public{
	background-image:url(../images/ubfn_devider_news_articales.png);
	background-repeat:no-repeat;
	width:715px;
	height:18px;
	}	
	
.ubf_bullet{
	background-image:url(../images/ubfn_bullet_a1.png);
	background-repeat:no-repeat;
	padding:3px;
	width:15px;
	height:10px;	
	}	
	
/* ------------------Start Footer Links ------------------------ */
	
#footer_links {
	width:950px;
	height:203px;
	
	}	

.LeftBottom {
	width:650px;
	height:200px;
	background-color:none;
	}	

.Copyright{
	width:300px;
	height:200px;
	background-color:none;
	}	

#down_bottom{
	width:950px;
	background-image: url(../images/ubfn_7c.png);
	background-repeat:no-repeat;
	height:203px;
	}
/* ------------------Start Left & Right ------------------------ */

.left{
	float:left;
	}

.right{
	float:right;
	}

