@charset 'UTF-8';
/* CSS Document */

/*basic tag instructions*/
h1, h2, h3, h4, h5, h6, h7 { font-family:Times; color:#3F783E;}
p, ul, li, address {font-family:Tahoma; font-size:14px; color:#000; line-height:20px; padding-bottom:15px; }
a, a:hover	{text-decoration:none; }

h1	{font-size:40px; padding-bottom:10px;}
h2	{font-size:36px; padding-top:20px;}
ul, ol	{padding-left:50px; }
ul li	{list-style: outside disc; padding:0 10px; margin:0;}
ol li	{list-style: outside decimal; padding:0 10px; margin:0;}
i, em	{font-size:.8em;}
b, strong	{font-weight:bold;}


/*Begin the body, set the background, font-family, etc.*/
body	{background:#fff url(../images/common/bdy_bg.jpg) repeat-x top left; font-family:Tahoma; font-size:14px; text-align:center;}


/*Two wrappers allow us to center the content and provide room for the logo.*/
div#wrapper	{width:1000px; margin:0 auto; text-align:center; zoom:1;}
div#content	{width:940px; position:relative; margin:20px auto 0 auto; text-align:left; background:url(../images/common/mainBg_fill.gif) top left repeat-y; }

/*The header section*/
div.hdr				{width:940px; background:url(../images/common/mainBg_hdr.gif) top left no-repeat; }
div.hdr	 ul			{text-align:left; margin:0 50px 0 0; padding:25px 0 10px 50px; z-index:5000; position:relative; float:left;}
div.hdr	 li			{display:inline; background:url(../images/common/menu_divider.gif) left top no-repeat; font-family:Times;}
div.hdr	 li	a		{font-size:16px; color:black; padding:0 0px 0 15px; display:inline; margin:0; float:none; }
div.hdr	 li	a:hover	{text-decoration:none;}
div.hdr	 li.first	{background:none;}
div.hdr  a.quote	{padding:28px 0 0 0; display:block; color:#3F783E; font-size:16px; font-family:Times;}

div#logoWrapper		{background:#fff url(../images/common/hdr_fade.jpg) top left repeat-y; position:relative; width:930px; height:90px;}
div#icon_lg			{position:absolute; width:152px; height:175px; left:-80px; top:-57px;}
img#logo			{margin:5px 0 0 75px;}

/*Main content shared by all pages*/
div#mainContent		{padding:30px 75px 10px 75px; position:relative; zoom:1;}
h1.slogan			{position:absolute; top:-70px; color:#3F783E; right:75px; font-size:30px; z-index:200; font-style:italic; width:700px; text-align:right;}
h1.slogan img.left	{margin-right:10px;}
h1.slogan img.right	{margin-left:5px; vertical-align:text-bottom;}

div#mainContent	p b				{color:#3F783E; font-weight:bold;}
div#mainContent	p strong		{color:#3F783E;}
div#mainContent	h3				{font-size:21px; padding-right:20px; border-right:1px solid #000; line-height:22px; float:left; vertical-align:middle;}
div#mainContent img.moreLink	{margin-top:5px;}
div#mainContent a				{color:#3F783E;}
div#mainContent2 a				{color:#3F783E;}
div#mainContent2 p b			{color:#3F783E; font-weight:bold;}
div#mainContent2 p strong		{color:#3F783E;}

/*Green Section and secondary content for secondary pages*/
div.greenSection						{background:#7BC479; color:#fff; padding:0 50px 10px 50px; margin:0 50px 20px 50px;}
div.greenSection h2						{color:#fff;}
div.greenSection a						{color:#fff;}	
					
div#mainContent2						{padding:0px 75px 10px 75px; position:relative;}

/*Footer for pages without subSections*/
div#ftr				{background:url(../images/common/mainBg_NF_ftr.gif); width:940px; height:25px; margin:0 auto; padding:0;}

/*Sub Sections are the small boxes on the home page.  First give them a wrapper*/
div#subSectWrapper	{background:#fff;}

/*Sub Section 1 the left hand column*/
div.subSect1				{width:476px; background:url(../images/home/subSect1_fill.gif) top left repeat-y; float:left; zoom:1;}
div.subSect1 div.hdr		{width:476px; background:url(../images/home/subSect1_hdr.gif); height:20px;}
div.subSect1 div.content	{padding:0 20px 10px 20px; background:url(../images/home/subSect1_ftr.gif) bottom left no-repeat; }
div.subSect1 img.fltlft		{margin-right:10px; }
div.subSect1 h5				{font-size:24px;}
div.subSect1 div.moreLink	{text-align:right; }

/*a small green divider for aesthetic purposes*/
div#subSectDivider			{width:6px; background:#7BC479; height:115px; float:left; zoom:1;}

/*Sub Section 2 the right hand column*/
div.subSect2				{width:458px; background:url(../images/home/subSect2_fill.gif) top left repeat-y; margin-left:482px; zoom:1;}
div.subSect2 div.hdr		{width:458px; background:url(../images/home/subSect2_hdr.gif); height:20px;}
div.subSect2 div.content	{padding:0 20px 10px 20px; background:url(../images/home/subSect2_ftr.gif) bottom left no-repeat; }
div.subSect2 img.quoteImg	{margin-right:10px; float:left; }
div.subSect2 h5				{font-size:24px;}
div.subSect2 div.moreLink	{text-align:right; }
div.subSect2 p.signature	{color:#7BC479; padding:0; margin:0; line-height:1px;}

/*accomodate the quote image for the testimonial on the home page*/
div#testimonials h5, div#testimonials p {margin-left:65px;}

/*floor navigation and copyright info*/
div#pgFtr				{text-align:center; margin-top:10px;}
div#pgFtr ul			{margin:0; padding:0;}
div#pgFtr li			{display:inline; border-left:1px solid #000; padding:0; margin:0;}
div#pgFtr li a			{font-size:12px; color:black; padding:0 10px; display:inline; margin:0; line-height:12px;}
div#pgFtr li a:hover	{text-decoration:underline;color:#7BC479;}
div#pgFtr li.first		{border-left:none;}
div#pgFtr a				{color:#7BC479;}
div#pgFtr p				{color:#000; margin:0; padding:0; font-size:12px;}

/* alternate mainContent for home page.  This class allows space for a splash image on the right */
div#content div.twoPane{padding:25px 500px 20px 60px;  background:none;} 
div#content div.twoPane p {padding-right:20px; font-size:14px;}
img#maidIcon_sm		{position:absolute; bottom:5px; right:450px; z-index:303;}
h2.slogan			{position:absolute;bottom:15px; right:25px; font-size:24px; z-index:201; font-style:italic; width:475px; text-align:center;}
div.splashImg		{position:absolute; right:9px; bottom:0; background:url(../images/home/splash.gif); width:488px; height:313px; z-index:100;}

/*alternate mainContent for home page.  SubMenu Items*/
div#subMenu					{height:40px; padding:10px 0; background:#fff url(../images/home/subMenu_bg.gif) top left repeat-x; margin:0 9px 0 10px;}
div#subMenu div.subItem		{float:left; width:228px; border-left:#fff 1px solid; text-align:center; position:relative;}
div#subMenu div.subItem2	{float:left; width:228px; border-left:#fff 1px solid; text-align:center; position:relative;}
div#subMenu h4	{color:#000; font-size:16px; line-height:40px; font-family:Tahoma;}
div#subMenu h4 a	{color:#000;}
div#subMenu h4 a:hover		{color:#fff;}
div#subMenu div.subItem div.slideBox	{position:absolute; bottom:50px; width:188px; left:0; background:#fff; overflow:hidden; 
										height:0; padding:0 20px 0 20px; border:0px solid #3F783E; z-index:5001;}
div#subMenu div.subItem div.slideBox h5	{font-size:24px; padding:3px 0;}

/*Change splash image and subHeading on secondary pages*/
div.twoPane div#about /*splash img*/	{background:url(../images/splash/ironing.gif); width:446px; height:300px;}			
div.twoPane h2#about 					{ top:-50px; right:25px;}

div.twoPane div#services /*splash img*/	{background:url(../images/splash/shopping.gif); width:249px; height:359px; right:150px;}			
div.twoPane h2#services 					{ top:-50px; right:25px;}

/*alternatives for the testimonials page*/
div#content div.testimonials			{padding-right:25px;}
div.testimonials p			{padding:10px 0;}
div.testimonials i			{font-size:12px; color:#7BC479;}
div#submitTestimonial		{ float:right; margin-top:0; padding:10px 20px; text-align:center; zoom: 1;}
div#submitTestimonial h2	{color:#fff; }
div#submitTestimonial form	{background:#7BC479; color:#fff; margin-top:20px;}
div#submitTestimonial label	{color:#fff;}




/*alternatives MainContent for contact form pages.  two column*/
div#mainContent div.lftColumn		{ width:375px; float:left; }
div#mainContent div.rtColumn		{ margin-left:375px; padding-left:50px; border-left:1px solid #000;}

div#mainContent2 div.lftColumn		{ width:400px; float:left; padding-right:25px; border-right:1px solid #000;}
div#mainContent2 div.rtColumn		{ margin-left:450px;}


/*Careers Page contact form rules*/
div.textual form						{ background:#7BC479; color:#fff; padding:25px 50px; zoom:1;}
div#mainContent form div.lftColumn		{ width:300px; float:left; border:none; zoom:1;}
div#mainContent form div.rtColumn		{  margin-left:325px; border-left:1px solid #fff; padding-left:25px; zoom:1;}
div.textual form h1						{ color:#fff; font-size:45px; float:left; margin-right:25px;}
div.textual form h2						{ color:#fff; font-size:30px; padding:0px 25px 15px 0; margin:0; }
div.textual form hr						{ margin:25px 0; padding:0; background:#fff; border:none; height:1px;  color:#fff; }
div.textual form p						{ display:block; color:#fff; margin:0; padding:0; }
div.textual form p label				{ float:left; clear:right;}
div.textual form p select				{ float:right; margin:2px; color:#000; border:none;}
div.textual form p input				{ float:right; border:none; margin:2px; color:#000;}
div.textual form p textarea				{ float:right; border:none; margin:2px; color:#000; width:325px; height:150px;}
div.textual form p select.required		{ border-left:5px solid #3F783E;  }
div.textual form p input.required		{ border-left:5px solid #3F783E; }
div.textual form p textarea.required	{ border-left:5px solid #3F783E; }
div.textual form p input:focus, div.textual form p textarea:focus {background:#C4F4C1;}
div.textual form p input.radio, div.textual form p label.radio {float:left; clear:none;}

.safari div.textual form p select.required { border-left:none;}

div#mainContent form div.rtColumn input	{width:150px;}
div#alertPanel 	{color:#000;}

/*Browser Hacks*/
.ie6 div#subSectDivider			{width:6px; margin-right:-4px;}
.ie6 div.subSect2				{margin-left:479px; }