/* CSS Document *//* CSS Document */

/*##############################################################
  Eric Meyer's Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*##############################################################
  Element Styles
##############################################################*/

h1 {margin-left:15px; padding-top:22px; padding-left:53px; font-size:38px; color:#fff}
h3, h4, h5, h6 {margin:20px 0 15px 0; font-weight:bold; font-family:Futura; color:#515151}
h2 {clear:both;margin:50px 0 15px 0; font-size:48pt; font-weight:bold; font-family:Futura; color:#fff}
h3 {font-size:22px; font-weight:normal; }
h4 {clear:both;font-size:36px; font-weight:bold; font-family:Futura; color:#515151;margin: 0 auto}
ul, ol, dl, li {margin:0px 0 0}
p {width:100%; text-align:justify; margin:15px 0 0 0;line-height:1.5}
a {color:#a63c3c; text-decoration:underline; outline:none}
	a:hover {text-decoration:none}
	
.clear {clear:both; float:left}



/*##############################################################
  Layout Styles
##############################################################*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/header_bg_2.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #515151;
}

#wrapper {width:765px; overflow:hidden; padding:0 0 0 0; margin: 0 auto;}
	
	#header {width:765px; height:234px;margin:0 0 0px 0px; background:url(../images/pd_header_bg_3.jpg) no-repeat}
	
	#navigation {height:26px; width:765px; border-right:0px solid #000; border-top:0px solid #000;list-style-type:none; background:url(../images/nav_bg.png) 50% top repeat-x}
		#navigation li {float:left; width:95px; margin:0; font-size:14px; color:#fff}
			#navigation li a {display:block; height:20px; padding-top:7px; border-right:0px solid #1c1b1b; border-left:0px solid #000; text-align:center; color:#fff; text-decoration:none}
				#navigation li a:hover {color:#62acff; text-decoration:none}
    

                
	#content {width:740px; padding:0px 13px; border:0px solid #020202; background:url(../images/header_bg.png) 50% top repeat-x}
	
		#main_content {float:left; display:inline; width:478px; margin:0 0 30px 0}
			#main_content p {width:478px}
			#main_content .two_columns {float:left; display:inline; margin-right:30px; width:224px}
			#main_content .two_columns p {width:224px}
			#main_content .right_column {margin:0}
            
			#services_content .two_cols {float:left; display:inline; margin-right:30px; width:350px}
            #Cosmetic  li {height:25px; width:350px; border-right:0px solid #555; border-top:0px solid #555;list-style-type:disc}
			   #Cosmetic  li a {display:list-item; height:20px; padding-top:7px; border-right:0px solid #1c1b1b; border-left:0px solid #1c1b1b; text-align:left; color:#515151; text-decoration:none}
				  #Cosmetic li a:hover {color:#515151; text-decoration:underline;}
                                  
	        #services_content .right_col  {margin:0}
            #General li {height:25px; width:350px; border-right:0px solid #555; border-top:0px solid #555;list-style-type:disc}
			   #General li a {display:list-item; height:20px; padding-top:7px; border-right:0px solid #1c1b1b; border-left:0px solid #1c1b1b; text-align:left; color:#515151; text-decoration:none}
				  #General li a:hover {color:#515151; text-decoration:underline}
 
 
 			#services_content .two_cols {float:left; display:inline; margin-right:30px; width:350px}                 
            #Preventative  li {height:25px; width:350px; border-right:0px solid #555; border-top:0px solid #555;list-style-type:disc}
			   #Preventative  li a {display:list-item; height:20px; padding-top:7px; border-right:0px solid #1c1b1b; border-left:0px solid #1c1b1b; text-align:left; color:#515151; text-decoration:none}
				  #Preventative li a:hover {color:#515151; text-decoration:underline;}
                  
            #services_content .right_col {margin:0}                 
            #comfort  li {height:25px; width:350px; border-right:0px solid #555; border-top:0px solid #555;list-style-type:disc}
			   #comfort  li a {display:list-item; height:20px; padding-top:7px; border-right:0px solid #1c1b1b; border-left:0px solid #1c1b1b; text-align:left; color:#515151; text-decoration:none}
				  #comfort li a:hover {color:#515151; text-decoration:underline;}

 			#services_content .two_cols {float:left; display:inline; margin-right:30px; width:350px}                 
            #Speciality  li {height:25px; width:350px; border-right:0px solid #555; border-top:0px solid #555;list-style-type:disc}
			   #Speciality  li a {display:list-item; height:20px; padding-top:7px; border-right:0px solid #1c1b1b; border-left:0px solid #1c1b1b; text-align:left; color:#515151; text-decoration:none}
				  #Speciality li a:hover {color:#515151; text-decoration:underline;}

            #services_content .right_col {margin:0}                 

	
		#sidebar {float:right; display:inline; width:224px; margin-left:30px}
				
		#footer {text-align:center;clear:both; padding:100px 0 30px 0; font-size:.85em}
		
    input[type="checkbox"] {
      transform: scale(1.5); /* Scales the checkbox to 1.5 times its original size */
    }
    
    
.scrolling-text-container {
    width: 100%;
    overflow: hidden; /* Hides content outside the container */
    white-space: nowrap; /* Prevents text from wrapping */
}

.scrolling-text {
    display: inline-block;
    animation: scrollText 10s linear infinite; /* Adjust duration as needed */
    font-size: 24px;
}

@keyframes scrollText {
    0% { transform: translateX(100%); } /* Start off-screen to the right */
    100% { transform: translateX(-100%); } /* End off-screen to the left */
}

.checkbox-item {
    display: inline-block; /* Makes the divs display in a row */
    vertical-align: middle; /* Aligns the checkboxes and labels vertically */
    margin-right: 40px; /* Adds spacing between the checkboxes */
    margin-top: 2em;
}

.submit-button {
  background-color: #008CBA; /* Blue background */
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 0x;
  cursor: pointer;
  font-size: 18px;
}
    

    input[type="text"] {
      width: 50%;
      height: 30px; 
    }

/*
    textarea {
      width: 300px;
      height: 100px;
    }
*/    
        textarea {
      min-width: 150px;
      max-width: 500px;
      min-height: 50px;
      max-height: 200px;
    }
    
        input[type="email"] {
      width: 50%;
      height: 30px; 
      max-width: 500px; /* Prevents the field from exceeding 500px */
      min-width: 150px; /* Ensures the field is at least 150px wide */
    }