﻿html, body {border:0; margin:0; padding:0; line-height:20px;}
body {font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; background-color:#fff;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
p, ul, ol {margin:0; padding:0;}
img {border:0;}
a, a:link, a:visited, a:hover {text-decoration:none; outline:none;}
form input, form select, form textarea {font-size:12px; font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif;}
form label {cursor:pointer;}
table {border:0px; margin:0; padding:0;}
table tr td {padding:0px;}


@font-face {
	font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif;
	src: url('../fonts/CALIST.eot');
	src: local('â˜º'), url('../fonts/CALIST.woff') format('woff'), url('../fonts/CALIST.ttf') format('truetype'), url('../fonts/CALIST.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------- Common --------------------*/
.left{float:left;}
.right{float:right; }
.width100{width:100%;}
h2{font-size:13px;}
h3{font-size:15px; width:100%; font-weight:normal; font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; color:#fff; float:left;}
h4{font-size:15px; width:100%; font-weight:normal; font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; color:#fff; float:left;}
h3 span{color:#299bdc; font-size:15px; font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif;}
p{color: #646464; font-size: 13px;width:100%; line-height:20px; padding:6px 0; float:left; text-align:justify;}
.text_algin_rig{text-align:right;}
.text_algin_left{text-align:left;}
p span{width:50px; color:#299bdc; float:left;}
.border_bot{border-bottom:3px #299bdc solid;}
.border_top{border-top:2px #299bdc solid;}
/*---------------- Common --------------------*/
#wrapper, #header, #header_inner, #menu, #banner, #banner_text, #banner_text_inner, #banner_tab, #banner_tab_inner, #content, #content_inner, #footer, #footer_inner{float:left; width:100%;}
#wrapper{color:#ffffff;}
#header_wid, #banner_text_wid, #banner_tab_wid, #content_wid, #footer_wid{margin:auto; width:1170px;}
#header_wid{margin:auto; width:100%;}
#header_inner{background:orange;}
#menu ul{float:right; font-size:13px;}
#menu ul li{float:right; display:inline;  }
#menu ul li a{color:#fff; padding:0 7px;}
#menu ul li a:hover{color:#85d1fd;}
#menu ul li a.active{color:#85d1fd;}
 #menu ul.sub-menu {
       display: none;
       position: absolute;      
       padding: 10px;
       z-index: 90;
	   width:160px;
        }

     #menu ul.sub-menu li {
       text-align: left;
	   margin:6px 0;
         }

     #menu li:hover ul.sub-menu {
        display: block;
        background-color: #ffa500;
		border: 1px solid #db8e00;
		border-radius: 5px;
		 
            }
      #menu ul.sub-menu ul.sub-menu1 {
       display: none;
       position: absolute;      
       padding: 10px;
       z-index: 90;
        }

     #menu ul.sub-menu1 li {
       text-align: left;
         }

     #menu li ul.sub-menu li:hover ul.sub-menu1 {
         display: block;
        /* border: 1px solid #ececec;*/
         background-color:#151515;
         color:#fff;
            }


.home a{background-image:url('../images/home.png'); background-position:left top; background-repeat:no-repeat; width:28px; height:22px; padding:5px 20px !important;}
.home a:hover{background-image:url('../images/home_hover.png'); background-position:left top; background-repeat:no-repeat; width:28px; height:22px; padding:5px 20px !important;}
.home a.active{background-image:url('../images/home_hover.png'); background-position:left top; background-repeat:no-repeat; width:28px; height:22px; padding:5px 20px !important;}

.phone a{background-image:url('../images/phone1.png'); background-position:left top; background-repeat:no-repeat; width:35px; height:22px; padding:5px 15px !important;}
.phone a:hover{background-image:url('../images/phone.png'); background-position:left top; background-repeat:no-repeat; width:35px; height:22px; padding:5px 15px !important;}
.phone a.active{background-image:url('../images/phone.png'); background-position:left top; background-repeat:no-repeat; width:35px; height:22px; padding:5px 15px !important;}

#banner{height:420px;}

.box{float:left; width:350px; background-color:#ffa500; padding:0px 20px;}
div.box:hover{float:left; width:350px; background-color:#ffa500; padding:0px 20px;}
.box_left{float:left; width:50px; height:60px; padding:15px 0px 20px;}
.box_left ul{float:left;}
.box_left ul li{float:left; list-style:none;}
.box1 a{float:left; background-image:url('../images/ser.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:65px;}
.box1 a:hover{float:left; background-image:url('../images/ser_hover.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:65px;}
.box2 a{float:left; background-image:url('../images/ser1.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:65px;}
.box2 a:hover{float:left; background-image:url('../images/ser1_hover_cp3.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:65px;}
.box3 a{float:left; background-image:url('../images/ser2.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:65px;}
.box3 a:hover{float:left; background-image:url('../images/ser2_hover.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:65px;}



.box_right{float:right; width:240px; padding:16px 0px 6px 0;}

.box_text{font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; font-size:10px; color:#000000; padding:10px 0 0 20px; font-style:italic;}
.box_text1{font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; font-size:11px; font-weight:normal; color:#000000; padding:10px 0 0 20px; text-align:right;}

.content_left{float:left; width:606px;}
.content_left1{float:left; width:100%;}
.content_left li{ list-style-image:url(../../../Greeva/images/favicon.png)}
.content_right{float:right; width:325px;}

.two{ float:left; width:600px;}
.left-two{ float:left; width:400px;}
.right-two{ float:right; width:160px; padding:20px 0 0 30px;  }

.two1{ float:left; width:600px;}
.left-two1{ float:left; width:300px;}
.right-two1{ float:right; width:280px;   }

.footer_menu, .social{float:left;}
.footer_menu ul, .social ul{float:left; font-size:12px; color:#c5c5c5;}
.footer_menu ul li, .social ul li{float:left; display:inline; padding-right:15px; padding-top:12px;}
.footer_menu ul li a, .social ul li a{float:left; color:#646464;}

.social ul li{padding:0 0 0 15px !important;}

.about{background-image:url('../images/about.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.engg{background-image:url(../images/eng-banner.jpg); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.place{background-image:url(../images/placement-banner.jpg); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.corp{background-image:url(../images/corptrining-banner.jpg); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.contact{background-image:url('../images/co_banner.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.feedback{background-image:url('../images/fe_banner.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.careers{background-image:url('../images/car_banner.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.ugnx{background-image:url('../images/ugnx.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.indust{background-image:url('../images/industries.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.socialb{background-image:url('../images/social.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}
.port{background-image:url('../images/civil&engg.jpg'); height:350px; margin:auto; width:100%; background-position:center top; background-repeat:no-repeat;}



.box_te{float:left; width:100%;}
.box_te ul{float:left; padding-top:10px; font-size:12px; padding-left:50px;}
.box_te ul li{float:left; width:100%; padding-left:15px;}


.enq{float:left; width:100%; font-size:12px;}
.enq li{float:left; list-style:none; padding-top:20px; width:100%;}
.enq li span{float:left; width:100px; padding-top:5px;}
.enq li input{float:right; width:195px;}
.enq li textarea{float:right; width:194px; height:43px;}

.buton{width:80px !important; cursor:pointer; color:#fff; height:27px !important; background-image:url('../images/but_img.png'); background-position:left top; background-repeat:repeat-x; border:1px #66c7ff solid;}


.video{ width:480px; float:left; padding:25px 0px; }

@font-face
{
font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif;
src: url('../ballpark_weiner.ttf')
    }
@font-face
{
font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif;
src: url('../lucida-handwriting.ttf')
    }	

.font
{
font-family:"Edwardian Script ITC";
/*font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif;*/
padding-top:25px; text-align:center; float:left; letter-spacing:2px; width:100%; font-size:44px; font-weight:bolder;  color:#299BDC;
}
#jobtable {
    
    width: 100%;
	color:#C5C5C5;
	font-size:12px; width:100%; line-height:20px; padding:6px 0; float:left; text-align:justify;
}
#jobtable table a.button:active a.button:hover {

    text-decoration: none;
}
#jobtable table a:focus {
}
#jobtable table {
}
#jobtable table tr td {
    text-align: left;
}
.job_title {   
   
   color:#299bdc;
   font-size:14px;
   font-weight:bold;
   height: 25px;
   text-decoration: none;
}
.job_title a {
    
   
   
    
    text-decoration: none;
}
.job_title a:hover {
   
  
    text-decoration: none;
}
.date {   
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#jobtable table thead th {
   
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #D9D9D9;
    padding: 16px 9px;
    text-align: left;
}
#jobtable table tbody tr th {
    
    border-left: medium none;
    font-weight: normal;
    padding: 6px 9px;
}
#jobtable table tbody td {
    border: medium none;
}

#jobtable table tfoot td, #jobtable table tfoot th {
    border-top: 1px solid #CCCCCC;    
  
    padding: 16px 9px;
}

input, select, textarea {
    
    border: 1px solid #999999;    
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.button{
		color:#FFF;}
.login{width:325px; text-align:center; padding-left:10px; border:1px solid #333; margin-top:20px; border-radius:6px; height:70px; float:left; background-color:#1377b0;}	

.colors{
	width:300px;
	float:left;
	height:auto;
	border:1px solid #999;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#564266;
	padding:10px;
}
.colors ul{float:left; list-style-position:inside; font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; font-size:12px; text-align:justify; padding-top:5px;line-height:20px; }
.colors h3{color:#000;}

.colors1{
	width:300px;
	margin-top:15px;
	float:left;
	height:auto;
	border:1px solid #999;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#c0834e;
	padding:10px;
}
.colors1 ul{float:left; list-style-position:inside; font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; font-size:12px; text-align:justify; padding-top:5px;line-height:20px; }
.colors1 h3{color:#000;}
.colors1 p{color:#FFF;}

.colors2{
	width:300px;
	margin-top:15px;
	float:left;
	height:auto;
	border:1px solid #999;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#5c3852;
	padding:10px;
}
.colors2 ul{float:left; list-style-position:inside; font: 400 18px/1.2 'Graphik Web',Tahoma,sans-serif; font-size:12px; text-align:justify; padding-top:5px;line-height:20px; }
.colors2 h3{color:#000;}

.head{
	float:right;
	background:#555;
	height: 43px;
}
.content_left li{
	color:#646464;
}

.img-border{
	border:6px solid #1477b0;
	border-radius: 10px;
}

.img-border2{
	border:2px solid #1477b0;
}

 .bg-jt{
	background:#dbdbdb;
	padding: 5px;
	border-left: 5px solid;
	border-radius: 5px;
	margin:15px auto;
}
 

@media (min-width:1300px){
#banner_tab{
	margin-top: 100px;
}
.ei-slider{
	height: 500px !important;
}	
}
