/* CSS Document */

@font-face{ font-family:"open-sans"; 
src:url(fonts/opensans-regular.ttf);}

body{
	padding:0;
	margin:0;
	/*background:url(images/main_bg.gif) 0 0 repeat-x #FEF8F0; */
	color:#3D301F;font-family:"open-sans";
}
div, h1, h2, form, label, input, textarea, img, span{
	margin:0; padding:0; 
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
img { border:none;}

label 
{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
}
strong
{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #b50000;
}
/*------------------------------------------------body-main--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	/*background:url(images/body_bg.gif) 0 0 no-repeat;*/
	position:relative;
}
#left {
       width: 82%;
    padding: 1%;
    float: left;
    background-color: #eee;
    border: 1px solid #ddd;
}

#left .listContainer{
	float:left; 
	margin-left:15px; 
	padding-bottom:10px;
}

#left .newList ul{
	margin:0px; 
	padding:0px;
	list-style-type:decimal;
}

#left .newList li{
	
	color:#333333;
	list-style-type:decimal;
	
	margin-left:25px;    font-size: 14px;
}



#left-top{
	width:470px;
	display:block;
	height:65px;
	background:url(images/nav_bg.gif) no-repeat;
	margin:0px 0px 0px 15px;
	float:left;
}
#left-top img{
	position:absolute;
	left:25px;
	top:175px;
}

#left-top h1{
	position:absolute;
	left:115px;
	top:215px;
	color:#efefef;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:9px;
}

#left-bot{
}
	
#left-bot h2{
    display: block;
    color: #002f65;
    padding: 0 10px 0 0px;
    float: left;
    margin: 0;
    font-weight: bold;
    font-size: 28px;
}
#left-bot p.white{
	font:bold 12px/21px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3D301F;
	margin:0 0 15px 0 ;
	display:block;
	text-align:justify;    padding: 0 0 0 4px;
}
#left-bot p.white span{
	color:#B50000;
}
#left-bot p.text{
	text-align:justify; font-size:14px;
}
#left-bot p.text a.link2{
	width:111px;
	height:15px;
	background-color:#FFF4D3;
	color:#3D301F;
	text-decoration:none;
}
#left-bot p.text a.link2:hover{
	text-decoration:underline;
	background-color:#FEF8F0;
	color:#B50000;
}
#left-bot p.more-div{
	display:block;
	margin:0 ;
	float:right;
}
#left-bot p.more-div a{
	display: block;
    background: #00a6ca;
    padding: 3px 14px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
#left-bot p.more-div a:hover{
	background-color:#ffa902
}
#left-bot p.white2{
	padding:0 0 0 0px;
	color:#3D301F;
	margin:0 0 20px 0;
}
#left-bot p.white2 span{
	color:#B50000;font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;     padding: 0 0 0 4px;   
}
#left-bot p.text2{
	text-align:justify;
	padding:0 0 0 0px;
}
#left-bot p.text2 a.link3{
	width:111px;
	height:15px;
	background-color:#FFF4D3;
	color:#3D301F;
	text-decoration:none;
}
#left-bot p.text2 a.link3:hover{
	text-decoration:underline;
	background-color:#FEF8F0;
	color:#B50000;
}
#left-bot p.pic1{
	display:block;
	background:url(images/pic1.gif) 0 0 no-repeat;
	width:123px;
	height:89px;
	float:right;    margin-top: 0;
    margin-left: 20px;
}
#left-bot p.pic2{
	display:block;
	background:url(images/pic3.jpg) 0 0 no-repeat;
	width:123px;
	height:89px;
	margin:0px 0 0 0;
	float:right;
}

