/* Modi Group CSS Document */
body{background:#f4f3f3;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}
h1,h2,h3,h4,ul,li{margin:0;padding:0;}
a{display:block;outline:none}
a img {outline:0;border:none;}
p{text-align:justify;}
#outer_wrapper{max-width:95%;background:#fff;margin:0 auto;padding:10px 5px 0;width:980px}
#wrapper{margin:0 auto;width:auto}
#header{background:url(images/header.jpg) right -9px no-repeat;height:168px;}
#logo{margin-top:38px;float:left; margin-left: 7px;}
#navigation{float:right;margin-top:90px;}
#footer_navigation ul li{float:left;list-style-type:none;}
/*#navigation ul li ul{display:none;}*/
#footer_navigation ul li a{text-decoration:none;margin-right:10px;color:#999999;margin-left: 10px;padding-left: 10px; border-left:1px solid #ccc;}
 #nav li a.active, #footer_navigation ul li a.active {color:#0083cb;}
 #footer_navigation ul li a:hover {color:teal;}
 #footer_navigation ul li:first-child a {border-left:none;}
#nav, #nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em;}
#nav a{border-left: 1px solid #ccc;color: #999999;font-size: 14px;margin-right: 18px;padding-left: 12px; text-decoration: none;}
#nav a:hover{color:teal;}
#nav li{float:left;position:relative;}
#nav ul li a:hover{background-color:#ED6D0C;color:#fff;border:none}
#nav ul{display:none;width:8em;}
#nav li ul a{width:8em;height:auto;float:left;}
#nav li:first-child a, #nav li ul a{border:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{padding:0;display:block;list-style:none;text-align:left;padding:4px;border:none}
#box{position:relative;background:#fff;float:left;margin:9px 0;left:4px;height:250px;padding:15px 0;}
.g_box{float:left;width:20%}
#grp{margin-bottom:12px;color:#6699FF}
/*#box_1{background:url(images/box_1.jpg); width:213px; height:284px;}
#box_1:hover{background:url(images/box_1_color.jpg); width:213px; }*/
.heading{color:#6699FF;font-size:16px;}
#intro{clear:both;float:left; margin:27px 0 15px 0;padding:27px 6px; border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
#contact_mail{float:left;margin-top:10px;background:url('images/email.png') no-repeat;padding:54px 17px 0 0;border-right:1px solid #eaeaea;width:256px;min-height:217px}
#contact_no{float:left;margin-top:10px;background:url('images/support2.png') no-repeat;padding:54px 20px 17px;width:250px;}
.contact_feild{float:left;clear:left;  margin-bottom: 10px;color:#adadae;min-width:100px;text-align:right}
.contact_value{float:right;color:#8d8d8d}
.contact_value a{color:#0083cb;text-decoration:none}
.contact_value a:hover{color:#fcac19}
#location{clear: both;float:right;margin-top:45px;width:897px;}
#map{float:right;}
#box_1 span{ display: block;font-size: 11px;position: absolute;top: 227px;left:4px;color:#ccc;}
#footer{clear:both;text-align:center;padding:15px 0;margin-top:10px;overflow:hidden;}
#footer_navigation{width:630px;}
#footer_navigation{float:right;}
#copyright{clear: both;float: left;margin-top: 22px;color:#ccc;}
#footer-logo{display:block;float:right; background:url('images/logo_grey.jpg') no-repeat; height:46px;width:125px;}
#footer-logo a{height:46px; text-indent:9999px}
#footer-logo:hover{background:url('images/logo_color.jpg') no-repeat; }
#feedback{float:left;background:url('images/email.png') 8px 0 no-repeat; padding:54px 9px 0 9px;border-left:1px solid #eaeaea;min-height:217px}
@media screen and (max-width: 478px) 	{
	h1 { font-size: 70px; padding: 1px; }
	h2 { font-size: 13px; padding: 1px; }
	body { font-size: 13px;}
	.g_box{float:left;width:100%}
}

@media screen and (max-width: 740px) 	{
	h1 { font-size: 70px; padding: 1px; }
	h2 { font-size: 13px; padding: 1px; }
	
}
@media screen and (max-width: 480px) {

}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}