/* Bronwyn Clee & Associates	 */
/* ----------------------------- */
/* Template: Standard v1.2		 */
/* Author: I Am Tyce 			 */
/* URL: http://www.iamtyce.com	 */
/* Created: January 2010	 	 */
/* Modified: May 2010	 	 	 */
/* ----------------------------- */

/* Reset CSS Values */

body {
	padding: 0;
	margin: 0;
	font: 11px Arial, Verdana, Helvetica;
	font-size: small;
}

h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 100%;
}

table {
	font-size: inherit;
}

ul {
	list-style: none;
}

img {
	border: 0;
}

p {
	margin: 1em 0;
}

/* Define Basic CSS Values */

html {
	background-color: #fff;
}

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

h1 {
	margin: 0px;
	padding: 8px 2px;
	color: #5f0e23;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: bold;
	font-style: italic;
}

h1.small {
	font-size: 35px;
}

h2 {
	margin: 0px;
	padding: 8px 2px;
	color: #222;
	font-size: 28px;
}

h3 {
	margin: 0px;
	padding: 8px 2px;
	color: #222;
	font-size: 22px;
	font-family: "Myriad Pro", Trebuchet MS, Arial;
	text-transform: uppercase;
}

p {
	margin: 0px;
	padding: 1px 2px 6px 2px;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	text-align: justify;
}

/* Top Container */

.container-top {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
}

/* Bottom Container */

.container-bottom {
	margin: 0px auto;
	padding: 30px 0px 20px 0px;
	background-color: #1c1c1c;
}

/* Header */

.header {
	position: relative;
	top: 25px;
	width: 900px;
	height: 145px;
}

/* Logo */

.logo {
	float: left;
	position: absolute;
	top: -15px;
	left: -40px;
}

/* Main Menu */
/* */

.main-menu {
	margin: 0px auto;
	padding: 0px;
	float: right;
	position: relative;
	right: -50px;
	top: 33px;
}

ul#topnav {
	margin: 0px auto; 
	padding: 0px;
	list-style: none;
	font-size: 1.2em;
	font-family: "Myriad Pro", Trebuchet MS, Arial;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
}

ul#topnav li {
	float: left;
	margin: 0px; 
	padding: 0px;
}

ul#topnav li a {
	margin: 0px 2px;
	padding: 8px 6px 6px 6px;
	display: block;
	text-decoration: none;
	color: #c31e4b;
}

ul#topnav li a:hover {
	color: #fff;
	background-color: #c31e4b;
}
ul#topnav li:hover { 
	background-color: #c31e4b; 
	text-decoration: none; 
	color: #fff;
	-webkit-box-shadow: 0px 1px 3px #777;
	-moz-box-shadow: 0px 1px 3px #777;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 7px 5px 6px 5px;
	position: absolute;
	left: 0; 
	top: 26px;
	left: 57px;
	display: none; /*--Hide by default--*/
	width: 396px;
	background: #c31e4b;
	color: #fff;
	z-index: 1;
	-webkit-box-shadow: 0px 1px 3px #777;
	-moz-box-shadow: 0px 1px 3px #777;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; color: #ffdee7; margin: 0px; padding: 3px 14px 1px 14px; border-right: 1px dotted #999; font-size: 13px; text-transform: none; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline; color: #fff;}

ul#topnav .last {
	border-right: 0px;
}

ul#topnav .active a {
	background-color: #c31e4b; 
	text-decoration: none; 
	color: #fff;
	-webkit-box-shadow: 0px 1px 3px #777;
	-moz-box-shadow: 0px 1px 3px #777;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

ul#topnav .active li {
	text-shadow: 1px 1px #444;
}

ul#topnav .active span a {
	text-decoration: none; 
	color: #ffeaf0; 
}

.menu li em {
	font-weight: normal;
	background-image: url(../images/menu-arrow.gif);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 15px;
	height: 8px;
	position: relative;
	top: 20px;
	text-align: center;
	z-index: 2;
	display: none;
}


/* Content */
/* */