#left-bot p.text3{
	width:302px;
	padding:0 0 0 10px;
	margin:46px 0 0 0;
	font:normal 12px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
}
#left-bot p.more-div2{
	display:block;
	width:53px;
	height:16px;
	background:url(images/more_div.gif) 0 0 repeat-x;
	padding:0 0 0 398px;
	float:right;
	margin:35px 0 0 0;
	line-height:16px;
	font-size:0;
}
#left-bot p.more-div2 a{
	display:block;
	background:url(images/more.gif) 0 0 no-repeat;
	width:52px;
	height:12px;
}
#left-bot p.more-div2 a:hover{
	background:url(images/more_hover.gif) 0 0 no-repeat;
}
#right{
    color: #000;
    float: right;
    text-align: right;
}
#right-bg{
	width:150px;
    border: 1px solid #ddd;
	padding:0 6px 0 6px;
}
/*#right-bg form{
	width:134px;
	height:61px;
	padding:0 9px 0 7px;
	border-bottom:#FEF8F0 solid 5px;
}
#right-bg form h2{
	width:132px;
	height:11px;
	background:url(images/serch_div.gif) 53px 0 repeat-x;
	margin:0 0 9px 0;
}
#right-bg form h2 span{
	display:block;
	width:53px;
	font:bold 14px/11px Georgia, "Times New Roman", Times, serif;
	color:#5B3800;
	background-color:#F1E9DD;
}
#right-bg form input{
	width:121px;
	height:16px;
	padding:0 0 0 10px;
	background-color:#fff;
	color:#1D1D1D;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	font:normal 10px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
}
#right-bg form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:42px;
	height:11px;
	border:none;
	cursor:pointer;
	float:right;
	margin:0 2px 0 0;
}*/
#right-bg h2.cat{
	width:132px;
	height:14px;
	background:url(images/category_div.gif) 0 0 repeat-x;
	margin:0px 0 10px 7px;
}
#right-bg h2.cat span{
	display:block;
	width:82px;
	font:bold 14px/14px Georgia, "Times New Roman", Times, serif;
	color:#5B3800;
	background-color:#F1E9DD;
}
#right-bg ul.category{
	width:132px;
	margin:0;
	padding:0 0 13px 0;
	float:left
}
#right-bg ul.category li{
	width:130px;
	float:left;
}
#right-bg ul.category li a{
	display:block;
	width:118px;
	height:17px;
	background:url(images/bullet.gif) 7px 7px no-repeat #F1E9DD;
	padding:0 0 0 20px;
	font:bold 10px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00466E;
	text-decoration:none;
	margin:0;
}
#right-bg ul.category li a:hover{
	background:url(images/bullet_hover.gif) 7px 7px no-repeat #FEFAF4;
	color:#00466E;
}
#right-bg h2.ser{
	display:block;
	width:132px;
	height:14px;
	background:url(images/category_div.gif) 0 0 repeat-x;
	margin:0 0 10px 0;
	float:left;
	padding:0 0 0 0;
}
#right-bg h2.ser span{
	display:block;
	width:71px;
	font:bold 14px/14px Georgia, "Times New Roman", Times, serif;
	color:#5B3800;
	background-color:#F1E9DD;
	padding:0 0 0 7px;
	
}
#right-bg ul.service{
	width:132px;
	margin:0;
	padding:0 0 64px 0;
	float:left
}
#right-bg ul.service li{
	width:130px;
	float:left;
}
#right-bg ul.service li a{
	display:block;
	width:118px;
	height:17px;
	background:url(images/arrow.gif) 7px 7px no-repeat #F1E9DD;
	padding:0 0 0 20px;
	font:bold 10px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#99004F;
	text-decoration:none;
	margin:0;
}
#right-bg ul.service li a:hover{
	background:url(images/arrow_hover.gif) 7px 7px no-repeat #FEFAF4;
	color:#99004F;
}
#right p.bot2{
	display:block;
	width:162px;
	height:6px;
	margin:0 0 7px 0;
	font-size:0;
}
#right p.banner{
	width:96px;
	height:28px;
	background:url(images/banner.gif) 0 0 no-repeat;
	padding:98px 0 0 66px;
	margin:0 0 12px 0;
}
#right p.banner a{
	display:block;
	background:url(images/for_more.gif) 0 0 no-repeat;
	width:52px;
	height:5px;
}
#right p.banner a:hover{
	background:url(images/for_more_hover.gif) 0 0 no-repeat;
}
#right h2.sol{
	display:block;
	width:147px;
	height:14px;
	background:url(images/solution_div.gif) 0 0 repeat-x;
	margin:0 0 8px 0;
	float:left;
	padding:0 0 0 0;
}
#right h2.sol span{
	display:block;
	width:71px;
	font:bold 14px/14px Georgia, "Times New Roman", Times, serif;
	color:#5B3800;
	background-color:#FEF8F0;
	padding:0 0 0 7px;
}
#right p.bot-text{
	width:145px;
	font:bold 10px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3D301F;
	background-color:#FEF8F0;
	margin:0 6px 0 7px;
	padding:0 0 8px 0;
	border-bottom:#EFE5D9 solid 2px;
}
#right p.bot-text a{
	color:#B50000;
	background-color:#FEF8F0;
	text-decoration:none;
}
#right p.bot-text a:hover{
	background-color:#FFF4D3;
	color:#B50000;
}
#right p.bot-text2{
	width:145px;
	font:bold 10px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3D301F;
	background-color:#FEF8F0;
	margin:0 6px 0 7px;
	padding:8px 0 0 0;
	border-bottom:none;
}
#right p.bot-text2 a{
	color:#B50000;
	background-color:#FEF8F0;
	text-decoration:none;
}
#right p.bot-text2 a:hover{
	background-color:#FFF4D3;
	color:#B50000;
}

