@charset "utf-8";
/* Author: Ritesh Gupta */
/* Date: 21/02/12 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Tahoma, Geneva, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a {color:grey; text-decoration:none;}

strong{font-weight:bold; color:black;}

div{margin:0 auto; width:1000px;}

span {color:#000000;}

p {line-height:1.5em;}
/* ----------------CSS RESET END ------------------------*/


/* ----------------------------------------------MAIN TEMPLATE CSS -------------------------------------------------*/

body { background-image:url(images/body-bg.gif); background-repeat:repeat;}

.top-logo {background-image:url(images/logo.gif); background-repeat:no-repeat; height:65px; margin-top:10px;}

#no-bullet {list-style-type:none;}

.top-logo ul {color: #0072FF; float: right; font-size: 14px; letter-spacing: 1px; list-style-type: disc; margin: 1.5em 2em 0 0;}

.top-logo li{float:left; margin-left:2em; font-family:Arial, Helvetica, sans-serif;}

.top-logo span {color:black;}

.banner-container{ height:188px; background-image:url(images/banner-bg.gif); background-repeat:repeat-x;}

.banner-container p{color:white; font-size:2.5em; padding:0.4em 0 0 1em; font-family:"Futura Md BT";}

.slogan {float:left; width:500px; height:175px;}

#padding{ padding-left:3em; padding-top: 0;} #padding1 {padding-left:6em; padding-top: 0;}

.banner-image{float:left; padding-top:11px;}

.main-container{ background-color:#fff; border:2px solid #ececec; border-radius:8px; margin-top:65px;}

.enq-button {padding-left:50px;}

.footer {height:200px; padding-top:1em;}

.footer a {color:black;}

.blue-bar {height:30px; background-color:#3b88e9;}

.blue-bar ul{margin:0 auto; width:500px;} 

.blue-bar li{float:left; padding:7px 0 0 2em;}

.blue-bar span{color:white;}

/* ---------------------------------------MAIN TEMPLATE CSS END ---------------------------------------------*/

.text-img {height:245px; width:890px; padding-top:1em;}

.text-img ul{float:left; width:650px; line-height:1.5em; font-size:1em; list-style-type:disc; color:#bbde7e;}

.text-img img {float:right;}

.text-rest {width:890px; line-height:1.5em; padding-bottom:2em;}

.text-rest li {color:#bbde7e; list-style-type:disc;}

/* ----------------AIR POLLUTION END ------------------------- */

.top-buttons {height:40px;}

.top-buttons a {float:left;} 
.top-button1 {float:left; width:315px; padding-top:2px;}

.top-button2 {float:left; width:235px;}

.top-button3 {float:right; width:280px;}

.text-right { float: right; height: 500px; width: 400px;}

.text-left { float: left; height: 607px; width: 465px;}

.bg {background-color: #F1F1F1; height: 546px; margin: 2.2em 0 0 1.3em; width: 435px;}
.text-left {
    float: left;
    height: 720px;
    width: 468px;
}
#about-us {
    color: #ffffff;
    font-size: 1.5em;
    padding-left: 25px;
}
.bg {
    background-color: #3b88e9;
	border-radius:10px;
    height: 604px;
    margin: 0.5em 0 0 0;
    width: 455px;
}
#long-text {
    font-size: 0.75em;
    line-height: 20px;
    padding: 1em 0 0 1.5em;
    width: 420px;
	color:white;
}
.text-right {
    float: right;
    height: 640px;
    width: 500px;
}
#directors {
    background-image: url("images/leaf.jpg");
    background-repeat: no-repeat;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    height: 40px;
    line-height: 1.6em;
    padding: 0 3em 0 0;
}
.text-right p {
    float: right;
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 2em 3em 0 0;
    width: 289px;
}
#mohan {
    margin: 0 0 0;
}
#yogesh {
    margin: 0 0 0;
}
.anil {
    float: left;
    position: relative;
    top: 3em;
}
.mohan {
    float: left;
    position: relative;
    top: 5em;
}
.yogesh {
    float: left;
    position: relative;
    top: 6.6em;
}
.contact-info {
    color: #3B88E9;
    height: 115px;
    line-height: 1.5em;
    padding-left: 2.5em;
    width: 415px;
}
.contact-info p, .contact-info a {
    float: left;
}
#contact-us {
    color: #2F69B8;
    font-size: 1.6em;
    padding: 0 0 0 1.6em;
}
#contacts-head {
    background-image: url("images/leaf.jpg");
    background-repeat: no-repeat;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    height: 30px;
    line-height: 1.6em;
    padding: 0 3em 0 17px;
}
#contact-address {
    font-size: 0.9em;
    height: 112px;
    line-height: 1.5em;
    margin: 0.7em 0 0 3em;
    width: 400px;
}
#unit-blue {
    color: #3B88E9;
    height: 40px;
    padding: 0 0 0 3em;
    width: 50px;
}
#mission {
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 1.4em;
    width: 378px;
	color:white;
}

.social-icons {
    padding-top: 10px;
}

.social-icons li {
    display: inline-block;
}

.social-icons ul { 
    text-align: right;
}

.social-icons li a {    
    width: 30px;
    height: 26px;
}