/*--------------------------------------

Title: SERVPRO Stylesheet

Version: 1.0

--------------------------------------*/
body {
	background-color: #585858;
}

/*----  Top Bar Contains logo and main navigation----*/
#top-bar {
	background-image: url(/img/top_bar_bg.jpg);
	background-repeat: repeat-x;
	height: 157px;
}

.top-content {
	margin: 0px auto;
	overflow: hidden;
	width: 1028px;
}

.top-content h1 {
	clear: both;
	color: #e9e9e9;
	float: right;
	font-family: arial, verdana, sans-serif;
	font-size: 1.5em;
	padding-top: 8px;
}

.top-content img {
	margin: 19px 0px 0px 0px;
}

p.members {
	color: #e9e9e9;
	font-family: arial, verdana, sans-serif;
	float: right;
	padding-top: 10px;
}

a.members_link {
	color: #e9e9e9;
	font-size: .8em;
	text-decoration: none;
}

a:hover .members_link {
	text-decoration: underline;
}

/*----  Main Navigation  ----*/
.main-navigation {
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	height: 54px;
	oveflow: hidden;
	width: 919px;
	margin: 18px 0px 0px 0px;
	line-height: 2;
}

p.brake_nav {
	line-height: 1;
	padding: 15px 12px;
}

.home {
	width: 61px;
	height: 54px;
	float: left;
}