/*------------------------------------------------body end--------------------*/

/*------------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	    padding: 20px 0 10px 0;
	background:#242424;
	color:#FEF8F0;
}
#footer{
	max-width:400px;
	margin:0 auto;
	position:relative;    text-align: center;

}
#footer ul{
	margin:0;
	padding:0;

}
#footer ul li{
	margin:0;
	color:#fff;
	background-image:none;display: inline;    font-size: 13px;
}
#footer ul li a{
	color:#FEF8F0;
	text-decoration:none;
	padding:0 7px 0 7px;
}
#footer ul li a:hover{
	color:#00a6ca;
}
#footer ul li.home2{
	padding:0 7px 0 7px;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FEF8F0;
}
#footer p.copyright, #footer p a{
	color:#00a6ca;
	
}
#footer a.xht{
	display:block;
	width:56px;
	height:12px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:150px;
	top:36px;
	padding:0;
	margin:0;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	display:block;
	width:56px;
	height:12px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:210px;
	top:36px;
	padding:0;
	margin:0;
	float:left;
}

#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer p.design{
	display:block;
	padding:0;
	color:#FFF0D8;
	text-align:center;
	text-transform:capitalize;
}
#footer a.link{
	font-size: 12px;
	color:#fff;
	padding:0;
	text-decoration:none;
	text-transform:capitalize;
}
#footer a.link:hover{
	color:#fff;
}
/*------------------------------------------------footer end--------------------*/


.logo{ float:left;}
.ryt-nav{ float:right;    margin-top:0px;}
.sub_container{
	max-width:1100px;
	margin:0 auto;}
.ryt-nav li{ float:left; font-size:14px;}
.ryt-nav li a{     color: #000000;
    text-decoration: none;
padding: 6px 16px;
    font-size: 16px;    border-radius: 3px;    display: block;}
