body { margin:0; padding:0; background:url(../images/background.jpg) repeat-x #dee3e7; font-family:'MyriadProRegular',Arial,Tahoma; font-size:14px;  color:#333333; font-weight:normal; font-style:normal;}

@font-face {
	font-family: 'MyriadProSemibold';
	src: url('../font/myriadpro-semibold_6-webfont.eot');
	src: local('/'), url('../font/myriadpro-semibold_6-webfont.woff') format('woff'), url('../font/myriadpro-semibold_6-webfont.ttf') format('truetype'), url('../font/myriadpro-semibold_6-webfont.svg#webfontLpTk5hZ5') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('../font/myriadpro-regular_4-webfont.eot');
	src: local('/'), url('../font/myriadpro-regular_4-webfont.woff') format('woff'), url('../font/myriadpro-regular_4-webfont.ttf') format('truetype'), url('../font/myriadpro-regular_4-webfont.svg#webfontwnXmZn08') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProBold';
	src: url('../font/myriadpro-bold_6-webfont.eot');
	src: local('/'), url('../font/myriadpro-bold_6-webfont.woff') format('woff'), url('../font/myriadpro-bold_6-webfont.ttf') format('truetype'), url('../font/myriadpro-bold_6-webfont.svg#webfontil2feZ1y') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'hvcb';
    src: url('../font/hvcb__-webfont.eot');
    src: url('../font/hvcb__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/hvcb__-webfont.woff') format('woff'),
         url('../font/hvcb__-webfont.ttf') format('truetype'),
         url('../font/hvcb__-webfont.svg#HelveticaInseratLTStdRoman') format('svg');
    font-weight:normal;
    font-style:normal;

}
/*************************************************************
*********************** General *****************************/
a { color:#4c6a98; text-decoration:none; outline:none; }
a:hover { color:#4c6a98; text-decoration:underline; }
img { border: none; }
h1, h2, h3, h4, h5, h6, ul, li, p { margin:0; padding:0; }
.clear{clear:both;height:0;font-size:1px; line-height: 0px; }
.bold{font-family: 'MyriadProSemibold';}
/*************************************************************
*********************** Wrapper *****************************/
#wrapper{margin:0px; padding:0px; background:url(../images/banner-bg.jpg) no-repeat center top; }
.main{ width:944px; margin:0 auto; padding:20px 18px 20px 18px;}

/*************************************************************
*********************** Header *****************************/
#header{ padding:0px 0px 0px 0px; margin:0px; height:90px;}
.logo{ padding:0px 0px 0px 0px; float:left;}
.nav{ float:right; }
.nav ul{ margin:0px; padding:0px; list-style-type:none;}
.nav ul li{ list-style:none; float:left; text-align:center; }
.nav ul li a{ background:url(../images/btn-normal.png) no-repeat center; height:74px; line-height:62px; width:108px; display:block; text-decoration:none; font-family: 'MyriadProSemibold';
 color:#c4cacb; font-size:14px; margin:0px 3px 0px 0px; padding:0px ;}
.nav ul li a:hover{ background:url(../images/btn-hover.png) no-repeat;}
.nav ul li a.selected{ background:url(../images/btn-hover.png) no-repeat;}

.banner{ height:340px; display:block; clear:both;}
.banner p{ float:left; margin:70px 0px 0px 10px; padding:0px;}

/*************************************************************
*********************** Content *****************************/
#content{ margin:20px 0px 0px 0px; padding:0px; display:inline-block; }

/****** leftside **********/
.leftside{ width:660px; float:left; margin:0px 17px 0px 0px; padding:0px; }
.leftside .top{ background:url(../images/content-top.png) no-repeat top; height:8px; margin:0px; padding:0px;}
.leftside .mid-content{ background:url(../images/content-mid.png) repeat-y top; margin:0px; padding:10px 20px 20px 20px; margin:0px; display:block; *display:inline-block;  line-height:18px;}
.leftside .bottom{ background:url(../images/content-bottom.png) no-repeat top; height:8px; margin:0px; padding:0px;}
.leftside h1{ font-size:22px; color:#333333; font-weight:normal; padding:0px 0px 12px 0px; margin:0px; font-family: 'MyriadProSemibold';}
.leftside h2{ font-size:17px; color:#217499; font-weight:normal; padding:20px 0px 3px 0px; margin:0px; font-family: 'MyriadProSemibold';}
.leftside ul{ margin:0px; padding:0px; list-style-type:none;}
.leftside ul li{ padding:0px 0px 0px 14px; margin:2px 0px 6px 0px; background:url(../images/blue-bullet.jpg) no-repeat 1px 5px; }
.mapbord{border:1px solid #999999;}

.tecnology{ margin:20px 0px 0px 0px; padding:0px;}
.tecnology-box{ float:left; background:url(../images/tech-bg.png) repeat-x #f4f6f7; width:250px; padding:12px; margin:0px 30px 20px 5px; position:relative;}	
.tecnology-box .title{font-size:15px; color:#fff; font-weight:normal; padding:6px 0px 6px 10px; margin:0px 0px 20px 0px; font-family: 'MyriadProSemibold'; background-color:#217499;
position:absolute; width:230px; left:-10px; display:block; }	
.tecnology-box ul{ margin:40px 0px 0px 0px; *margin:50px 0px 0px 0px;  padding:0px; list-style-type:none; clear:both;}
.tecnology-box ul li{ padding:0px 0px 0px 14px; margin:2px 0px 7px 0px; background:url(../images/blue-bullet.jpg) no-repeat 1px 4px; font-size:13px;}	

/******* rightside ********/
.rightside{ width:267px; float:right; margin:0px 0px 0px 0px;}
.rightside .box .top{ background:url(../images/box-top.png) no-repeat top; height:8px; margin:0px; padding:0px;}
.rightside .box .mid-content{ background:url(../images/box-mid.png) repeat-x top #1e6c90; margin:0px; padding:5px 10px 20px 20px;}
.rightside .box .bottom{ background:url(../images/box-bottom.png) no-repeat top; height:8px; margin:0px; padding:0px;}
.rightside h1{ font-size:26px; color:#ffffff; font-weight:normal; padding:0px 0px 10px 0px; margin:0px; font-family:'hvcb';}
.rightside .box ul{ margin:0px; padding:0px; list-style-type:none;}
.rightside .box ul li{ padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; background:url(../images/r-bullet.png) no-repeat left 2px; color:#fff; font-family: 'MyriadProSemibold';}


/*************************************************************
*********************** Footer *****************************/

#footer{ width:100%; background:url(../images/footer.jpg) repeat-x #c1c8ce; margin:0px; min-height:40px; padding:0px;  }
.footer{width:950px; margin:0 auto; padding:15px;}
.footerlinks{ float:left; width:654px;  }
.footerlinks a{float:left; padding:0px 0px 0px 20px; margin:0px 20px 0px 0px; background:url(../images/b-bullet.png) no-repeat left; text-decoration:none;font-family: 'MyriadProSemibold'; color:#252a2e; font-size:13px;}
.footerlinks a:hover{ color:#0e597b;}
.footerlinks a.first{ background:none;}
.footer .copyright{ float:right; padding:0px; margin:0px; font-size:12px; color:#34373a;}