@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasRegular';
    src: url('../fonts/bebas__-webfont.eot');
    src: url('../fonts/bebas__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas__-webfont.woff') format('woff'),
         url('../fonts/bebas__-webfont.ttf') format('truetype'),
         url('../fonts/bebas__-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/oswald-webfont.eot');
    src: url('../fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-webfont.woff') format('woff'),
         url('../fonts/oswald-webfont.ttf') format('truetype'),
         url('../fonts/oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUINormal';
    src: url('../fonts/segoeui-webfont.eot');
    src: url('../fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/segoeui-webfont.woff') format('woff'),
         url('../fonts/segoeui-webfont.ttf') format('truetype'),
         url('../fonts/segoeui-webfont.svg#SegoeUINormal') format('svg');
    font-weight: normal;
    font-style: normal;

}



body
{
	margin:0;
	padding:0;
	
	
}

.bordertop
{
	background:url(../images/border_top.jpg);
	width:100%;
	height:6px;
}

.container
{
	width:950px;
	height:auto;
	margin:0 auto;
}

.header
{
	width:950px;
	height:180px;
	
}

.boxgrey
{
	width:312px;
	height:290px;
	background:#f7f7f7;
}



.menu{
	position:relative;
	top:-22px;
	z-index:1000;
	height:290px;
	width:100%;
	 }
	
	
	.menu ul{
    margin: 0; padding: 0;
    float: left;
	position:relative;
	left:-30px;
	width:951px;
	height:35px;
	}
 
.menu ul li{
    display: inline;
    width:250px;
	height:290px;
	background:#00F;
    }

.menu li.last {
       background: none;
}  
 
.menu ul li a{
	background:url(../images/seperator.png) center right no-repeat;
	position:relative;
	right:-30px;
    float: left; text-decoration: none;
    color: #000;
	font-size:24px;
	font-family: 'YanoneKaffeesatzRegular';
    padding: 5px 30px 8px 30px;
     width:250px;
	height:290px;
	
    }
 
.menu ul li a:visited{
    color: white;}
 
.menu ul li a:hover, .menu ul li .current
{
	background:#f7f7f7;
	 width:250px;
	height:290px;
    color: #0C0;
    padding: 5px 30px 8px 30px;
    }

.menu  li a.last {
       background: none;
}


.menu li a.selected {
			
	}	

.para
{
	width:240px;
	height:113px;
	font-family: 'SegoeUINormal';
	font-size:13px;
	text-align:justify;
	z-index:1;
}

.para_c
{
	width:880px;
	height:auto;
	font-family: 'SegoeUINormal';
	font-size:14px;
	text-align:justify;
	position:relative;
	margin:5px 0 5px 0;
	line-height:18px;
}


.para_cap
{
	height:auto;
	font-family: 'SegoeUINormal';
	font-size:14px;
	text-align:justify;
	position:relative;
	line-height:18px;
	width:541px;
}

.footer
{
	background:#e5e5e5;
	height:200px;
	width:100%;
	
}

.footeraddress img {
max-width: 375px;
position: absolute;
right: 235px;
top: 22px;
}


.footermenu{
    width:400px;
	position:relative;
	top:-50px;
	z-index:1000;
	float:left;

	 }
	
	
	.footermenu ul{
    margin: 0; padding: 0;
  	position:relative;
	top:86px;
	width:620px;
	height:35px;
	
	}
 
.footermenu ul li{
    display: inline;
    
    }

.footermenu li.last {
       background: none;
}  
 
.footermenu ul li a{
	background:url('../images/divider.png') center right no-repeat;
	position:relative;
    float: left; text-decoration: none;
    color:#727272;
	font-size:14px;
	letter-spacing:1px;
	font-family: 'OswaldRegular';
    padding: 5px 10px 8px 10px;
    }
 

 
.footermenu ul li a:hover, .footermenu ul li .current
{
    color: #161616;
	padding: 5px 10px 8px 10px;
    }
	
.footermenu ul li a.active
{
    color: #161616;
	padding: 5px 10px 8px 10px;
    }	

