/*
	Copyright 2010 Bayside Psychotherapy
	Developer: Joshua Russell
	Email: joshuarussellx@gmail.com
	@usage Screen
*/

#slideshow {
	background:#fff;
	position:relative;
	height:265px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}




html { background: url('../images/background-repeat.jpg') repeat-x !important; }

body {
	background: url('../images/header.jpg') no-repeat top center;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#content h1 {
	color:#6f2659;
	font-weight:bold;
	font-size:22px;
	margin-bottom:10px;
	margin-top:10px;
}

h5,
h5 a {
	color: #440036;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 4px;
	text-decoration: none;
}

strong { font-weight: bold !important; }

em, i { font-style: italic !important; }

big { font-size: 110%; }

a img { border: none; }

hr {
	border: none;
	border-top: 1px solid #CCC;
	margin-bottom: 27px;
}

a:hover { text-decoration: underline !important; }

/* FORMS */

form p {
	margin-bottom: 0.5em !important;
	clear: both;
}

form label {
	float: left;
	width: 130px;
}

form p.email-sign-up { margin-left: 130px; }

form label.big { width: 300px !important; }

form input.text {
	width: 300px;
	height: 25px;
	border: 1px solid #ccc;
}

form textarea {
	width: 300px;
	height: 100px;
	border: 1px solid #ccc;
}

form .submit {
	margin: 13px 0 20px 130px;
}

/* WRAPPER */

#wrapper,
#inner-footer {
	width: 980px;
	margin: 0 auto;
}

/* HEADER */

#header {
	height: 133px;
	padding: 20px 0 0 0;
}

#header #logo {
	width: 189px;
	height: 105px;
	float: left;
}

#header #logo a {
	background: url('../images/logo.png') no-repeat;
	display: block;
	width: 241px;
	height: 105px;
	margin:  0 0 0;
	text-indent: -9999px;
}

#header .tagline {
	float: left;
	margin-left:170px;
	margin-top: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	font-style:italic;
}

/* MENU */
#nav {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 47px;
}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#nav ul li {
	list-style: none;
	margin: 0px 0px 0px -1px;
	padding: 0px;
}
	
#nav li a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 47px;
	padding: 0 15px;
	text-decoration: none;
	background: url('../images/menu-divider.jpg') top right no-repeat;
}

#nav li a:hover,
#nav li.current a,
#nav :hover > a, #nav ul ul :hover > a {
	background: url('../images/menu-hover.jpg') top right repeat-x;
	text-decoration: none !important;
}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #330728 !important;
	display: block;
	width: 200px;
	height: 28px;
	line-height: 28px;
	color: #FFF;
	border-bottom: 1px solid #5C234F;
}
	
#nav li li a:hover, #nav li li a:active {
	background: #541B46 !important;
}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#nav li li { 
}

#nav li ul a { 
	width: 150px;
}

#nav li ul a:hover, #nav li ul a:active { 
}

#nav li ul ul {
	margin: -29px 0 0 214px; *margin: -29px 0 0 212px !important; *margin: -29px 0 0 212px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { 
	position: static;
}

/* CONTAINER */

#container { padding: 7px 0 51px 0; }

#container #side {
	width: 187px;
	float: right;
}

#container #side p {
	color: #440036;
	margin-bottom: 1em;
}

#container #side p em { font-size: 11px; }

#container #side #contact-information {
	xbackground: url('../images/contact-information-box.jpg') no-repeat;
	xwidth: 138px;
	xheight: 97px;
	color: #5c5c5c;
	xpadding: 22px 0 0 44px;
	margin-bottom: 29px;
	text-align:center;
}

#container #side #contact-information h3 {
	font-size: 16px;
	font-weight: normal;
}

#container #side #contact-information .phone {
	color: #FFF;
	font-size: 21px;
	margin-bottom: 17px;
}

#container #side #contact-information a {
	color: #FFF;
	text-decoration: none;
}

#container #side a {
	line-height: 150%;
	color: #440036;
}

#container #side a:hover { text-decoration: none !important; }

#container #side h4 {
	color: #5C5C5C;
	font-weight: bold;
	margin-bottom: 32px;
}

#p-sub #container #side h4 {
	margin-bottom: 20px;
}

#container #side #downloads { padding-left: 16px; }

#container #side .download {
	background: url('../images/copy-border.jpg') bottom left no-repeat;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#container #side .download h5 a {
	text-decoration: underline;
	font-weight: bold;
}

#container #side #downloads hr { display: none; }

#container #side .download p {
	color: #808080;
	line-height: 18px;
	margin-bottom: 0;
}

#container #content {
	width: 748px;
	float: left;
}

#container #content #promo-banner {
	background: url('../images/promo-banner.jpg') no-repeat;
	width: 597px;
	height: 265px;
	margin-bottom: 16px;
	text-indent: -9999px;
}

#container #content #flash-content {
	width: 597px;
	height: 265px;
	margin-bottom: 16px;
}

#container #content #services {
	background: url('../images/services-box.jpg') no-repeat;
	width: 224px;
	height: 122px;
	padding: 25px 0 0 23px;
	margin-left: 40px;
	display: inline-block;
	float: right;
}

#container #content #services h3 {
	color: #FFF;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}

#container #content #services p {
	width: 140px;
	color: #ABC116;
	font-size: 13px;
	margin-bottom: 13px;
}

#container #content #services legend { display: none; }
#container #content #services select { width: 203px; }

