body{
    background-color: #e4e5e5;
    margin:0;
    padding:0;
    font:14px Arial, Helvetica, sans-serif;
    color:#666;
    line-height: 1.5em;
}

.f_left{ float:left;}
.f_right{ float:right; }
.display_inline { display: inline; }
.f_bold{  font-weight: bold; }
.clear{ clear:both; }
a{ text-decoration: none;}
img{ border: none;}
.myFont { font-family: myFont; }
@font-face
{
font-family: 'myFont';
    src: url('../fonts/Comfortaa-Regular.eot');
    src: url('../fonts/Comfortaa-Regulard41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comfortaa-Regular.woff') format('woff'),
         url('../fonts/Comfortaa-Regular.ttf') format('truetype'),
         url('../fonts/Comfortaa-Regular.svg#ComfortaaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

/*----- Header-----*/
#header{
    position:relative;
    z-index: 10;
    background: url(../images/header_bg.png) repeat-x;
    width:100%;
    height:88px;
}
.inner_header{
    margin:0 auto;
    width:943px;
}
.logo{
    background: url(../images/logo.gif) no-repeat;
    width:163px;
    height:80px;
    display:block;
    position:relative;
    float:left;
    top:4px;
    padding:2px;
}
.call_us{
    background: url(../images/call_us.png) no-repeat;
    width:244px;
    height:32px;
    display:block;
    float:right;
    margin-top: 5px;
}
.site_search{
    width:100px;
    height:23px;
    border:1px solid #CCC;
    float:right;
    margin-top: 7px;
    border-right: none;
    border-left: none;
}
*+html .site_search { 
	padding-top:3px;
	height:21px;
} /* IE7*/  
.site_search { 
	padding-top:3px\0/;
	height:21px\0/;
} /* IE8*/  

 
.btn_site_search{
    background: url(../images/searchbtn.png) no-repeat;
    width:23px;
    height:23px;
    display:block;
    cursor: pointer;
    border: none;
    float:right;
    margin-top: 1px;
}
.button {
    border: 1px solid #CCC;
    border-left: none;
    border-right: none;
    width:23px;
    height:25px;
    margin-top: 7px;
    float:right;
}
.left_border{
    background: url(../images/txtsearch_left.png) no-repeat;
    width:12px;
    height:28px;
    float:right;
    margin-top: 7px;
}
.right_border{
    background: url(../images/txtsearch_right.png) no-repeat;
    width:12px;
    height:28px;
    float:right;
    margin-top: 6px;
}

/*----- End of Header-----*/

/*----- Wrapper-----*/
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:694px; position:absolute; left:0; top: 8px;}

/*
.slideshow{
    position: absolute;
    width:100%;
    left:0;
}
.banner1{
    background: url(../images/banner1.jpg) repeat-x;
    background-position: 50% 50%;
    height:680px;
    margin-top: -44px;
}
.banner2{
    background: url(../images/banner2.jpg) repeat-x;
    background-position: 50% 50%;
    height:680px;
    margin-top: -44px;  
}*/
#container{
    margin:0 auto;
    width:960px;
    position: relative;
    top: -44px;
}

#header_menu ul li{ display:inline; float:left; }
.link_home{
    background: url(../images/menu/menu_01.gif) no-repeat;
    background-position:0px;
    width:92px;
    height:84px;
    display:block;
}
.link_home:hover{ background-position:-92px; }
.link_wwd{
    background: url(../images/menu/menu_02.gif) no-repeat;
    background-position:0px;
    width:156px;
    height:84px;
    display:block;
}
.link_wwd:hover{ background-position:-156px; }
.link_gallery{
    background: url(../images/menu/menu_03.gif) no-repeat;
    background-position:0px;
    width:120px;
    height:84px;
    display:block;
}
.link_gallery:hover{ background-position:-120px; }
.link_aboutus{
    background: url(../images/menu/menu_04.gif) no-repeat;
    background-position:0px;
    width:130px;
    height:84px;
    display:block;
}
.link_aboutus:hover{ background-position:-130px; }
.link_contactus{
    background: url(../images/menu/menu_05.gif) no-repeat;
    background-position:0px;
    width:141px;
    height:84px;
    display:block;
}
.link_contactus:hover{ background-position:-141px; }
.link_azar{
    background: url(../images/menu/menu_06.gif) no-repeat;
    background-position:0px;
    width:145px;
    height:84px;
    display:block;
}
.link_azar:hover{ background-position:-145px; }

#banner_txt { height:470px;}
#slides{
    width:420px;
    height:220px;
    float:right;
    margin-top:120px;
}
#slides img{
    float:right;
}


#c2a {
    position: relative;
    top: -78px;
    background: url(../images/c2a_bg.png);
    width:958px;
    height:292px;
    clear:both
}
#c2a a{ 
	position: relative;
	top: 20px;
	left:155px;
}
.c2a_box1{
    position: relative;
    float:left;
    top:140px;
    left:30px;
    width:250px;
    height:100px;
}

.c2a_box2{
    position: relative;
    float:left;
    top:140px;
    left:90px;
    width:250px;
    height:100px;
}
.c2a_box3{
    position: relative;
    float:left;
    top:140px;
    left:160px;
    width:250px;
    height:100px;
}

.c2a_box1 p,.c2a_box2 p,.c2a_box3 p{
    font-size: 14.5px;
}

