@charset "UTF-8";
/* CSS Document */
/* Reset */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family:  Verdana, Arial, Trebuchet MS;
}
/*
:focus {
	outline: 0;
}*/
body {
	line-height: 1;
	color: #f1f1f1;
	background-color: black;
}
alt	{	text-decoration:none; color:#dc291e;	}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a	{	color:#FFFFFF;
	}
a:hover	{	color:#333333;
		}
a img {
	border: none!important;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-block;
}
/* \*/
.clear {
	display: block;
}
/* */
.image {
	display: block;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
}
#clear { clear:both }

/* Navigation */
* 	{	margin:0;
		padding:0;
	}
#nav	{	width:760px;
			height: 35px;
			display: block;
			margin:10px 0 10px 0;
			position:relative;
			overflow:hidden;
		}
.navigation	{	padding: 0 0 0 350px;
				width: 400px;
				_width: 760px;
				height: 35px;
				background: black url(images/nav.jpg) no-repeat;
				display:block;
			}
ul.navigation li	{	float: left;
						color: white;
						list-style: none;
						height: 35px;
						display:block;
					}
ul.navigation li a	{	background-image: url(images/nav.jpg);
						float: left; 
						height: 0; 
						padding-top: 35px; 
						overflow: hidden;
						background-repeat: none;
					}

ul.navigation li.home	{	width: 86px;
						}
ul.navigation li.about	{	width: 90px;
						}
ul.navigation li.services	{	width: 114px;
							}
ul.navigation li.contact	{	width: 105px;
							}
ul.navigation li.home a	{	background-position: -350px 0; 
							width: 86px;
							height:0;
							padding:35px 86px 0 0;
						}
ul.navigation li.about a	{	background-position: -436px 0;
								width: 90px;
								height:0;
								padding:35px 90px 0 0;
							}
ul.navigation li.services a	{	background-position: -526px 0;
								width: 114px;
								height:0;
								padding:35px 114px 0 0;
							}
ul.navigation li.contact a		{	background-position: -640px 0;
									width: 105px;
									height:0;
									padding:35px 105px 0 0;
								}
/* Nav Hover */

ul.navigation li.home a:hover	{ 	background-position: -350px -35px;	}
ul.navigation li.about a:hover	{	background-position: -436px -35px;	}
ul.navigation li.services a:hover	{	background-position: -526px -35px;	}
ul.navigation li.contact a:hover	{	background-position: -640px -35px;	}

/* General All Pages Stylese */

.content	{
			}
.pictureRight	{	float:right;
					padding:5px;
					margin: 0 0 0 10px;
				}
.pictureLeft	{	float:left;
					padding: 5px;
					margin:0 10px 0 0;
				}
.required	{	color: #dc291e;	}		

/* Foot Navigation */
#footer	{	border-top: 2px solid #f1f1f1;
			width:760px;
		}
#foot_nav	{}
ul.foot_navigation	{}
ul.foot_navigation li	{	float: left;	
							width: 190px;
							text-align:center;
						}
ul.foot_navigation li a	{	text-decoration: none;
							width:190px;
							line-height: 20px;	
							padding: 5px 0;
							display: block;				
						}
ul.foot_navigation li a:hover	{	color: #1f1f1f;
									background-color: #999999;
							
								}
.foot_home	{}
.foot_about	{}
.foot_services	{}
.foot_contact	{}


/* Home Page */

#feature	{	text-align: center;	}

#BandA	{	background: url(images/beforeAfter_nav.png) no-repeat;
			width: 760px;
			height: 75px;
			display: block;
			position:relative;
			top:-30px;
		}
#cross-links	{	width: 760px;
					text-align: center;
					padding: 90px 0 0 0;
				}

.coStatement	{	font-size:16px;
					line-height:22px;
					margin:0 0 20px 0;
				}		
		
/* Slider */	
		
				
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 760px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 240px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 760px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0 auto;
			text-align: center;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0 auto;
			_width:700px;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: white;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #666 }
		.stripNav li.tab2 a { background: #666 }
		.stripNav li.tab3 a { background: #666 }
		.stripNav li.tab4 a { background: #666 }
		.stripNav li.tab5 a { background: #666 }
		.stripNav li.tab6 a { background: #666 }
		.stripNav li.tab7 a { background: #666 }
		
		.stripNav li a:hover {
			background: #333;
			color: white;
		}
		
		.stripNav li a.current {
			background: #333;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 135px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: -10px;
			z-index:100;
		}
		
		.stripNavR {
			right: -10px;
			z-index:100;
		}
		
		.stripNavL {
			background: url("images/arrow_left.png") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow_right.png") no-repeat center;
		}
		
/* About */

.overView	{	font-size:24px;
				line-height:30px;
				padding: 0 0 5px 0;
				margin: 10px 0 5px 0;
			}
.philosophy	{	font-size:20px;
				line-height:26px;
				padding: 0 0 5px 0;
				margin: 0 0 5px 0;
			}
.mission	{	font-size:20px;
				line-height:26px;
				padding: 0 0 5px 0;
				margin: 0 0 5px 0;
			}
.service	{	font-size:24px;
				line-height:30px;
				padding: 0 0 5px 0;
				margin: 10px 0 5px 0;
			}
.descript	{	font-size:16px;
				line-height:24px;
				padding:0 0 10px 0;
				margin: 0 0 10px 0;
				border-bottom: 1px #555555 dashed;
			}
.descript em	{	display:inline;
					font-size:18px;
					text-transform:uppercase;
					border-bottom: 1px #cccccc solid;
				}
#serviceTypes	{	margin:0 0 25px 0;
				}
#serviceTypes ul	{	margin: 0 0 10px 0;
					}
#serviceTypes ul li	{	float:left;
						width:235px;
						padding:3px;
					}
.type	{	border: 1px #666666 solid;
			margin:5px;
			height:175px;
			display:block;
		}

h3	{	font-size:18px;
		padding:0 0 5px 0;
		margin:0 0 6px 0;
		border-bottom: 2px #666666 solid;
	}
	
/* Contact Page */

#contactForm	{	width: 300px;
					height:400px;
					float:left;
				}
.form	{	margin: 0 0 15px 0;
		}

.error	{	color:#dc291e;
			display: block;
			position:relative;
			top:-10px;
		}
.label	{	display:block;
			font-size:16px;
			line-height:22px;
		}
.formInput	{	font-size:14px;
				padding:5px 0;
				margin: 10px 0 15px 0;
			}
.button	{	background-color:#666666;
			border: 2px solid #999999;
			color:#f1f1f1;
			display:block;
			font-size:16px;
			padding:6px;
		}

#message	{	width: 300px;
				height: 400px;
				float: left;
			}
#message h2	{	font-size:24px;
				line-height:30px;
			}
#message p.response	{	font-size:16px;
						line-height:22px;
						padding: 10px 0;
					}
.thankYou	{	font-size:20px;
			}
			
#contactInfo	{	width:400px;
					float: right;
					border-left: #888888 1px solid;
					padding:0 0 0 20px;
				}
#contactInfo p	{	font-size:16px;
					line-height: 22px;
					padding: 0 0 10px 0;
				}
ul#address	{	padding:0 0 15px 0;
			}
ul#address li	{	font-size:22px;
					line-height: 32px;
				}
#map	{	padding:0 0 15px 0;
		}