@font-face {font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Roboto-Regular'), local('Roboto-Regular'), url('fonts/Roboto-Regular.ttf') format('truetype');
	}

@font-face {font-family: 'Merriweather-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Merriweather-Regular'), local('Merriweather-Regular'), url('fonts/Merriweather-Regular.ttf') format('truetype');
	}

@font-face {font-family: 'Merriweather-LightIt';
	font-style: normal;
	font-weight: normal;
	src: local('Merriweather-LightIt'), local('Merriweather-LightIt'), url('fonts/Merriweather-LightIt.ttf') format('truetype');
	}

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

body {
    font-size: 16px;
    line-height: 200%;
    font-family: Roboto-Regular, arial, sans-serif;
    color: #404040;
    background-color: #fff;
}

a { color: #377BC2; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
p { padding: 0 0 11px 0; }
.left {float: left; padding: 5px 10px 0 0;}
.right {float: right; padding-left: 10px;}

h1 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:30px; padding-bottom: 15px; font-weight: normal; color: #303030;}
h2 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:22px; padding-bottom: 5px; font-weight: normal; color: #fff;}
h3 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:22px; padding-bottom: 15px; font-weight: normal;}
h4 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:22px; padding-bottom: 15px; font-weight: normal;}
h5 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:22px; padding-bottom: 15px; font-weight: normal;}
h6 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h7 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h8 {font-family: Merriweather-Regular, Arial, sans-serif; font-size:24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}

a.button {background-color: #377BC2; color:#fff; display:inline-block; padding: 3px 23px 5px 23px;border: 1px solid #000;}
a.button:hover {background:#131313;}

a.review-button {background-color: #f1f1f1; color:#606060; display:inline-block; padding: 3px 15px 5px 15px;border: 1px solid #000; font-family: Roboto-Regular, arial, sans-serif; font-size: 14px;}
a.review-button:hover {background:#fff;}

#heading {padding: 0; margin: 0; width: 100%; height: 180px; background-color: #75706B; text-align: center;}
#splash {padding: 0; margin: 0; width: 100%; background: #e1e1e1 url(images/splash.png) no-repeat top center; border-top: 2px solid #34290E; border-bottom: 2px solid #34290E; height: 350px;}
#navigation {padding: 3px 0 0 0; margin: 0; width: 100%; background-color: #377BC2; text-align: center; solid #000; font-size: 30px;}
.shell { margin: 0 auto; width: 980px; }

.orthopedic-spine-associates-logo {width: 325px; float: left; margin-right: 23px; padding-top: 5px; text-align: center;}
.address a {text-decoration: none; color: #fff;}
.phone a {text-decoration: none; color: #fff;}
.google-review {width: 300px; float: left; margin-right: 23px; padding-top: 70px; text-align: center;}
.eugene-contact-info {width: 275px; float: left; padding-top: 50px; text-align: center; font-family: Merriweather-Regular, Arial, sans-serif; font-size:22px; padding-bottom: 5px; font-weight: normal; line-height: 135%;}

#introduction {padding: 30px 0 30px 0; margin: 0; width: 100%; line-height: 195%; text-align: center;}
#doctor-information {padding: 30px 0 30px 0; margin: 0; width: 100%; line-height: 175%; background-color: #247973; color: #fff;}
#office-information {padding: 30px 0 30px 0; margin: 0; width: 100%; line-height: 195%; background-color: #f1f1f1;}
#locate-our-office {padding: 30px 0 30px 0; margin: 0; width: 100%; line-height: 195%; text-align: center;}

.visit-details {width: 475px; float: left; padding-right: 30px; padding-top: 10px; line-height: 170%;}
.associations {width: 475px; float: right; padding-top: 10px; line-height: 170%;}
.bio-highlights {font-family: Merriweather-Regular, Arial, sans-serif; font-size:18px; padding-bottom: 5px;}
ul#medical-associations-list {list-style-type: square; margin: 0; padding: 0 0 0 50px;}

#resource-category-options {padding: 0; margin: 0; width: 100%; line-height: 195%;}
.form-options-left {width: 280px; float: left; text-align: left; padding: 0;}
.options-left {width: 280px; float: left; text-align: left; padding: 0 0 0 30px;}
.options-right {width: 280px; float: right; text-align: left;}

#footer-contact-info {padding: 30px 0 30px 0; margin: 0; width: 100%; text-align: center; background-color: #75706B;}

.footer-address {width: 300px; float: left; margin-right: 30px; padding: 10px; font-family: Merriweather-LightIt, Arial, sans-serif; font-size:18px; color: #fff; line-height: 150%;}
.footer-numbers {width: 300px; float: left; margin-right: 30px; padding: 10px; font-family: Merriweather-LightIt, Arial, sans-serif; font-size:18px; color: #fff; line-height: 150%;}
.footer-business-hours {width: 320px; float: left; padding: 10px; font-family: Merriweather-LightIt, Arial, sans-serif; font-size:18px; color: #fff; line-height: 150%;}

#footer-copyright {padding-top: 10px; padding-bottom: 10px; margin: 0; width: 100%; background-color: #404040; text-align: center; color: #C0C0C0; font-size: 14px;}
#footer-copyright a {color: #E1DAD0;}

.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#fff;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #1a1a1a;
	background:#00377D;
	transition:all linear 0.15s;
	/* Type */
	font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;
	color:#fff;
}

.accordion-section-title.active, .accordion-section-title:hover {
	background:#4c4c4c;
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;