/*
Theme Name: ReBath Northeast Theme
Theme URI: http://wordpress.org/
Description: A custom theme for Rebath Northeast created by <a href="http://www.pepperjam.com/design/">Pepperjam</a>.
Version: 1
Author: David Ridilla
Author URI: www.pepperjam.com/design/

*/

/* Body Elements
-------------------------------------------------------------- */
/* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	background: #407489;
	color: #144050;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 87.5%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
#bodybgy {
	background: #eaf5f9 url(images/bg.jpg) center repeat-y;
}

#headerbgx {
	background: url(images/header_bgx.jpg) center top repeat-x;
}

#headerbg{
	background: url(images/header_bg.jpg) center top no-repeat;
}

#footerbg {
	background: url(images/footer_bg.jpg) center bottom no-repeat;
}

#nav {
	background: url(images/nav_bg.jpg) center no-repeat;
	height: 192px;
	margin: 0 auto;
	width: 1024px;
}

	#nav .container {
		margin: 0 auto;
		width:928px;
	}
	
	#nav .phone {
		color: #2f6277;
		float: right;
		font: Bold 16px Arial;
		font-style: italic;
		letter-spacing: -1px;
		line-height: 30px;
		#line-height: 35px;
		padding: 25px 0 0 0;
		text-align: right;
		text-transform: uppercase;
		width: 700px;
	}
	
		#nav .phone .number{
			float:right;
			margin:0 0 0 10px;
		}

		#nav .phone ul {
		 list-style: none;
		 margin: 9px 0 0 0;#margin: 2px 0 0 0;
		 }
		 
		#nav .phone li {
			display: inline;
			padding: 0 0 0 22px;
		}
		
			#nav .phone li a{
				color: #fff;
				padding-bottom: 2px;
				text-decoration: none;
			}
			
			#nav .phone li a:hover {
				border-bottom: 4px #b20838 solid;
			}
		 
	
	#nav img.logo {
		border: 0;
		height:68px;
		margin: 35px 0 0 0;
		width:217px; 
	}
	
#content {
	background: #fff url(images/mast_right.jpg) repeat-x;
	margin: 0 auto;
	width:1024px;
}
	#content .leftaccentimg{
		border: 0;
		float:left;
		padding-right: 20px;
		width:375px;
	}
	
	#content ul.indexheadline{
		font-weight: bold;
		font-style: italic;
		list-style: none;
		margin-left: 474px;
		padding: 0;
		width: 350px;
	}
	
		#content ul.indexheadline li{
			background: url(images/arrow.gif) no-repeat;
			height: 24px;
			line-height: 24px;
			padding: 0 0 0 25px;
		}
			
	#content .content{
		color: #144050;
		margin: 0 auto;
		padding-top: 20px;
		width:928px;
	}
	
#subcontent	{
	background: #fff url(images/subcontent_bg.jpg) no-repeat;
	color: #144050;
	margin: 0 auto;
	padding-top: 60px;
	width: 1024px;
}


	#subcontent .content{
		margin: 0 auto;
		width: 928px;
	}

	#subcontent .index_beforeandafter {
		clear: left;
		color: #53737f;
		font: Bold 12px Arial;
		font-style: italic;
		float:left;
		text-align: justify;
		width: 296px;
	}
	
		.index_beforeandafter a.h3link, .designbath a.h3link, .beforeandafter a.h3link{
			color: #ce2020;
			font-size: 18px;
			letter-spacing: -1px;
			margin:0 0 4px 0;
			text-decoration: none;
		}
		
		.index_beforeandafter a.h3link:hover, .designbath a.h3link:hover, .beforeandafter a.h3link:hover{
			color: #7e1414;
		}
	
		.icon_beforeafter {
			background: url(images/icon_beforeafter.gif) no-repeat;
			float:left;
			height: 48px;
			margin:0 15px 10px 0;
			width: 59px;
		}	
	
	
	#sidebar {
		clear: right;
		display: block;
		font-size: 12px;
		float:right;
		margin: 0 0 0 20px; #margin: 0 0 0 16px;
		padding: 0 0 20px 0;
		width: 296px;
	}
	
		.designbath {
			color: #53737f;
			font: Bold 12px Arial;
			font-style: italic;
			float:left;
			margin-left: 20px; #margin-left: 16px;
			text-align: justify;
			width: 296px;
		}
			.designbath h3 a{
			color: #ce2020;
			font-size: 18px;
			line-height: 1;
			margin-bottom:4px;
			text-decoration: none;
			}

			.icon_designbath {
				background: url(images/icon_designbath.gif) no-repeat;
				float:left;
				height: 48px;
				margin:0 15px 10px 0;
				width: 59px;
			}	
	
		.leadbox{
			background-image: url(images/sidebar_formbg.gif);
			height: 450px;
			padding: 15px 23px 0 23px;
			width: 250px;
		}
			
			.leadbox h2{
				color: #fff;
				font: Normal 18px Arial;
				font-style: italic;
				text-align: center;
			}
			
			.yellow {
				color: #fff265;
			}


#footer {
	background: #62acca url(images/footer_bg_wrapper.gif) no-repeat;
	color: #fff;
	height: 226px;
	padding: 0 48px;
	margin: 0 auto;
	width: 928px;
}

	#footer .col1{
	float: left;	
	margin: 68px 0 0 0;	#margin: 68px 0 0 0;
	width: 296px;	#width: 298px;
	}
	
		#footer .col1 ul{
			list-style: none;
			margin: 16px 0 0 0;
			overflow: hidden;
			padding: 0;
		}
		
		
			#footer .col1 li{	
				float: left;
			}
		
			#footer .col1 li a{
				border-bottom: #508ca3 1px solid;
				color: #fff;
				display: block;
				font: Bold 15px Arial;
				font-style: italic;
				letter-spacing: -1px;
				padding: 3px 0;
				margin-right: 20px;
				text-decoration: none;
				text-transform: uppercase;
				width: 128px;
			}
			
			#footer .col1 li a:hover{
				background-color: #5da3be;
			}
				
	#footer .col2 {
	background: url(images/footer_bg_testimonial.gif) top center no-repeat;
	float: left;
	margin: 68px 20px 10px 0;
	padding: 7px 80px 0 80px;
	width: 215px;
	}
	
		.newsticker-jcarousellite ul li{
			font: Bold 13px Arial;
			list-style:none;
			display:block;
			padding-bottom:1px;
			margin-bottom:20px;
		}
		
		.footer_clientname{
			font: Normal 10px Arial;
			font-style: italic;
		}
	
	#footer .col3 {
		float: left;
		font-size: 10px;
		margin: 55px 0 0 0;
		text-align: right;
		width: 217px;
	}

		.memberlogo{
			float:left;
			margin: 15px 0 0 0;
		}
		
		.footerlogo{
			border: 0;
			margin-bottom: 13px;
		}
		
		.footer_subcol1{
			float:left;line-height:14px
		}
		.footer_subcol2{
			float:right;
			line-height:14px;
			margin-left:10px;
		}
			.footer_subcol2 a{
				color: #fff;
			}

.hours {
	font-size: 12px;
	}
	
	.hours table {
		margin-top: 5px;
	}
	
	.hours td {
		border-bottom: 0;
		padding: 2px 0;
	}


#content, #subcontent, #footer{
	overflow: hidden;
	zoom: 1;
}

/********** CONTACT PAGE FORM STYLES **********/