.home a {
	background-image: url(/img/home_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 61px;
	height: 54px;
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.home a:hover {
	background-position: 0% 100%;
}

.fire_smoke {
	width: 119px;
	height: 54px;
	float: left;
}

.fire_smoke a {
	background-image: url(/img/fire_smoke_nav2.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 119px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.fire_smoke a:hover {
	background-position: 0% 100%;
}

.water_flood {
	width: 119px;
	height: 54px;
	float: left;
}

.water_flood a {
	background-image: url(/img/water_flood_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 119px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.water_flood a:hover {
	background-position: 0% 100%;
}

.mold_rem {
	width: 111px;
	height: 54px;
	float: left;
}

.mold_rem a {
	background-image: url(/img/mold_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 111px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.mold_rem a:hover {
	background-position: 0% 100%;
}

.carpet_up {
	width: 112px;
	height: 54px;
	float: left;
}

.carpet_up a {
	background-image: url(/img/carpet_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 112px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.carpet_up a:hover {
	background-position: 0% 100%;
}

.franchise {
	width: 107px;
	height: 54px;
	float: left;
}

.franchise a {
	background-image: url(/img/franchise_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 107px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.franchise a:hover {
	background-position: 0% 100%;
}

.agent {
	width: 109px;
	height: 54px;
	float: left;
}

.agent a {
	background-image: url(/img/resource_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 109px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.agent a:hover {
	background-position: 0% 100%;
}

.before_after {
	width: 88px;
	height: 54px;
	float: left;
}

.before_after a {
	background-image: url(/img/before_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 88px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.before_after a:hover {
	background-position: 0% 100%;
}

.about {
	width: 93px;
	height: 54px;
	float: left;
}

.about a {
	background-image: url(/img/about_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	display: block;
	width: 93px;
	height: 54px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
}

.about a:hover {
	background-position: 0% 100%;
}

/*----  <!-- .main-navigation {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	height: 54px;
	oveflow: hidden;
	width: 946px;
	margin: 24px 0px 0px 0px;
	line-height: 2;

}


.main-navigation a {

	color: #ffffff;
	background-image: url(/img/tab_left.jpg);
	background-position: top left;
	background-repeat: no-repeat;
        text-decoration: none;
      	padding: 12px 0px 26px 6px;
      	text-transform: uppercase;
      	font-weight: bold;

}



.main-navigation a span {

	background-image: url(/img/tab_right.jpg);
	background-position: right top;
	background-repeat: no-repeat;
      	padding: 12px 10px 26px 6px;

} -->----*/ /*----  Middle bar contains all content for website----*/
#middle-bar {
	background-image: url(/img/middle_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #fff;
	overflow: hidden;
}

.main_content {
	margin: 0px auto;
	overflow: hidden;
	width: 1028px;
}


.main_content h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	color: #f74902;
}


.main_content h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.5em;
	color: #5bbf21;
}

/*----  Index Page Content----*/
.index-message {
	background-image: url(/img/index_message_bk.jpg);
	background-repeat: no-repeat;
	border: solid 1px #ddd;
	margin: 20px 0px 40px 0px;
	height: 299px;
	width: 1024px;
}

.index-message h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.5em;
	color: #5bbf21;
	padding: 40px 0px 0px 35px;
}

.index-message h2 {
	font-family: georgia, serif;
	font-size: 1.5em;
	color: #4e4e4e;
	padding: 8px 0px 0px 35px;
}

.index-message h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 2.5em;
	color: #f74902;
	text-transform: uppercase;
	padding: 20px 0px 0px 35px;
}

.index-message h4 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.3em;
	color: #777;
	text-transform: uppercase;
	padding: 0px 0px 0px 238px;
}


sup {
	font-size: .5em;
	padding: 0px;
	margin: 0px;
}

.zip_code_home {
	background-image: url(/img/zip_code_bg.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 269px;
	height: 88px;
	margin: 15px 0px 0px 35px;
}

.zip_code_side {
	background-image: url(/img/form_bg.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 269px;
	height: 88px;
	margin: 15px 0px 0px 0px;
}

.zip_code_input {
	width: 65px;
	height: 45px;
	margin: 15px 0px 0px 15px;
	background-image: url(/img/find_local.gif);
	background-color: transparent;
	border: none;
}

.zip_code_input:hover {
	background-image: url(/img/find_local_hover.gif);
}

.zip_code_type {
	font-size: 1.3em;
	margin: 27px 0px 0px 20px;
	height: 25px;
	width: 145px;
}

/*----  Left content box on index page  ----*/
.left_index_msg {
	float: left;
	width: 330px;
	margin: 0px 30px 25px 0px;
}

.left_index_msg h1 {
	border-bottom: solid 2px #dedede;
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	font-size: 1.3em;
	margin: 5px;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.left_index_msg ul {
	padding: 10px 0px 0px 60px;
}

.left_index_msg a {
	color: #ff5200;
	font-family: georgia, serif;
	text-decoration: none;
}

.left_index_msg a:hover {
	text-decoration: underline;
}

li.li_fire {
	color: #ff5200;
	font-family: georgia, serif;
	font-size: 1.3em;
	line-height: 2;
	list-style-image: url(/img/fire_li.gif);
	padding: 5px 0;
}

li.li_water {
	color: #ff5200;
	font-family: georgia, serif;
	font-size: 1.3em;
	line-height: 2;
	list-style-image: url(/img/water_li.gif);
	padding: 5px 0;
}

li.li_mold {
	color: #ff5200;
	font-family: georgia, serif;
	font-size: 1.3em;
	line-height: 2;
	list-style-image: url(/img/mold_li.gif);
	padding: 5px 0;
}

li.li_duct {
	color: #ff5200;
	font-family: georgia, serif;
	font-size: 1.3em;
	line-height: 2;
	list-style-image: url(/img/duct_li.gif);
	padding: 5px 0;
}

li.li_carpet {
	color: #ff5200;
	font-family: georgia, serif;
	font-size: 1.3em;
	line-height: 2;
	list-style-image: url(/img/carpet_li.gif);
	padding: 5px 0;
}

li.li_other {
	color: #ff5200;
	font-family: georgia, serif;
	font-size: 1.3em;
	line-height: 2;
	list-style-image: url(/img/other_li.gif);
	padding: 5px 0;
}

/*----  Middle content box on index page  ----*/
.mdl_index_msg {
	float: left;
	width: 330px;
	margin: 0px 0px 25px 38px;
}

.mdl_index_msg h1 {
	border-bottom: solid 2px #dedede;
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	font-size: 1.3em;
	margin: 5px;
	padding-bottom: 4px;
	text-transform: uppercase;
}

.mdl_index_msg h1 a {
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
}

.mdl_index_msg h1 a:hover {
	color: #dedede;
	text-decoration: none;
}

.mdl_index_msg a {
	color: #ff5200;
	text-decoration: underline;
}

.mdl_index_msg a:hover {
	text-decoration: none;
}

p.left {
	color: #000;
	font-family: georgia, serif;
	font-size: .9em;
	float: left;
	clear: left;
	width: 170px;
	margin: 15px 0px;
	line-height: 1.3;
}

p.right {
	color: #000;
	font-family: georgia, serif;
	font-size: .9em;
	float: left;
	width: 100px;
	margin: 15px 0px 15px 40px;
	line-height: 1.3;
}

/*----  Right content box on index page  ----*/
.right_index_msg {
	float: right;
	width: 210px;
	margin: 0px 0px 25px 0px;
}

.right_index_msg h1 {
	border-bottom: solid 2px #dedede;
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	font-size: 1.3em;
	margin: 5px;
	padding-bottom: 4px;
	text-transform: uppercase;
}

.right_index_msg h1 a {
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
}

.right_index_msg h1 a:hover {
	color: #dedede;
}

.right_index_msg p {
	color: #000;
	font-family: georgia, serif;
	font-size: .9em;
	margin: 15px 0px 25px 10px;
	line-height: 1.5;
}

.right_index_msg a {
	color: #ff5200;
	font-family: georgia, serif;
	text-decoration: underline;
}

.right_index_msg a:hover {
	text-decoration: none;
}

/*---- Other Pages Content  ----*/
.page_section {
	background-image: url(/img/zip_code_bg2.jpg);
	background-repeat: no-repeat;
	width: 1024px;
	height: 140px;
	margin: 20px 0px;
}

.page_section h1 {
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.8em;
	padding: 20px 15px 0px 15px;
	text-transform: uppercase;
}

.page_section h2 {
	color: #56b11f;
	font-family: arial, verdana, sans-serif;
	font-size: 1.4em;
	padding: 10px 0px 0px 15px;
}

.page_section h3 {
	color: #666;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 10px 0px 0px 15px;
}

/*----  Services box for contentbox left on Servpro franchises  ----*/
.contentbox_left {
	width: 380px;
	float: left;
	margin: 20px 0px 40px 0px;
}

.contentbox_left h1 {
	border-bottom: solid 2px #dedede;
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	margin: 5px 5px 10px 5px;
	padding: 0;
	text-transform: uppercase;
}

.contentbox_left img {
	float: left;
	margin: 10px 10px;
}

.contentbox_left p {
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	float: left;
	line-height: 1.1;
	margin: 10px 10px;
}

.google-map {
	width: 350px;
	height: 266px;
	margin: 10px 20px 10px 10px;
	padding: 0px;
	float: left;
}

.google-map a {
	color: #ff5200;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	line-height: 2.5;
}

.google-map iframe {
	border: solid 1px #666;
}

dl.franchise_info {
	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	padding: 10px;
	line-height: 1.4;
}

p.before_text_left {
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	float: left;
	width: 168px;
	line-height: 1.1;
}

p.before_text_right {
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	float: right;
	width: 168px;
	line-height: 1.1;
}

a.ba_link {
	color: #ff5200;
	float: left;
	text-decoration: underline;
}

a:hover .ba_link {
	text-decoration: none;
}

.spacer {
	height: 50px;
	clear: both;
}

/*----  Services box for contentbox right on Servpro franchises  ----*/
.contentbox_right {
	background-image: url(/img/contentbox_right_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #e2e2e2;
	border: solid 2px #ddd;
	float: right;
	margin: 20px 0px 40px 0px;
	padding-bottom: 30px;
	width: 605px;
}

.contentbox_right h1 {
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 20px 0px 0px 20px;
}

/*----  Services box for Servpro franchises  ----*/
.services_box {
	width: 545px;
	padding: 45px 20px;
	oveflow: hidden;
	clear: both;
}

.services_box img {
	float: left;
	margin-left: 5px;
}

.services_box p {
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	float: right;
	width: 450px;
	padding-top: 5px;
	line-height: 1.3;
}

.services_box p a {
	color: #ff5200;
	text-decoration: underline;
}

.services_box p a:hover {
	text-decoration: none;
}

.services_box h1 {
	color: #db5f35;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-indent: 24px;
	text-transform: none;
}

.services_box h2 {
	color: #40b9eb;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-indent: 24px;
}

.services_box h3 {
	color: #737145;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-indent: 24px;
}

.services_box h4 {
	color: #808080;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-indent: 24px;
}

.services_box h5 {
	color: #9e7c59;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-indent: 24px;
}

.services_box h6 {
	color: #84b966;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-indent: 24px;
}



.services_box ul {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	margin-left: 115px;
	padding-top: 30px;
}


.services_box ul li {

	padding: 5px 0px 5px 0px;
	list-style-type: disc;

}




/*----  Content for Services page  ----*/
.contentbox_left2 {
	background-image: url(/img/contentbox_right_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #e2e2e2;
	border: solid 2px #ddd;
	float: left;
	margin: 20px 0px 40px 0px;
	padding-bottom: 25px;
	width: 65%;
}

.contentbox_left2 h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.1em;
	color: #5bbf21;
	margin: 0px 0px 2px 20px;
}

h1.fire_icon {
	background-image: url(/img/fire_icon2.jpg);
	background-repeat: no-repeat;
	position: top left;
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0px 10px 20px;
	padding: 20px 0px 20px 65px;
}

h1.water_icon {
	background-image: url(/img/water_icon2.jpg);
	background-repeat: no-repeat;
	position: top left;
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0px 10px 20px;
	padding: 20px 0px 20px 65px;
}

h1.duct_icon {
	background-image: url(/img/duct_icon2.jpg);
	background-repeat: no-repeat;
	position: top left;
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0px 10px 20px;
	padding: 20px 0px 20px 65px;
}

h1.mold_icon {
	background-image: url(/img/mold_icon2.jpg);
	background-repeat: no-repeat;
	position: top left;
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0px 10px 20px;
	padding: 20px 0px 20px 65px;
}

h1.carpet_icon {
	background-image: url(/img/carpet_icon2.jpg);
	background-repeat: no-repeat;
	position: top left;
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0px 10px 20px;
	padding: 20px 0px 20px 65px;
}



h1.other_icon {
	background-image: url(/img/other_icon2.gif);
	background-repeat: no-repeat;
	position: top left;
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0px 10px 20px;
	padding: 20px 0px 20px 65px;
}




h1.no_icon {
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0px 10px 20px;
	padding: 20px 0px 20px 5px;
}

h2.content {
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding: 20px 20px 0px 20px;
}

.contentbox_left2 p {
	color: #3b4137;
	clear: left;
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	line-height: 1.3;
	padding: 10px 10px 0px 20px;
	text-justify: left;
}

.contentbox_left2 a {
	color: #ff5200;
	text-decoration: underline;
}

.contentbox_left2 a:hover {
	text-decoration: none;
}

.contentbox_left2 img {
	clear: right;
	float: right;
	margin: 10px 25px;
}

.contentbox_left2 ul {
	color: #3b4137;
	clear: left;
	font-family: arial, verdana, sans-serif;
	font-size: .85em;
	clear: left;
	margin-left: 15px;
}

.contentbox_left2 li {
	margin: 10px 25px;
	padding-top: 10px;
	list-style: disc;
	line-height: 1.5;
}

.contentbox_left2 li a {
	color: #ff5200;
	text-decoration: underline;
}

.contentbox_left2 li a:hover {
	text-decoration: none;
}

dl.dl_left {
	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	padding-left: 20px;
	margin: 15px 0px;
	float: left;
	clear: left;
	width: 325px;
	line-height: 1.5;
}

dl.dl_left a {
	color: #ff5200;
	text-decoration: underline;
}

dl.dl_left a:hover {
	color: #ff5200;
	text-decoration: none;
}

dl.dl_left dt {
	font-weight: bold;
	color: #3b4137;
}

dl.dl_right {
	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	float: right;
	clear: right;
	width: 250px;
	margin: 12px 25px 0px 0px;
	line-height: 1.5;
}

dl.dl_right a {
	color: #ff5200;
	text-decoration: underline;
}

dl.dl_right a:hover {
	color: #ff5200;
	text-decoration: none;
}

dl.dl_right dt {
	font-weight: bold;
	color: #3b4137;
}

.dd_name {
	color: #777;
	font-style: italic;
	font-weight: bold;
	margin: 1px 0px;
}

.contentbox_left2 sup {
	font-size: .9em;
}

.contentbox_right2 {
	width: 30%;
	float: right;
	margin: 20px 0px;
}

.contentbox_right2 h1 {
	color: #f74902;
	font-family: arial, verdana, sans-serif;
	font-size: 2em;
	padding: 10px 0px;
}

.contentbox_right2 h2 {
	border-bottom: solid 2px #dedede;
	color: #5bbf21;
	font-family: arial, verdana, sans-serif;
	font-size: 1.3em;
	margin-top: 30px;
	padding: 0;
	text-transform: uppercase;
}

.contentbox_right2 a {
	color: #ff5200;
	font-family: georgia, serif;
	text-decoration: underline;
}

.contentbox_right2 a:hover {
	text-decoration: none;
}


.contentbox_right2 p {
	color: #000;
	font-family: georgia, serif;
	font-size: .9em;
	margin: 15px 0px;
	line-height: 1.3;
}


 h2.ce-classes a {
	color: #5bbf21;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 1em;
	margin-top: 30px;
	padding: 0;
	text-transform: uppercase;
        text-decoration: none;
}


 h2.ce-classes a:hover {
		color: #dedede;
}


.small_text {
	font-family: arial;
	font-size: .8em;
}

p.left2 {
	color: #000;
	font-family: georgia, serif;
	font-size: .9em;
	float: left;
	clear: left;
	width: 160px;
	margin: 15px 0px;
	line-height: 1.3;
}

p.right2 {
	color: #000;
	font-family: georgia, serif;
	font-size: .9em;
	float: left;
	width: 100px;
	margin: 15px 0px 15px 40px;
	line-height: 1.3;
}

.form_bg {
	background-image: url(/img/form_bg.jpg);
	background-repeat: no-repeat;
	width: 268px;
	height: 88px;
	margin-top: 10px;
}


.clear {

	width: 100%;
	clear: both;
	margin: 10px 0px;

}




/*----  Form for zip finder, etc. ----*/


form {

	margin: 0px 0px;
}


input {
	float: left;
	margin: 0px 10px 0px 0px;
	color: #999;
}



/*----  Form for login area ----*/


#login_form {
	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	margin: 15px 0px;
}


#login_form input {
	color: #000;
	float: left;
	margin: 0px 10px 25px 0px;
}


#login_form label {

	width: 80px;
	float: left;	
	clear: both;
	margin-bottom: 25px;

}

#flashMessage {

	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	padding: 10px 0px;
}


/*----  Bottom bar contains footer ----*/
#bottom-bar {
	background-image: url(/img/bottom_bar_bg.jpg);
	background-repeat: repeat-x;
	height: 123px;
}

.footer {
	margin: 0px auto;
	padding-top: 15px;
	width: 1028px;
}

.footer img {
	float: right;
}

p.footer_links {
	color: #8b8b8b;
	font-family: arial, verdana, sans-serif;
	font-size: .75em;
	float: left;
	padding: 10px 15px 0px 0px;
}

p.footer_links a {
	color: #8b8b8b;
	text-decoration: none;
	padding: 0px 2px;
}

p.footer_links a:hover {
	text-decoration: underline;
}

p.copyright {
	color: #8b8b8b;
	font-family: arial, verdana, sans-serif;
	font-size: .75em;
	float: right;
	padding: 10px 15px 0px 0px;
}

p.corporate_link {
	color: #8b8b8b;
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
        font-weight: bold;
	float: left;
	padding: 25px 15px 0px 0px;
}

p.corporate_link a {
	color: #8b8b8b;
	font-family: arial, verdana, sans-serif;
	font-size: .85em;
        font-weight: bold;
	float: left;
	text-decoration: none;

}


p.corporate_link a:hover {
	text-decoration: underline;

}



.services_box2 {
	width: 50%;
	padding: 30px 0px;
	oveflow: hidden;
	clear: both;
	overflow: hidden;
}

.services_box2 img {
	float: left;
	margin-left: 5px;
}

.services_box2 dl {
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	float: left;
	width: 70%;
	padding-top: 5px;
	padding-left: 20px;
}

.services_box2 dt {
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 10px;
	color: #666;
}

.services_box2 dd {
	padding-bottom: 10px;
}

.services_box2 a {
	color: #ff5200;
	text-decoration: underline;
}

.services_box2 a:hover {
	text-decoration: none;
}

.highlight1 {
	font-weight: bold;
	padding-right: 8px;
}


/*----  Admin/Backend ----*/


.franchises {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	margin-bottom: 10px;
}



.franchises h2{

	margin-top: 25px;
}



.franchises p {

	padding: 15px 0px;
}


.franchises table {

	width: 90%;
	margin-bottom: 30px;
}




.franchises th {

	font-size: .9em;	
	padding: 10px;	
	text-align: left;
	background-color: #dedede;
	color: #000;
	text-transform: uppercase;

}


.franchises th a{

	color: #000;
	text-decoration: none;
}




.franchises dl{

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	padding: 10px;
	color: #666;

}



.franchises dt {

	font-weight: bold;
	padding: 5px 0px;
}



.franchises dd {

	color: #777;
	padding: 5px 0px 15px;

}


.franchises a {

	color: #f74902;
	text-decoration: underline;
}




.franchises a:hover {

	text-decoration: none;

}



tr.altrow td {

	padding: 15px 0px;
	text-align: left;
}



td.zip_code {

	width: 100px;
	
}




td.actions a {

	color: #f74902;
	padding-left: 10px;
	text-decoration: underline;
}



td.actions a:hover {

	text-decoration: none;
}



.actions {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	margin-bottom: 30px;

}



.actions a {

	color: #f74902;
	padding-right: 15px;
	text-decoration: underline;

}


.actions a:hover {

	text-decoration: none;
}


.actions ul {

	clear: left;

}

.actions ul li {

	display: inline;
	list-style-type: none;
	padding: 5px 0px;
	clear: left;
}



.actions ul li a {

	line-height: 2.3;
	color: #f74902;
	text-decoration: underline;

}


.actions ul li a:hover {

	text-decoration: none;
}


.related h3 {

	font-family: arial, verdana, sans-serif;
	font-size: .95em;
	padding: 15px 0px;
	color: #5bbf21;
}


.related table {

	font-family: arial, verdana, sans-serif;
	font-size: .85em;
	text-align: left;
	width: 90%;
	color: #555;

}



.related table td {

	padding: 15px 0px;

}



.related table th {

	font-size: .9em;	
	padding: 10px;	
	text-align: left;
	background-color: #dedede;
	color: #000;
	text-transform: uppercase;

}


.related table th a{

	color: #000;
	text-decoration: none;
}




#FranchiseEditForm {

	font-family: arial, verdana, sans-serif;
	margin: 25px 0px;

}



#FranchiseEditForm legend{

	font-size: 1.3em;
	color: #5bbf21;
	font-weight: bold;
	margin: 5px 0px;
	text-transform: uppercase;

}



#FranchiseEditForm  input {

	color: #000;

}




#FranchiseEditForm  label {

	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;

}

#FranchiseAddForm {

	font-family: arial, verdana, sans-serif;
	margin: 25px 0px;

}

#FranchiseAddForm legend{

	font-size: 1.3em;
	color: #5bbf21;
	font-weight: bold;
	margin: 5px 0px;
	text-transform: uppercase;

}



#FranchiseAddForm  input {

	color: #000;

}




#FranchiseAddForm  label {

	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;

}

#LessonAddForm {

	font-family: arial, verdana, sans-serif;
	margin: 25px 0px;

}

#LessonAddForm legend{

	font-size: 1.3em;
	color: #5bbf21;
	font-weight: bold;
	margin: 5px 0px;
	text-transform: uppercase;

}



#LessonAddForm  input {

	color: #000;

}

