/* CSS Document */
/****************************************************************************************************
* Filename: basic.css
* Purpose: All the basic CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/
@import url("basic.css");

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 12px Arial, Helvetica, sans-serif; color:#4f5a70}
body.indexpage {background:url(../images/bodybg.gif) 0 0 repeat-x}
/* global reset */
a {color:#969696}
a:hover {text-decoration:underline; color:#2ba1bc}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */
h1 {font:bold 36px Arial}

/* H2 */
h2 {font:normal 34px "Mariad Pro"; color:#727b8d}
h2 a {font:bold 20px Arial; color:#ff0000; text-decoration:underline}
/* H3 */
h3 {font:normal 25px "Mariad Pro"; color:#1c1c1c}
/* H4 */
h4 {font:normal 22px "Mariad Pro"; color:#1c1c1c}

/* 	ALL IDS (id=IDS)

**********************************************************/

#mainwrapper{ width:100%}

#header{width:1003px; height:147px; background:url(../images/header-rht-img.png) 100% 0 no-repeat; position:relative; z-index:2}

#logo a{background:url(../images/logo.png) 0 0 no-repeat; height:125px; width:322px; text-indent:-2000px; margin-top:30px; display:block; text-align:left}

.headrihht{padding:42px 5px 0 0 ; color:#5b5b5b}



.search{background:url(../images/search-bg.png) 0 0 no-repeat; height:33px; width:247px; margin:14px -10px 0 0}

.searchinput{background:none; border:none; padding:0 5px 0 14px; height:28px; font:bold 13px Arial; color:#888888; width:184px}

.searchbtn{background:none; cursor:pointer; color:#000; border:none; width:40px; height:28px}

/*****************************************Navigation***********************************************************/

#globalNav{width:672px; background:url(../images/nav-bg.png) 0 0 no-repeat; height:39px;  margin:-47px 0 0 0}

#globalNav ul{margin:0; padding:0 0 0 2px; list-style:none}

#globalNav ul li{float:left; background:url(../images/devider.png) 0 0 no-repeat; padding:0 13px;  height:39px }

#globalNav ul li a{font-weight:normal; font-size:14px; color:#fff; float:left; line-height:39px; padding:0 0 0 10px; text-decoration:none}

#globalNav ul li.home{background:none}

#globalNav ul li a span{cursor:pointer; display:block; float:left;  padding-right:10px}
#globalNav ul li a:hover, #globalNav ul li a.active {background:url(../images/nav-bg-on1.png) 0 0 no-repeat; height:39px}
#globalNav ul li a:hover span, #globalNav ul li a.active span {background:url(../images/nav-bg-on1.png) 100% 0 no-repeat; height:39px}


/*****************************************BANNER***********************************************************/

#banner{width:1003px; position:relative; height:327px; margin:0 auto; left:-21px}

#banner img{position:absolute; top:0; left:2px}

/*****************************************content***********************************************************/

#maincontent{width:1003px; padding-bottom:30px}

#content{width:621px; padding:15px 0 0 30px}

#content .aboutme img{padding:20px 20px 15px 15px}

#content .aboutme .name{font-size:14px; padding:0 0 40px 50px;}

#content .aboutme1 img{padding:20px 20px 15px 15px;}

#content .aboutme1 .name{font-size:14px; padding:0 0 40px 50px;float:left;}

#content .text1{padding:20px 0 0 0}
#content .text2{padding:20px 0 0 0;}
#content .text4{padding:-80px 0 0 0; width:110px; height:50px; float:left;} 
#content .contact{background:url(../images/contact-bg.gif) 0 0 no-repeat; height:67px; width:570px; padding:25px 0 0 50px}

#content .contact .text2{font-size:16px; font-weight:bold; color:#7d0000; float:left;padding-top:3px}

#content .contact .text3{font-size:16px; font-weight:bold; color:#fff; float:right; padding-right:30px; width:305px}

#content .services{padding:15px 15px 30px 0}

#content .services .block1{width:615px}

#content .services .block1 p{padding:10px 0 0 0}

#content .services .block2{width:420px; padding:10px 0 30px 0}

#content .services .block2 img{padding:10px 0 5px 0}

#content .services .block2 .cleaning1{width:180px; padding:0 0 0 30px; color:#7c7976;  min-height:125px;}

.gray{ color:#b0bace}



/*****************************************sidebar***********************************************************/



#sidebar{width:319px; padding:15px 0 0 33px}

#sidebar h2{padding-left:10px}

/*#sidebar img{padding:20px 0 10px 0}*/
/*background:url(../images/gallary-img.gif) 0 0 no-repeat;*/

#sidebar .gallery{width:278px; height:256px; margin:5px 0 0 10px; padding:5px; font:normal 14px "Mariad Pro"; color:#0e0e0e; border:1px solid #b7b7b7}

#sidebar .gallery .desc{color:#4f5a70; font:normal 10px Arial}
#sidebar .gallery .img{margin-left:10px; padding:10px 0 0 0; }
#sidebar h4{ padding-left:10px}

#sidebar .slidertxt {position:absolute; z-index:100}

#sidebar .sliderbg {padding:10px 0; border-bottom:1px solid #f1f1f1; margin-bottom:20px}
#sidebar .cleanprocess li {padding-left:30px; line-height:35px; font-size:18px; background:url(../images/arrow1.gif) 9px 9px no-repeat; border-bottom:1px dotted #a7c9ea}
#sidebar .cleanprocess li.none{border-bottom:none}
#sidebar .sliderbg a {color:#4F5A70}
#sidebar .sliderbg a:hover {color:#82b4df; text-decoration:none}
/*****************************************BOTTOM CONTENT***********************************************************/

.landingpage{ background:url(../images/bottom-bg.gif)0 0 repeat-x; width:100%; height:225px}

.contentbtm{width:1003px; border-top:1px solid #b7b7b7; padding:25px 0 0 0}

.contentbtm .box1{width:311px; padding:0 10px 0 15px}

.contentbtm .box1 .testimonial{background:url(../images/testmolial.gif) 0 0 no-repeat; height:79px; width:279px; padding:20px 15px 0 10px; margin-top:15px}

.contentbtm .box1 .testimonial .quote-l{background:url(../images/quote-l.gif) 0 0 no-repeat; padding:0 12px 8px 0; border-bottom:1px solid #b7b7b7; margin-bottom:10px}

.contentbtm .box1 .testimonial .quote-r{background:url(../images/quote-r.gif) 100% 0 no-repeat; padding:0 10px 0 13px; color:#1c1c1c}

.contentbtm .box1 .testimonial p{padding:0 0 0 12px; color:#1c1c1c}

.contentbtm .box1 .testimonial .news{width:190px}

.contentbtm .box2{width:311px; padding:0 5px 0 15px}

.contentbtm .box2 .testimonial{background:url(../images/testmolial.gif) 0 0 no-repeat; height:79px; width:279px; padding:20px 15px 0 10px; margin-top:15px}

.contentbtm .box2 .testimonial .contus{width:216px; padding:0 0 0 20px}

.contentbtm .box2 .testimonial p{padding:0 0 0 12px; color:#1c1c1c}

/*****************************************FOOTER***********************************************************/

#footerlandingpage{background:url(../images/footer-bg.gif) 0 0 repeat-x; height:63px; width:100%}

#footer{width:1003px; padding:15px 0 0 0; color:#b5b6b6}

#footer a{font-size:14px; color:#b5b6b6; text-decoration:none; padding:0 15px 0 15px}

#footer a:hover{color:#2ed5fa}

#footer .rights{ ont-size:11px; padding-top:7px}



/*****************************************INNER PAGES***********************************************************/

/*****************************************PRICES***********************************************************/

#innerbanner{ background:url(../images/inner-banner.jpg) 0 0 no-repeat; width:926px; height:95px; padding:25px 0 0 75px; color:#FFF}

#innerbanner h1{ font-size:48px; font-weight:normal}

#innerbanner p{ font-size:14px}

#innerlandengpage{background:url(../images/bottom-bg.gif) 0 100% repeat-x; width:100%}

#maincontent1{width:953px; padding:25px 25px 170px 25px; background:#f3f5f8 url(../images/btn-img1.jpg) 0 100% repeat-x}

#maincontent1 h1{ color:#0b4186; font-size:36px; font-weight:normal}

#maincontent1 p {padding:15px 0; font-size:14px; color:#515e6d}

#maincontent1 h2 { font-size:24px; font-weight:normal; padding:20px 0}

#maincontent1 h3{ font-size:20px; font-weight:normal; padding:0 0 0 0}



/*****************************************ABOUT US***********************************************************/



.red{ color:#b83432}

.blue{ color:#0a4182}

/*#maincontent1 img {padding:40px 0 0 40px}*/


/*****************************************DEEP CLEAN***********************************************************/



#maincontent1 ul{ padding:0; margin:0; list-style:none}

#maincontent1 ul li{ padding:6px 20px 6px 15px; background:#cfd2d7; border-bottom:1px solid#e8ecf1; overflow:hidden }

#maincontent1 ul li .leftbox{ width:785px; float:left}

#maincontent1 ul li .leftbox p{ padding:20px 25px 0 5px}

#maincontent1 ul li img{ padding:0; float:right}



/*****************************************FAQS***********************************************************/

#maincontent1 .faq h5{ font-size:14px; color:#0a4182; padding:25px 0 0 40px; font-weight:bold}

#maincontent1 .faq p{ padding:20px 50px 0 40px}

#maincontent1 .faq h4{ font-size:18px; padding:25px 0 0 40px; font-weight: bold}



/*****************************************OUR SERVICES***********************************************************/

#maincontent1 ul li .leftbox img{ float:left; padding:5px 5px 0 0}

.button01 {background:#FFCC00; height:23px; text-align:center; border:none;  color:#232323; font-size:13px; cursor:pointer; font-weight:bold; padding-bottom:3px; border:1px solid #7b7b7b}

.darkgray{ color:#363d43}

.inputbox {border:1px solid #d4d4d4; padding:4px 5px; margin:5px 0 0 0}

.Success {color:red; left:307px;}
.error {color:red;}

/* new */
#slider {position:relative; top:-4px; z-index:1}
.tdheight {height:135px;}


/*-----------------------------------------css for slider-----------------------------------------------------------------------*/

/****************/
.menu {width:563px; height:38px; float:right; border:0px solid red; background:url(../images/navbg.png) 0 0 no-repeat;line-height:38px;}
ul.menu {margin:0 0 0 0px; padding:0 list-style:none; overflow:hidden}
ul.menu li {display:inline; float:left;  padding-right:0px; text-decoration:none; padding-left:6px}
ul.menu li:last-child, ul.topnav li.last {background:none text-decoration:none;} 
ul.menu li a {font-size:16px; color:#fff; padding:0px 18px 0px 18px; float:left; font-style:normal text-decoration:none;}
ul.menu li a.active, ul.topnav li a:hover  {text-decoration:none; color:#ffc600 ;text-decoration:none;}
.top_list {width:626px; height:53px; background-image:url(../images/lista_top.jpg); margin-top:15px;}
.mid_list {width:621px; border-left:2px solid #eeeeee; border-right:2px solid #eeeeee; margin:0px 0px 0px 1px; }
.ft {width:626px; height:9px; background-image:url(../images/ft.jpg);}
.img_li {padding:10px;}
.bottamlink {margin:10px 0px 0px 0px; width:626px;}
.footer_text {font:11px  #707173 Arial, Helvetica, sans-serif ;  }

/*for slider*/
.slideHead {color:#727B8D; font-family:"Mariad Pro"; font-size:25px; margin-bottom:5px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}
#scrollerbg {height:410px; width:284px; padding-top:10px; border:1px solid #ccc; margin:0 auto}
#scrollerbg span {width:93px; display:block; font:bold 12px Arial; text-align:center; color:#000}
#scrollerbg p{font:normal 11px Arial; margin:0; padding:0; text-align:center;width:93px; margin-right:9px}
#scrollerbg span a {color:#333333}
#scrollerbg li img {border:none; padding-bottom:5px}
#slider h3 {margin:0px 0 10px 0}