.subject { font-size: 20px; padding: 0 0 20px 0;}
#content{ float:left; }
#content img{ padding:30px 0 30px 0; }
.sub_content_wrapper{ margin-top:10px;}
.sub_content_wrapper p{ padding: 0 10px 10px 0;}
.sub_content_wrapper a{ color:#5BA7CC; border-bottom:1px dotted #5BA7CC;  }
.sub_content_wrapper ul { padding-left: 40px;}

.learn_more{
    background: url(../images/learn_more.png) no-repeat;
    width:159px;
    height:31px;
    display:block;
    float:right;
    position:relative;
    top:46px;
}
/*----- End of Wrapper-----*/

/*----- Footer-----*/
#footer{
    background:url(../images/footer_bg.gif) repeat-x;
    background-color: #131313;
    width:100%;
}
.inner_footer{
    margin:0 auto;
    width:960px;
    color:#CCC;
    position: relative;
    top: 15px;
}
.inner_footer a{ font-size: 13px; color:#CCC; }
#footer ul {
    width:960px;
    padding: 10px 0;
}
#footer ul li{ display:inline; padding:0 10px 0 10px; border-right: 1px solid #CCC; }
.footer_menu{width: 960px;margin: 0 auto;color:#fff;padding: 15px 0;}
.footer_menu a{color: #fff;}
/*----- End of Footer-----*/





#header_menu{width: 958px;height:86px;position: relative;z-index: 10;}
#header_menu a{height:86px;background-image:url('../images/frontend/main_nav.png');display: block;float: left;}
.logo1{width:170px;background-position: 0 0;}
.home_nav{width:96px;background-position: -170px 0;}
.what_we_do_nav{width:156px;background-position: -266px 0;}
.gallery_nav{width:117px;background-position: -422px 0;}
.about_us_nav{width:130px;background-position: -539px 0;}
.contact_us_nav{width:142px;background-position: -669px 0;}
.azar_nav{width:147px;background-position: -811px 0;}

.logo1:hover,.logo1.active{width:170px;background-position: 0 -86px;}
/*.home_nav:hover,.home_nav.active{width:96px;background-position: -170px -86px;}*/
.home_nav:hover{width:96px;background-position: -170px -86px;}
.what_we_do_nav:hover,.what_we_do_nav.active{width:156px;background-position: -266px -86px;}
.gallery_nav:hover,.gallery_nav.active{width:117px;background-position: -422px -86px;}
.about_us_nav:hover,.about_us_nav.active{width:130px;background-position: -539px -86px;}
.contact_us_nav:hover,.contact_us_nav.active{width:142px;background-position: -669px -86px;}
.azar_nav:hover,.azar_nav.active{width:147px;background-position: -811px -86px;}










/*----------footer starts---------margin-left:172px;-----------*/
.footerpanel{width:955px; margin-left:36px; background-color:#ffffff;float:left; }
.footerarea{margin:0 3px 0 3px; background-color:#ccd5d6; padding:15px 25px 0 25px;overflow:hidden;}
.footerarea_info{width: 699px;height:36px;background: #CCD5D6;position: relative;float: left;margin: 0 0 0 3px;text-align:center;}
.footerarea_info p.info{width: 450px;margin: 0 auto;}
.footerarea_logo{width:100px; margin:0 3px 0 0; padding:0 25px 2px 25px; float:right;padding-top: 73px;}
.exalogo {display:block;float:right;height:32px;margin:3px 0;width:56px;}
.footer_text_head{ color:#4a7b80; font:13px Arial, Helvetica, sans-serif; text-decoration:none;}
.footer_text{ color:#fff; font:13px Arial, Helvetica, sans-serif; text-decoration:none;line-height:15px;}
/*.footer_text:hover{ color:#002d30; font:13px Arial, Helvetica, sans-serif; text-decoration:none;line-height:15px;}*/
.footer_main{ color:#01595f; font:600 13px Arial, Helvetica, sans-serif; text-decoration:none; line-height:15px;}
.fp1 {width:150px; float:left; background-image: url(../images/frontend/footer_divider.jpg); background-repeat:no-repeat; background-position:right 20px; padding:20px 5px 0 0px; }
.fp2 {width:160px; height:185px; float:left; background-image: url(../images/frontend/footer_divider.jpg); background-repeat:no-repeat; background-position:right 20px;  padding:20px 5px 0 15px;}
.fp3 {width:140px; float:left; padding:20px 5px 0 15px;}
.footerpanel ul li { list-style:none; margin:0!important; padding:0!important;}
.textalign_rt{text-align:left;}
.footer_menu_in{width: 800px;float: left;}
#footer ul li.last_footer_li{border: 0;}
/*----------footer ends--------------------*/



.showcase-button-wrapper{top: -40px;position: relative;width:100px;margin: 0 auto;z-index: 30;}
.showcase-button-wrapper span{display: block;width:20px;height:20px;background: #fff;border: 1px solid #aaa;float: left;margin-right: 7px;cursor: pointer;}
.showcase-button-wrapper span.active{background:#666;border: 1px solid #555;}




/* .banner_in_style{margin:0 auto;width: 960px;text-align: right;padding-top: 206px;position: relative;z-index: 1;} */
.banner_in_style{margin:0 auto;width: 960px;text-align: right;padding-top: 206px;position: initial;z-index: 1;}

.banner_1{background-image: url(../images/banner1.jpg);}
.banner_2{background-image: url(../images/banner2.jpg);}
.banner_3{background-image: url(../images/banner3.jpg);}
.pad_top_20{padding-top: 20px;}