#LessonAddForm .select {


	margin-bottom: 25px;
	clear: both;

}




#LessonAddForm .select label {

	float: left;
	
}



#LessonAddForm .select select {

	float: left;
	
}

	
#LessonAddForm .textarea {
	
	margin-bottom: 25px;
	clear: both;

}



#LessonAddForm .textarea label l {
	
	float: left;
}



#LessonAddForm .textarea textarea  {
	
	float: left;

}



#LessonAddForm  label {

	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;

}

#LessonEditForm {

	font-family: arial, verdana, sans-serif;
	margin: 25px 0px;

}


#LessonEditForm legend{

	font-size: 1.3em;
	color: #5bbf21;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;

}



#LessonEditForm  input {

	color: #000;

}

#LessonEditForm .select {

	margin-bottom: 25px;
	clear: both;

}


#LessonEditForm .select label {

	float: left;
}
	
	
#LessonEditForm .select select {

	float: left;
}

	
	
#LessonEditForm .textarea {
	
	margin-bottom: 25px;
	clear: both;

}


#LessonEditForm .textarea label {
	
	float: left;
}


#LessonEditForm .textarea textarea {
	
	float: left;

}



#LessonEditForm  label {

	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;
}




#ServiceAreaEditForm {

	font-family: arial, verdana, sans-serif;
	margin: 25px 0px;

}