.footermenu  li a.last {
       background: none;
}


.footermenu li a.selected {

	}	
.footeraddress
{
	float:right;font-family:'OswaldRegular'; color:#727272;font-size:14px;letter-spacing:1px;top:35px;position:relative;line-height:20px;text-align:left;right:185px !important;
}




.mainmenu{
    width:690px;
	height:150px;
	position:relative;
	left:0px;
	top:-86px;
	z-index:1000;
	float:right;
	 }
	
	
	.mainmenu ul{
    margin: 0; padding: 0;
    float: left;
	position:relative;
	left:-30px;
	top:86px;
	/*background:url(../images/menubg.png) no-repeat;*/
	width:710px;
	height:35px;
	}
 
.mainmenu ul li{
    display: inline;
	
    }

.mainmenu li.last {
       background: none;
}  
 
.mainmenu ul li a{
	background:url(../images/menu_seperator.png) no-repeat right;
	position:relative;
	right:-30px;
    float: left; 
	text-decoration: none;
    color: #626262;
	font-size:19px;
	font-family: 'BebasRegular';
    padding: 50px 25px 8px 25px;
    width:auto;
	height:75px;
    }
 

.mainmenu ul li a:hover, .footermenu ul li .current
{
	width:auto;
	height:75px;
	background:#ebebeb;
    color: #ff2102;
    padding: 50px 25px 8px 25px;
    }
	
	.mainmenu li a.active
{
	width:auto;
	height:75px;
	background:#ebebeb;
    color: #ff2102;
    padding: 50px 25px 8px 25px;
    }

.mainmenu  li a.last {
       background: none;
}


.mainmenu li a.selected {
	
		
	}	