#container #content #copy {
	background: url('../images/copy-border.jpg') bottom left no-repeat;
	padding-bottom:12px;
	margin-bottom: 19px;
}

#p-sub #container #content #copy {
	padding-left: 0;
	width: 570px;
}

#p-sub #container #content ul li,
#p-sub #container #content ol li { list-style: circle !important; }

#p-sub #container #content #copy h2 {
	color: #6f2659;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}

#p-sub #container #content #copy h2 a { text-decoration: none; }

#p-sub #container #content #copy h3 {
	font-weight: bold;
	font-size: 14px;
	color: #6f2659;
}

#container #content #copy ul {
	padding-left: 38px;
	margin-bottom: 32px;
}

#container #content #copy ol {
	padding-left: 22px;
	margin-bottom: 32px;
}

#container #content #copy a {
	color: #4A073C;
	text-decoration: underline;
}

#container #content #copy a.downloadslinks h2 { margin-top: 2em; }

#container #content #copy ol li { list-style: decimal; }

#container #content #copy li {
	color: #5C5C5C;
	line-height: 22px;
}

#container #content #copy h2 {
	color: #5C5C5C;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

#container #content #copy p {
	color: #5C5C5C;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 27px;
}

.site-map #container #copy p,
.site-map #container #copy li,
.site-map #container #copy ul { margin-bottom: 0 !important; }

#container #content #copy p.purple {
	color: #440136;
	font-weight: bold;
	margin-bottom: 0;
}

#container #content #copy p.inline-label {
	margin-left: 130px;
}

#container #content #copy p.signup label { width: auto; }

#container #content #copy p.signup input {
	display: inline-block;
	margin-right: 10px;
}

#container #mp3-downloads {
	background: url('../images/copy-border.jpg') bottom left no-repeat;
	padding: 0 0 0 28px;
	height: 196px;
	margin-bottom: 12px;
}

#container #mp3-downloads img { float: right; }

#container #mp3-downloads h3 {
	color: #ABC116;
	font-size: 19px;
	text-decoration: none;
	float: left;
	width: 383px;
	padding-top: 27px;
}

#container #mp3-search {
	background: url('../images/mp3-search-repeat.jpg') repeat-x;
	width: 568px;
	height: 86px;
	padding: 28px 0 0 22px;
	margin: 0 0 40px 5px;
}

#container #mp3-search legend { display: none; }

#container #mp3-search label {
	color: #FFF;
	font-size: 15px;
	float: left;
	width: 300px;
	margin-right: 50px;
	display: inline-block;
}

#container #mp3-search input { display: block; }

#container #mp3-search input.text {
	background: #FFF;
	border: none;
	width: 193px;
	height: 22px;
	padding: 5px 5px 0 5px;
	margin-bottom: 5px;
}

#container #mp3-search input.search {
	background: url('../images/search-btn.jpg') no-repeat;
	color: #FFF;
	font-size: 17px;
	text-align: center;
	border: none;
	width: 83px;
	height: 34px;
}

#container #content #copy #conditions {
	background: url('../images/conditions-bg.jpg') repeat-x;
	border-top: 1px dashed #CCC;
	padding: 20px;
	width: 530px;
	margin-top: 2em;
}

#container #content #copy #conditions h2 {
	color: #4B3546 !important;
	font-size: 21px !important;
	font-weight: normal;
}

#container #content #copy #conditions ul {
	padding: 0;
	float: left;
	margin-right: 16px;
}

#container #content #copy #conditions ul.first {
	width: 167px;
}

#container #content #copy #conditions ul.second {
	width: 153px;
}

#container #content #copy #conditions ul li {
	color: #5F7600;
	font-size: 13px;
	border-bottom: 1px dotted #CCC;
}

#container #content #copy #conditions ul.last {
	margin: 0 !important;
	width: 167px;
}

#container #refer-a-friend { padding-left: 22px; }

.site-map #container #refer-a-friend { margin-top: 40px; }

#p-sub #container #refer-a-friend { padding-left: 0; }

#p-sub #container #refer-a-friend p {
	padding-left: 0;
	margin-bottom: 5px;
}

#container #refer-a-friend p {
	color: #625B61;
	font-size: 15px;
	padding-left: 6px;
	margin-bottom: 14px;
	width: 377px;
}

#container #refer-a-friend a {
	background: url('../images/refer-a-friend-btn.jpg') no-repeat;
	display: block;
	width: 178px;
	height: 34px;
	line-height: 34px;
	color: #FFF !important;
	font-size: 17px;
	text-decoration: none !important;
	text-align: center;
}

/* FOOTER */

#footer {
	background: url('../images/footer.jpg') repeat-x;
	height: 150px;
}

#footer #inner-footer {
	xbackground: url('../images/inner-footer.jpg') bottom left no-repeat;
	xheight: 323px;
}

#footer #inner-footer p {
	padding-top: 28px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 20px;
}

#footer #inner-footer p.tags {
	color: #B596AF;
	padding: 0;
}

#footer #inner-footer p.tags a { color: #B596AF; }

#footer #inner-footer a {
	color: #FFF;
	text-decoration: none;
}

#footer #inner-footer a:hover { text-decoration: underline; }

/* MISC */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/* GOOGLE MAPS */
#map_canvas, #pano {
	width: 500px;
	height: 300px;
	margin-bottom: 2em;
}

.all-purple,
.all-purple p {
	color: #440036 !important;
}