/*
---------------------------------
Description: Heinz Chiropractic
Author: Dan Hauk

Notes:

---------------------------------
*/



/*
---------------------------------
	RESET
---------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border:0;
	}



/*
-----------------------------------
	MAIN STRUCTURE
-----------------------------------
*/

body {
	margin: 0;
	padding: 0;

	background: #46506A url(images/body-bg_02.jpg) repeat-x top left;

	text-align: center;
	}

#container {
	width: 1003px;

	margin: 0 auto;
	padding: 0;
	}

#header {
	background: url(images/header-bg.jpg) no-repeat top right;

	height: 165px;
	width: 1003px;
	}

#logo {
	background: url(images/logo.jpg) no-repeat top left;

	width: 244px;
	height: 114px;

	margin-top: 11px;

	float: left;
	}

ul#main-nav {
	height: 40px;

	float: left;
	clear: both;
	}

#main-nav li {
	float: left;
	list-style: none;

	height: 40px;
	}

#content {
	width: 1003px;

	margin: 0;
	padding: 220px 0 50px 0;

	background: #fff url(images/content-bg.jpg) repeat-x top left;

	overflow: auto;
	position: relative;
	}

#main {
	margin: 0 40px 0 25px;
	padding: 0;

	width: 610px;

	float: left;
	clear: both;
	}

#sidebar {
	float: left;

	background: url(images/sidebar-top.jpg) no-repeat top left;

	width: 284px;
	margin: 0;
	padding: 0;
	}

#sidebar-empty {
	background: url(images/sidebar-bottom.jpg) no-repeat bottom left;

	width: 284px;
	height: 15px;
	}


#footer-outer {
	background: #46506A;

	overflow: auto;
	clear: both;
	}

#footer {
	width: 1003px;

	margin: 0 auto;
	padding: 20px 0;

	overflow: auto;
	clear: both;
	}



/*
-----------------------------------
	TYPOGRAPHY & COLORS
-----------------------------------
*/

body {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}

h1 {
	text-indent: -9999em;
	}

h1 a {
	display: block;
	width: 244px;
	height: 114px;
	}

h2 {
	color: #666;
	font-size: 16px;

	padding-bottom: 10px;
	}

h2.icon {
	color: #888;
	font-size: 16px;

	margin: 0;
	padding: 0 0 0 50px;
	}

h3 {
	color: #666;

	padding: 15px;
	}

a {
	color: #46506A;
	text-decoration: none;
	}

ul#main-nav a {
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;

	display: block;
	padding: 0 15px;
	}

ul#main-nav a:hover {
	background-color: #a2a2a2;
	}

#content {
	text-align: center;
	}

#main {
	color: #333;
	font-size: 14px;
	line-height: 1.4em;
	text-align: left;
	}

#main p {
	padding: 10px 0;
	}

#main p.icon-practice {
	background: url(images/icon-practice.jpg) no-repeat top left;

	padding: 0 0 25px 50px;
	}

#main p.icon-help {
	background: url(images/icon-help.jpg) no-repeat top left;

	padding: 0 0 25px 50px;
	}

#main p.icon-hours {
	background: url(images/icon-hours.jpg) no-repeat top left;

	padding: 0 0 25px 50px;
	}

#sidebar {
	text-align: left;
	}

#sidebar p {
	color: #666;
	font-size: 13px;
	line-height: 1.4em;

	padding: 7px 15px;
	}

ul#symptoms {
	font-size: 13px;
	color: #666;

	padding: 7px 15px;
	margin: 0;
	}

ul#symptoms li {
	padding: 5px 0;

	border-top: 1px solid #ccc;
	}

ul#symptoms li.last {
	border-bottom: 1px solid #ccc;
	}

#footer {
	color: #999;
	font-size: 11px;
	text-align: left;
	}

#footer a {
	color: #999;
	}

p.address {
	float: left;
	text-align: left;
	}

p.bottom-nav, p.copyright {
	float: right;
	clear: right;

	text-align: right;
	}


/*
-----------------------------------
	IMAGES & OTHER
-----------------------------------
*/

a img {
	border: 0;
	}

img.logo {
	float: left;

	margin: 11px 0 0 0;
	padding: 0;
	}

img.main {
	position: absolute;
	top: 10px;
	left: 9px;
	}

img.float-left {
	float: left;

	margin: 5px 10px 10px 0;
	}

#sidebar img, #map {
	padding: 0 15px;
	}

img.meet-doctor, img.float-right {
	float: right;

	margin: 5px 0 10px 10px;
	}



/*
---------------------------------
	CONTACT FORM
---------------------------------
*/

form#contact {
	font-size: 14px;
	}

form#contact input, form#contact textarea {
	font-size: 14px;
	padding: 5px;
	margin: 5px;

	border: 1px solid #ccc;
	}

form#contact input.submit {
	cursor: pointer;
	border: 1px solid #ccc;
	background: url(images/formbg.gif) repeat-x top left;

	height: 30px;

	color: #666;
	}

form#contact input.submit:hover {
	border: 1px solid #aaa;
	color: #444;
	}



/*
---------------------------------
	SLIDESHOW
---------------------------------
*/

div#slideshow {
	margin: 0;
	padding: 0;

	position: absolute;
	left: 9px;
	top: 10px;
	}

ul#slides, .innerfade {
	margin: 0;
	padding: 0;

	height: 985px;
	width: 185px;

	text-align: left;
	}

ul#slides li {
	padding: 0;
	margin: 0;

	list-style: none;
	text-align: left;
	}

ul#slides li img {
	padding: 0;
	margin: 0;
	}