#ServiceAreaEditForm legend{

	font-size: 1.3em;
	color: #5bbf21;
	font-weight: bold;
	margin: 5px 0px;
	text-transform: uppercase;

}




#ServiceAreaEditForm  input {

	color: #000;

}




#ServiceAreaEditForm  label {

	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;

}





#ServiceAreaAddForm {

	font-family: arial, verdana, sans-serif;
	margin: 25px 0px;

}




#ServiceAreaAddForm legend{

	font-size: 1.3em;
	color: #5bbf21;
	font-weight: bold;
	margin: 5px 0px;
	text-transform: uppercase;

}




#ServiceAreaAddtForm  input {

	color: #000;

}




#ServiceAreaAddForm  label {

	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;

}



#AdminLogin {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;	
	margin: 25px 0px;

}



#AdminLogin legend{

	font-size: 1.3em;
	color: #5bbf21;;
	font-weight: bold;
	margin: 5px 0px;
	text-transform: uppercase;

}


#AdminLogin  input {

	color: #000;

}




#AdminLogin  label {

	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;

}



.submit input {

	color: #000;	
	clear: right;
	margin: 10px 0px 25px 150px

}



/*----Light Box (Slide Show)----*/



.before-after-box {

	margin: 0px auto;
	overflow: hidden;
}


