@charset "utf-8";
/* CSS Document */

/*generic styles*/

body {
	margin: 0;
	padding: 0;
	background-image:url(http://www.petersonchiro.com/images/gray-background.jpg);
	color: #333;
	font: small "Lucida Grande", Arial, sans-serif;
	text-align:center;	
}



a img {
	border: 0;
}
 
p {
	margin: 0 0 1em;
}

#container {
	width:990px;
	background:#E3EDC2;
	text-align:left;
	margin: 0 auto;
	
}


/*masthead styles*/

#masthead {
	margin-bottom: 1.75em; padding-top: 1px;
	background: #abd240;
}

#homelink {
	display: block;
	margin: 1em 2em 1em; padding: 2em 0 0.5em 1em;
	background: url(http://www.petersonchiro.com/images/logo.jpg) 100% 100% no-repeat;
}

/*#navlinks {
	margin: 0;
	padding: 0.5em 3em;
	background: #686397;
	color: #FFF;
	
}

#navlinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #99C;
	font-weight: bold;
}

#navlinks li.last {
	border-right: 0; 
}



#navlinks a:link, #navlinks a:visited {
	color:#FFF;
	text-decoration: none;
}
	
#navlinks a:hover, #navlinks a:active {
	color: #D4EC84;
	text-decoration:underline;
	
}*/


#homebutton {
	position: absolute;
	left: 16px;
	top: 138px;
	border-right: 1px solid #9B96CA;
	
}
#homebutton a:link, #homebutton a:visited{
	text-indent: -1000em;
	display: block;
	background: url(http://www.petersonchiro.com/images/homebutton2.jpg) no-repeat left top;
	height: 20px;
	width: 86px;
}
#homebutton a:hover, #homebutton a:active{
	background-position: left bottom;
	border: none;
}

#aboutbutton {
	position: absolute;
	left: 104px;
	top: 138px;
	border-right: 1px solid #9B96CA;
	
}
#aboutbutton a:link, #aboutbutton a:visited{
	text-indent: -1000em;
	display: block;
	background: url(http://www.petersonchiro.com/images/aboutbutton2.jpg) no-repeat left top;
	height: 20px;
	width: 86px;
}
#aboutbutton a:hover, #aboutbutton a:active{
	background-position: left bottom;
	border: none;
}

#contactbutton {
	position: absolute;
	left: 192px;
	top: 138px;
}
#contactbutton a:link, #contactbutton a:visited{
	text-indent: -1000em;
	display: block;
	background: url(http://www.petersonchiro.com/images/contactbutton2.jpg) no-repeat left top;
	height: 20px;
	width: 86px;
}
#contactbutton a:hover, #contactbutton a:active{
	background-position: left bottom;
	border: none;
}

#bar {
	padding: 0.5em 1em 0.5em 35em;
	background:#686397;
	color: #FFF;
	font-weight: bold;
}

#today {
	margin-top: -1.66em; padding: 0 2em 0 0;
	color: #D4EC84;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}


/*main column styles*/

#content {	
	float:right;
	padding: 0 3em 4em 20em;
	
}

/*#content form {
	background: #9B96CA;
	margin: 0;
	padding: 0.8em;
	float: right;
	
	
}

#content form .text {
	width:9em;
}*/



#content h1 {
	margin: 0 33% 1.25em 0;
	padding: 0.5em 2em;
	background: #FFF;
	color: #B0D742;
	font-size: 1.5em;

}

#content h1 b {
	color: #686397;
}

#content h2 {
	margin: 0.5em 0 0.75em 0;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #B0D742;
	font-size: 1.5em;
}


#content li {
	margin-left:1em;
	padding:0.5em 0;
	}

#content a:link, #content a:visited {
	color:blue;
	text-decoration:underline;
}
	
#content a:hover, #content a:active {
	color:firebrick;
	text-decoration:underline;
}

 
	
#map {
	margin:2em 0 2em 0.75em;
	
	
}

table {
	margin:0 auto;
	width:90%;
	border-collapse:collapse; /*This is so td borders are not two pixels thick*/
	
}