.content {
	margin: 0px 0px 30px 0px;
	padding: 15px 0px;
	background-color: #fff;
	background-image: url(../images/backgrounds/reeds.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	-webkit-box-shadow: 0px 1px 20px #ccc;
	-moz-box-shadow: 0px 1px 20px #ccc;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.content-left {
	width: 620px;
	float: left;
	padding: 0px 20px 10px 20px;
}

.content-left h4 {
	margin: 0px;
	padding: 8px 0px;
	font-size: 15px;
	color: #111;
}

.content-left h5 {
	margin: 0px;
	padding: 6px 0px;
	font-size: 13px;
	color: #111;
}

.content-left p a {
	padding: 2px 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	background-color: #f6f3d9;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

.content-left p a:hover {
	color: #222;
	text-decoration: underline;
}

.content-right {
	float: right;
	width: 240px;
}

.content-right h2 {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3c3c3c;
	text-transform: none;
}

.content-right h3 {
	width: 200px;
	padding: 6px 2px;
	clear: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3c3c3c;
	text-transform: none;
}

.content-right h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #514e3d;
	float: right;
	position: relative;
	top: 140px;
	right: 40px;
}

.content-right h4 a {
	color: #514e3d;
	text-decoration: none;
}

.content-right h4 a:hover {
	color: #514e3d;
	text-decoration: none;
	border-bottom: 1px dotted #514e3d;
	cursor: pointer;
}

.content-right h5 {
	padding: 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666;
}

.content-right h5 a {
	color: #666;
	text-decoration: none;
}

.content-right h5 a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #514e3d;
	cursor: pointer;
}

.content-right p {
	padding: 0px 0px 2px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #777777;
	line-height: 16px;
}

/* Special */
/* */

h3.testimonial {
	margin: 0px;
	padding: 4px 2px;
	color: #222;
	float: right;
	font-size: 16px;
	font-family: "Myriad Pro", Trebuchet MS, Arial;
	text-transform: uppercase;
}