.left-before {


	display: inline;
	float: left;
	clear: left;
	height: 200px;

}


.left-before a {

	margin: 0px;
	float: left;
	padding-left: 90px;



}


.left-before a img{

	width: 175px;
	height: 131px;
	border: solid 1px #888;
	margin: 0px;
	padding: 0px;
	clear: both;

}


.mdl-before {

	display: inline;
	float: left;

}


.mdl-before a {

	margin: 0px;
	padding-left: 90px;

}


.mdl-before a img{

	width: 175px;
	height: 131px;
	border: solid 1px #888;
	margin: 0px;
	padding: 0px;
	clear: both;

}



.right-before {

	display: inline;
	float: left;

}


.right-before a {

	margin: 0px;
	padding-left: 90px;

}


.right-before a img{

	width: 175px;
	height: 131px;
	border: solid 1px #888;
	margin: 0px;
	padding: 0px;
	clear: both;

}








#lightbox {

	position: absolute;
	left: 0; width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}


#lightbox img {

	width: auto;
	height: auto;
}


#lightbox a img { 

	border: none;
	
}

#outerImageContainer { 

	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto; 
}

#imageContainer { 

	padding: 10px;
}

#loading { 

	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;

}

#hoverNav{ 
	position: absolute;
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10;
}

#imageContainer>#hoverNav { 
	left: 0;
}