.list-box {width:100%; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; overflow:hidden;}
.list-box li {float:left; width:314px;height:289px; padding-right:1px; background:url(../images/spacer-box.gif) right center no-repeat;} 
.list-box li:hover {background:#f7f7f7;} 
.list-box li.last-item {padding-right:0; background-image:none;} 

.box {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.box .padding {padding:50px 43px 34px;}



.button2 {display:inline-block; 
font-size:18px; 
line-height:34px; 
color:#000; 
padding:0px 18px; 
text-transform:uppercase; 
background:#969696; 
font-family: 'BebasRegular';
position:relative;
top:30px;
width:64px;height:35px;
}
.button2 a{color:#000;font-family: 'BebasRegular';}
.button2:hover {color:#fff; background:#242424;width:64px;height:35px;}

.p3 {
	font-family: 'SegoeUINormal';
	font-size:12px;
	text-align:justify;
	position:relative;
	top:10px;
	line-height:18px;
	}
	
	
/*Quality Page starts here*/

.qualityimagediv
{
	float:left;
}

.qualitytext
{
	font-family: 'SegoeUINormal';
	text-align:justify;
	line-height:22px;
	font-size:14px;
}

.qualityheader
{
	background:#f4f4f4;
	height:50px;
	
}

.qualitythreediv
{
	width:285px;
	min-height:300px;
	float:left;
	height:auto;
	position:relative;
	top:20px;
	padding:15px;
	margin-bottom:30px;
}

.qualitythreediv
{
	font-family: 'SegoeUINormal';
	text-align:justify;
	line-height:22px;
	font-size:14px;
}

.qualityfootertext
{
	border-top:solid 2px #f4f4f4;
	height:50px;
}

/*Quality Page end here*/


/*contact us div starts here*/
.contactusdiv
{
	min-height:400px;
	position:relative;
}

.contactdetails
{
	font-family: 'SegoeUINormal';
	font-size:14px;
	line-height:20px;
	position:relative;
}

label {
    display: block;
	font-family: 'SegoeUINormal';
	font-size:14px;
    float: left;
    width: 80px;
	padding:5px 0 0 0;
}

.input
{
	position:relative;
	margin-bottom:10px;
	width:230px;
	height:20px;
}
textarea
{
	width:230px;
	height:40px;
}

/*contact us div ends here*/


/*services div starts here*/

.greybox
{
	width:620px;
	height:362px;
	background:#7f7f7f;
	float:right;
	position:relative;
	left:-50px;
	z-index:1;
	top:25px;
	margin-bottom:50px;
}

.greybox_title
{
	background:#f7f7f7;
	width:285px;
	height:49px;
	position:relative;
	top:10px;
	font-family: 'BebasRegular';
	font-size:35px;
	padding:10px 15px 0 25px;
}


.services ul{
	position:relative;
	width:220px;
	height:auto;
	margin:30px 0 0 20px;
	}
 
.services ul li{
	font-family: 'BebasRegular';
	font-size:18px;
	line-height:35px;
	color:#FFF;
	background:url(../images/arrow.png) no-repeat left center;
	padding:0 0 0 30px;
    }

.services1 ul{
	position:relative;
	width:350px;
	height:auto;
	margin:30px 0 0 0px;
	}
 
.services1 ul li{
	font-family: 'BebasRegular';
	font-size:18px;
	line-height:35px;
	color:#FFF;
	background:url(../images/arrow.png) no-repeat left center;
	padding:0 0 0 30px;
    }
 

/*services div ends here*/
.liststyle ul li
{
	position:relative;
	background:url(../images/bullet.png) no-repeat center left;
	padding:0 0 0 20px;
}

/*capabilites menu*/

#nav {
   float: left;
	width: 310px;
	height: auto;
	margin-bottom:35px;
	padding:10px 0 10px 0;
	background-color: #dfdfdf;
	position: relative;
}

#nav li a {
    display: block;
    padding: 10px 15px;
    float: none;
	margin: 0px 0 0 0;
	height:34px;
	font-family: 'OswaldRegular';
	text-transform:uppercase;
	letter-spacing:0px;
	font-size:16px;
	padding:8px 15px 8px 20px;
	border-bottom: 9px solid #ebebeb;
	line-height:30px;
	position: relative;
	top: 0px;
	list-style: none;
	cursor: pointer;
	color:#626262;
	background: url(../images/arrow_grey.png) no-repeat center right;
	text-decoration:none;
}
#nav li a:hover, #nav li a.active1 {
   background:#fff url(../images/red_arrow.png) no-repeat center right;
	color:#ff2102;
}

#nav1 ul li a.active1
{
	 background:#fff url(../images/red_arrow.png) no-repeat center right;
	color:#ff2102;
}

#nav li ul {
    display: none; // used to hide sub-menus
}
#nav li ul li a {
    padding: 10px 25px;
    background: #ececec;
    border-bottom: 1px dotted #ccc;
}

.capablitiescontent
{
	position:relative;
	float:right;
}


<!--sitemap styling starts here-->
.aboutsite
{
	position:relative;
	float:left;
	width:200px;
	background:#333;
	height:250px;
}

.aboutsite a
{
	color:#000;
}

.sitetitle
{
	position:relative;
	font-family: 'OswaldRegular';
	font-size:20px;
	
}

.sitetitle a
{
	position:relative;
	font-family: 'OswaldRegular';
	font-size:20px;
	color:#000;
	
}


.aboutsite1 li
{
	position:relative;
	font-family: 'SegoeUINormal';
	font-size:14px;
	list-style:square;
	margin:0 0 0 20px;
	top:10px;
	line-height:20px;
}

.aboutsite1 li a
{
	position:relative;
	font-family: 'SegoeUINormal';
	font-size:14px;
	color:#000;
	
}
.captcha_code_bg
{
	background:url(../images/Captcha_bg.jpg);
	height:15px;
	width:235px;
	color:#000;
	float:left;
	font-weight:bold;
	margin:0 0 0 0;
	text-align:center;
	padding:2px 0 2px 0;
}
input.wpcf7-form-control.wpcf7-submit {
    background: url(https://hirelplastics.com/images/submit.png);
    width: 102px;
    height: 37px;
    border: 0;
    font-size: 0;
    cursor: pointer;
}
<!--sitemap styling starts here-->