@charset "utf-8";

body, div, p, img, a, input, table, ul, li, td, h1,h2, h3, h4, h5, h6, label
{
    padding:0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

table td
{
padding:5px;
}

.clear
{
clear:both;
}

.Wraper
{
    width:100%;
    font-family:Arial;
    height: 220px;
}

.header
{
width:100%;
height:220px;
background: #dce8e7; /* Old browsers */
background: -moz-linear-gradient(top,  #dce8e7 0%, #00CC99 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dce8e7), color-stop(100%,#00CC99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dce8e7 0%,#00CC99 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dce8e7 0%,#00CC99 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dce8e7 0%,#00CC99 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dce8e7 0%,#00CC99 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce8e7', endColorstr='#00CC99',GradientType=0 ); /* IE6-9 */
background:webkit-linear-gradient(top,left,right,bottom);
}

.wrap
{
	width:990px;
	margin:auto;	
	/*border:1px solid #000;*/
}

.logo
{
width:300px;
height:150px;
float:left;
}

.banner
{
float:right;
width:600px;
height:150px;
}

.Link
{
float:right;
width:600px;
height:50px;
margin-top:5px;
text-align:right;
margin-right:20px;
}


/*navigation*/

.navigation
{
	width:990px;
	height:44px;
	margin:auto;
	color:#660000;

}


#cssmenu {
  position: relative;
  height: 44px;
 
  width: auto;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
 
  width: 100%;
  z-index: 500;
    top: 0px;
    left: 0px;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: arial, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu li.has-sub::after {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color:#FFFFFF;
  background:#2b2f3a;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background:#00CC99;
  color: #000000;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


/*end navigation*/



/*search*/


.search
{
width:990px;
height:50px;
margin:auto;
background:#dce8e7;
border:1px solid #FFFFCC;
}



/*Search end*/


/*company div*/

.container{
	width:990px;
	margin:0px auto;
	float:left;
	border:1px solid #CCCCCC;
	height:auto;
		
}

.box {
	width:990px;	
	background:#F7F7F7;
	margin:auto;
	float:left;
	
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*company div end*/

/*advertisement*/

.advertisemnt{
	width:250px;
	margin-left:36px;
	height:auto;
	float:left;
		
}

.container1{
	width:250px;
	margin:0px auto;
	float:left;
	border:1px solid #CCCCCC;
	height:250px;		
}


.box1
{
	width:250px;	
	background:#F7F7F7;
	margin:auto;
	float:left;
	
}

/*advertisement end*/


/*footer add*/
.footeradd
{
    width:100%;
    background:#F7F7F7;
    margin-top:15px;
    border-top:1px solid #CCCCCC;
    
}

/*footer add end*/

/*footer div*/
.footer
{
width:100%;
height:50px;
background:#000;
}

.footermenu
{
width:990px;

}

.footermenu ul
{
	
}

.footermenu li
{
float:left;
list-style-type:none;
padding:10px 0px;
}

.footermenu li a
{
color:#fff;
text-decoration:none;
padding:0px 20px;
border-right:1px solid #CCCCCC;
font-size:12px;
}

/*footer end*/













/*resume page*/



 
h1,ul,li,a,p,span,img,dd {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: none;
outline: none;
}

a {
color: #454545;
}
a:hover {
color: #0088B2;
}

 
a {
color: #0088B2;
}
a:hover {
}

#left-sidebar {
float: left;
padding-top: 40px;
position: relative;
width: 220px;
}
 
.main-nav {
position: relative;
margin-top: 25px;
z-index: 10;
}
.divider-menu {
height: 5px;
margin: 0 30px;
}
.divider-menu span {
display: block;
height: 5px;
}
.menu-icon {
background: url(http://3.bp.blogspot.com/-LHooXNSfp_E/UbJFQN6tF0I/AAAAAAAABXA/ggwJ9CCbNpo/s1600/menu-icon.png) no-repeat scroll 17px top transparent;
color: #FFFFFF;
display: block;
height: 30px;
left: -47px;
padding-top: 20px;
position: absolute;
text-align:left;
top: 8px;
width: 47px;
display: none;
}
#main-menu {
position: relative;
z-index: 10;
zoom: 1;
margin-bottom: 20px;
}
#main-menu li {
border-bottom: 1px solid #eaeaea;
background: #F6F6F6;
margin: 0;
list-style: none;
margin: 0 30px;
position: relative;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-left: 5px solid #00CC99;
}
#main-menu li a {
color: #454545;
display: block;
font-family: 'Oswald',sans-serif;
font-size: 16px;
font-weight: 300;
padding: 10px 0 15px;
text-align:left;
padding-left:5px;
text-shadow: 0 0 1px #DDDDDD;
line-height: 20px;
}
#main-menu li a:hover, #main-menu >li.current-menu-item a {
color: #0088b2;
}
#main-menu li:hover {
background: #FCFCFC;
color: #ccc;
border-left: 5px solid #bada55;
margin-right: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
}
#main-menu li:hover a, #main-menu li:hover + li a, #main-menu li:hover + li {
background: none;
}
#main-menu li ul {
display: none;
background-color: #fafafa;
right: -200px;
min-width: 200px;
padding: 0;
position: absolute;
top: 0px;
margin-top: 0;
z-index: 10;
zoom: 1;
box-shadow: 0 0 3px #ddd;
-moz-box-shadow: 0 0 3px #ddd;
-webkit-box-shadow: 0 0 3px #ddd;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
#main-menu li:hover ul {
display: block;
}
#main-menu li ul li {
border-right: medium none;
float: none;
margin: 0;
background-image: none;
}
#main-menu li ul li a {
background-image: none;
}
#main-menu li ul li:first-child {
border-top: none;
}
#main-content {
background-color: #F9F9F9;
border-radius: 0 5px 0 0;
box-shadow: 0 0 5px #B0B0B0;
float: left;
padding: 10px 30px;
position: relative;
width: 707px;
z-index: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}