#hoverNav a{ 
	outline: none;
}

#prevLink, #nextLink{ 
	width: 49%;
	height: 100%;
	background-image: url(data:/img/gif;base64,AAAA);
	/* Trick IE into showing hover */ 
	display: block; 
}


#prevLink { 
	left: 0;
	float: left;
}


#nextLink { 
	right: 0;
	float: right;
}


#prevLink:hover, #prevLink:visited:hover { 
	background: url(../img/prevlabel.gif) left 15% no-repeat;
}


#nextLink:hover, #nextLink:visited:hover { 
	background: url(../img/nextlabel.gif) right 15% no-repeat; 
}


#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%; 
}


#imageData{
	padding:0 10px;
	color: #666;
}


#imageData #imageDetails{ 
	width: 70%;
	float: left;
	text-align: left;
}	


#imageData #caption{ 
	font-weight: bold;
}


#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}


#imageData #bottomNavClose{ 
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}


#overlay{ 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000; 
}

#zipcode {
	width: 150px;
}



.classes {

    font-family: helvetica, arial, verdana, sans-serif;


}


.classes p {

    font-size: .9em;
    padding: 10px 0px 15px 0px;
}



.classes table {

        font-size: .9em;
	width: 100%;
	margin-bottom: 30px;
}



.classes table  a {

	padding-right: 10px;
}