.contactForm{
	width: 400px;
	display: block;
	margin: 30px 0 0 60px;
	text-align: left;

}

	.contactForm p{
		margin-bottom: 10px;
		text-align: right;
		overflow: hidden;
	}
	
	.contactForm label{
		float: left;
		font: Bold 15px Arial;
		font-style: italic;
		letter-spacing: -1px;
		margin-top: 5px;
	}

	.contactForm .txtfield, .contactForm textarea{
		font: 12px Arial, Helvetica, sans-serif;
		color: #fff;
	}

	.contactForm input.txtfield, .contactForm textarea{
		background-color: #ededed;
		border: 1px #ccc solid;
		color: #333;
		font: Normal 14px Arial;
		letter-spacing: -1px;
		padding: 5px;
		width: 240px;
	}
	
	.contactForm button{
		background: url(images/input_submit.gif) no-repeat;
		border: 0;
		cursor: pointer;
		height: 48px;
		width: 188px;
		display: block;
		float:right;
		margin-top: 15px;
	}
	

	
	
	.leadbox  .contactForm{
		width: auto;
		display: block;
		margin: 0;
		text-align: left;

	}
	
	.leadbox .contactForm input.txtfield, .leadbox .contactForm textarea{
		background-color: #6ca2b9;
		border: 1px #aad5e6 solid;
		color: #e5f6fd;
		font: Normal 14px Arial;
		letter-spacing: -1px;
		margin: 3px auto 0 auto;#margin: 3px auto 0 auto;
		padding: 3px;
		width: 240px;
	}
	
	.leadbox .contactForm label{
		color: #fff;
		font: Bold 15px Arial;
		font-style: italic;
		letter-spacing: -1px;
	}
	
	.leadbox .contactForm button{
		background: url(images/input_submit.gif) no-repeat;
		border: 0;
		cursor: pointer;
		height: 42px;
		width: 188px;
		float: none;
		margin: 15px 0 0 30px;
	}
	
	
			ul.slide1{
				height: 374px;
				list-style: none;
				margin: 0 auto;
				overflow: hidden;
				padding:0;
				width: 450px;
			}
	


/* Headings
-------------------------------------------------------------- */

h1,h2,h3 { color: #ce2020; font-weight: bold; letter-spacing: -1px;}
h1 a, h2 a, h3 a, h4 a {  color: #144050; text-decoration: none; }
h1 { font-size: 24px; font-style: italic; line-height: 1; margin: 0 0 0.5em 0; }
h2 { color: #144050; font-size: 20px; margin: 0 0 0.5em 0; }
h3 { color: #144050; font-size: 18px; line-height: 1; margin: 0 0 .5em 0; }
h4 { color: #144050; font-size: 14px; line-height: 1; margin: 0 0 .5em 0; }

h1 img, h2 img, h3 img, h4 img{
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1em 0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #7e1414; text-decoration: none; }
a           { color: #ce2020; font-weight: bold; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #c2c2c2; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
hr			{
			  border-color: #a0cadb;
			  border-style: solid;
			  border-width: 1px 0 0;
			  height: 0;
			  margin: 10px 0;
}

sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 1.4em; }
th          	{ font-weight: bold; }
thead, th 		{ color: #dadada; text-align:left;}
th,td,caption	{ padding: 4px 10px 4px 5px; }
tr.even, td  	{ border-bottom: 1px #a0cadb solid ;}
tfoot       	{ font-style: italic; }
caption     	{ background: #3c0707; }


/* Misc classes
-------------------------------------------------------------- */

.small		{font-size: 12px;}
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.floatleft  { float: left; }
.floatright  { float: right; }
.rightalign	{ text-align: right; }
.alignleft { float: left; }
.alignright { float: right; }
.justified {text-align: justify; }