/*end*/


/*start*/


.smplWrp
{
    float:left;background:#fff;
    display:none;width:781px;
    border-left:1px solid #e2e2e2;
    padding-bottom:80px
}

.smplWrp>figure>img
{
    box-shadow:1px 3px 15px rgba(0,0,0,.6);
    border:1px solid #e2e2e2;
    margin:50px 16px 0;
    float:left
}
    
.oh
{
    overflow:hidden
}
    
    .mb10
{
    margin-bottom:10px
    }
    
    .fadeInRight
{
    -webkit-animation:fadeInRight 1s ease-in-out;
    -moz-animation:fadeInRight 1s ease-in-out;
    animation:fadeInRight 1s ease-in-out}
    
        
     @-webkit-keyframes
    
     fadeInUp
     {
         0%
         {
         opacity:0;-webkit-transform:translate(0,40px)
         }
         100%
         {
             opacity:1;-webkit-transform:translate(0,0)
             }
             }
             
             @-moz-keyframes fadeInUp
             {
                 0%{opacity:0;-moz-transform:translate(0,40px)
                 }
                 100%
                 {
                     opacity:1;-moz-transform:translate(0,0)
                     }
                     }
                     @keyframes fadeInUp
                     {
                         0%
                         {
                         opacity:0;
                         -webkit-transform:translate(0,40px);
                         -moz-transform:translate(0,40px);
                         transform:translate(0,40px)
                         }
                         100%
                         {
                             opacity:1;
                             -webkit-transform:translate(0,0);
                             -moz-transform:translate(0,0);
                             transform:translate(0,0)
                             }
                             }
                             .fadeInUp
                             {
                                 visibility:visible!important;
                                 -webkit-animation:1s fadeInUp;
                                 -moz-animation:1s fadeInUp;
                                 animation:1s fadeInUp
                                 }
                                 
    
    
 @-webkit-keyframes fadeInLeft

