@charset "utf-8";

/* CSS Document */

button{ cursor:pointer !important;}

.form form button { cursor:pointer; border:1px solid #fff; background: #ccc none repeat scroll 0 0; border: medium none;    padding: 2px 9px; }

		.form form button:hover{ background:#333; color:#ccc;}



body{ margin:0px; padding:0px; background:url(../images/bg.jpg)#fafafa; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:justify; font-size:11px; text-align:center; border-image:none;  overflow-x: hidden;}

img{ border:none;}

p{margin:0 0 5px 0;}

ul { margin:0px; padding:0px;}

li { list-style:none; display:block;}

li ul li { padding:0px; margin:0px; display:block;}

h1,h2,h3,h4,h5,h6,h7,h8,h9{margin:0 0 5px 0; color:#333;}

h1 {font-size:22px;}

h2 {font-size:18px; font-family:Tahoma, Geneva, sans-serif; color:#dc2a0b;  }

h2 em{ font-style:normal !important;}

h3 {font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#F00; }

h4 {font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#7b7a7a;  text-align:justify;}

h5 {font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#1f1e1e;}

h6 {font:Verdana, Arial, Helvetica, sans-serif bold 12px;}

h7 {font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#F00;}

h8 {font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#cecccc;  text-align:justify;}

h9 {font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#7b7a7a;  text-align:justify;}

 

a{ text-decoration:none; color:#fff;}

a:hover{ text-decoration:none; color:#dc2a0b;}



.logo a img{ width:180px; ;}

.responsive-nav{ display:none;}



.container {width:98%; max-width:950px;margin:0 auto; display:block; background:url(../images/index_bg.jpg) center top no-repeat; min-height:650px; }

.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25 {float:left;margin-right:10px; padding:0px;}

.last {margin-right:0;}

.span-1 {width:3px; }

.span-2 {width:70px; }

.span-3 {width:200px; }

.span-4 {width:140px; }

.span-5 {width:200px; }                 /* Quick contact */

.span-6 {width:235px; }     /* header email & no inner */

.span-7 {width:355px;}        /* logo */

.span-8 {max-width:220px;width:100% }                           /* Our Services */   

.span-9 {max-width:278px;} /* welcome IMAGE */

.span-10 {max-width:400px; width:100%} /* welcome text */

.span-11 {max-width:530px; width:100%}                        /* footer */

.span-12 {max-width:390px; width:100%} 

.span-13 {max-width:580px; width:100%}/*{max-width:510px; width:100%}*/

.span-14 {max-width:330px; width:100%}/*{max-width:400px; width:100%}*/  /* footer */

.span-15 {max-width:615px; width:100%} 

.span-16 {max-width:622px; width:100%}

.span-17 {max-width:550px; width:100%}              /* header email & no */

.span-18 {max-width:700px; width:100%}                 /* Welcome main box */

.span-19 {max-width:750px; width:100%}

.span-20 {max-width:790px; width:100%}

.span-21 {max-width:830px; width:100%}

.span-22 {max-width:870px; width:100%}

.span-23 {max-width:910px; width:100%}

.span-24 {max-width:950px; width:99%}

.span-25 {max-width:950px; width:99%}











 /*** hedder ***/

.logo{ text-align:left;}



.topemail{ text-align:right; margin: 6px 0 0 0px; float:right; width:300px;}

.topemail a{ color:#FF0000;} 

.topemail a:hover{ color:#fff;}

.main_line{ margin: 15px 0 0 0px;}

.line{ background-color:#F00; max-width:950px; width:100%; height:1px; margin: 1px 0 0 0px;}

.Include{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#e2e417; text-align:right;}









.space{ margin: 0 0 10px 0px;}



/*** Menu ***/



#menu{ margin: 10px 0 0 15px;}

#menu-bar {

  width: 100%

  margin: 2px 0px 0px 0px;

  padding: 0px 0px 0px 5px;

  line-height: 100%;

  border-radius: 5px; 

   position:relative;

  z-index:999;

  margin-bottom:33px;

  margin-top:15px;

}

#menu-bar li {

  margin: 0px 1px 0px px;

  padding: 0px 4px 0px 4px;

  float: left;

  position: relative;

  list-style: none;

}

#menu-bar a {

  font-weight: normal;

  font-family:Verdana, Geneva, sans-serif;

  font-style: normal;

  font-size: 14px;

  color: #E7E5E5;

  text-decoration: none;

  display: block;

  padding: 14px 25px 18px 25px;

   margin: 0 0 0 0px;

  border-radius: 0px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px; 

}

#menu-bar .active a, #menu-bar li:hover > a {

  background: #dc2a0b;

   color: #fff;

   border-radius: 6px;

   

}

#menu-bar ul li:hover a, #menu-bar li:hover li a {

  background: none;

  border: none;

  color: #666;

  -box-shadow: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

}

#menu-bar ul a:hover {

  background: #dc2a0b !important;

  color: #FFFFFF !important;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  }

#menu-bar ul {

  background: #dcdbdb;

  display: none;

  margin: 0;

  padding: 0;

  text-align:left;

  width: 200px;

   position: absolute;

  top: 47px;

  left: 0;

  border: solid 1px #B4B4B4;

  border-radius: 6px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

}

#menu-bar li:hover > ul {

  display: block;

}

#menu-bar ul li {

  float: none;

  margin: 0;

  padding: 0;

}

#menu-bar ul a {

  padding:10px 0px 10px 4px;

  color:#000 !important;

  font-size:12px;

  font-style:normal;

  font-family:Verdana, Geneva, sans-serif;

  font-weight: normal;

 

}

#menu-bar ul li:first-child > a {

  border-top-left-radius: 6px;

  -webkit-border-top-left-radius: 6px;

  -moz-border-radius-topleft: 6px;

  border-top-right-radius: 6px;

  -webkit-border-top-right-radius: 6px;

  -moz-border-radius-topright: 6px;

}

#menu-bar ul li:last-child > a {

  border-bottom-left-radius: 6px;

  -webkit-border-bottom-left-radius: 6px;

  -moz-border-radius-bottomleft: 6px;

  border-bottom-right-radius: 6px;

  -webkit-border-bottom-right-radius: 6px;

  -moz-border-radius-bottomright: 6px;

}

#menu-bar:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

#menu-bar {

  display: inline-block;

}

  html[xmlns] #menu-bar {

  display: block;

}

* html #menu-bar {

  height: 1%;

}





/*** welcome box ***/

.welcome_hed{ text-align:left;}

.welcome_text{ margin: 10px 0 0 0px; max-width:99%;}

.welcome_img{ margin: 10px 10px 0 0px;}

.sidline{ margin: 0 0 0 -10px;}

.quick{ text-align:left;}
.Social-man-page h2{text-align:center;}
.mt-35{margin-top:35px;}


/*** Our Services ***/

.services_hed{ text-align:left; margin: 0 0 8px 0px;}

.services_box_bg{ background-image:url(../images/box_bg.jpg); background-repeat:repeat-x; height:60px; width:100%; margin: 3px 0 0 0px;}

.services_name{ margin: 5px 0 0 0px;}

.more{ margin: 8px 0 0 0px;}





/*** form ***/

.form{ margin: 25px 0 0 30px; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#fff;}

.submit{ margin: 5px 0 0 135px;}

.form2{ margin: 40px 0 0 0px; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#fff;}









/*** footer ***/

.mainfooter{ margin: 0 0 20px 0px;}

.footer_bg{ background-image:url(../images/footerline.png); background-repeat:repeat-x; width:100%; max-width:950px; height:1px; margin: 60px 0 20px 0px;}

.copyright{ font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-align:right;}

.f_menu{font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-align:left;}

.r{ color:#F00; font-weight:normal;}

.r a{ text-decoration:none; color:#F00;}

.r a:hover{ text-decoration:none; color:#F00;}

.flogo{ margin: 25px 0 10px 0px;}

.s_icon{ margin: 50px 0 0 250px;border:none;}

.icon_gap{ margin: 0 6px 0 0px; }







.more a{background:#DC2A0B; border-radius:3px; padding:4px 12px; color:#fff;    line-height: 21px; font-size:13px; width:58px; transition:all ease-in .2s; }

.more a:hover{ background:#000; }



/*** Traffic Ticket Page***/

.banner_ttpage{ margin: -10px 0 26px 0px;}

.traffic_hed{ text-align:left;}

.quest_hed{ text-align:left; margin: 0 0 7px 0px;}





/*** Contact***/

.contact_add{ text-align:left;}



.main{ float:left;}

.map{ width: 62%;

    float: right; }

.fontTdGreen{font-family: Verdana, Arial, Helvetica, sans-serif; color:green; font-size: 11px; line-height:16px;}

.fontTdRed{font-family: Verdana, Arial, Helvetica, sans-serif;color:red;font-size: 11px;}



.banner_ttpage img{ width:100%;}



form input{ background:#ccc; border:1px solid #fff; width:100%;}

form textarea{ background:#ccc; border:1px solid #fff; width:100%;}





.tool{ display:none;}

a.tooltip {outline:none; }

a.tooltip strong {line-height:30px;}

a.tooltip:hover {text-decoration:none;} 

a.tooltip span {

    z-index:10;display:none; padding:5px 5px;

    margin-top:-12px; 

    width:180px; line-height:16px;

	text-align:left;

	padding-left:5px;

}

a.tooltip:hover span{

    display:inline; position:absolute;

     background:#fffAF0;}

.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

    

/*CSS3 extras*/

a.tooltip span

{

    border-radius:4px;

    box-shadow: 1px 1px 3px #CCC;

}
.dis {
        line-height: 35px;
    color: #db0c0a;
    font-size: 19px;

}
@media (max-width: 699px) and (min-width: 320px){
    
    .dis {
        line-height: 50px;
    

}
}