/* 

Blue Biz - CSS File

*/
html { margin-top:30px !important }

#topbar {
	width:100%;
	height:30px !important;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background:#333;
	text-align:center;
	z-index:9999;
}
#topbar .inner {
	width:960px;
	margin:0 auto;
	text-align:right;
}
#topbar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#topbar li {
	display:inline;
	color:#ccc;
	margin-left:10px;
	border-left:1px dotted #777;
	padding-left:10px;
	line-height:30px;
}
#topbar li:first-child { margin-left:0; border-left:none; padding-left:0 }
#topbar a {
	color:#bbb;
	text-decoration:none;
}
#topbar a:hover { color:#fff }
#topbar .icon.chat {
	padding-left:20px;
	background:url(../images/reponline.png) no-repeat left 50%;
}

#topbar .icon.english {
	padding-left:20px;
	background:url(../images/english.png) no-repeat left 50%;
}



/*** FRONT PAGE SLIDER ***/
#slides_container{height:250px; position:relative;  background-image:url(../images/bg_slides_container.jpg); background-repeat:no-repeat; clear:left;}
/* Easy Slider */
#slider{ position:relative;  margin:0px auto; width:855px; padding:40px 0px 0px 0px; color:#010101; height:250px; overflow:hidden;}
#slider h2{color:#fff}
#slider p{color:#010101}	
#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:830px;
	height:240px;
	overflow:hidden;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#prevBtn, #nextBtn{ 
	display:block;
	width:50px;
	height:52px;
	position:absolute;
	top:115px;
}
#prevBtn{left:10px;}	
#nextBtn{left:900px;}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:50px;
	height:52px;
	background:url(../images/slide-prev.png) no-repeat 0 0;
	cursor:pointer;
	}
#nextBtn a{ 
	background:url(../images/slide-next.png) no-repeat 0 0;	
	}
/*** END OF FRONT PAGE SLIDER ***/
		
/*** CONTENT TOP ***/											
#content_top{background-image:url(../images/bg_middle_top.gif); background-repeat:no-repeat; height:109px; padding-top:5px;}
#twitter{width:650px; float:left}
#icon_twitter{float:left; width:90px;}
#twitter_status{padding:20px 10px 10px 10px; line-height:18px;}
#searchtop{width:294px; float:left;}
#search{padding:15px 10px 10px 20px;}
.text_search{font-size:18px; font-style:italic; font-family:Arial, Verdana; line-height:25px;}
.bg_input{background-image:url(../images/bg_inputsearch.gif); background-repeat:no-repeat; width:232px; height:26px; display:block;}
.inputbox{background:transparent; border:0px; width:198px; padding:5px 30px 5px 4px; line-height:normal}
/*** END OF CONTENT TOP ***/

/*** CONTENT HOMEPAGE ***/
#content{padding:10px 0px 17px 0px; background-image:url(../images/bg_content.gif); background-repeat:repeat-y; float:left; margin-bottom:20px}
#box_container{ padding:10px 0px 0px 0px; margin-bottom:20px;}
#box_container ul{margin:0px; padding:0px; list-style-type:none;}
#box_container ul li{margin: 5px 0px 5px 0px;float:left;}
.box{
    width: 270px;
	float:left;
	padding:0px 20px 0px 20px
}
h5.t_box{font-family:Verdana, Arial, Tahoma;}
.box_noline p img{text-align:center; display:block; margin:0px auto 0px auto !important;}
.box p img{text-align:center; display:block; margin:0px auto 0px auto !important;}
.box p{text-align:justify;}
/*** END OF CONTENT HOMEPAGE ***/

#footer .websiteicon {
	width:10px;
	height:10px;
	display:block;
	float:left;
	margin-right:4px;
	position:relative;
	top:3px;
}

.websiteicon.tsl { background:#9d2900 }
.websiteicon.vdi { background:#FCF465 }
.websiteicon.spdoc { background:#fcce65 }
.websiteicon.rdgl { background:#c6de9f }
.websiteicon.acceleratio { background:#2b487f }

#footer .links a {
	padding:2px 10px;
	display:inline-block;
}
#footer .links a img {
	position:relative;
	top:3px; left:-4px;
}