@import url("./whitespace-reset.css");

a:hover { text-decoration: underline; }

#sitewrapper {
	width: 980px;
	margin: 0 auto; }

#header {
	position: relative;
	width: 100%; }
		#header h1 a {
			display: block;
			width: 100%;
			height: 80px;
			text-indent: -5000px; }
	#header ul#nav {
		float: left;
		width: 940px;
		padding: 10px 20px; }
		#header ul#nav li {
			float: left;
			margin: 0 10px 0 0; }

.clear { clear: both; }
.no-padding { padding: 0; }
.no-margin { margin: 0; }
.underline { text-decoration: underline; }

#content {
	clear: both;
	float: left;
	width: 940px;
	padding: 20px; }
	#content div.module {
		float: left;
		width: 100%;
		padding: 0 0 15px 0; }
	#content div.half-width {
		width: 50%; }
	#content #left-col,
	#content #right-col {
		float: left;
		width: 460px; }
	#content #left-col { margin: 0 20px 0 0; }

/* Hours modules
--------------*/
	#content div.hours-1 { }
	#content div.hours-2 { }
	#content div.hours-3 { }
	#content div.hours-4 { }
	#content div.hours-5 { text-align: center; }
		#content div.hours-1 #hours-module {
			float: left;
			width: 210px; }
		#content div.hours-1 #hours-notes {
			float: left;
			width: 230px; }
		#content div.hours-2 #hours-module { }
			#content div.hours-2 #hours-module h2 { padding: 0 0 30px 0; }
			#content div.hours-2 #hours-module ul { padding: 0 0 30px 20px; }
		#content div.hours-2 #hours-notes { padding: 0 0 0 40px; }
			#content div.hours-2 #hours-notes h3 { padding: 0 0 20px 0; }
		#content div.hours-3 #hours-module { }
			#content div.hours-3 #hours-module h2 { padding: 0 0 30px 0; }
			#content div.hours-3 #hours-module ul {
				float: left;
				width: 50%;
				padding: 0 0 30px 0; }
			#content div.hours-3 #hours-module ul.right-align { text-align: right; }
				#content div.hours-3 #hours-module ul li { padding: 0 0 10px 10px; }
				#content div.hours-3 #hours-module ul.right-align li { padding: 0 10px 10px 0; }
		#content div.hours-3 #hours-notes { padding: 0 0 0 40px; }
			#content div.hours-3 #hours-notes h3 { padding: 0 0 20px 0; }
		#content div.hours-4 #hours-module { padding: 0 0 30px 0; }
			#content div.hours-4 #hours-module h2 { padding: 0 0 25px 0; }
			#content div.hours-4 #hours-module p { padding: 0 0 0 25px; }
			#content div.hours-4 #hours-module ul { padding: 8px 0 8px 35px; }
				#content div.hours-4 #hours-module ul p { padding: 0 0 0 10px; }
		#content div.hours-5 #hours-module { padding: 0 0 80px 0; }
			#content div.hours-5 #hours-module h2 { padding: 0 0 20px 0; }
		#content div.hours-5 #hours-notes { }
			#content div.hours-5 #hours-notes h3 { padding: 0 0 20px 0; }

/* Info Modules
-------------*/

	#content div.info-1,
	#content div.info-2 { clear: both; }
		#content div.info-1 img {
			display: block;
			margin: 0 auto; }
		#content div.info-2 dl { }
			#content div.info-2 dl dt {
				float: left;
				clear: both;
				width: 100px; }
			#content div.info-2 dl dd {
				float: left;
				width: 340px;
				padding: 0 0 15px 0;
				margin: 0; }
		#content div.info-2 p {
			clear: both;
			padding: 50px 0 0 100px;
			text-align: center; }

/* Reviews Modules
----------------*/
	
	#content div.reviews-1,
	#content div.reviews-2 { clear: both; }
		#content div.reviews-1 ul { float: left; }
			#content div.reviews-1 ul li {
				float: left;
				clear: both;
				width: 100%;
				padding: 0 0 15px 0; }
		#content div.reviews-2 li { padding: 0 0 20px 0; }
		#content div.reviews-2 blockquote {
			padding: 0 0 10px 0;
			font-style: italic; }
		#content div.reviews-2 cite {
			padding: 0 0 0 225px;
			font-style: normal; }

/* About Modules
--------------*/

	#content div.about-1,
	#content div.about-2 { clear: both; }
		#content div.about-1 h3,
		#content div.about-2 h3 {
			padding: 0 0 25px 0;
			text-align: center;
			font-size: 14px; }
		#content div.about-1 p,
		#content div.about-2 p { padding: 0 0 10px 0; }
		#content div.about-2 p { text-align: center; }

/* Contact Modules
----------------*/

	#content div.contact-1 { clear: both; }
		#content div.contact-1 address {
			float: left;
			width: 50%;
			padding: 0 0 10px 0; }
			#content div.contact-1 address span {
				display: block;
				padding: 5px 0 0 0; }
		#content div.contact-1 h3 {
			font-size: 14px;
			padding: 0 0 5px 0; }
	#toggle-directions-north,
	#toggle-directions-south,
	#toggle-map-1,
	#toggle-map-2,
	#toggle-map-3 { visibility: hidden; }

#footer {
	clear: both;
	padding: 5px 0;
	background: transparent; }

/* Dev bar
--------*/
#dev-bar {
	padding: 7px 0;
	font-family: Arial;
	font-size: 12px;
	color: #cbcbcb;
	border-bottom: 1px solid #bbbbbb;
	background: #333333; }
#dev-bar.predesigns { padding: 0; }
	#dev-bar div {
		width: 980px;
		margin: 0 auto; }
	#dev-bar p {
		display: inline;
		padding: 0 30px 0 0; }
	#dev-bar p.left-float,
	#dev-bar p.right-float {
		display: block;
		float: left;
		padding: 7px 0; }
	#dev-bar p.left-float { width: 330px; }
	#dev-bar b {
		font-weight: normal;
		color: #f9ae84; }
	#dev-bar span.name { color: #ffffff; }
	#dev-bar a { color: #9aff96; }
	#dev-bar form {
		float: left;
		width: 500px;
		padding: 0 30px 0 0; }
	#dev-bar fieldset {
		float: left;
		display: block;
		border: none;
		margin: 0 1px 0 0;
		line-height: 29px;
		background: #666666; }
	#dev-bar label {
		padding: 0 0 0 5px;
		font-size: 11px; }
	#dev-bar select {
		margin: 0 5px 0 7px;
		font-size: 11px; }