@import "reset.css";

/****************************
	General Structure
****************************/

body {
	background-color: #ccc;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	background-color: #fff;
	margin: 0 auto;
	width: 980px;
}



/****************************
	Header
****************************/

#header {
	margin-bottom: 25px;
}

#header h1 {
	background: url('../images/logo.gif') no-repeat 0 0;
	float: left;
	height: 136px;
	margin-left: 40px;
	text-indent: -9999px;
	width: 166px;
}

#header h2 {
	background: url('../images/telephone.gif') no-repeat 0 0;
	clear: right;
	float: right;
	height: 21px;
	margin-right: 40px;
	text-indent: -9999px;
	width: 179px;
}



	/****************************
		Top Navigation
	****************************/

	#topNavigation {
		float: right;
		font-size: 12px;
		margin: 12px 40px 30px 0;
	}

	#topNavigation li {
		border-right: 1px solid #dfdfdf;
		display: inline;
		float: left;
		margin-right: 10px;
		padding-right: 10px;
	}

	#topNavigation li.last {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}

	#topNavigation li a:link, #topNavigation li a:visited {
		color: #666;
		font-weight: bold;
		text-decoration: none;
	}

	#topNavigation li a:hover, #topNavigation li a:active, #topNavigation li a.active {
		text-decoration: underline;
	}



	/****************************
		Main Navigation
	****************************/

	#mainNavigation {
		border-bottom: 1px solid #12b4f0;
		clear: both;
		height: 38px;
		padding: 0 40px;
	}

	#mainNavigation li {
		float: left;
		margin-right: 1px;
	}

	#mainNavigation li a {
		display: block;
		height: 38px;
		text-indent: -9999px;
	}

	#mainNavigation li.navHome a {
		background: url('../images/navigation/home.gif') no-repeat 0 0;
		width: 79px;
	}

	#mainNavigation li.navPractitioners a {
		background: url('../images/navigation/practitioners.gif') no-repeat 0 0;
		width: 163px;
	}

	#mainNavigation li.navSports a {
		background: url('../images/navigation/sports.gif') no-repeat 0 0;
		width: 159px;
	}

	#mainNavigation li.navFamily a {
		background: url('../images/navigation/candf.gif') no-repeat 0 0;
		width: 186px;
	}

	#mainNavigation li.navSpinal a {
		background: url('../images/navigation/spinal.gif') no-repeat 0 0;
		width: 166px;
	}

	#mainNavigation li.navTreatments a {
		background: url('../images/navigation/treatments.gif') no-repeat 0 0;
		width: 142px;
	}

	#mainNavigation li a:hover, #mainNavigation li a.active {
		background-position: 0 -38px;
	}

	#mainNavigation li.last {
		margin-right: 0;
	}



	/****************************
		Sub-Navigation
	****************************/

	#subNavigation {
		background-color: #12b4f0;
		height: 28px;
		overflow: hidden;
		padding: 0 40px;
	}

	#subNavigation li {
		float: left;
		margin-right: 30px;
	}

	#subNavigation li.last {
		margin-right: 0;
	}

	#subNavigation li a {
		color: #fff;
		display: block;
		font-size: 14px;
		height: 28px;
		line-height: 28px;
		text-decoration: none;
	}

	#subNavigation li a:hover, #subNavigation li a.active {
		text-decoration: underline;
	}



/****************************
	Content
****************************/

#content {
	padding: 0 40px 50px 40px;
}

#content img.block {
	margin-bottom: 15px;
}

#content p {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 15px;
}

#content a:link, #content a:visited {
	color: #12b4f0;
	font-size: 13px;
	line-height: 15px;
	text-decoration: none;
}

#content a:hover, #content a:active {
	text-decoration: underline;
}

#content ul {
	margin: 0 0 15px 0;
}

#content ul li {
	background: url('../images/bullet.gif') no-repeat 0 3px;
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 5px;
	padding-left: 10px;
}

#content ol {
	margin: 0 0 15px 0;
}

#content ol li {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 5px;
	padding-left: 10px;
}


	/****************************
		Main Column
	****************************/

	#mainColumn {
		float: left;
		width: 590px;
	}

	#mainColumn h2 {
		color: #143695;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		margin-bottom: 15px;
	}

	#mainColumn img.right {
		float: right;
		margin: 0 0 8px 8px;
	}

	#mainColumn img.left {
		float: left;
		margin: 0 8px 8px 0;
	}



	/****************************
		Side Column
	****************************/

	#sideColumn {
		float: right;
		width: 270px;
	}

	#sideColumn .box {
		margin-bottom: 35px;
	}

	#sideColumn h3 {
		background: url('../images/side_header.gif') no-repeat 0 0;
		color: #12b4f0;
		font-size: 14px;
		font-weight: bold;
		height: 39px;
		line-height: 39px;
		overflow: hidden;
		padding: 0 10px;
	}



/****************************
	Footer
****************************/

#footer {
	background-color: #d8d8d8;
	height: 42px;
	padding: 0 40px;
}

#social {
	float: left;
	font-size: 12px;
	height: 22px;
	width: 245px;
}

#social span {
	display: block;
	float: left;
	margin-top: 15px;
}

#facebook, #twitter {
	display: block;
	float: right;
	height: 22px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 77px;
}

#facebook {
	background: url('../images/facebook.gif') no-repeat 0 0;
	margin-right: 10px;
}

#twitter {
	background: url('../images/twitter.gif') no-repeat 0 0;
}

#bottomNavigation {
	float: right;
	font-size: 12px;
	height: 12px;
	margin-top: 15px;
	width: 580px;
}

#bottomNavigation li {
	border-left: 1px solid #dfdfdf;
	display: inline;
	float: right;
	font-size: #8a8a8a;
	margin-left: 10px;
	padding-left: 10px;
}

#bottomNavigation li.last {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

#bottomNavigation li a:link, #bottomNavigation li a:visited {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#bottomNavigation li a:hover, #bottomNavigation li a.active {
	text-decoration: underline;
}