/*
Theme Name: Chinohills Plumbing
Theme URI: http://www.chinohillsplumbing.net/
Description: The Chinohills Plumbing WordPress theme that graced version 2.9, based on the famous <a href="http://www.chinohillsplumbing.net/">Chinohills Plumbing</a>.
Version: 1.7.2
Author: Chinohills Plumbing
Author URI: http://www.chinohillsplumbing.net/
Tags: blue, silver, white, two-columns, fixed-width, right-sidebar, fixed-width, custom-header, threaded-comments, sticky-post, rtl-language-support, translation-ready
Text Domain: Chinohills Plumbing
*/

/*  general  */
* { padding: 0px; margin: 0px; }
html, body { font-family: arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: arial; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0px; }
a, input { outline: none; }

/*  global classes  */
.clear { clear: both; height: 0px; overflow: hidden; }

/*  wrapper  */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

	/*  main wrapper  */
	#mainWrapper { width: 940px; margin: 0 auto; }
	
		/*  header wrapper  */
		#headerWrapper { position: relative; width: 940px; float: left; }
		#headerWrapper h1 { margin: 24px 0 0 0; height: 89px; float: left; font-family: 'GillSansMTCondensedRegular'; }
		#headerWrapper h1 a { font-size: 48px; color: #d91903; text-decoration: none; text-transform: uppercase; line-height: 36px; }
		#headerWrapper h1 a em { color: #2c2c2c; font-style: normal; }
		#headerWrapper h1 span { padding: 8px 0 0 0; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #373737; font-weight: normal; text-transform: capitalize; letter-spacing: normal; line-height: 22px; }
	
			/*  contact area  */
			.contactArea { padding: 25px 0 0 0; width: 231px; height: 85px; float: right; font-family: 'GillSansMTCondensedRegular'; }
			.contactArea h2 { padding: 0 0 0 30px; float: left; font-size: 38px; color: #d91903; line-height: 34px; background: url('images/phone_icon.png') left 2px no-repeat; }
			.contactArea span { font-size: 26px; color: #434343; line-height: 38px; font-weight: bold; text-transform: uppercase; }
			
			/*  menu area  */
			.menuArea { width: 940px; height: 55px; float: left; font-family: 'GillSansMTCondensedRegular'; background: url(images/menu_bg.jpg) left top repeat-x; }
			.menuArea ul { list-style: none; }
			.menuArea li { float: left; position: relative; background: url('images/divider.gif') right top no-repeat; }
			.menuArea li.last { background: none; }
			.menuArea li a { padding: 0 15px; float: left; font-size: 22px; line-height: 55px; color: #fff; text-transform: uppercase; text-decoration: none; }
			.menuArea li a:hover,.menuArea li.current_page_item a { background: #000 url('images/menu_hover.gif') right top no-repeat; }
			
		/* banner wrapper  */
		#bannerWrapper { width: 940px; float: left; font-family: 'GillSansMTCondensedRegular'; }
		
			/* banner area  */
			.bannerArea { width: 940px; height: 291px; float: left; position: relative; overflow: hidden; } 
			.bannerArea #slider1 { list-style: none; }
			.bannerArea .item { width: 940px; height: 291px; float: left; position: relative; }
			.bannerArea .content { width: 667px; position: absolute; left: 23px; top: 20px; }
			.bannerArea h2 { padding: 10px 0 0 0; font-size: 44px; color: #d91903; text-transform: uppercase; line-height: 28px; letter-spacing: -1px; text-shadow: 1px 1px #fff; }
			.bannerArea h2 span { font-size: 33px; display: block; font-weight: normal; text-transform: none; color: #070707; letter-spacing: normal; }
			.bannerArea h3 { padding: 10px 0 0 0; font-size: 29px; color: #070707; }
			.bannerArea p { padding: 10px 0 0 0; }
			.bannerArea img { float: none; }	
			
			/* services area  */
			.servicesBox { padding: 0 0 22px 0; width: 940px; float: left; background: url('images/shadow.png') center bottom no-repeat; }
			.servicesBox .widget { width: 940px; height: 71px; float: left; background: #bf200e; }
			.servicesBox ul { list-style: none; }
			.servicesBox li { margin: 0 0 0 10px; padding: 0 10px 0 45px; float: left; height: 71px; width: auto; background: url('images/plumb_icon.png') left 18px no-repeat; }
			.servicesBox li a { display: block; font-size: 24px; color: #fff; text-transform: uppercase; line-height: 71px; text-decoration: none; font-weight: normal; }
			.servicesBox li:hover a { text-decoration: underline; }
			.servicesBox li.moorinfo { padding: 10px 0; width: 205px; height: auto; float: right; text-align: center; background: #af1d0d; }
			.servicesBox li.moorinfo h3 { font-size: 26px; color: #fff; }
			.servicesBox li.moorinfo span { color: #070707; }
			.servicesBox li.moorinfo p { font-size: 20px; color: #fff; line-height: 18px; text-transform: uppercase; }
			
		/*  content wrapper  */
		#contentWrapper { margin: 0 0 15px 0; width: 940px; float: left; }
		
			/*  left wrapper  */
			#leftWrapper { width: 699px; float: left; }
				
				/*  aboutus area  */
				.aboutusArea { padding: 24px; width: 651px; float: left; background: #272727 url('images/corner.jpg') right top no-repeat; }
				.aboutusArea img { margin: 0 24px 0 0; float: left; }
				.aboutusArea h3 { margin: 0 21px 10px 0; font-family: 'GillSansMTCondensedRegular'; font-size: 20px; text-transform: uppercase; font-weight: normal; color: #fff; }
				.aboutusArea p {  font-size: 14px; color: #cececd; line-height: 22px; }
				.aboutusArea p a { text-decoration: none; color: #bf200e; }
				
				/*  howtoknow area  */
				.howtoknowArea { padding: 20px 20px 0 0; width: 671px; float: left; }
				.howtoknowArea h2 { margin: 0 0 12px 0; font-family: 'GillSansMTCondensedRegular'; font-size: 30px; color: #000; font-weight: normal; text-transform: uppercase; }
				.howtoknowArea h3 { margin: 0 0 12px 0; font-family: 'GillSansMTCondensedRegular'; font-size: 26px; color: #000; font-weight: normal; text-transform: uppercase; }
				.howtoknowArea h4 { margin: 0 0 10px 0; padding: 0 0 10px 0;  font-size: 21px; color: #bf200e; font-weight: normal; letter-spacing: -1px; border-bottom: 1px solid #e9e7e5; }
				.howtoknowArea p { margin: 0 0 15px 0;  font-size: 14px; color: #474747; line-height: 20px; }
				.howtoknowArea p.border { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #e9e7e5; }
				.howtoknowArea img { margin: 15px 20px 0 0; float: left; }
				.howtoknowArea h5 { padding: 15px 25px 10px 25px; font-size: 18px; color: #da8705; font-weight: bold; background: #e9e7e5;  }
				.howtoknowArea ul { margin: 0 0 10px 0; padding: 10px 15px 0 25px; list-style: none; background: #e9e7e5;  }
				.howtoknowArea li { padding: 0 0 15px 24px; font-size: 14px; color: #474747; background: url('images/arrow.gif') left 3px no-repeat; }
				.howtoknowArea a { color: #bf200e; text-decoration: none; }
				.howtoknowArea a:hover { color: #000; text-decoration: underline; }
				
				/*  appointment area  */
				.appointmentArea { width: 699px; float: left;  }
				.appointmentArea img { padding: 0 20px 0 29px; float: left; }
				.appointmentArea h2 { margin: 25px 0 0 0; font-size: 49px; color: #bf200e; line-height: 35px; }
				.appointmentArea h2 span { font-size: 43px; color: #131313; }
				.appointmentArea p { font-size: 25px; color: #bf200e; font-weight: bold; line-height: 39px; text-transform: uppercase; }
				.appointmentArea .schedule { padding: 0 26px; float: left; width: 647px; background: #bf200e; }
				.appointmentArea .schedule h3 { font-size: 21px; color: #fff; text-transform: uppercase; line-height: 47px; } 
				.appointmentArea .schedule h3 span { font-size: 19px; font-style: italic; font-weight: normal; text-transform: none; }
				.appointmentArea .schedule fieldset { border: none; }
				.appointmentArea .schedule input { margin: 0 0 9px 0; padding: 10px 15px; width: 201px; float: left; height: 12px; font-size: 12px; border-radius: 5px; color: #fff; border: none; background: url('images/input_bg.jpg') left top no-repeat; }
				.appointmentArea .schedule p input.wpcf7-submit { margin: 0 0 25px 0; width: 127px; float: left; height: 33px; text-align: center; border: none; font-size: 12px; cursor: pointer; color: #fff; text-transform: uppercase; border-radius: 5px; background: url('images/submit_btn_bg.jpg') left top repeat-x; }
				.appointmentArea .schedule textarea { padding: 10px 15px; width: 367px; float: right; height: 92px; font-size: 12px; color: #fff; border: none; background: url('images/textarea_bg.jpg') left top no-repeat;; }
								
			/*  right wrapper  */
			#rightWrapper { float: right; width: 220px; }
			
				/*  search area  */
				.searchArea { margin: 0 0 15px 0; padding: 15px; width: 190px; float: left; background:  #bf200e; }
				.searchArea input { padding: 5px 10px; float: left; width: 141px; height: 22px; border: none; font-size: 12px; color: #fff; background: url('images/search_bg.jpg') left top no-repeat; }
				.searchArea input.search { padding: 0px; width: 29px; height: 32px; border: none; cursor: pointer; float: left; text-indent: -9999px; background: url('images/search_btn.jpg') left top no-repeat; }
				
				/*  offer area  */
				.offerArea { margin: 0 0 20px 0; width: 220px; float: left;  position: relative; border-bottom: 2px solid #cdcdcd; border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
				.offerArea .arrow { width: 19px; height: 27px; text-indent: -9999px; position: absolute; right: -1px; top: 0px; background: url('images/corner.jpg') left top no-repeat; }
				.offerArea h2 { padding: 15px 0 10px 15px; font-size: 18px; color: #fff; text-transform: uppercase; background: #272727; }
				.offerArea h3 { padding: 20px 0 0 98px; font-size: 30px; color: #383838; text-transform: uppercase; line-height: 33px; letter-spacing: -1px; background: url('images/off_img.jpg') 15px top no-repeat; }
				.offerArea h3 span { font-size: 29px; color: #bf200e; }
				.offerArea h4 { padding: 10px 0 0 15px; font-size: 15px; color: #383838; text-transform: uppercase; } 
				.offerArea h4 span { font-size: 18px; color: #bf200e; }
				.offerArea p { padding: 10px 15px;  font-size: 14px; color: #474747; line-height: 20px; }
				.offerArea p span { color: #bf200e; }
				.offerArea p.line { margin: 0 15px 15px 15px; padding: 15px 0 15px 0; border-bottom: 1px solid #000; }
				.offerArea img { padding: 0 0 0 15px; }
				
				/*  family area  */
				.familyArea { width: 220px; float: left;  }
				.familyArea .widget { margin: 0 0 20px 0; width: 220px; float: left; position: relative; }
				
				
				.familyArea .widget .arrow { width: 19px; height: 27px; text-indent: -9999px; position: absolute; right: 0px; top: 0px; background: url('images/corner.jpg') left top no-repeat; }
				.familyArea .widget h2 { padding: 15px; font-size: 17px; color: #bf200e; background: #272727; line-height: 22px; text-transform: uppercase; }
				.familyArea .widget h2 span { display: block; font-size: 15px; color: #fff; }
				.familyArea .widget .family { padding: 15px; width: 190px; border-bottom: 2px solid #cdcdcd; border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
				.familyArea .widget .family p { padding: 10px 0;  font-size: 14px; color: #474747; line-height: 20px; }
				
				/*  visa area  */
				.visaArea { margin-left: -10px; padding: 0 10px 10px 10px; width: 220px; float: left; background: #e5e1df; }
				.visaArea .visa { width: 220px; box-shadow: 2px 2px 3px 1px #d1cecb; background: #fff; }
				.visaArea .visa img { margin: 10px 10px 5px 10px; }

                                /* testimonial */
				.testimonialArea { width: 220px; float: left;  }
				.testimonialArea .widget { margin: 20px 0 20px 0; width: 220px; float: left; position: relative; }
				.testimonialArea .widget .arrow { width: 19px; height: 27px; text-indent: -9999px; position: absolute; right: 0px; top: 0px; background: url('images/corner.jpg') left top no-repeat; }
				.testimonialArea .widget h2 { padding: 15px; font-size: 17px; color: #bf200e; background: #272727; line-height: 22px; text-transform: uppercase;  }
				.testimonialArea .widget h2 span { display: block; font-size: 15px; color: #fff; }
				.testimonialArea .widget .family { padding: 15px; width: 190px; border-bottom: 2px solid #cdcdcd; border-left: 1px solid #ececec; border-right: 1px solid #ececec; background: #fff; }
				.testimonialArea .widget .family p { padding: 10px 0;  font-size: 15px; color: #474747; line-height: 20px; }
				
			
		/*  footer wrapper  */
		#footerWrapper { width: 100%; height: 199px; float: left; background: url('images/footer_bg.jpg') left top repeat-x; }
		#footerWrapper #footer { width: 940px; margin: 0 auto; }
		
			/* brand area  */
			.brandArea { width: 940px; height: 143px; float: left; }
			.brandArea h2 { padding: 30px 11px 0 0;  font-size: 16px; color: #898785; text-align: center; font-weight: bold; text-shadow: 1px 1px #fff; text-transform: uppercase; background: url('images/heading_bg.jpg') center 15px no-repeat; }
			.brandArea ul {list-style: none; }
			.brandArea .stepcarouse { margin: 10px 0 0 0; width: 940px; height: 80px; float: left; border: 1px solid #e5e5e5; overflow: scroll; position: relative; }
			.brandArea .stepcarouse .belt { left: 0; position: absolute; top: 0; }
			.brandArea .stepcarouse .panel { padding: 11px 0; width: 151px; float: left; border-right: 1px solid #e5e5e5; text-align: center; }
					
			/* copyright area  */
			.copyrightArea { width: 100%; height: 56px; float: left; font-size: 18px; color: #898785; text-transform: uppercase; text-align: center; line-height: 56px; }
		
/* Begin Images */
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 15px; display: inline; }
img.alignleft { margin: 0 15px 2px 0; display: inline; }
.alignright { float: right!important; }
.alignleft { float: left!important; }
/* End Images */