.classes th {

	font-size: .9em;	
	padding: 10px;	
	text-align: left;
	background-color: #dedede;
	color: #000;
	text-transform: uppercase;

}


.classes th a{

	color: #000;
	text-decoration: none;
}



.classes a {

	color: #f74902;
	text-decoration: underline;
}




.classes a:hover {

	text-decoration: none;

}




.classes table tr.altrow td {

        padding: 15px 10px;
	text-align: left;
}




.paging {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: .9em;
	padding: 15px 0px;
	border-top: solid 1px #dedede;
	overflow: hidden;
	margin-bottom: 10px;

}



.previous {

	clear: left;
	float: left;


}



.next {

	float: left;
	clear: right;
	padding-left: 15px;
	margin-left: 10px;
	border-left: 1px solid #000;
}




#Sign-upAddForm {

	font-size: 1em;
	font-family: helvetica, arial, verdana, sans-serif;
	margin-top: 15px; 	
	padding:0px;
}


#Sign-upAddForm legend {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 1.3em;
	color: #5bbf21;
	margin-bottom: 10px;
	font-weight: bold;

}



#Sign-upAddForm h3 {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 1.3em;
	color: #5bbf21;
	margin-bottom: 15px;
	border-top: dashed 1px #555;
	padding-top: 20px;

}


#Sign-upAddForm input{
	float:left;
	font-size: 1em;
	padding:4px 2px;
	width: 150px;
	margin:5px 0 15px 10px;
	color: #000;

}


#Sign-upAddForm label{
	width: 150px;
	float: left;	
	clear: both;
	margin-bottom: 25px;
}


#Sign-upAddForm textarea {

	display:block;
	font-size: 10.5pt;
	text-align:left;
	width: 300px;
	margin: 0 0 20px 10px;
	float:left;
}




#Sign-upAddForm .submit {

	margin-left: 148px;
	clear: both;
}



#Sign-upAddForm table {

        font-size: 1em;
	width: 425px;
	margin-bottom: 30px;

}



#Sign-upAddForm table td {

	padding: 10px 0px;

}