@charset "utf-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image:url(../images/mb08_bg.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #CCCCCC;

}
.pronto {
	font-family: Arial, Helvetica, sans-serif;
	height: 180px;
	width: 300px;
	float: left;
	margin-right: 35px;
}


.mb08 #container {
	width: 902px;
	margin: 0 auto;
	text-align: left;

}

.mb08 #header {
	height: 100px;
	padding: 35px 0px 0px 0px;



}

.mb08 #header h1 {
	margin: 0;
	padding:10px 0;
	float:right;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;

}



/* ========================= MAIN CONTENT ========================== */



.mb08 #mainContent {
	width: 902px;

}



/* ========================= DISPLAY ========================== */



.mb08 #display {
	float:left;
	height: 300px;
	width: 900px;
	background-image: url(../images/banners/Latest_News_intro_banner.jpg);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #2D3A96;
	border-right-color: #2D3A96;
	border-bottom-color: #2D3A96;
	border-left-color: #2D3A96;
	background-color: #041c64;
	text-align: center;

}



/* ========================= FOOTER ========================== */



.mb08 #footer {
	float: left;
	width: 900px;

}

.mb08 #footer p {
	margin: 0;
	padding: 10px 0;
	color: #333333;
	text-align:left;

}

#footer p a {

color: #333333;

text-decoration:none;

}

#footer p a:visited {

color: #333333;

text-decoration:none;

}

#footer p a:hover {

	color: #666666;

	text-decoration:none;

}



/* ========================= NAVI ========================== */



.mb08 #navi {
	float:left;
	margin:0px 2px 0px 0px;
	background-color:#041C64;
	width: 160px;
	height: 310px;
	padding: 20px 20px 0px 20px;
	border-left:1px solid #333333;

}



#nav-menu ul

{

list-style: none;

padding: 0;

margin: 0;

}



#nav-menu li

{

	float: left;

}



#nav-menu li a

{
	height: 14px;
	float: left;
	width: 150px;
	display: block;
	padding:5px 5px 5px 5px;
	font-size:11px;
	letter-spacing:1px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	font-family:Verdana,Arial,Helvetica,sans-serif;

}



#nav-menu li a:hover

{
	color: #CCCCCC;

}





/* Hide from IE5-Mac \*/

#nav-menu li a

{

float: none

}

/* End hide */



#nav-menu

{

	width:160px;

	float:left;

}



.highlight{
	color: #F00;
	font-weight:bold;

}

.previous{
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;

}


.inactive{

	color: #333333;

}





/* ========================= NEWS ========================== */



.mb08 #news {
	float:left;
	margin:0px 2px 0px 0px;
	background-color:#041C64;
	width: 326px;
	height: 310px;
	padding: 20px 5px 0px 20px;
	border-left:1px solid #333333;

}



#news ul {

list-style: none;

padding: 0;

margin: 0;

}

#news li {

float: left;

width:280px;

padding:0px 0px 10px 0px;

}



/* ========================= RECENT PROJECTS ========================== */



.mb08 #projects {
	float:left;
	margin:px 0px 0px 0px;
	background-color:#041C64;
	width: 325px;
	height: 310px;
	padding: 20px 0px 0px 20px;

}



/* ========================= Thumbs ========================== */



#thumbs {

	float:left;

	width: 300px;

}



#thumbs  ul {

list-style: none;

padding: 0;

margin: 0;

}

#thumbs li{

	float: left;

}



#thumbs li a{
	float: left;
	background-color:#041C64;
	margin:0px 5px 0px 0px;
	padding:4px 4px 4px 4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;

}

#thumbs li a:hover {
	background-color:#FFFFFF;
	text-decoration:none;

}

#thumbs li img {

padding:0px 0px 0px 0px;

}





/* Tooltip */



a.info{
	position:relative; /*this is the key*/
	z-index:24;
	background-color:#FFFFFF;
	color:#000;
	text-decoration:none
}



a.info:hover{
	z-index:10;
	background-color:#333333
}



a.info span{display: none}



a.info:hover span{ /*the span will display just on :hover state*/

	display:block;

	position:absolute;

	top:0em;

	left:0em;

	background-color:#333333;

	color:#CCCC99;

	padding:5px;

	text-align: center;

	z-index:25;

}



/* ========================= CLIENT LIST ========================== */



.mb08 #clientlist {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#041C64;
	width: 326px;
	height: 310px;
	padding: 20px 5px 0px 20px;

}



#clientlist ul {

list-style: none;

padding: 0;

margin: 0;

}

#clientlist li {

	width:160px;

	float:left;

	padding:0px 0px 5px 0px;



}



#clientlist li a {

	display:block;

}



/* ========================= CLIENT INFO ========================== */



