/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.urbangreymenu,.urbangreymenu-mob {
	width: 230px; /*width of menu*/
	display:block;
}
.urbangreymenu .headerbar,.urbangreymenu-mob .headerbar-mob {
	font: bold 13px Verdana;
	color: white;
	text-align: center;
	background: #006600 url(images/downgreen.gif) no-repeat 8px 6px;
/*last 2 values are the x and y coordinates of bullet image*/margin-bottom: 0; /*bottom spacing between header and rest of content*/;
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul,.urbangreymenu-mob ul  {
	list-style-type: none;
	margin: 0;
	color: white;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a, .urbangreymenu-mob ul li a {
	font: normal 12px Arial;
	color: white;
	text-align: right;
	background: #333333;
	display: block;
	padding: 5px 15px;
	line-height: 15px;
	text-decoration: none;
}
.urbangreymenu ul li a:visited,.urbangreymenu-mob ul li a: visited{
	color: white;
}
.urbangreymenu ul li a:hover,.urbangreymenu-mob ul li a:hover {
	/*hover state CSS*/
color: white;
	background: black;
}
.leftmenucolumn-mob{
	display: none;
}
body {
	background-color: #666666;
	
}
p {
	font: normal 14px Arial;
	color: black;
	display: block;
	padding: 5px 15px;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/;
	text-decoration: none;
}

a{

	text-decoration: none;
}
h1 {
	margin: 0;
	font-variant: normal;
	font-size: 16pt;
	font-family: Verdana;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
h1.toprowwhiteoverblack {
	text-align: center;
	color: white;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h2.townslistheading {
	margin: 0;
	font-variant: normal;
	font-size: 16pt;
	font-family: Verdana;
	font-weight: bold;
	color: #006600;
	text-align: center;
}
p.text {
        color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 25px;
    font-weight: 500;
    font-style:normal;
}

.text span{
	font-size: 29px;
    line-height: 50px;
    font-weight: bold;
}

.center-1{
	margin-left: 22%;
}



.picture-top img {
    text-align: center!important;
    max-width: 100%;
    margin-top: 5px;

}

h2 {
	margin: 0;
	font-variant: normal;
	font-size: 11pt;
	font-family: Verdana;
	font-weight: bold;
	color: black;
	text-align: center;
}
h1.toprowwhiteoverblack {
	text-align: center;
	color: white;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h2.toprowwhiteovergrey {
	text-align: center;
	color: white;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h2.toprowwhiteoverblack {
	text-align: center;
	color: white;
	font-size: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.bybbblogo {
	color: #000000;
	margin: 0;
	font-variant: normal;
	font-size: 18pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}
h3 {
	margin: 0;
	font-variant: normal;
	font-size: 14pt;
	font-family: Verdana;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
h3.belowcertificates {
	padding: 2px 15px;
	font-variant: normal;
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	text-align: center;
}
h3.toprowwhiteoverblack {
	text-align: center;
	color: white;
	font-size: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h3.boldblack {
	padding: 2px 15px;
	font-variant: normal;
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	text-align: center;
}
h4 {
	margin: 0;
	font-variant: normal;
	font-size: 16pt;
	font-family: Verdana;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
h5 {
	margin: 0;
	font-variant: normal;
	font-size: 13pt;
	font-family: Verdana;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
h6 {
	margin: 0;
	font-variant: normal;
	font-size: 16pt;
	font-family: Verdana;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

span.telephonenumberabovevideo a{
	color: #000!important;
}
.orderedlist {
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
.orderedlist {
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
.toprow {
	background-image: url('images/toprow.png');
}
.leftmenucolumn,.leftmenucolumn-mob {
	background-color: #AAAAAA;
	vertical-align: top;
	
}
.mastertable {
	border: 2px solid #000000;
}
.contenttablecolumn1 {
	background-color: #CCCCCC;
}
.contenttabletexttable {
	background-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}
.descriptionrow {
	background-color: #000;
}
.contenttable {
	border-width: 0;
	width: 715px;
}
.companydescription {
	/*font-style: italic;*/
}
.contentcolumn {
	border-style: solid;
	border-color: #AAAAAA;
	background-color: #AAAAAA;
}
tr.toprowwhiteovergrey {
	background-color: #333333;
}
.references {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}
.mob-logo{
	display: none;
}
.townlist {
	font: normal 13px Arial;
	color: black;
	display: block;
	padding: 5px 15px;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/;
	text-decoration: none;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.captionbullettable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.bullettable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.certificatestable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
}
.picture img {
	text-align: center;
	max-width: 100%;
	margin-top: 5px;
}
.toprowtelephonenumber {
	font-size: 22pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.toprowtelephone {
	font-size: 22pt;
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
}
.indexpagecolumnbackground {
	background-color: #CCCCCC;
}
h2 {
	font: 14pt verdana, arial;
	colod: darkblue;
	font-weight: bold;
	margin: 0;
}
.indexpagetopcolumnbackground {
	border-style: solid;
	border-color: #AAAAAA;
	/*background-color: #AAAAAA;*/
}
.indexpagetable {
	border: 2px solid #000000;
}
.toprowtext {
	text-align: center;
	line-height: 43px;
	font-size: 16pt;
	color: white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.telephonenumberatbottom {
	margin: 0;
	font-variant: normal;
	font-size: 16pt;
	font-family: Verdana;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.telephonenumberatbottom a{
	color: #000;
}
.contenttable {
	border: 0px solid #000000;
}
.maincontenttable {
	border-style: solid;
	border-width: 1px;
}
.columnheadings {
	font-size: 13pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	text-align: center;
}

.img-border {
    border: 3px solid #f2f2f2;
}

.telephonetoprow img{
	width: 50%;
	display: none;
}
.telephonenumberabovevideo {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22pt;
}
/* Ravi, Letz Play With Responsive from tables */
.indexpagetable {
	width:1000px;
	background:#fff;}
	.toprow { width:100%;}
/* header part */
/*.townlist a { color:blue;}
.townlist a:hover, .townlist a:active { color:blue;}*/
a:active{ outline:none; }
.clear { clear:both; }
.top-header { width:100%; float:left; height:100px; overflow:hidden; background:#000; }
.top-left { width:706px; float:left; height:100px;}
.top-right { width:275px; float:right; background: #000; height:100px;}
.top-left a { float:left; width:100%; }
.top-left img.lazy { max-width:100%;} 

/* basic li design on phone number */

.top-right > ul {list-style: outside none none;  margin: 0; font-family:Arial;  margin-top: 10px;  padding: 5px;;  text-align: center;}
.top-right li { display: inline-table;  padding: 0 5px;}
.top-right li a{ font-weight: bold; font-size: 17px; color: #ffff00; text-decoration:none; outline:none; font-weight: bold; line-height:100%;}
.top-right li a:hover { opacity:0.8;}
.top-right p { color: #ffff00; float: left; font-size: 16px; line-height:24px; margin-left: 5px;  margin-top: 6px;  font-weight: bold;  }
.top-right p a{ color: #ffff00; text-decoration:none; outline:none; line-height: 35px;}

.innerptop p .telephonetoprow-1 {
    font-size: 20pt;
    color: #FFFF00;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.top-right p a.odds { margin-left:18px;}
/* left columns */
.leftmenucolumn { width:210px;}
/* menu section */
.menuhidden {width:100%; overflow:hidden; background:#ccc; font-family: Verdana; line-height:30px; border-radius:5px; margin-bottom:15px; cursor:pointer; display:none;}
.menuhidden span { padding-left:10px; font-weight:bold; font-size:14px;}
.menuhidden img {float:right; width:40px;}
.toprow { background:none;  }
.partleft {width:33%;}
.partcenter { width:37%;}
.partright { width:40%;}
iframe { width:100%; height:360px;}
html{ width:100%; border:0; padding:0; margin:0;}
/* service page play */
.serviceleft { width:266px;}
 /* image center part */
	 p.center-img { display:block}
	 /* img responsive */
	 .pad-left { padding-right:15px; padding-left:10px; }
	.preleft { width:60%;}
	.preright { width:40%;}
	.orderedlist { padding-right:10px; }
	
	
	/* play with inner pages */
	.innerptop p { text-align:center; }
	.innerptop p .telephonetoprow {	font-size: 20pt; color: #FFFF00;font-family: Arial, Helvetica, sans-serif; text-align:center; line-height: 60px;}
	.innerptop p em { color: #f2f2f2;  font-size: 14px; font-style: initial; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
	
.innerptop p .telephonetoprowold {
    color: #ffff00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 21pt;
    line-height: 60px;
    text-align: center;
}.toprowoldtext {
    color: #ffffff;
    font-family: Verdana,Geneva,Tahoma,sans-serif;
    font-size: 14pt;
    line-height: 30px;
    text-align: center;
}
.contentcolumn { border-left:2px solid #fff; }


/* image center align */
img.center-img-new {display: block;  margin-left: auto; margin-right: auto; }


/* RAVI Responsive css */
   @media  only screen and (max-width: 1024px) {
	   /* tablets and desktop */
	.indexpagetable, .top-left, .top-right  { width:100%;}
	.top-header, .top-right { height:auto;}
	.top-left { width:100%; background:#006600;}
	.top-right p { float:none; text-align:center;}
	.top-right p a{ margin-left:0px!important; }
	.top-right > ul { margin-top:15px; margin-bottom:15px; }
	/* important for table design */
	 td{display:block; /*background-color: #aaaaaa;*/}
	 p.text {
       color: #fff;
    text-align: center;
    font-size: 15px!important;
    line-height: 18px!important;
    font-weight: 600;
    font-style: normal;
}

.text span{
	font-size: 15px;
}

	 .descriptionrow { font-size:15px; line-height:25px; height: 205px;}
	 .indexpagetopcolumnbackground, .contentcolumn { width:73%; float:left; border-left:2px solid #fff;}
	 .leftmenucolumn { width:25%; float:left;}
	 .contenttable { float:left; width:auto}
	 
	 .center { text-align:center;}
	 
	 .partleft, .partcenter, .partright,.urbangreymenu {width:100%;}
	 /* service page */
	 .serviceleft { width:100%; }
	 .auto-style22 td { background:#ccc;}
	 /* image center part */
	 p.center-img { text-align:center;}
	 .preright, .preleft { width:100%;}
	 img.img-responsive-new { width:100%; }
	 /* table height issue solving tricks */
	 /* trick 1 */
	 .backback { background:#aaa; overflow:hidden; }
	 /* trick 2 */
	 /*.indexpagetable { overflow:hidden;}
	 td.leftmenucolumn, td.contentcolumn{margin-bottom: -99999px; padding-bottom: 99999px;}*/
	
}
@media only screen and (max-width: 767px) {
    /* phones */
	 .leftmenucolumn,  .indexpagetopcolumnbackground, .contentcolumn { width:99%; float:left; border-left:none;}
	 .urbangreymenu { display:none;}
	 .menuhidden { display:block;}
	 .urbangreymenu ul li a { text-align:center;}
	 .indexpagetable, .top-left, .top-right  { width:600px }
	 iframe {height:200px;}
	 .preright, .preleft { width:100%;}
	  p.belowcertificates { padding:5px; }
	 .telephonenumberabovevideo {font-size: 19pt; line-height:25px;}
	        
}
	 
	 

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) { 
        
          
    span.telephonetoprow img {
    width: 14%;
    display: block;
    margin-top: -3%!important;
    margin-left: 60%!important;
} 

.menuhidden.menu-1 {
    margin-top: -58% !important;
    max-width: 77%!important;
}


.urbangreymenu.drop-menu {
    margin-top: -49%!important;
    max-width: 77%!important;
    margin-left:-1%;
}

.menuhidden.menu-4 {
    margin-top: -55% !important;
    width: 73%!important;
}

.urbangreymenu.menu-five{
    margin-top: -45%!important;
    width: 73%!important;
    margin-left:-1%;
}

.menuhidden.menu-3 {
    margin-top: -58% !important;
    width: 73%!important;
}
        
        
    }
@media only screen and  (max-width: 620px){
.indexpagetable, .top-left, .top-right  { width:400px }
.top-left { height:auto; padding-bottom:10px;}
img.img-responsive { width:100%; }


}
@media only screen and  (max-width: 480px){
	.picture img{
max-width: 100%;

margin: 5px auto;
text-align: center;
display: block;
	}
}

@media only screen and  (max-width: 425px){
	.indexpagetable, .top-left, .top-right  { width:300px; }
	 iframe {height:170px;}
}

.certificatestable img:first-child {
width:180px;
height:135px;
}


.new{
	margin-left: 60%;
	margin-top: 20px;
}

.picture{
	text-align: center!important;
}


@media (min-width:320px) and (max-width: 515px){
img.desk-logo {
    display: none !important;
}
img.mob-logo {
    display: block !important;
    width: 100%;
}
.telephonetoprow img{
	display: none !important;
}
.leftmenucolumn-mob{
	display: block;
}
p.text span {
    font-weight: bolder;
}

.leftmenucolumn{ width: 100%; float: left; border-left: none; }
.leftmenucolumn-mob{ width: 100%; float: left; border-left: none; }
.indexpagetable{ width: 300px; } .menuhidden-mob { display: block; } .top-right{
float: none; background: #000; } .top-left{ background: transparent; } p.text
{ font-size: 15px; line-height: 21px; } 
.menuhidden { 
	display: none;
  }
.menuhidden-mob{
   overflow: hidden;
    background: #ccc;
    font-family: Verdana;
    line-height: 30px;
    border-radius: 5px;
    margin-bottom: 0px; 
    cursor: pointer; 
}
.menuhidden-mob img {
    float: right;
    width: 40px;
}
.menuhidden-mob span {
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
}
.top-header, .top-right {
    height: 128px !important; 
}
.urbangreymenu {margin-top: -76%; position:
absolute; width: 92%!important; margin-left: 0%; display: none; }
.urbangreymenu-mob{
	 z-index: 999; margin-top: 1%; 
	 width: 100%; 
	 margin-left: 0%; 
	 display: none;
}
.urbangreymenu-mob ul li a {
    text-align: center;
}
.urbangreymenu ul li { padding-bottom: 0px; border-bottom: 1px solid #fff; }
.urbangreymenu-mob ul li { padding-bottom: 0px; border-bottom: 1px solid #fff; }
.telephonetoprow img { width: 22%; display: block; } .top-right p a {
margin-left: 14px; font-size: 21px; } .innerptop p .telephonetoprow {
line-height: 30px }  .top-right p a { margin-left: 39px ; font-size: 26px;
 } 
.telephonetoprow img {
    width: 16%;
    display: block;
    margin-top: -3%;
    margin-left: 75%!important;
    position: absolute;
}  
.telephonetoprow em{
	margin-left: 6%;
}


.innerptop p em {
    color: #fff;
    display: block;
    margin-bottom: 6%;
}

h3{
	    margin: 0% 0 0 0;

}

img.img-responsive-new {
    width: 100%!important;
}

.picture-1{
	margin-left: 14px;
}

p.picture-1 img {
    width:30%;
    height: auto;
    float: left;
    margin-left: 5px;
    margin-bottom:15px;

}

.top-left img.lazy {
    width: 82%!important;
    margin-bottom: 11px;
}

.lic em{
	color: #fff!important;
    margin-left: 25%;
    font-size: 12px;
    font-style: initial;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    display: none;
}


.pic-2{
	margin-left: 31%;
}

td.pic-2 img {
    width:10%;
    height: auto;
    float: left;
    margin-left: 5px;
    margin-bottom:15px;

}

.menuhidden-mob .menu-1-mob {
    margin-top: 0% !important;
    width: 100%!important;
}



}




@media only screen and (max-device-width: 640px) and (min-device-width: 360px){
         
         .telephonetoprow img {
    width: 14%;
    display: block;
    margin-top: -15%!important;
    margin-left: 65%!important;
} 

.menuhidden.menu-1 {
    margin-top: -65%!important;
    width: 84%!important;
    
}

.urbangreymenu.drop-menu{
    margin-top: -52%!important;
    width: 84%!important;
}

.menuhidden.menu-4 {
    margin-top: -63% !important;
    width: 84%!important;
}

.urbangreymenu.menu-five{
    margin-top: -51%!important;
    width: 84%!important;
}


.urbangreymenu.menu-three {
    margin-top: -55%!important;
    width: 84%!important;
}


.menuhidden.menu-3 {
    margin-top: -60% !important;
    width: 80%!important;
}
         
     }
     


@media only screen and (max-width: 480px){


.picture img {
    max-width: 100%;
    margin: 5px auto;
    text-align: center!important;
    display: block;


}


}



@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {

.menuhidden.menu-1 {
    margin-top: -57%!important;
    width: 73%!important;
}

.urbangreymenu.drop-menu {
    margin-top: -46%!important;
    width: 73%!important;
}

.urbangreymenu.menu-three {
    margin-top: -50%!important;
    width: 79%!important;
}

.menuhidden.menu-3 {
    margin-top: -55% !important;
    width: 73%!important;
}

.menuhidden.menu-4 {
    margin-top: -55% !important;
    width: 73%!important;
}

.urbangreymenu.menu-five{
    margin-top: -46%!important;
    width: 73%!important;
}

 span.telephonetoprow img {
    width: 14%;
    display: block;
    margin-top: -3%!important;
    margin-left: 56%!important;
} 
}


@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) { 
    .menuhidden.menu-1 {
    margin-top: -55% !important;
    width: 94%!important;
}

.urbangreymenu.drop-menu {
    margin-top: -46%!important;
    width: 94%!important;
}

.urbangreymenu.menu-three {
    margin-top: -50%!important;
    width: 79%!important;
}

.menuhidden.menu-3 {
    margin-top: -55% !important;
    width: 94%!important;
}

.menuhidden.menu-4 {
    margin-top: -55% !important;
    width: 94%!important;
}

.urbangreymenu.menu-five{
    margin-top: -46%!important;
    width: 94%!important;
}

    .telephonetoprow img {
    width: 17%!important;
    display: block;
    margin-top: -3%;
    margin-left: 74%!important;
    position: absolute;
}   
        
    }


@media (min-width:768px) and (max-width: 1024px){
.urbangreymenu {
    display: block;
}
p.text {
    font-size: 21px;
    line-height: 29px;
}

h3{
	    margin: 20% 0 0 0;

}



}


.certificatestable img:first-child {
    width: 190px;
    height: 180px;
}