/* General 
------------------------------------*/
body { background: url(../images/bkgrnd.jpg) repeat-x; background-color: #fff; color: #666; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; }

em { font-style: italic; }
strong { font-weight: bold; }

a { color: #406155; text-decoration: underline; }
    a:hover { text-decoration: none }

h1,h2,h3,h4,h5,h6 { font-family: Georgia, serif; letter-spacing: 0px; line-height: 1.1em; text-transform: none; color: #000; margin-bottom: 15px; }
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	
p { margin-bottom: 20px; }

/* Header 
------------------------------------*/
#header { background: url(../theme/green_brown/nav-stitch.jpg) bottom repeat-x, url(../theme/green_brown/nav-bkgrnd.jpg); padding-bottom: 6px; background-color: #406155; }

.topnav { width: 940px; margin: auto; border: }
.topnav ul { overflow: hidden; padding: 14px 0px 14px 0px; }
.topnav li { display: inline; }
.topnav li a { font-family: Georgia, serif; font-size: 13px; color: #fff; text-shadow: 0px 1px 1px #2d453c; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; padding: 13px 10px 8px 10px; }
.topnav li a:hover { text-decoration: underline; }
.topnav li.on a { text-decoration: underline; }
.topnav li.on a:hover { text-decoration: none; }
.topnav li.on:first-child a { background: url(../theme/green_brown/home-btn-on.png) no-repeat 0 4px; float: left; text-indent: -9999px; width: 17px; padding: 0px 15px 0px 0px; }
.topnav li.on:first-child a:hover { background: url(../theme/green_brown/home-btn.png) no-repeat 0 4px; float: left; text-indent: -9999px; }
.topnav li:first-child a { background: url(../theme/green_brown/home-btn.png) no-repeat 0 4px; float: left; text-indent: -9999px; width: 17px; padding: 0px 15px 0px 0px; }
.topnav li:first-child a:hover { background: url(../theme/green_brown/home-btn-hover.png) no-repeat 0 4px; float: left; text-indent: -9999px; }

/* Content 
------------------------------------*/
#content-wrapper { width: 1020px; margin: auto; background: url(../images/content-bkgrnd.jpg) top center no-repeat; background-color: #fff; }

	.logo-service-area { width: 940px; margin: auto; background: url(../images/logo-serving-area-bkgrnd.jpg) no-repeat; overflow: hidden; }

		.title { width: 620px; float: left; padding: 40px 0px 0px 0px; min-height: 70px; }
		.title h2 { text-transform: none; line-height: 0.5em; font-size: 30px; }
		.title p { font-size: 12px; line-height: 0.5em; margin-bottom: 0px; font-style: italic; }
		.title a { text-decoration: none; }

		.service-area { width: 300px; float: right; padding: 33px 0px 40px 0px; }
		.service-area h3 { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-align: right; color: #666; margin-bottom: 0px; }
		.service-area p { font-family: Georgia, serif; font-size: 12px; font-style: italic; text-align: right; margin-bottom: 0px; }

	.rail-left { float: left; width: 220px; padding-left: 40px; }
	
		.services { background: url(../theme/green_brown/services-stitch.jpg) top repeat-x, url(../theme/green_brown/services-bkgrnd.jpg); padding-top: 6px; background-color: #406155; margin-bottom: 20px; }
		.services h2 { font-size: 14px; color: #fff; text-shadow: 0px 1px 1px #2d453c; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.services ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.services li { list-style-type: disc; color: #263138; }
		.services li a { font-size: 12px; color: #fff; text-shadow: 0px 1px 1px #2d453c; }
		.services li a:hover { text-decoration:  none; }
		
		.whyus { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.whyus h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.whyus ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.whyus li { list-style-type: disc; color: #666; font-size: 12px; }			
		
		.hours { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; padding-bottom: 15px; }
		.hours h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.hours p { color: #444; margin-bottom: 5px; font-style: italic; font-weight: bold; font-size: 11px; text-align: center; }
		.hours table { width: 200px; margin: auto; font-size: 12px; }
		.hours tr:first-child { font-weight: bold; }
		.hours td:first-child { text-align: right; padding-right: 10px; width: 70px; }
		.hours td { font-size: 12px; color: #666; padding-bottom: 5px; }
		
		.rail-left .memberships { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.rail-left .memberships h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.rail-left .memberships ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.rail-left .memberships li { list-style-type: disc; color: #666; font-size: 12px; }
		
		.rail-left .insurance { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.rail-left .insurance h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.rail-left .insurance ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.rail-left .insurance li { list-style-type: disc; color: #666; font-size: 12px; }	
		
		.rail-left .txtarea { width: 220px; background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.rail-left .txtarea h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.rail-left .txtarea ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.rail-left .txtarea li { list-style-type: disc; color: #666; font-size: 12px; }
		
	.main-content { float: left; width: 460px; margin-left: 20px; }
	
		.main-images { margin-bottom: 20px; overflow: hidden; }			
			
			.image { float: left; border: 1px solid #263138; }	
			.image2 { float: right; border: 1px solid #263138; }
			
		.txtarea { width: 460px; margin: auto; }
		.txtarea h1, h2, h3, h4, h5, h6 { text-transform: none; }				
		.txtarea ul { list-style-type: disc; color: #666; padding: 0 0 15px 0; margin-left: 37px; }
		.txtarea li { margin: 5px 5px; }
		.txtarea ol { list-style: decimal; margin-left: 45px; padding: 0 0 15px 0; }
		.txtarea ol li { background: none; padding: 0 0 5px 0; margin: 0px; }				
		.txtarea blockquote { border-left: 10px solid #f2f2f2; font-family: Georgia, serif; font-size: 16px; font-style: italic; margin-bottom: 20px; padding: 20px 0px 40px 20px; }
		.txtarea blockquote cite { float: right; clear: both; font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; font-style: normal; }	
		
		.main-content .whyus { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.main-content .whyus h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.main-content .whyus ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.main-content .whyus li { list-style-type: disc; color: #666; font-size: 12px; }	
		
		.main-content .memberships { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.main-content .memberships h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.main-content .memberships ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.main-content .memberships li { list-style-type: disc; color: #666; font-size: 12px; }
		
		.main-content .insurance { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.main-content .insurance h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.main-content .insurance ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.main-content .insurance li { list-style-type: disc; color: #666; font-size: 12px; }					
		
		.map { width: 460px; margin: auto; }			

	.rail-right { float: right; width: 220px; margin-right: 40px; }
	
		.contact-form { background: url(../theme/green_brown/contact-stitch.jpg) top repeat-x, url(../theme/green_brown/contact-bkgrnd.jpg); padding-top: 6px; background-color: #682321; margin-bottom: 20px; padding-bottom: 20px; }
		.contact-form h2.call-email { text-align: center; font-size: 18px; color: #fff; text-shadow: 0px 1px 1px #514120; text-transform: uppercase; letter-spacing: 0px; padding: 15px 10px 5px 10px; margin-bottom: 0px; }
		.contact-form h2.phone-number { text-align: center; font-size: 29px; color: #fff; text-shadow: 0px 1px 1px #514120; text-transform: uppercase; letter-spacing: 0px; padding: 0px 10px 15px 10px; margin-bottom: 0px; }		
		.contact-form form { width: 196px; margin: auto; } 
		.contact-form .yodlecms_contactform { overflow: hidden; }
		.contact-form .yodlecms_contactform label { display: block; color: #fff; font-size: 12px; text-shadow: 0px 1px 1px #645028; }	
		.contact-form form input, form textarea { background-color: #fff; width: 196px; border: none; margin-bottom: 5px; padding: 0px; }
		.contact-form form input { height: 25px; }
	 	.contact-form form textarea { resize: none; }	
	 	.contact-form .submit { float: right; margin: 10px 0px 20px 0px; border: 1px solid #263138; font-family: Georgia, serif; color: #fff; text-shadow: 0px 1px 1px #2d453c; text-transform: uppercase; font-size: 14px; background: url(../theme/green_brown/send-btn.jpg) repeat-x; background-color: #344f45; cursor: pointer; padding: 5px 10px 5px 10px; }
	 	.contact-form .submit:hover { background: url(../theme/green_brown/send-btn-hover.jpg) repeat-x; background-color: #3e5f53; }	
	 	.yodlecms_formErrorDiv { margin: 5px 0px 0px 0px; border: 0px solid #c00; width: 20em; font-size: 12px!important; font-family: inherit; }    
		.yodlecms_formErrorDiv p { margin-bottom: 0px; padding: 5px; text-align: center; background: red; color: #fff; width: 186px; }
		.contact-form form input.yodlecms_formError { background: #ffe8e8; border: 1px solid red; }	
		
		.payments { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; padding-bottom: 20px; }
		.payments h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.payments ul { padding: 0px; margin: 0px 20px 0px 20px; }
		.payments li { display: inline; margin-right: 3px; }
		.payments p { padding: 0px 10px 0 10px; font-size: 12px; }								
		
		.rail-right .memberships { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.rail-right .memberships h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.rail-right .memberships ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.rail-right .memberships li { list-style-type: disc; color: #666; font-size: 12px; }
		
		.rail-right .insurance { background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.rail-right .insurance h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.rail-right .insurance ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.rail-right .insurance li { list-style-type: disc; color: #666; font-size: 12px; }	
		
		.rail-right .txtarea { width: 220px; background: url(../images/widgets-stitch.jpg) top repeat-x, url(../images/widgets-bkgrnd.jpg); padding-top: 6px; background-color: #f2f2f2; margin-bottom: 20px; }
		.rail-right .txtarea h2 { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0px; padding: 20px 20px 0px 20px; }
		.rail-right .txtarea ul { padding: 0px 0px 20px 0px; margin: 0px 20px 0px 45px; }
		.rail-right .txtarea li { list-style-type: disc; color: #666; font-size: 12px; }		
		
/* Footer 
------------------------------------*/		
#footer { background: url(../theme/green_brown/footer-stitch.jpg) top repeat-x, url(../theme/green_brown/footer-bkgrnd.jpg); padding-top: 6px; background-color: #406155; }

	.footer-content-box { width: 940px; margin: auto; overflow: hidden; }

	.footer-content-left { float: left; margin: 20px 0px 20px 0px; }
	
		.bottomnav ul { padding-bottom: 10px; background: url(../theme/green_brown/hr.gif) repeat-x bottom; margin-bottom: 5px; }
		.bottomnav li { display: inline; margin-right: 20px; text-shadow: 0px 1px 1px #2d453c; }
		.bottomnav li a { font-size: 12px; color: #fff; }
		.bottomnav li a:hover { text-decoration: none; }
		.bottomnav li.on a { text-decoration: none; }
		.bottomnav li.on a:hover { text-decoration: underline; }
		
		.copyright { color: #fff; font-size: 11px; float: left; margin-bottom: 0px; text-shadow: 0px 1px 1px #2d453c; }	
		.copyright a { color: #fff; }
		.copyright a:hover { text-decoration: none; }	
		.copyright p { margin-bottom: 0px; }		
		
	.footer-content-right { float: right; margin: 20px 0px 20px 0px; }	
	
		.company { color: #fff; font-size: 12px; text-align: right; text-shadow: 0px 1px 1px #2d453c; }	
		.company p { margin-bottom: 0px; }		
		
/* Canvas Fixes
------------------------------------*/
#yodlecms_canvas #header { background: none; background-color: #406155; }
#yodlecms_canvas .services { background: none; background-color: #406155; }
#yodlecms_canvas .whyus { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .hours { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .rail-left .memberships { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .rail-left .insurance { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .rail-left .txtarea { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .main-content .memberships { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .main-content .insurance { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .contact-form { background: none; background-color: #682321; }
#yodlecms_canvas .payments { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .rail-right .memberships { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .rail-right .insurance { background: none; background-color: #f2f2f2; }
#yodlecms_canvas .rail-right .txtarea { background: none; background-color: #f2f2f2; }
#yodlecms_canvas #footer { background: none; background-color: #406155; }