body
{
margin:0px;
padding:0px;
background-image:url(images/background.jpg); background-repeat:repeat-x;
}
h1{margin:0px;}
h2{margin:0px;}
h3{margin:0px;}
h4{margin:0px;}
h5{margin:0px;}
p{margin:0px;}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:#333333;
}


p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:22px;
text-align:justify;
}

/*-- main menu -- */
a {
	color: #333;
}
#nav {
	margin: 0;
	padding: 7px 6px 0;
	background: url(images/menu_box.jpg) repeat-x 0 -110px;
	line-height: 100%;
	z-index:9998;

}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;


	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #FFFFFF url(gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;
	z-index:9998;

	

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #000000;
	z-index:9998;


}
#nav ul a:hover {
	background: #009900 url(images/menu_box.jpg) repeat-x 0 -100px !important;
	color: #fff !important;
z-index:9998;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
	z-index:9998;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd ;
	border: solid 1px #b4b4b4;


	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */


/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}
/*------- menu bar end ----------- */
.call_us
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#367fae;
}
.call_no
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
color:#367fae;
}
.right_box
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
text-shadow: 2px #000;
text-align:center;
}
.right_box_text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
}

.right_box_text a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
}
.right_box_text a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
font-weight:bold;
}
.services-box {
        margin:0 0 10px 0;
        display:inline-block;
        width:265px;
        height:60px;
        padding:5px;
        background:#00FFCC;
        color:#b2aaa4;
		border-radius:7px;
        -webkit-transition:all 0.2s ease;
        -moz-transition:all 0.2s ease;
        background-position:30px 50%;
        background-repeat:no-repeat;
        text-decoration: none;
		margin:0px 1px 4px 1px;
    }
    .services-box h5 {
        font: bold 18px Myriad Pro !important;
        text-transform:uppercase;
        font-size:18px;
        line-height:1;
        padding:0 0 10px 0;
		color:#123862;
		
    }
    .services-box:hover h5 {
        text-shadow:0 0 4px rgba(0,0,0,0.4);
        color:white;
    }
    .services-box:hover p {
        color:white;
    }
    .services-box p {
        font-size:12px;
		font-weight:bold;
        width:265px;
        line-height:1.5;
		color:#000;
    }
    .services-box:hover {
        background-position:30px 50%;
    }
    #f-diw {
        background-image:url(images/expter.png);
        background-position:217px 10px;
    }
    #f-diw:hover {
        background-color:#237abe;
        background-position:217px -226px;
    }
	
    #f-devlop {
        background-image:url(images/expter.png);
        background-position:217px -46px;
    }
    #f-devlop:hover {
        background-color:#237abe;
        background-position:217px -226px;
    }
	 #f-sms {
        background-image:url(images/expter.png);
        background-position:217px -166px;
    }
    #f-sms:hover {
        background-color:#237abe;
        background-position:217px -236px;
    }
	 #f-query {
        background-image:url(images/expter.png);
        background-position:217px -106px;
    }
    #f-query:hover {
        background-color:#237abe;
        background-position:217px -236px;
    }
	
.highlightit{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 9.5;
border:5px #666666 solid;
opacity: 9.5;
text-decoration:none;
}

.highlightit:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 10;
border:5px #0099FF solid;
opacity: 10;
text-decoration:none;
}
.textbox
{
border:1px solid #999999;
border-radius:4px 4px 4px 4px;
box-shadow:0 1px 4px rgba(0,0,0,0.16) inset;
color:#333333!important;
position:relative;
width:auto;
height:22px;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
}
.textbox:focus{
	border:1px solid #8DC5C5;
	color:#000!important;
	-webkit-box-shadow:0 0 6px #007eff;
	-moz-box-shadow:0 0 5px #007eff;
	box-shadow:0 0 5px #007eff;
}
.textarea
{
border:1px solid #999999;
border-radius:4px 4px 4px 4px;
box-shadow:0 1px 4px rgba(0,0,0,0.16) inset;
color:#333333!important;
position:relative;
width:auto;
height:100px;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
}
.textarea:focus{
	border:1px solid #8DC5C5;
	color:#000!important;
	-webkit-box-shadow:0 0 6px #007eff;
	-moz-box-shadow:0 0 5px #007eff;
	box-shadow:0 0 5px #007eff;
}