table caption {
	margin:0 auto;
	padding:0.35em 0;
	font-size:larger;
	font-weight:bold;
	color:white;
	background:#686397;
	border-left:2px solid #E3EDC2;
	border-right:2px solid #E3EDC2;
	

}

table th {
	text-align:center;
	background:#9B96CA;
	font-weight:bold;
	border:2px solid #E3EDC2;
	
}

table td {
	padding:0.6em 0.75em;
	text-align:center;
	background:#C0C0C0;
	border:2px solid #E3EDC2;
	font-weight:bold;
		
}


table#hours {
	margin:1em auto;
	width:65%;
	border-collapse:collapse; /*This is so td borders are not double thick*/
	
}

table#hours caption {
	margin:0 auto;
	padding:0.35em 0;
	font-size:larger;
	font-weight:bold;
	color:white;
	background:#686397;
	border-left:2px solid #E3EDC2;
	border-right:2px solid #E3EDC2;
	

}

table#hours th {
	text-align:center;
	background:#9B96CA;
	font-weight:bold;
	border:2px solid #E3EDC2;
	
}

table#hours td {
	padding:0.4em 0.75em;
	text-align:center;
	background:#C0C0C0;
	border:2px solid #E3EDC2;
		
}

#bodyimb, #bodybal, #shoes {
	display:inline;
	float:right;
	margin:0 0 0 1em;
	text-align:center;
	
	}
#bodyimb img, #bodybal img, #shoes img {
	border:1px solid black;
	}	
#bodyimb h5, #bodybal h5, #shoes h5 {
	margin:0;
	}

#case1, #case2, #case3, #case4 {
	margin:2em auto 0;
	width:45em;
	background:#FFF;
	padding: 2em 2em 2em 2em;
	}

#case1 p, #case2 p, #case3 p, #case4 p {
	padding-top:1em;
	}


#home {
	margin:2em auto 0;
	width:45em;
	background:#FFF;
	color:#3A3C2D;
	padding: 1em 2em 2em 2em;
	border:5px solid #686397;
	}

#home p {
	padding-top:1em;
	text-align:center;
	}
	
#home li {
	margin-left: 2em;
	padding: 0.5em 0;
	font-weight: bold;
	
	}	

#pictures {
	margin:0 auto;
	width:400px;
	}
	
#tim {
	text-align:center;
	float:left;
	}
#ron {
	float:right;
	text-align:center;
	}	
	
#tim p, #ron p {
	margin:0.5em;
	}
	
img.middle {
	display:block;
	margin:1em auto 3em;
	}
	
img.pain {
	display:block;
	margin:0 auto;
	}
	
p.center{
	text-align:center;
	}

img.left {
	display:inline;
	float:left;
	margin: 1em 1em 1em 0;
}

img.right {
	display:inline;
	float:right;
	margin: 1em 0 1em 1em;
}




/*sidebar styles*/

#sidebar {
	float:right;
	width:17em;
	margin:0 -18em 4em 0;
}

	
#sidebar div {
	background: #3A3C2D;
	color: #D4EC84;
	padding: 0 1em 0.25em;
	margin-top: 0;
}

#sidebar div h3 {
	background: #9B96CA;
	font-size: 1.25em;
	margin: 0 -0.8em;
	padding: 0.4em 0.8em;
	text-transform:lowercase;
}

#sidelinks li, #sidelinks2 li {
	margin-left: -2em;
	padding: .25em 0;
	font-weight: bold;
	display:block;
		
}


#sidelinks a:link, #sidelinks2 a:link, #sidelinks a:visited, #sidelinks2 a:visited {
	color: #FFF; 
	text-decoration: none;
}
	
#sidelinks a:hover, #sidelinks2 a:hover, #sidelinks a:active, #sidelinks2 a:active {
	color: #D4EC84;
	text-decoration:underline;
	
}


/*footer styles*/

#footer {
	clear:both;
	padding: 1.5em 3em;
	background: #A0C63A;
}

#footer p {
	margin: 0;
	text-align: center;
}