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


* {
margin: 0;
padding: 0;
}
body
	 {font-size: 11px; margin:0;color:#666;line-height: 18px;padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif;text-align:	justify; background:#000000;}

#total_container_index {margin:auto; width:1000px; overflow: hidden; height:auto; background:#000000;}

.clear {clear: both;}

/*--------------------Header---------------------*/
#topnavigationcontainer{ width:1000px; height:20px;}
.topnavigationlinks	{width:200px; height:20px; float:right; margin:0px 40px 0px 0px;}
.top_home{width:53px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:left; text-decoration:none; margin:0 0 0 0;}
.top_home:hover{width:53px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffb96c; text-align:left; text-decoration:none; margin:0 0 0 0;cursor:pointer;}
.top_sitemap{width:63px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:left; text-decoration:none; margin:0 0 0 0;}
.top_sitemap:hover{width:63px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffb96c; text-align:left; text-decoration:none; margin:0 0 0 0;cursor:pointer;}
.top_contactus{width:70px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:left; text-decoration:none; margin:0 0 0 0;}
.top_contactus:hover{width:70px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffb96c; text-align:left; text-decoration:none; margin:0 0 0 0;cursor:pointer;}

#logo_topnavigation{width:1000px; height:78px; background:#000; font-size:0;}
.logocontainer{ width:268px; height:72px; margin:0px 0px 10px 50px;}
/*--------------------Header End---------------------*/

.hr{width:971px; height:10px; font-size:0;}
/*-------------Banner Start----------*/ 
#bannercontainer{ width:939px; height:321px; margin:0px 0px 0px 20px; background:#fff; display:inline;}
.bannerinsde{width:936px; height:321px; margin:0px 10px 0px 0px; font-size:0px;}
.headerimage{width:936px; height:150px; margin:0px 10px 0px 21px;}
/*-------------Banner End----------*/ 


/*-------------middlecontent Start----------*/ 
#middlecontainer{width:975px; height:auto; margin:auto; background:#fff;}
#middlecontainer1{width:975px; height:924px; margin:auto; background:#fff;}
#welcontainer{width:975px; height:824px; margin:auto; background:#fff;}
#content{width:975px; height:auto; margin:auto;}


/*-------------Content Start----------*/ 


#welcomecontainer{width:850px; height:auto;background:#fff;  margin:10px 0px 0px 50px; float:left; display:inline;} 
.welcomesrj{width:680px; height:auto; float:left;  margin:0px 0px 0px 0px;padding-top:25px; padding-left:130px; display:block;}
.welcometext{width:260px; height:auto; margin:0px 0px 0px 10px; float:left; }
.welcometextheading{width:150px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#565656; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 10px;}


#groupscontainer{ width:850px; height:350px; margin:20px 0px 0px 50px; border:1px solid #dcf2fd; background:#f4f4f4; float:left; display:inline;}
.express{width:310px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#009bec; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 10px; display:inline;}
.express1{width:350px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#565656; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 10px;}
#petrocontainer{width:330px; height:140px; margin:18px 0px 0px 70px; float:left; display:inline; border:1px solid #D3D3D3;}
.petro{width:250px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#009bec; text-decoration:none; text-align:left; font-weight:bold; margin:5px 0px 0px 0px; display:inline;}
.petrologo{width:65px; height:44px; float:left; margin:5px 5px 0px 0px;}
.petrologo1{width:102px; height:50px; float:left; margin:5px 5px 0px 0px;}
.bobbi{width:250px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#009bec; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 10px; display:inline; }
.bobbitext{width:320px; height:80px; margin:5px 0px 0px 5px; float:left; display:inline; }
.bobbilogo{width:126px; height:30px; float:left; margin:5px 5px 0px 0px;}
.bobbisub{width:220px; height:auto; margin:0px 0px 0px 185px; float:left; display:inline;}
.expresslogo{ float:left; width:148px; height:28px; margin:0px 5px 0px 0px; }
.valleylogo{ float:left; width:153px; height:19px; margin:5px 0px 0px 0px; }
.petrotext{width:300px; height:110px; margin:5px 0px 0px 70px; float:left;display:inline;}
.laundry{width:275px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#565656; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 0px;}
.srjlogo{width:77px; height:70px; float:left; margin:3px 5px 0px 0px;}
.srjlogo-main{width:200px; height:180px; float:left; margin:5px 0px 0px 10px;}
.welcomeimage{width:100px; height:100px; float:right; margin:10px 150px 0px 30px; border:1px solid #dbdbdb;}

#aboutus_subnav{width:700px; height:30px; margin:auto;}
#testimonials{width:200px; height:317px; margin:10px 0px 0px 20px; background:#fff; float:left;}
#sitemapcontainer{width:900px; height:450px; margin:0px 0px 0px 40px; background:#f4f4f4;}
.sitemap{width:500px; height:auto; margin:10px 20px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold;}
.list{padding:0; margin:0; list-style:none; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; text-decoration:none;}
.list:hover{padding:0; margin:0; list-style:none; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff9638; text-decoration:none;}
.list li { display:block; padding-left:10px; list-style:none;}
.list li{ display:block; padding-left:10px; list-style:none;}
.more{float:right; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF6600; text-decoration:none;  font-weight:normal;margin:10px auto; display:inline;}
.more:hover{ float:right; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:underline;font-weight:normal; cursor:pointer; margin:10px auto;display:inline;}
.ceo-img{width:245px; height:184px; float:left; margin:0; display:inline;}
.peopletext{width:860px; height:auto; margin:0; display:inline;}
.team{width:400px; height:20px;font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#2f9dce; text-decoration:none; text-align:justify; font-weight:bold; margin:auto 0px 0px 20px;}

#bottomcurvecontainer{width:990px; height:49px; margin:auto; background:#000000; margin:0px 0px 0px 11px;}
.bottomleftcurve{width:52px; height:45px; float:left; background:url(../images/bottom_leftcurve.jpg) no-repeat;}
.bottombg{ float:left; background:#fff; repeat-x;height:45px;width:876px; }
.bottomrightcurve{width:54px; height:45px; float:right; background:url(../images/bottom_rightcurve.jpg) no-repeat;margin:0px 8px 0px 0px; }



#customersub{width:300px; height:auto;  margin-left:290px !important; float:left; display:inline;}
#table{width:350px; height:auto; margin:0px 0px 0px 200px; float:left; display:inline;}
#timetable{width:190px; height:auto; margin:10px 0px 0px 20px; float:left; border:1px solid #B7B7B7;}
#timetable1{width:190px; height:auto; margin:10px 0px 0px 10px; float:left; border:1px solid #B7B7B7; display:inline;}
.tableinside{width:345px; height:auto; float:left;}
.custhead{width:600px; height:auto; margin:0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0066FF; font-weight:bold; text-decoration:none; text-align:left;}
#welcomecontent{width:307px; height:317px; margin:10px 0px 0px 20px; background:#fff; float:left; border-right:1px solid #CCCCCC;}
.welcometextheading{width:245px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#565656; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 0px;}
.welcometextheading1{ height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#565656; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 0px;}

/*-------------Content end----------*/ 



/*-------------Contact Us start----------*/ 
#contactcontainer{width:635px; height:400px; float:left; background:#FFFFFF;}
#contactus{width:635px; height:auto; float:left; }
.contacttext{width:250px; height:auto;margin:10px 0px 0px 25px; float:left; display:inline; }
.contacttext-inner{width:150px; height:100px;margin:5px 0px 0px 5px; float:left; display:inline; }
.contacttextheading{width:350px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#565656; text-decoration:none; text-align:justify; font-weight:bold; margin:5px 0px 0px 0px;}
/*-------------Contact Us end----------*/ 


/*-------------Testimonials  Start----------*/ 

#testimonialscontainer{width:950px; height:auto; margin:auto;}
.testimonialicon{width:100px; height:70px; float:left; border:1px solid #ccc; margin:10px 15px 0px 10px;}
.testimonial{width:890px; height:auto; margin:0px 0px 0px 10px; background:#f4f4f4; border:1px solid #dcf2fd; padding:0px 10px 0px 10px;} 
.testp{width:900px; height:auto; padding:0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0066FF; font-weight:bold; text-decoration:none; text-align:right;}
#testimonials{width:230px; height:317px; margin:10px 0px 0px 20px; background:#fff; float:left;}
.testimonialtext{width:220px; height:auto;margin:30px 0px 0px 0px; float:left;}
#contactuscont{width:975px; height:600px; margin:auto; background:#fff; }
/*-------------Testimonials end----------*/ 

<!-- Registration Form Container Start-->
#regiscontainer{width:350px; height:400px; float:right;}
.regis_inside{width:300px; height:350px; margin:30px 0px 0px 0px; background:#fff;}
.regis_mesg{width:200px; height:100px; margin:10px 0px 0px 0px;}
.regisheading{width:150px; height:auto; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; color:#565656; text-decoration:none; text-align:justify; font-weight:bold; margin:10px 0px 0px 10px;}
.regis_mesg1{width:250px; height:90px; margin:0px 0px 0px 5px; float:left;}
.textname{width:90px; height:15px; float:left; margin:5px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:left; font-weight:bold;}
.textfield{width:120px; height:auto; float:left; margin:5px 0px 0px 5px;ont-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:left; font-weight:bold;}
.textarea{width:120px; height:30px; float:left; margin:5px 0px 0px 5px;ont-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:left; font-weight:bold; display:inline;}
.submit{width:60px; height:auto; float:right; margin:5px 20px 0px 0px;ont-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold; display:inline;}
<!-- Registration Form Container End-->

/*-------------footer content start----------*/ 

#footercontainer{width:1000px; height:45px;}
.left-footer{ float:left; width:auto; margin-left:10px; color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; }
.left-footer:hover{ float:left; width:auto; margin-left:10px; color:#00b7f3;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; }

.copyright{width:300px; height:auto; float:right; margin:0px 0px 0px 40px;}
.briofactors{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder; color:#0099FF; text-decoration:none;}
.briofactors:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#df5615; font-weight:bolder;text-decoration:none;cursor:pointer;}
/*-------------footer content end----------*/ 



/*-------------------Navigation Start------------------*/
.navigationcontainr{width:987px; height:73px;}
.navcurveleft{width:58px; height:73px; float:left; margin:0px 0px 0px 12px; display:inline;}
.navbg1{width:863px; height:73px; background:url(../images/nav_bg.jpg) repeat-x; float:left;}
.navcurveright{width:54px; height:73px; float:right;  }

.ddsmoothmenu{
font: bold 12px Arial;
background:url(../images/nav_bg.jpg) repeat-x; /*background of menu bar (default state)*/
width:100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding:20px ;
list-style-type: none;

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background:url(images/nav_bg.jpg) repeat-x;  /*background of menu items (default state)*/
color: #000;
padding: 10px 20px;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;

}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:white;

}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;

}

.ddsmoothmenu ul li a:hover{
/*background of menu items during onmouseover (hover state)*/
background:fff;
color:#ff8400;

}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:#282828;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 12px Arial;
width:90px; /*width of sub menus*/
padding: 5px;
margin:0;
border-top-width:0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/*/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 5px;
}


/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/*-------------------Navigation end------------------*/