@charset "utf-8";
/* CSS Document */

body {
	top: 0px;
	margin: 0px;
	background-color: #0E121B;
	cursor: url(../images/UBL-Pointer.cur); /* custom cursor for IE, Firefox */ 
}

#wrapper{
	width:855px;
	border:0px solid #999999;
	margin:0px auto;
	text-align:left;/*for IE5.x*/
}

/*Begin style for row DIVs*/
#hder{
	width:855px;
} 

#mne{
	width:855px;
} 

#fter{
	width:855px;
} 

/*end style for row DIVs*/ /*Begin style for column DIVs*/

/****************************************************header****************************************************/

#hder{
	width:855px;
	float:left;
	height:214px;
} 

#hder1{
	width:855px;
	float:left;
	height:169px;
	background-image: url(../images/UBL_Header_Top_Bg.jpg);
} 

#logo{
	width:235px;
	float:left;
	height:141px;
	margin-top: 27px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

#quotebutton{
	width:300px;
	float:left;
	height:100px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
} 

.quotenum{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FFE410;
} 

#bni{
	width:124px;
	float:right;
	height:141px;
	margin-top: 27px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

/****************************************************navigation****************************************************/

.nav{
	width:855px;
	float:left;
	height:45px;
	background-image: url(../images/UBL_Header_Nav.gif);
	background-repeat: repeat-x;
} 

.nav_txt1{
	width:850px;
	float:left;
	height:20px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ffe410;
} 

#nav_txt2{
	width:170px;
	float:left;
	height:20px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ffe410;
} 

/****************************************************frontpage main****************************************************/

#mne{
	width:855px;
	float:left;
	background-color: #0A0D12;
} 

#mbanner{
	width:840px;
	float:left;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 8px;
}

/****************************************************banner****************************************************/

#banner {
	width: 840px;
	margin: 0;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#banner #pager {
	position: absolute;
	top: 214px;
	right: 25px;
	z-index: 999;
	background-color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 10px 2px 11px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#banner #pager a {
	font-size: 12px;
	background-color: #fff;
	padding: 3px 6px;
	margin-left: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	margin-right: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#banner #pager a:hover, #banner #pager a.activeSlide {
	color: #000;
	background-color: #FFE410;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#rotate {
	height: 280px;  
    width: 840px;  
    padding: 0 0 20px;  
    margin: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
} 
 
#rotate img { 
    top: 0; 
    left: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/****************************************************front page main****************************************************/

#frontpagemain{
	width:845px;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #666;
} 

#frontpagemainsplit{
	width:520px;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFE410;
} 

.welcometitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #FFE410;
} 

.welcometitle3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #CCC;
} 

.welcometitle2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #FFE410;
} 

#frontpagemainsplit2{
	width:280px;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #C30;
} 

/****************************************************footer****************************************************/

a:link.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFE410;
	text-decoration:none;
}
	
a:visited.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFE410;
	text-decoration:none;
}

a:hover.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFE410;
	text-decoration: underline;
}

a:active.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFE410;
	text-decoration:none;
}

#fter{
	width:855px;
	float:left;
	background-color: #0A0D12;
} 

#fter1{
	width:605px;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFE410;
} 

#fter2{
	width:240px;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

#fter3{
	width:855px;
	float:left;
	height:20px;
	background-image: url(../images/UBL_Footer_Bottom.jpg);
} 

#fter4{
	width:855px;
	float:left;
	height:30px;
} 

/****************************************************portfolio page****************************************************/

.portfoliobox{
	width:271px;
	float:left;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
} 

.portfoliopic{
	float:left;
} 

.portfoliotxt{
	width:251px;
	float:left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFE410;
} 

.portfoliotxtmain{
	width:271px;
	float:left;
	background-color: #1D2436;
} 

.portfoliomaintitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #CCC;
} 

.portfoliotitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #CCC;
} 

.portfoliobutton{
	width:89px;
	float:left;
	height:24px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 86px;
} 

.portfoliosp{
	width:100%;
	float:left;
	height:20px;
} 

/****************************************************contact page****************************************************/

.news2{
	width:460px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #E6E600;
	background-color: #0A0D12;
} 

.main_site_background_left{
	width:460px;
	float:left;
}  

#contactright{
	width:240px;
	float:right;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFE410;
}  

/****************************************************about us page****************************************************/

#aboutus{
	width:800px;
	float:left;
	margin-top: 10px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFE410;
} 

#aboutus2{
	width:800px;
	float:left;
	margin-top: 10px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFE410;
} 

/* Easy Slider */

	#butright{
	width:800px;
	float:left;
	text-align: center;
		}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:511px;
		overflow:hidden; 
		}
		
	span#prevBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
	height: 40px;
	width: 150px;
	float:left;
}
	span#nextBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
	height: 40px;
	width: 150px;
	float:right;
	text-align: right;
}	

a:link#nextBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
}
	
a:visited#nextBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
}

a:hover#nextBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
	text-decoration: underline;
}

a:active#nextBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
}



a:link#prevBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
}
	
a:visited#prevBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
}

a:hover#prevBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
	text-decoration: underline;
}

a:active#prevBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFE410;
}

/* // Easy Slider */

/****************************************************portfolio page test****************************************************/

.pbox{
	width:120px;
	float:left;
	height:80px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.pboxfirst{
	width:120px;
	float:left;
	height:80px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 100px;
}

.psp{
	width:100%;
	float:left;
	height:80px;
}

#ppage{
	width:845px;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}