/* ==============================
		Wright Chiropractic
		Copyright 2009 Wright Chiropractic
		written by 10 Volt Media - www.10voltmedia.com
		
		swatch colors
		---------------------------
		788e1e	- green
		0e3f58	- blue
		343434	- dark gray
============================== */

* { margin: 0px; padding: 0px; }

body {
	background: #dedede url(img/layout_bgpattern.png);
	font-family: "Lucida Sans", sans-serif;
	font-size: 100%;
	color: #343434;
}


/* links & type
------------------------------ */
a:link, a:active, a:visited { color: #0e3f58; font-weight: bold; text-decoration: none; }
a:hover { color: #788e1e; }


/* main layout
------------------------------ */
#page-wrapper {
	margin: 1em auto 0 auto;
	width: 761px;
	background: url(img/layout_pagebg.png) repeat-y left top;
}

#masthead {
	width: 761px;
	height: 144px;
	background: url(img/layout_mastheadbg.png) no-repeat left top;
}

	#logo {
		float: left;
		margin: 23px 0 0 24px;
		border: none;
	}
	
	#masthead-contact {
		padding: 48px 0 0 95px;
		width: 200px;
		overflow: hidden;
		text-align: center;
	}
		#masthead-contact p {
			font-size: 0.75em;
			color: #828282;
		}
		#masthead-contact strong {
			display: block;
			margin: 0 0 0.25em 0;
			font-weight: normal;
			font-size: 1.6em;
			color: #788e1e;
		}
		

#nav-wrapper {
	float: left;
	margin-left: 14px;
	width: 36px;
	/* CSS image preload and hide... */
	background: url(img/tab_bg_on.png) no-repeat 500px 500px;
}
	a.nav-tab {
		display: block;
		margin: 0 0 5px 0;
		width: 36px;
		height: 93px;
		background: url(img/tab_bg_off.png) no-repeat right top;
	}
	a.nav-tab:hover { background: url(img/tab_bg_on.png) no-repeat right top; cursor: pointer; }
	#nav-wrapper a.current { background: url(img/tab_bg_on.png) no-repeat right top; cursor: pointer; }
	a.nav-tab img { border: none; }
	
#page {
	margin: 1em 0 0 0;
	padding: 0 40px 2em 82px;
}

	#col-alpha {
		float: left;
		width: 400px;
		font-size: 0.75em;
		line-height: 1.75em;
	}
		
		#breadcrumb {
			margin: 0 0 2em 0;
			padding: 6px 10px;
			line-height: 1.25em;
			background: #eee;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			font-size: 0.6em;
			text-transform: uppercase;
			color: #666;
		}
		#breadcrumb a { font-weight: normal; }
		#breadcrumb a:hover { text-decoration: underline; color: #0e3f58; }		
	
		#col-alpha p {
			margin: 0 0 1.75em 0;
		}
		#col-alpha p a { border-bottom: solid 1px #788e1e; }
		#col-alpha p a:hover { color: #788e1e; border-bottom: solid 1px #0e3f58; }				
		#col-alpha p a img { border: none; }
		#col-alpha .images a { border: none; }
		#col-alpha .photo {
			margin: 0 0 1.5em 0;
			padding: 8px;
			background: #eee;
		}		
		#col-alpha ul {
			margin: 0 0 1.75em 2em;			
		}
		
		#col-alpha h2 {
			margin: 0 0 1em 0;
			font-size: 1.5em;
			text-transform: uppercase;
			font-weight: normal;
			color: #788e1e;
		}
		
		#col-alpha hr {
			margin: 1em 0 2em 0;
			background: #eee;
			height: 10px;
			border: none;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;			
		}
	
	#col-beta {
		margin: 0 0 0 435px;
		width: 200px;
	}
	
		#col-beta a.callout {
			display: block;
			margin: 0 0 1em 0;
			height: 84px;
			width: 200px;
			background: #e7e7e7 url(img/vertebrae_large.png) no-repeat 140px 28px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			cursor: pointer;
			color: #0e3f58;
		}
		#col-beta a.callout:hover {
			background-color: #788e1e;
			color: #fff;
		}
		a.callout span {
			display: block;
			margin: 0 0 0 15px;
			padding: 35px 65px 0 0;
			height: 84px;
/* 			line-height: 84px; */
			font-size: 0.75em;
			text-transform: uppercase;
		}
		
		#col-beta ul.nav {
			list-style-type: none;
			background: #eee;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		#col-beta ul.nav li {
			margin: 0 8px;
			border-top: solid 1px #fff;
			border-bottom: solid 1px #d5d5d5;			
		}
		#col-beta ul.nav li:first-child { border-top: none; }
		#col-beta ul.nav li:last-child { border-bottom: none; }
		#col-beta ul.nav li a {
			display: block;
			padding: 0 4px 0 30px;
			background: url(img/vertebrae_small.png) no-repeat left center;
			line-height: 32px;
			font-size: 0.75em;
			font-weight: normal;
		}
		#col-beta ul.nav li a:hover {
			color: #fff;
			background: #0e3f58;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}		
			

#footer-wrapper {
	margin: 0 0 0 50px;
	padding: 20px 0;
	width: 700px;
	background: #eee url(img/pixel_lightgreen.png) repeat-x left top;
}
	#footer {
		background: url(img/vertebrae_small.png) no-repeat 32px top;
	}

	#footer p {
		margin: 2px 40px 0 64px;
		font-size: 0.6em;
		text-transform: uppercase;
		color: #666;
	}
	#footer p a { color: #666; font-weight: normal; }
	#footer p a:hover { color: #0e3f58; text-decoration: underline; }
	#footer p.copyright {
		padding-top: 2px;
		text-align: right;
	}


/* misc
------------------------------------ */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.photo .right {
	margin: 0.5em 0 0.5em 0.5em;
}

.photo .left {
	margin: 0.5em 0 0.5em 0.5em;
}