body
{  font-family:Arial, Helvetica, sans-serif;
  background: #fdb158;
  color:#0a0702;
  font-size:11px;
  font-family: Tahoma; 
  margin:0px;
  line-height:18px;
}
img{ border:none; outline:none; text-decoration:none;}
img a{ border:none; outline:none; text-decoration:none;}
.thsmall {
  width: 170px;
  float: left;
}
.myform .input ,.myform .textarea ,.myform .select  {
  width: 100%;
}
.button {
  background: #000;
  border: 0;
  color: #fff;
  padding: 11px;
  cursor: pointer;
}
.cr
{
  clear:both;
}
.con-form.myform {
  height: auto;
  width: auto;
}
.myform form {
  padding: 20px;
}
#main
{
  background:#FFFFFF;
  width:1000px;
  margin:0 auto;
  margin-top:20px;
}

#upper-box
{
  background:#0a0702;

display:block;
  width:1000px;
  margin:0px auto;
 
}

#logo
{
  width:178px;
  height:153px;
  float:left;
  margin-left:30px;
}

h1
{
  font-family:Tahoma;
  color:#000000;
  font-size:16px;
  font-weight:bold;
}

h2
{
  font-family:Tahoma;
  color:#000000;
  font-size:13px;
  font-weight:bold;
  margin:0px;
  margin-bottom:5px;
  padding:0px;
}

h4
{
  font-size:14px;
  padding:0px;
  margin:0px;
}
.red
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:900;
  color:#FF0000;
}

.red1
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:900;
  color:#FF0000;
  clear:both;
  text-align:center;
}

.red2
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:900;
  color:#FF0000;
  clear:both;
 
}

.red3
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:900;
  color:#FF0000;
  clear:both;
  margin:0px;
  padding:0px;
 
}

.red3 > img { vertical-align:middle;}

.orange
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:900;
  color:#f69524;
  
}

.white
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:22px;
  color:#FFFFFF;
  font-weight:bold;
}

.blk
{
  font-family:Tahoma;
  color:#000000;
  font-size:13px;
  font-weight:bold;
  margin-top:20px;
  
  margin-bottom:5px;
   
  margin-left:15px;
}
.security-box
{
  width:350px;
  height:135px;
  float:left;
  margin-left:60px;
  text-align:center;
  padding-top:20px;
  line-height:25px;
}

.urgent-services
{

width:302px;
height:130px;
float:right;
margin-top:20px;
margin-right:25px !important;
margin-right:10px;
  
}

