@charset "utf-8";

/* Universal */

body{ margin:0; font-family:Candara;}

.wrapper{ width: 1100px; margin:0 auto;}

.clear{ clear:both;}

#border_head{ padding:20px 0;}

#border_head h1{ border: 1px solid #999999;font-size: 27px;font-weight: normal; line-height: 61px; margin:0 auto; text-align: center; text-transform: uppercase; width: 27%;}



/*-- Header--*/

header{ border-bottom:1px solid #C5C2BD;}

.logo{ float:left; margin:10px 0;}

#right_header{ margin:20px 0 0;float:right;}

#right_header input{ float:right; width:27%;  border: medium none;box-shadow: 0 0 3px 2px #CCCCCC inset;display: block;height: 38px; margin:0;}

.search_button{ float:right;  }

nav{float:right; margin: 50px 0 0;}

nav ul{ margin:0; padding:0; list-style:none;}

nav ul li{ width:100%;display:inline;  margin:0 10px; padding:0;}

nav ul li a{ text-decoration: none; color:#000; text-transform:uppercase; }

nav ul li a:hover{ color:#006DC0;}

nav ul li:hover{background:url(images/hover.jpg) repeat-x; }

.active{background:url(images/hover.jpg) repeat-x;}



/*-- Slider --*/

#slides{}

#slides img{ width:100%;} 







/*-- Text_banner --*/



#banner_text {background: none repeat scroll 0 0 #000000; text-align:center;}

#banner_text .wrapper h3{   font-size: 28px;color:#fff; margin:0; padding:30px 0;}

.sky_blue{ color:#006DC0; font-weight:bold;}



/*-- Body --*/

#panel{}
.back_img #panel #services{ padding:0!important; display:block}

.left_panel{background:none repeat scroll 0 0 #006DC0;  color:#fff;    padding: 0 0 20px;width:33%; float:left; margin:20px 0; text-align:center; }

.left_panel:hover{color:#fff;}

.active_panel{background:none repeat scroll 0 0 #006DC0; color:#fff;}

.left_panel img{  margin: 20px 0;border: 7px solid #FFFFFF; box-shadow: 0 1px 4px 0;}

.left_panel h3{ font-size: 35px;}

.left_panel p{}

.left_panel span{ background:#fff; width:100px; margin:0 auto; cursor:pointer; border:none; transition:width 1s; border:none; display:block;}

.left_panel span a{ color:#000; padding:0px; text-decoration:none; line-height: 30px;}

.left_panel span:hover {  width:120px;}

.back_img{background:url(images/main-bg.jpg);}



/*-- Sub Footer--*/

#sub_footer{}

#sub_footer .box_small img{ width:100%;}

.box_small{ float:left; width:40%;background: none repeat scroll 0 0 #F2EEE2;}

.box_big{ float:left; width:100%}

.box_big p{line-height: 31px;  margin-top: 0;}



/*-- Footer--*/



footer{background:url(images/back.gif)repeat-x; text-align:center; color:#FFF;   padding: 14px 0;}

footer nav{ margin: 0; width:100%; margin:20px auto 5px;}

footer nav ul{ float:none; margin:0; padding:0; list-style:none;}

footer nav ul li{display:inline;  margin:0 10px; padding:0;}

footer nav ul li:hover{ background:none;}

footer nav ul li a{ text-decoration: none; color:#FFF; }

footer .wrapper{ text-align:center;}

footer span{ color:#FFF;}

footer .wrapper img{padding: 0 10px;  }

footer .wrapper img:hover{}

footer ul{margin: -25px 0; float:right;}

footer ul li{display:inline;  margin:0; padding:0; }

footer .active{ background:none;}





/*-- Services_Page--*/

.box_small > ul li {
    color: #000000;
    margin: 10px 0;
}
.box_small > ul li a{ color: #000000;
    font-size: 16px;
    text-decoration: none;}
#services{}

#services .box_big{ float:left; margin:0; width:68%; margin: 0 0 8%;} 

#services .box_big h3{ color:#006DC0;}

#services .box_big h2{  color: #006DC0;}

#services .box_big img{ border: 7px solid #FFFFFF; box-shadow: 0 1px 4px 0; float:left;   margin-right: 16px; width: 25%;}

#services .box_big p{ letter-spacing: 1px; line-height: 22px;  margin: 0; text-align: justify;
}





#services .box_small{ color:#fff; padding:15px; float:right; width:25%; margin: 0 23px 8%;}

#services .box_small h3{ padding-bottom: 4px; border-bottom:1px solid #000; color:#000;}

#services .box_small p{margin:0;line-height: 19px; text-align: justify;}

#services .box_small img{display: none;  float:right;  margin-left: 10px;width: 50%;}



#services .wrapper{ background: none repeat scroll 0 0 #FFFFFF;padding: 20px 0 20px 13px;}
.back_img #services{ padding:20px 0!important; display:block}


/*-- experience--*/

#experience{}

#experience #services .wrapper{} 





/*-- Map--*/

#contact #services {}

#contact #services  .box_big{ margin:0;}

.map{ width:100%;  height: 263px;margin: 12px 0 0;}



/*-- truisms--*/