/*--------Client : EJP Consulting
Author : Ayatas Technologies---------*/

/* ============ RESET ============ */

 body,ul,li,p,h1,h2,h3,h4,h5{top:0;left:0;padding:0;margin:0;}
 body{ background:#005492; font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#333;padding:50px 0;}


/* ============ OPTIONALS ============ */

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.cleaner{clear:both;font-size:0;overflow:hidden;}
.nbdr{border:none !important;}
.NoMrgn {margin:0 !important;}
.w50 {width:50%; float:left;}
.NoLftMrgn {margin-left:0 !important;}
.NoRytMrgn {margin-right:0 !important;} 
 li.NoLftPad {padding-left:0 !important;}
 li.nbdr{border:none !important;}
 textarea	{resize:none}
 
/* ============ MAIN STRUCTURE STYLES ============ */

.wrap {width:970px; margin:0 auto; background:#b4daf7; padding:17px;}
.header { margin:0 auto; width:970px; background:url(../images/header-y-bg.jpg) repeat-y center top; border-bottom:5px solid #FFFFFF;}
.body { clear:both; margin:0 auto 0; width:970px; padding: 0;}
* html .body { clear:both; margin:0 auto 0; width:970px; height:590px; padding: 0;}
.curve-top { background:url(../images/curved-pic.png) no-repeat center 0; height:5px; font-size:0; overflow:hidden;}
.curve-btm { background:url(../images/curved-pic.png) no-repeat center bottom; height:5px;font-size:0; overflow:hidden;}
.innr-body { background: transparent url(../images/curved-pic2.png) repeat-y center 0; padding:9px 14px; height:550px; color:#333333;}
.ruler-blu { height:4px; background:#b4daf7; display:block; clear:both; margin:5px auto 6px; padding:0; font-size:0; overflow:hidden;}
.features {clear:both; padding:0 0 35px 0;}
.service-box {float:left; width:450px; margin:0 0 0 18px;}
.boxpad8 { padding-left:20px;}
.bludotrule {background:url(../images/bludot-bg.png) repeat-y left 0;}
.footer { clear:both; margin:0 auto; width:970px; font-size:11px; color:#000;}
*+html .footer {margin:10px 0 0;}
.copyright { float:left; width:40%; margin:20px 0 10px;}
.terms { float:right; width:40%; text-align:right; margin:20px 0 10px;}
.terms a { color:#1087d3; text-decoration:none;}
.terms a:hover { color:#000; text-decoration:underline;}
.terms span {display:inline-block; margin:0 10px;}
 img.ejp-logo { margin:20px 0 20px 45px; float:left;}
 img.call-num { margin:45px 45px 0 0; float:right;}
 h1 { font-size:20px; color:#1087d3; display:block; font-weight:normal; padding:0; margin:0 0 6px; text-transform:uppercase;}
 * html  h1 { font-size:20px; color:#1087d3; display:block; font-weight:normal; margin:0; padding:0 0 6px; text-transform:uppercase;}
 h2 { font-size:18px; color:#1087d3; display:block; font-weight:normal; margin:10px 0 16px; background:url(../images/bull-leaf.png) no-repeat 0 0; padding: 0 0 0 26px;}
 p{font:12px Arial, Helvetica, sans-serif; color:#3c3c3c; text-align:justify; line-height:16px;}
 b { font-weight:bold;}
 img.home-pic { float:right; margin:0 0 50px 20px;}
 a.more {color:#0485fe; display:block; float:right; text-decoration:underline; font-size:12px; margin:9px 0 0;}
 a:hover.more {color:#333; text-decoration:none; }
 img.service-pic { margin:0 20px 10px 0; float:left;}



/* ============ INNER CONTENT LIST ============ */

 ul.innr-list {list-style:disc; padding:10px 0 20px 30px; margin:0; color:#666}
 ul.innr-list li { clear:both; margin:0; padding:0px; border:0; color:#666}
 ul.lftgap {margin: 20px 0 0 135px;}


/* ============ ABOUT US STYLE STARTS HERE ============ */

.about-innr { background:url(../images/curved-pic2.jpg) repeat-y center 0; padding:9px 14px; height:550px;}
.about_txtcontent {width:560px; height:545px; padding:0 14px 0 0; margin:0; float:left; border-right:1px dotted #333;}
* html .about_txtcontent {width:560px; height:550px; padding:0 14px 0 0; margin:0; float:left; border-right:1px dotted #333;}
.about_subtxtcontent {width:560px; height:300px; padding:0; margin:0; border:0px solid #333333; float:left;}
.about_subtxtcontent .abtimg {padding:15px 0 0 73px; margin:0}
* html .about_subtxtcontent .abtimg {padding:18px 0 18px 73px; margin:0}
.intext_img{padding:15px 0 0 210px; margin:0;}
.about_imgcontent {width:352px; padding:0 0 0 14px; margin:0; float:left; border:0px solid #333333}
.about_imgcontent .subdiv{width:155px; height:auto; padding:0 0 0 26px; margin:6px 0 0 0; float:left;}
.about_imgcontent .subdiv1{width:135px; padding:0 0 0 25px; margin:0; float:left;}
.about_imgcontent  span.rule {height:1px; font-size:0; overflow:hidden; background:#3399cc; clear:both; display:block; margin:20px 0;}
 h1.about {text-transform:none;}
 h1.blk{color:#333333;}
 h3{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0; margin:0;}
 a.url {color:#3399cc; text-decoration:underline; padding:0; margin:0; font-size:12px; margin:0;}
 a.url:hover {color:#333; text-decoration:none; }
 

/* ============ Contact us style starts here ============ */
	
#ContForm{width:600px; margin:0 auto; }
#ContForm .titles{ width:59px; float:left;  text-align:right; margin:0 0 10px; color:#333;}
#ContForm .titles1{ width:65px; float:left;  text-align:right; margin:0 0 0 69px; color:#333;}
#ContForm .titles3{ width:193px; float:left;  text-align:right; margin:0 0 0 168px; color:#333;}
#ContForm h3{display:block; color:#333; font:bold 12px Arial, Helvetica, sans-serif !important; text-align:left; clear:both; line-height:21px !important; padding:10px 0 0 0; }
#ContForm .titles2{ width:110px; margin:0; padding:9px 0 0 0; text-align:left; color:#000;}
#ContForm .textfield2{ width:560px; border:1px solid #ccc; overflow:auto; background:#FFFFFF; height:113px; padding:2px;font:11px Arial; color:#666; }
#ContForm .inputsf2{ width:auto; margin:5px 0; padding:0; color:#666;}
#ContForm .submitBtn {width:62px; text-align:center; padding:9px 38px 0 0; float:right; margin:0; border:none !important;}
* html .services {padding-left:0 !important}
.contact_addrs {width:260px; height:550px; padding:0 14px 0 0; margin:0; float:left; border-right:1px dotted #333;}
.contact_addrs span.rule {height:1px; font-size:0; overflow:hidden; background:#3399cc; clear:both; display:block; margin:20px 0;}
.contact_form {width:652px; padding:0 0 0 14px; margin:0; float:left; border:0px solid #333333}
.field .inputsf	{width:150px; float:left; margin:0 0 10px 10px;  }
.field .captcha	{width:194px; float:left; text-align:right; margin:0 0 10px 10px;  }
.field .textfield{ width:190px; border:1px solid #CCCCCC; background:#FFFFFF; float:left; height:15px; font-size:11px; padding:2px; font:normal 11px Arial !important; color:#666;}
*html #ContForm .titles1{ width:65px; float:left;  text-align:right; margin:0 0 0 47px; color:#333;}
*html #ContForm .titles3{ width:193px; float:left;  text-align:right; margin:0 0 0 168px; color:#333;}
* html .field .textfield{ width:170px; border:1px solid #CCCCCC; background:#FFFFFF; float:left; height:15px; font-size:11px; padding:2px; font:normal 11px Arial !important; color:#666;}
*html #ContForm .titles3{ width:166px; float:left;  text-align:right; margin:0 0 0 47px; color:#333;}
.contact_cshcLogo{padding:0 0 0 69px; margin:0;}
.field{ width:550px; margin:20px auto 0; color:#666666; display:inline; }
.services{ margin:0; padding:5px 0 0 0; text-align:left; color:#000;}
.services label{ text-align:left; color:#000; display:inline-block; padding:3px 0 0 2px; }
/* .services label.padd{ width:260px; text-align:left; color:#000; display:inline-block; padding:3px 0 0 0; }*/
.services span{ text-align:left !important; display:inline-block; padding:3px 0 0 66px; width:190px;}
.services span.padd{ text-align:left !important; display:inline-block; padding:3px 0 0 105px; width:170px;}
* html .services span.padd{ text-align:left !important; display:inline-block; padding:3px 0 0 127px; width:170px;}
 h1.contact {width:100%; font:normal 30px Arial, Helvetica, sans-serif; padding:0; margin:0; float:left; display:block !important;}
* html .services span.storage{width:188px;}


/* .services h3{display:block; color:#333333; font:bold 12px Arial, Helvetica, sans-serif !important; text-align:left; clear:both; line-height:21px !important;} */

#contAddrsPan {float:left; width:310px; padding:50px 0 0;}
#contAddrsPan h1 { font:normal 21px Arial; color:#660000;display:inline-block !important;  padding:0 0 0 125px; margin:0 0 10px; }
#contAddrsPan h2 { font:bold 12px Arial; color:#CC6600; display:block; margin:0; line-height:normal;text-align:left;}
#contAddrsPan h3 {font:bold 11px Arial; color:#996600; text-align:left; line-height:normal; display:block; margin:0; }
#contAddrsPan a.cont { clear:both;text-align:left; margin:0; padding:0 0 0 82px; font:normal 15px Arial; color:#FF9900;text-decoration:underline;} 
#contAddrsPan a.cont:hover {text-decoration:none; color:#000;}
#contFormPan {float:left; width:625px; padding:30px 0x; margin:0;}


/* ============ Funnel style starts here ============ */

 ul.xtras { list-style:none; padding:0; margin:0; }
 ul.xtras li { float:left; width:537px; background:#fff; border:solid 1px #e7e6e6; padding:10px; margin:0; color:#666;}
 ul.xtras li.first{margin-left:0 !important; border:solid 1px #e7e6e6 !important;}
 ul.xtras li img {  border:0px solid #ccc !important; margin:10px 10px 10px 0; float:left;}
 ul.xtras h4 {font:bold 15px  Arial; color:#fff; display:block; text-transform:capitalize; padding:3px 3px 3px 8px; background:#005492;} 	
/*  ul.xtras a.readmore { display:block !important; text-align:right; font:normal 11px Arial; color:red; text-transform:capitalize; clear:both; text-decoration:underline; margin:10px 0 0; } */
 ul.xtras a:hover.readmore {text-decoration:none; color:#000;}
 ul.xtras p {font:normal 12px Arial; color:#666; padding:10px 0 10px 10px; margin:0;} 
 

/* ============ workplace safety audits styl starts here ============ */	

.inn_bodydivider {width:273px; height:auto; padding:0 7px 0 0; margin:0; float:left; }
.inn_bodydivider img{text-align:center; padding:65px 0 0 60px;}
.inn_bodydivider2 {width:270px; height:auto; padding:0; margin:0; float:left;}