.mb08 #client {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#041C64;
	width: 307px;
	height: 310px;
	padding: 20px 20px 0px 20px;
	border-left:1px solid #fff;

}



/* ========================= Thumbs 2 ========================== */



#thumbs2 {
	float:left;
	width: 300px;
	padding: 0px 5px 5px 0px;
	letter-spacing: 10px;

}



#thumbs2  ul {

list-style: none;

padding: 0;

margin: 0;

}

#thumbs2 li{

	float: left;

}



#thumbs2 li a{
	float: left;
	background-color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	height:50px;
	width: 80px;
	overflow: hidden;
	border: thin solid #FFFFFF;

}

#thumbs2 li a:hover {
	background-color:#FFFFFF;
	text-decoration:none;

}

.thumb_highlight{
	background-color:#DE3530;
	text-decoration:none;

}



/* ========================= LIST ========================== */



.mb08 #list {
	float:left;
	margin:0px 2px 0px 0px;
	background-color:#041C64;
	width: 140px;
	height: 310px;
	padding: 20px 5px 0px 20px;

}



#list ul {

list-style: none;

padding: 0;

margin: 0;

}

#list li {
	display:block;
	float:left;
	width:140px;
	padding:0px 0px 5px 0px;

}



/* ========================= ABOUT US ARTICLES ========================== */



.mb08 #article {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#041C64;
	width: 491px;
	height: 310px;
	padding: 20px 20px 0px 20px;
	border-left:1px solid #333333;

}





/* ========================= TYPE ========================== */



p, h1, h2, h3, h4, h5 {

font-family:Verdana, Arial, Helvetica, sans-serif;

margin:0px;

}



p {
	font-size:11px;
	color:#FFFFFF;
	line-height:15px;

}

p a{

	color:#999999;

	text-decoration:underline;

}

p a:visited{

	color:#999999;

	text-decoration:underline;

}

p a:hover{

	color:#CCCC99;

	text-decoration:underline;

}





h2 { /*section titles*/
	font-size:11px;
	color:#FFFFFF;

}



h3 { /*clients*/

	font-size:11px;

	color:#666666;

	font-weight:normal;

}

h3 a { /*clients*/
	color:#FFFFFF;
	text-decoration:none;

}

h3 a:visited { /*clients*/
	color:#FFFFFF;
	text-decoration:none;

}

h3 a:hover { /*clients*/

	color:#CCCC99;

	text-decoration:none;

}



h4 { /*date*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCCCCC;
	font-weight:normal;

}

h4 a{ /*date*/

	color:#666666;

	text-decoration:underline;

}

h4 a:visited{ /*date*/

	color:#666666;

	text-decoration:underline;

}

h4 a:hover{ /*date*/

	color:#CCCC99;

	text-decoration:underline;

}





/* ========================= INPUT ========================== */



.input_generic { /* FIELD */

	background-color:#272827;

	font-size: 11px;

	color: #666666;

	padding: 3px;

	border: 1px solid;

	border-left-color: #000000;

	border-top-color: #000000;

	border-right-color: #272827;

	border-bottom-color: #272827;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	overflow: auto;

}



input:focus { /*FIELD FOCUS*/

	background-color:#333333;

}

textarea:focus { /*FIELD FOCUS*/

	background-color:#333333;

}



.input_btn_submit { /*BUTTON*/

	background-color:#333333;

	font-size: 11px;

	color: #CCCC99;

	padding: 3px;

	border: 0px solid;

	cursor: pointer;

}



.input_btn_clear { /*BUTTON*/

	background-color:#666666;

	font-size: 11px;

	color: #CCCC99;

	padding: 3px;

	border: 0px solid;

	cursor: pointer;

}
.scroll_text {
	
	scrollbar-arrow-color: #ffffff;
    scrollbar-base-color:#041c64;
    scrollbar-darkshadow-color: #041c64;
    scrollbar-track-color: #041c64;
    scrollbar-face-color: #041c64;
    scrollbar-shadow-color: #041c64;
    scrollbar-highlight-color: #041c64;
    scrollbar-3d-light-color: #041c64;
	height: 170px;
	width: 290px;
	overflow: scroll;
	padding-right: 10px;
}

.scroll_text2 {
	
	scrollbar-arrow-color: #ffffff;
    scrollbar-base-color:#041c64;
    scrollbar-darkshadow-color: #041c64;
    scrollbar-track-color: #041c64;
    scrollbar-face-color: #041c64;
    scrollbar-shadow-color: #041c64;
    scrollbar-highlight-color: #041c64;
    scrollbar-3d-light-color: #041c64;
	height: 220px;
	width: 290px;
	overflow: scroll;
	padding-right: 10px;
}