.ryt-nav li+li{ margin-left:10px;}
.header{padding: 20px 0px;    border-bottom: 3px solid #ffa902;}
.ryt-nav li a:hover,.ryt-nav li a.active{ background-color:#00a6ca; color:#fff}
.clear{ clear:both}

.ryt-nav form{    clear: both;
    float: right;}
.ryt-nav form select{    padding: 7px 7px;
    background-color: #eee;}
.ryt-nav ul{ padding:10px 0 0 0;}
p{ font-size:14px;}

.content-main{ padding:0px 0px;}

.content-city{       border: 1px solid #ddd;
        padding: 6px 24px 15px;
    max-width: 400px;
    margin: 0px auto;
    margin-bottom: 30px;    margin-top: 25px;
    background-color: #fff;}
.content-city h2{padding-bottom: 6px;
    text-align: center;color: #00a6ca;}
.content-city select{    display: block;
    margin: 0px auto;padding: 5px 6px;    border: 1px solid #ddd;}

.footer_bot{    background-color: #000;
    padding: 1px 0px;
    text-align: center;}
.design a{    color: #6ECBFF;
    text-decoration: none;}
.nb_h{    BORDER-BOTTOM: #b50000 1px solid;
    BORDER-LEFT: #b50000 1px solid;
    PADDING-BOTTOM: 12px;
    PADDING-LEFT: 12px;
    max-width: 470px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #b50000 1px solid;
    BORDER-RIGHT: #b50000 1px solid;
    PADDING-TOP: 12px;
    margin: 0px auto;}

.img-main{ position:relative; margin-bottom:30px;}
.img-main .content-city{background-color: #fff;}

.img-main img{border-bottom: 3px solid #ffa902;}
	

.all_services_list li a {
    padding: 13px 2%;
    display: block;
    background-color: #ddd;
    font-size: 15px;
    min-height: 13px;
    transition: 0.5s;
    color: #1E3D59;
    text-align: center;    text-decoration: none;
}
.all_services_list li a:hover {
    background-color: #00a6ca;
    color: #fff;
}	
.cnt_form h1 {
    text-transform: uppercase;
    padding: 7px 20px;
    color: #fff;
    background-color: #00a6ca;
    text-align: left;
    font-size: 17px;
    font-weight: normal;
}
.cnt_form_ins {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 11px;
}
.cnt_form_p {
    padding-bottom: 20px;
}
.name_cnt {
    padding-bottom: 14px;
    clear: both;
}.cnt_form_ins label {
    float: left;
    width: 100%;
    max-width: 200px;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}
.name_cnt input, .name_cnt select, .name_cnt textarea {
    COLOR: #000;
    width: 100%;
    padding: 6px 6px;
    width: 100%;
    padding: 6px 6px;
    box-shadow: 0px 0px 13px #ddd inset;
    -moz-box-shadow: 0px 0px 13px #ddd inset;
    -webkit-box-shadow: 0px 0px 13px #ddd inset;
    border: 1px solid #ddd;
    outline: 0px;
    resize: none;
}
.cnt_left {
    float: left;
    margin: 17px 0;
    max-width: 540px;
    width: 100%;
}
.cont_ig{ float:right}	

.cl_txt_main{ text-align:right;}
.cl_txt b{ color:#00a6ca}
.cl_txt a{    color: #000;
    text-decoration: none;}
.cl_txt_main .cl_txt{ font-weight:bold;color: #000;}

#contactus fieldset {
    max-width: 420px;
    padding: 20px;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
}
#contactus legend, h2 {
    font-family: Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #333;
}

#contactus .container {
    margin-top: 4px;
    margin-bottom: 4px;    clear: both;
}

label {
    float: left;
    line-height: 25px;
    width: 190px;
}

#contactus input[type="text"] {
    height: 18px;
    width: 220px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    line-height: 140%;
    padding: 3px;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#contactus .spmhidip {
    display: none;
    width: 10px;
    height: 3px;
}
	
@media(min-width:768px)
{
img.pred{    float: left;
    margin-right: 20px;}	
.all_services_list li {
    width: 31%;
    float: left;
    margin: 0px 1%;}

}
	.all_services_list li {
    margin-bottom: 19px;
}

.reqWork input[type="checkbox"]{    float: left;
    margin-right: 11px;
    margin-top: 6px;}