@charset "utf-8";
/* CSS Document */
body{
margin:0px; padding:0px; font-family:"Myriad Pro"; font-size:12px; color:#FFFFFF; background:#0069ca; 
}

a img{
border:0px;
}

ul,li,h1,h2,h3,h4,h5,h6,p{
margin:0px; padding:0px;
}

#wraper{
width:100%; margin:0px; padding:0px; overflow:auto; background:url(images/bg.jpg) repeat-x top left #000000; text-align:justify;
}

#maincontainer{
width:832px; margin:0px auto;  padding:0px; 
}

#maincontainer #header{
width:832px; margin:0px; float:left; padding:0px; 
}

#header .logo{
width:141px; height:auto; float:left; margin:16px 0px 0px 0px; padding:0px;
}

#header .nav{
width:674px; float:left; margin:0px; padding:139px 0px 0px 10px;
}

#maincontainer #mainbody{
width:832px; float:left; margin:30px 0px 0px 0px; padding:0px;
}

#mainbody .welcome{
width:284px; float:left; padding:0px; margin:0px;
}

.welcome img{
width:205px; height:33px; float:left; margin:0px 0px 20px 32px; padding:0px;
}

#mainbody .welcome h6{
font-family:Tahoma; font-size:15px; font-weight:normal; color:#FFFFFF; margin:0px; padding:0px 20px 0px 20px;
}

#mainbody .flash{
width:542px; height:238px; float:left; padding:0px; margin:0px;
}

#mainbody .boxessec{
width:832px; float:left; margin:0px; padding:0px;
}

.boxessec .ourcompany{
width:236px; float:left; margin:22px 0px 0px 0px; padding:5px 15px 20px 15px; background:#0069ca;
}

.ourcompany img{
width:auto; height:auto; float:right; margin:0px; padding:0px;
}

.ourcompany h4{
font-family:Georgia; font-size:12px; font-weight:bold; color:#FFFFFF; margin:0px; padding:20px 0px 0px 0px; text-transform:uppercase;
}

.ourcompany h5{
font-family:Tahoma; font-size:11px; font-weight:normal; color:#000000; margin:0px; padding:5px 0px;
}

.ourcompany h6{
font-family:Tahoma; font-size:11px; font-weight:normal; color:#fff; margin:0px; padding:15px 0px 24px 0px; width:232px; border-top:2px solid #abceee; line-height:18px;
}

.ourcompany .readmore{
width:74px; height:22px; float:right; margin:0px; padding:5px 0px 0px 0px; background:#000000;
}

.readmore a{
font-family:Tahoma; font-size:11px; color:#FFFFFF; margin:0px; padding:0px 0px 0px 11px; text-decoration:none;
}




.boxessec .service{
width:251px; float:left; margin:22px 0px 0px 15px; padding:5px 0px 20px 15px; background:#0069ca;
}

.service ul{
margin:0px; padding:0px;
}

.service li{
background:url(images/arrow.jpg) no-repeat left; font-family:Tahoma; font-size:11px; font-weight:bold; color:#000; padding:5px 20px; margin:0px; list-style-type:none;
}

.service img{
width:auto; height:auto; float:right; margin:0px; padding:0px;
}

.service h4{
font-family:Georgia; font-size:12px; font-weight:bold; color:#FFFFFF; margin:0px; padding:20px 0px 0px 0px; text-transform:uppercase;
}

.service h5{
font-family:Tahoma; font-size:11px; font-weight:normal; color:#000000; margin:0px; padding:5px 0px;
}

.service h6{
font-family:Tahoma; font-size:11px; font-weight:normal; color:#fff; margin:0px; padding:15px 0px 24px 0px; width:232px; border-top:2px solid #abceee; line-height:18px;
}

.service .readmore{
width:74px; height:22px; float:right; margin:0px 15px 0px 0px; padding:5px 0px 0px 0px; background:#000000;
}

.service .readmore a{
font-family:Tahoma; font-size:11px; color:#FFFFFF; margin:0px; padding:0px 0px 0px 11px; text-decoration:none;
}



.boxessec .quality{
width:236px; float:left; margin:22px 0px 0px 15px; padding:5px 15px 20px 15px; background:#0069ca;
}

.quality img{
width:auto; height:auto; float:right; margin:9px 0px 0px 0px; padding:0px;
}

.quality h4{
font-family:Georgia; font-size:12px; font-weight:bold; color:#FFFFFF; margin:0px; padding:20px 0px 0px 0px; text-transform:uppercase;
}

.quality h5{
font-family:Tahoma; font-size:11px; font-weight:normal; color:#000000; margin:0px; padding:5px 0px;
}

.quality h6{
font-family:Tahoma; font-size:11px; font-weight:normal; color:#fff; margin:0px; padding:15px 0px 24px 0px; width:232px; border-top:2px solid #abceee; line-height:18px;
}

.quality .readmore{
width:74px; height:22px; float:right; margin:0px; padding:5px 0px 0px 0px; background:#000000;
}

.quality .readmore a{
font-family:Tahoma; font-size:11px; color:#FFFFFF; margin:0px; padding:0px 0px 0px 11px; text-decoration:none;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 720px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
color:#333333;
text-align:center; float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:28px; margin-left:50px; margin-top:15px; padding:0px;
font-weight:normal;
border:0;

}


.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 1px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:10px 22px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




#fotter{
width:100%; margin:0px auto; height:auto; padding:10px 0px 0px 0px; background:#0069ca;
}

.nav2{
width:832px; margin:0px auto; height:autopx; padding:10px 0px 10px 0px; background:#0069ca;
}


.nav2 ul{
margin:0px; padding:0px;
}

.nav2 li{
list-style-type:none; margin:0px; padding:0px 10px; float:left;  background:url(images/nav_divider.jpg) no-repeat right;
}

.nav2 li a{
font-family:Tahoma; font-size:11px; font-weight:normal; margin:0px; padding:0px; color:#FFFFFF;  text-decoration:none;
}

.nav2 li a:hover{
color:#000000;
}


#fotter p{
font-family:Tahoma; font-size:11px; font-weight:normal; margin:0px; padding:0px 10px 0px 0px; color:#FFFFFF;  text-decoration:none; float:right;
}