h4.testimonial {
	margin: 0px;
	padding: 2px;
	clear: right;
	float: right;
	color: #444;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

h4.testimonial a {
	color: #444;
	text-decoration: none;
}

h4.testimonial a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

.home h2 {
	color: #222;
	font-size: 40px;	
	font-family: Arial, Helvetica, sans-serif;
}

.home p {
	margin: 0px;
	padding: 4px;
	font-size: 18px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #444;
}

.home p em {
	padding: 2px 8px;
	font-size: 24px;
	color: #333;
	background-color: #f6f3d9;
}


.what-we-do {
	margin: 0px auto;
	padding: 15px;
	width: 525px;
	height: 90px;
	position: relative;
	top: 15px;
	left: 45px;
	background-color: #d3873c;
	border: 7px solid #fff3e6;
	color: #fff;
	text-align: center;
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.what-we-do:hover {
	color: #fff;
	background: #860303;
	border: 7px solid #ffe6e6;
	cursor: pointer;
}

/*.involved h2 a {
	width: 250px;
	height: 45px;
	margin: 0px auto;
	padding: 20px;
	background-image: url(../images/get-involved.jpg);
	background-repeat: no-repeat;
	border: 7px solid #fff3e6;
	color: #fff;
	font-size: 39px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
}

.involved h2 a:hover {
	text-decoration: underline;
	border: 7px solid #ffe99e;
}*/


.quote {
	clear: left;
	margin: 10px auto;
	padding: 10px 15px 5px 15px;
	width: 400px;
	background-color: #f8f7e7;
	border: 2px dotted #efeccf;
	text-align: center;
	position: relative;
	top: 20px;
}

.quote p {
	color: #444;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 18px;
	text-align: center;
}

.quote p strong {
	color: #666;
}

.inspiring-change {
}	

/* Panels */
/* */

.panel-coaching {
	width: 195px;
	height: 187px;
	padding: 35px 15px 0px 20px;
	background-image: url(../images/tabs/coaching.jpg);
	background-repeat: no-repeat;
}

.panel-protective {
	width: 195px;
	height: 187px;
	padding: 35px 15px 0px 20px;
	background-image: url(../images/tabs/protective.jpg);
	background-repeat: no-repeat;
}

.panel-restorative {
	width: 185px;
	height: 187px;
	padding: 35px 20px 0px 25px;
	background-image: url(../images/tabs/restorative.jpg);
	background-repeat: no-repeat;
}

.panel-stay-in-touch {
	width: 230px;
	padding: 0px;
	background-image: url(../images/tabs/stay-in-touch-bg.jpg);
	background-repeat: repeat-y;
}

.panel-stay-in-touch-top {
	width: 230px;
	height: 48px;
	background-image: url(../images/tabs/stay-in-touch-top.jpg);
	background-repeat: no-repeat;
}

.panel-stay-in-touch-bottom {
	width: 230px;
	height: 20px;
	background-image: url(../images/tabs/stay-in-touch-bottom.jpg);
	background-repeat: no-repeat;
}

.panel-content {
	padding: 10px 15px 0px 25px;
}

.panel-content p {
	text-align: left;
}

.panel-content ul {
	margin: 0px;
	padding: 5px;
	text-align: left;
}

.panel-content ul li {
	margin: 0px;
	padding: 1px;
	text-align: left;
}

.panel-content a {
	text-decoration: none;
	color: #777;
}

.panel-content a:hover {
	text-decoration: none;
	color: #444;
	border-bottom: 1px dotted #777;
}

/* Bottom Footer */
/* */

.bottom {
	padding: 10px;
	width: 880px;
	position: relative;
	background-color: #2f2f2f;
	margin: 0px auto;
	text-align: center;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.bottom p {
	text-align: left;
}

/* Bottom Columns */

.column-testimonials {
	float: left;
	width: 290px;
	margin: 5px;
	padding: 10px;
	text-align: left;
}

.column-links {
	float: left;
	width: 200px;
	margin: 5px;
	padding: 10px;
	text-align: left;
}

.column-about {
	float: left;
	width: 290px;
	margin: 5px;
	padding: 10px;
	text-align: left;
}

.bottom h2 {
	font-size: 22px;
	color: #fff;
	font-family: "Myriad Pro", Trebuchet MS, Arial;
	text-transform: uppercase;
}

.bottom h4 {
	clear: right;
	float: right;
	margin-top: 8px;
	padding: 12px 0px 0px 12px;
	width: 98px;
	height: 24px;
	background-image: url(../images/bottom-read-more.jpg);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #cacaca;
	position: relative;
	right: 20px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.bottom h4 a {
	color: #ccc;
	text-decoration: none;
}

.bottom h4 a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #eee;
	cursor: pointer;
}

.bottom p {
	color: #fff;
	line-height: 15px;
}

.bottom ul {
	margin: 0px;
	padding: 0px;
}

.bottom ul li {
	list-style-type: none;
	margin: 3px 0px;
	padding: 2px 5px;
	font-size: 11px;
}

.bottom ul li a {
	color: #fff;
	text-decoration: none;
}

.bottom ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

.bottom a img {
	float: right;
	padding: 4px;
	background-color: #222;
	border: 1px solid #333;
}

.bottom a:hover img {
	background-color: #333;
	border: 1px solid #444;
}

/* Contact */
/* */

#contact {
	width: 620px;
	float: left;
	position: relative;
	left: 6px;
}

#contact .input-bg {
	clear: left;
	margin: 5px 0px;
	padding: 10px;
}
	
#contact input {
	padding: 5px;
	width: 410px;
	color: #222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	border: 1px dashed #ccc;
}

#contact textarea {
	padding: 5px;
	width: 410px;
	height: 180px;
	color: #222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	border: 1px dashed #ccc;
}
	
#contact .active {
	background-color: #fdecb2;
}

#contact label {
	margin: 0px 11px 0px 0px;
	padding: 11px 0px 0px 9px;
	width: 150px;
	display: block;
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #444;
	text-transform: uppercase;
}

#contact label.error {
	clear: left;
	width: 250px;
	text-align: left;
	padding: 14px 0px 4px 0px;
	color: #da3939;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	position: relative;
	left: 170px;
}

.form-button {
  	width: 421px;
	height: 75px;
	margin: 0px auto;
	padding: 15px;
	float: right;
	background-color: #d3873c;
	border: 7px solid #fff3e6;
	color: #fff;
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	right: 13px;
}

.form-button:hover {
	color: #fff;
	background: #860303;
	border: 7px solid #ffe6e6;
	cursor: pointer;
}

/* Footer */
/* */

.footer {
	width: 860px;
	height: 40px;
	margin: 0px auto;
	padding: 20px;
	text-align: center;
}

.footer p {
	color: #fff;
	padding: 3px 0px 3px 0px;
	text-align: center;
}

.footer p a {
	text-decoration: none;
	color: #fff;
}

.footer p a:hover {
	text-decoration: underline;
	color: #fff;
}

.footer img {
	padding-left: 2px;
	position: relative;
	top: 2px;
}

/* Clear */
/* */

.clear {
	clear: both;
}