{
    0%
    {
    opacity:0;-webkit-transform:translateX(-50px)
    }
    100%{opacity:1;-webkit-transform:translateX(0)
         }
         }
         @-moz-keyframes fadeInLeft
         {
             0%
             {
             opacity:0;-moz-transform:translateX(-50px)
             }
             100%
             {
                 opacity:1;-moz-transform:translateX(0)
                 }
                 }
                 @keyframes fadeInLeft
                 {
                     0%
                     {
                     opacity:0;-webkit-transform:translateX(-50px);
                     -moz-transform:translateX(-50px);
                     transform:translateX(-50px)
                     }
                     100%
                     {
                         opacity:1;-webkit-transform:translateX(0);
                         -moz-transform:translateX(0);
                         transform:translateX(0)
                         }
                         }
                         @keyframes fadeInLeft
                         {
                             0%
                             {
                             opacity:0;
                             -webkit-transform:translateX(-50px);
                             -moz-transform:translateX(-50px);
                             transform:translateX(-50px)
                             }
                             100%
                             {
                                 opacity:1;
                                 -webkit-transform:translateX(0);
                                 -moz-transform:translateX(0);
                                 transform:translateX(0)
                                 }
                                 }
                                 .fadeInLeft
                                 {
                                     -webkit-animation:fadeInLeft 1s ease-in-out;
                                     -moz-animation:fadeInLeft 1s ease-in-out;
                                     animation:fadeInLeft 1s ease-in-out
                                     }
                                     @-webkit-keyframes fadeInRight
                                     {
                                         0%
                                         {
                                         opacity:0;
                                         -webkit-transform:translateX(50px)
                                         }
                                         100%
                                         {
                                             opacity:1;
                                             -webkit-transform:translateX(0)
                                             }
                                             }
                                             @-moz-keyframes fadeInRight
                                             {
                                                 0%
                                                 {
                                                 opacity:0;
                                                 -moz-transform:translateX(50px)
                                                 }
                                                 100%
                                                 {
                                                     opacity:1;
                                                     -moz-transform:translateX(0)
                                                     }
                                                     }
                                                     @keyframes fadeInRight
                                                     {
                                                         0%
                                                         {
                                                         opacity:0;
                                                         -webkit-transform:translateX(50px);
                                                         -moz-transform:translateX(50px);
                                                         transform:translateX(50px)
                                                         }
                                                         100%
                                                         {
                                                             opacity:1;
                                                             -webkit-transform:translateX(0);
                                                             -moz-transform:translateX(0);
                                                             transform:translateX(0)
                                                             }
                                                             }






.fadeInRight
{
    -webkit-animation:fadeInRight 1s ease-in-out;
    -moz-animation:fadeInRight 1s ease-in-out;
    animation:fadeInRight 1s ease-in-out}
    
    @-webkit-keyframes
    
     fadeInUp
     {
         0%
         {
         opacity:0;-webkit-transform:translate(0,40px)
         }
         100%
         {
             opacity:1;-webkit-transform:translate(0,0)
             }
             }
             
             @-moz-keyframes fadeInUp
             {
                 0%{opacity:0;-moz-transform:translate(0,40px)
                 }
                 100%
                 {
                     opacity:1;-moz-transform:translate(0,0)
                     }
                     }
                     @keyframes fadeInUp
                     {
                         0%
                         {
                         opacity:0;
                         -webkit-transform:translate(0,40px);
                         -moz-transform:translate(0,40px);
                         transform:translate(0,40px)
                         }
                         100%
                         {
                             opacity:1;
                             -webkit-transform:translate(0,0);
                             -moz-transform:translate(0,0);
                             transform:translate(0,0)
                             }
                             }
                             .fadeInUp
                             {
                                 visibility:visible!important;
                                 -webkit-animation:1s fadeInUp;
                                 -moz-animation:1s fadeInUp;
                                 animation:1s fadeInUp
                                 }
    
     .font_37{font-size:37px}
      
      .ml10{margin-left:10px}
      
      
      
      
      
      
      
      
      
      
      
       
      
      
      
      
      
      
      
      
       /**/