.newstrip{ background:#CC0000; color:#fff; font-size:34px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; padding:2% 0px 2% 4%; text-align:left; text-shadow:1px 1px 1px #590002; }

#menubar
{
background:url(../images/menu-bg.jpg) no-repeat;
margin:0 auto;
width:1000px;
float:left;
margin-top:3px;
margin-bottom:3px;
}

#menu-content
{

	margin: 0 auto;
	padding: 0;
	position: relative;
}


#menu-content ul 
{

	color: #FFF;
	margin: 0;
	padding-left: 0;
}



#menu-content li 
{ display:inline; }




#menu-content li a
{
	font: 14px Tahoma;
	padding-top:12px;	
	padding-left:6px;
	margin:0px;
	float:left;
	text-align:center;
	color: #0a0702;
	text-decoration: none;
	height:30px;
	width:119px;
	font-weight:bold;
}


#menu-content li a:hover
{
	font: 14px Tahoma;
	color:#fb0000; 
	 
}


#menu-content li a#current
{
	font: 14px Tahoma;
	color:#fb0000; 
	 
}
.greenline
{
  background:url(../images/devide-line.jpg) no-repeat;
	width:1px;
	height:42px;
	float:left;
}

.matter-outer
{
 width:1000px;
 height:auto !important;
 min-height:450px!important;
 height:450px;
 clear:both;
  background: #f69524;
  margin:0px auto;
}

.matter1
{
 width:900px;
 height:auto !important;
 min-height:450px!important;
 height:450px;

  background: #f69524;
  margin:0px auto;
  padding-top:20px;
 
   clear:both;
  text-align:justify;
}

.matter1 a
{
  color:#291a07;
  font-size:11px;
  font-family: Tahoma;
  text-decoration:underline;
 }
 
.matter1 a:hover
{
  color:#291a07;
  font-size:11px;
  font-family: Tahoma;
  text-decoration:none;
 }

.left-sec
{
  width:440px;
  float:left;
  padding:20px 10px 0px 50px;
}

.left-sec h4{ padding-left:44px;}
.left-sec a
{
  color:#291a07;
  font-size:11px;
  font-family: Tahoma;
  text-decoration:underline;
 }
 
 .left-sec a:hover
{
  color:#291a07;
  font-size:11px;
  font-family: Tahoma;
  text-decoration:none;
 }

.left-sec li
{
  background:url(../images/bullet.jpg) no-repeat;
list-style:none;
margin-left:-20px;
padding-left:15px;
margin-bottom:0px;
}

.right-sec
{
  width:500px;
  float:right;
}

.right-sec-1
{
  width:500px;
  float:right;
  height:400px;
}

.slider-bg1
{
  width:470px;
  float:right;
  margin-top:40px;
  margin-right:20px !important;
  margin-right:5px;
}

.slider-bg2
{
  width:470px;
  float:right;
  margin-top:30px;
  margin-left:20px;
  
}
 
.bottom-box
{
  background:url(../images/bottom-strip.jpg) repeat-x;
  width:1000px;
  height:40px;
  margin:0px auto;
  clear:both;
  font-family:Tahoma;
  color:#000000;
  font-size:18px;
  padding:20px 0px 0px 0px;
  
}

.footer
{
  background:url(../images/footer-bg.jpg) repeat-x;
  width:970px;
  height:23px;
  margin:0px auto;
  clear:both;
  color:#736f63;
  font-size:11px;
  padding:3px 15px 0px 15px;
  
  
}

.footer a
{
 color:#736f63;
  font-size:11px;
  text-decoration:underline;
}

.footer a:hover
{
 color:#736f63;
  font-size:11px;
  text-decoration:none;
}


/******************Portfolio Slider************************/




.slidercon
{
display:block;
float:right; 
clear:both;
}

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 466px; /*Width of Carousel Viewer itself*/
height: 348px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt
{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: right; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/
width: 540px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.sld-bg
{
background:url(../images/sliderbg.jpg) no-repeat center bottom;
width:450px; 
height:40px !important;
height:37px;
float:left;
margin-top:-43px;
padding:5px 0px 0px 15px !important;
padding:8px 0px 0px 15px;
 
 
}
/******************Portfolio Slider************************/

.con-form
{
  background: #cd750e;
  width:300px;
  /*height:280px;*/
  float:left;
  clear:both;
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:20px;
}
.con-form .g-recaptcha{
transform:scale(0.85);
-webkit-transform: scale(0.85);
transform-origin:0 0;
-webkit-transform-origin:0 0;
height: 68px;
}

.input 
{
  background:#fff;
	font : normal 1em Arial, Verdana, Tahoma, sans-serif;
	color : #000;
	width:178px;
	height:19px;
	padding-top:3px;
	border : 1px solid #ececec;
 } 
 
input.button1 
{
  background:url(../images/submit-btn.jpg) no-repeat;
	width:89px;
	height:31px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	border:0px;
	float:left;
	clear:both;
	cursor:pointer;

}

.textarea
{
    background:#fff;
	width:178px;
	height:40px;
	border : 1px solid #ececec;
	font : normal 1em Arial, Tahoma, sans-serif;
	float:left;
 
}

.services
{
  width:440px;
  float:left;
  clear:both;
}

.services li
{
   background:url(../images/bullet-1.jpg) no-repeat;
list-style:none;
margin-left:-20px;
padding-left:40px;
margin-bottom:5px;
}

.brands
{
 width:440px;
 height:180px;
 float:left;
 clear:both;
 
  
}

.leftftr{width:25%; float:left; }
.mdlftr{width:44%; float:left; text-align:center;  }
.rhtftr{width:31%; float:left; text-align:right;  }
#menu-content li a {
  width: 148px !important;
}

@media (max-width:639px){
.thsmall {
  float: left;
  width: 100%;
}}
@media (max-width:360px){
.myform .input, .myform .textarea, .myform .select {
  width: 100%;
}
.select1 {
  width: 100%;
}
}
@media only screen and (max-width:360px) {
.g-recaptcha{
transform:scale(0.75);
-webkit-transform: scale(0.75);
transform-origin:0 0;
-webkit-transform-origin:0 0;
height: 60px;
}
}