/* 
About: 
Site design and development by Natasha Tung (www.xanga.com/aus_chick)
Launched: January 2010
Photography copyright Vitality Chiropractic

INDEX
Dark Gray: 4a4848
Yellow: fbee21
Orange: ff6004
Light Gray: f5f5f2
*/

/* FOR ALL PAGES */
html { 
	margin: 0;
	padding: 0;
	}
body {
	background-color: #f5f5f2;
	font-family: Tahoma, Trebuchet MS, Arial;
	color: #4a4848;
	padding: 0;
	border: 0;
	margin: 0;
	}
p {
	margin-top: 0;
	font-size: 95%;
	}
a:link, a:active, a:visited {
	color: #4a4848;
	}
a:hover {
	color: #ff6004;
	}
#header, #summary-inner, #main-inner, #footer-inner {
	margin: auto;
	width: 770px;
	}
#summary, #footer {
	background-color: #fbee21;
	}	

#header a img {
	border: none;
	margin-top: 6px;
	}
	
#navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 530px;
	height: 110px;
	float: right;
	position: relative;
	margin-top: -25px; /* hack */
	}
#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	}
#navigation li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 110px;
	background: url(images/buttons.jpg) no-repeat;
	/*text-indent: -9999px;*/
	overflow: hidden;
	font-size: 1%;
	}
li#home-nav a {
	left: 0;
	width: 112px;
	background-position: 0 0;
	}
li#about-nav a {
	left: 100px;
	width: 112px;
	background-position: -209px 0;
	}
li#services-nav a {
	left: 205px;
	width: 112px;
	background-position: -450px 0;
	}
li#newpatients-nav a {
	left: 320px;
	width: 112px;
	background-position: -675px 0;
	}
li#location-nav a {
	left: 440px;
	width: 112px;
	background-position: -900px 0;
	}
li#home-nav a:hover {
	background-position: 0 -588px;
	}
li#about-nav a:hover {
	background-position: -209px -588px;
	}
li#services-nav a:hover {
	background-position: -450px -588px;
	}
li#newpatients-nav a:hover {
	background-position: -675px -588px;
	}
li#location-nav a:hover {
	background-position: -900px -588px;
	}
#home li#home-nav a {
	background-position: 0 -249px;
	}
#about li#about-nav a {
	background-position: -209px -249px;
	}
#services li#services-nav a {
	background-position: -450px -249px;
	}
#newpatients li#newpatients-nav a {
	background-position: -675px -249px;
	}
#location li#location-nav a {
	background-position: -900px -249px;
	}
#summary {
 	clear: both;
 	min-height: 225px;
 	margin: auto;
 	}	
#summary-inner {
	padding: 15px 15px 8px 15px;
	}	
div.welcome {
	position: relative;
	float: left;
	width: 507px;
	margin-right: 20px;
	}
#summary p {
	font-size: 85%;
	}
#summary img {
	border: 3px solid #4a4848;
	}
#summary h2 {
	position: absolute;
	top: 138px;
	text-align: right;
	font-size: 120%;
	color: #f5f5f2;
	width: 100%;
	height: 50px;
	z-index: 2;
	}
#main-inner, #services #ourservices {
	padding-top: .3em;
	}
/* ~~~~~~~~~~~~ HOME PAGE ONLY ~~~~~~~~~~~~~~~ */

#forms img {
	border: none;
	margin-top: -12px;
	margin-bottom: -10px;
	padding-left: 15px;
	}
#ourservices, #ourservices + ul, #ourservices h2 {
	width: 507px;
	padding-left:0;
	margin: 0;
	/*float: left;*/
	}
#ourservices + ul {
	list-style-type: none;
	position: relative;
	}
#block1 img, #block2 img, #block3 img, #block4 img, #block5 img, #block6 img, #block7 img, #block8 img {
	border: 3px solid #4a4848;
	background: #4a4848;
	}
	

#block1, #block2, #block3, #block4, #block5, #block6, #block7, #block8 {
	position: relative;
	width: 400px;
	margin-bottom: 20px;
	}
	
/*#block1 span, #block2 span, #block3 span, #block4 span,#block5 span, #block6 span, #block8 span, #block8 span,*/ #servicelist span {
	position: absolute;
	top: 99px;
	text-align: right;
	font-size: 100%;
	color: #f5f5f2;
	width: 100%;
	height: 30px;
	left: 0;
	z-index: 2;
	text-decoration: none;
	}	

#block1, #block3, #block5, #block7 {
	float: right;
	}
/* --if use images w text embedded
#servicelist li {
	display: inline-block;
	}
*/	
/* ~~~~~~~~ HOME PAGE & ABOUT US (FANS) ~~~~~~~~~~~~~~~~~ */	
#ourfans {
	float: right;
	width: 240px;
	margin-left: 15px;
	}
#ourfans h2 {
	margin-top: 0;
	padding-top: 0;
	}
#ourfans ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 80%;
	
	}
#ourfans ul img {
	float: left;
	border: 1px solid #ff6004;
	padding: 2px;
	background-color: #f5f5f2;
	margin: 0 5px 0 0;
	}
#ourfans li {
	padding-bottom: 10px;
	}
#ourfans ul p {
	text-align: right;
	} 
.info	{
	padding-bottom: 5px;
	text-align: right;
	background: url(images/line.jpg) no-repeat bottom right;
	}
p.info a:hover, p.info a:visited, p.info a:active, p.info a:link {
	color: #4a4848;
	text-decoration: none;
	font-size: 80%;
	text-align: right;
	}
p.info a:hover {
	color: black;
	}
#facebook img {
	border: 0;
	padding: 0;
	margin-bottom: -10px;
	}
#facebook a {
	color: #4a4848;
	text-decoration: none;
	}



/* ~~~~~~~~~~~~~~~~~~~~ ABOUT US PAGE ~~~~~~~~~~~~~~~~~~~~~~~~ */
#about #summary-inner p, #services #summary-inner p, #newpatients #summary-inner p, #location #summary-inner p {
	margin-top: 8.5em;
	}
.float-image {
	float: left;
	padding: 3px;
	margin: 0 5px 0 0;
	background: white;
	border: 1px solid #4a4848;
	}
#about #ourservices p, #services #ourservices p, #newpatients #ourservices p {
	text-align: justify;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~ SERVICES PAGE ~~~~~~~~~~~~~~~~~~~~~~~~ */
#services #ourservices {
	width: 770px;
	margin: auto;
	}
#services #ourservices img {
	float: right;
	margin-left: 20px;
	padding-bottom: 60px;
	}
/* ~~~~~~~~~~~~~~~~~~~ LOCATION PAGE ~~~~~~~~~~~~~~~~~~~~~~~ */
table {
	font-size: 85%;
	border-collapse: collapse;
	margin-bottom: 1em;
	}
td {
	padding: 2px 5px;
	}
#location #ourfans p {
	font-size: 85%;
	}
#location p.info a:hover, #location p.info a:visited, #location p.info a:active, #location p.info a:link {
	font-size: 85%;
	}
iframe {
	border: 1px solid #4a4848;
	background: white;
	padding: 4px;
	}

/* ~~~~~~~~~~~~~~~~~~~ NEW PATIENTS ~~~~~~~~~~~~~~~~~~~~~~~~ */
#newpatients li {
	font-size: 95%;
	}

/* ~~~~~~~~~~~~~~~~~~~~ ALL PAGES - FOOTER ~~~~~~~~~~~~~~~~~~~ */
#footer {
	clear: both;
	text-align: center;
	padding: 10px;
	}
#footer p {
	line-height: .5;
	font-size: 80%;
	}