/* -------------------------------------------------------
THE PLAY PROJECT - Adrienne Klum ( www.citronadedesign.com) 
----------------------------------------------------------*/
html, html * {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	}
body {
	font:normal 80%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
	color:#484848;
	text-align:center;
	}
div#masthead, div#blurb_content, div#container, div#footer_nav_content, div#footer_details_content {
	text-align:left;
	margin:0 auto;
	padding:0 20px;
	min-width:780px;
	max-width:980px;
	}
img, div { 
	behavior: url(iepngfix.htc) 
	}
:focus {
	outline: 0;
	}

/* -------------------------------------------------------
LINKS 
----------------------------------------------------------*/
a:link, a:visited {
	color:#E32636;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #E32636;
	padding-bottom:1px;
	}
a:focus, a:hover, a:active {
	color:#484848;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #484848;
	padding-bottom:1px;
	}
#masthead a, #container h2 a, #footer_nav ul li a, div#footer_details a, li.noborder a {
	border:0;
	}
a img.left {
	padding-top:10px;
	}
a.here:link, a.here:visited, a.here:focus, a.here:hover, a.here:active {
	color:#484848;
	border-bottom:0;
	}
a.link_blue:link, a.link_blue:visited {
	color:#008CC7;
	border-bottom:1px dotted #008CC7;
	}
a.link_blue:focus, a.link_blue:hover, a.link_blue:active {
	color:#484848;
	border-bottom:1px dotted #484848;
	}
div#container div.sidebar_left a:link, div#container div.sidebar_left a:visited, div#container div.sidebar_left a:hover, div#container div.sidebar_left a:active {
	border-bottom:0;
	}
a.up {
	background:transparent url(../media/images/up.gif) left .4em no-repeat;
	padding-left:15px;	
	}
a.video_1 {
	text-indent:-9999px;
	margin:-15px 10px 0 0;
	padding-bottom:15px;
	width:71px;
	height:101px;
	float:left;
	background:transparent url(../media/images/video_1.gif) left top no-repeat;
	}
a.video_2 {
	text-indent:-9999px;
	margin:-15px 10px 0 0;
	padding-bottom:15px;
	width:71px;
	height:101px;
	float:left;
	background:transparent url(../media/images/video_2.gif) left top no-repeat;
	}
a.video_3 {
	text-indent:-9999px;
	margin:-15px 10px 0 0;
	padding-bottom:15px;
	width:71px;
	height:101px;
	float:left;
	background:transparent url(../media/images/video_3.gif) left top no-repeat;
	}
a.video_4 {
	text-indent:-9999px;
	margin:-15px 10px 0 0;
	width:71px;
	height:101px;
	float:left;
	background:transparent url(../media/images/video_4.gif) left top no-repeat;
	}

/* -------------------------------------------------------
TYPOGRAPHY 
----------------------------------------------------------*/
h1 {
	font:bold 140%/170% 'Lucida Grande',Verdana,Arial,sans-serif;
	padding-bottom:10px;	
	}
.nospace {
	padding-bottom:0;
	}
.morespace {
	padding-bottom:20px;
	}
.topspace {
	padding-top:20px;
	padding-bottom:0;
	}
.morejusttop {
	padding-top:10px;
	}
.tag {
	text-indent:18px;
	float:left;
	height:64px;
	width:85px;
	margin-top:-50px;
	margin-bottom:-30px;
	padding:22px 0 0 0;
	background:transparent url(../media/images/tag.png) left top no-repeat;
	}
.cents {
	font-size:80%;
	}
.red {
	color:#E32636;
	}
.blue {
	color:#008CC7
	}
h2 {
	font:bold 110%/140% 'Lucida Grande',Verdana,Arial,sans-serif;
	color:#484848;
	padding:10px 0;		
	}
h3 {
	font:bold 100%/140% 'Lucida Grande',Verdana,Arial,sans-serif;
	color:#484848;
	padding-bottom:10px;
	}
h4 {
	font:bold 100%/140% 'Lucida Grande',Verdana,Arial,sans-serif;
	color:#484848;
	border-top:2px dotted #FDD92C;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:0;
	}
p, div#container ul {
	padding-bottom:10px;		
	}
.carriage {
	margin-top:-10px;
	}
blockquote {
	font:bold 140%/150% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
blockquote.small {
	font:bold 110%/140% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
.warning {
	color:#E32636;
	font-weight:bold;
	}
p.train {
	background:url(../media/images/training.gif) left top no-repeat;
	padding-left:42px;
	}
em {
	font-weight:bold;
	font-style:normal;
	}
.month_content {
	font-size:95%;
	}
/* -------------------------------------------------------
LISTS 
----------------------------------------------------------*/
ul.bullet li {
	list-style-type:disc;
	margin-left:16px;
	}
ul.bullet li ol li {
	list-style-type:decimal;
	margin-left:18px;
	font:normal 80%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
ul.bullet li ul.bullet li {
	margin-left:18px;
	list-style-type:circle;
	font:normal 80%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
ul li ul li {
	margin-left:18px;
	font:bold 80%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
ul.sublist li {
	list-style-type:circle;
	margin-left:18px;
	font:normal 80%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
ol li {
	list-style-type:decimal;
	margin-left:18px;
	}
ol li ol li {
	list-style-type:lower-alpha;
	}
dd {
	margin:-30px 0 15px 70px;
	}
div#sidebar_left ul li ul li {
	background: transparent url(../media/images/arrow.gif) left .5em no-repeat;
	color:#E32636;
	margin-left:20px;
	padding-left:12px;
	}

/* -------------------------------------------------------
TABLES 
----------------------------------------------------------*/
table#comparison {
	text-align:left;
	border-collapse:collapse;
	}
table#comparison th, table#comparison td {
	padding:3px 60px 3px 0;
	}
table#comparison tr.h2 {
	font:bold 110%/140% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
table#comparison tr.subh2 th {
	padding-top:0px;
	padding-bottom:15px;
	}
table#comparison tr.color_a {
	border-top:2px dotted #72D2DF;
	}
table#comparison tr.color_b {
	border-top:2px dotted #72D2DF;
	}

/* -------------------------------------------------------
MASTHEAD 
----------------------------------------------------------*/
div#clouds {
	background:#4897CC url(../media/images/clouds.gif) top center repeat-x;
	height:294px;
	}
div#land {
	margin-top:-194px;
	background:transparent url(../media/images/land.png) top left repeat-x;
	height:194px;
	border-bottom:17px solid #FDD92C;
	}
h1#logo {
	font:normal 100%/100% 'Lucida Grande';
	position:absolute;
	top:55px;
	padding:0 0 0 5px;
	}
h1#logo_print {
	display:none;
	}
h2#tagline {
	text-indent:-9999px;
	background:transparent url(../media/images/tagline.png) top left no-repeat;
	width:432px;
	height:47px;
	position:absolute;
	top:20px;
	padding:0;
	margin-left:5px;
	}
div#nav {
	width:765px;
	height:103px;
	float:right;
	margin-top:-120px;
	}
div#nav ul {
	width:765px;
	height:103px;
	margin:0;
	padding:0;
	}
div#nav ul li {
	background:none;
	float:left;
	height:103px;
	padding:0;
	}
div#nav ul li#home { margin-right:-19px; }
div#nav ul li#about { margin-right:-14px; }
div#nav ul li#consulting { margin-right:-11px; }
div#nav ul li#training { margin-right:-19px; }
div#nav ul li#dvd { margin-right:-32px; }
div#nav ul li#events { margin-right:-28px; }
div#nav ul li#resources { margin-right:-20px; }
div#nav ul li#community { margin-right:-28px; }

div#nav ul li a {
	display:block;
	text-indent:-9999px;
	height:103px;
	position:relative;
	}
	
div#nav ul li#home a { background:transparent url(../media/images/home.png) top left no-repeat; width: 97px; height: 103px; cursor:pointer; z-index:99; }
div#nav ul li#home a.current { background:transparent url(../media/images/home_up.png) top left no-repeat; width: 97px; height: 103px; cursor:default; z-index:110; }
	
div#nav ul li#about a { background:transparent url(../media/images/about.png) top left no-repeat; width: 94px; height: 103px; cursor:pointer; z-index:98; }
div#nav ul li#about a.current { background:transparent url(../media/images/about_up.png) top left no-repeat; width: 94px; height: 103px; cursor:pointer; z-index:110; }

div#nav ul li#consulting a { background:transparent url(../media/images/homeconsulting.png) top left no-repeat; width: 103px; height: 103px; cursor:pointer; z-index:97; }
div#nav ul li#consulting a.current { background:transparent url(../media/images/homeconsulting_up.png) top left no-repeat; width: 103px; height: 103px; cursor:default; z-index:110; }

div#nav ul li#training a { background:transparent url(../media/images/training.png) top left no-repeat; width: 95px; height: 103px; cursor:pointer; z-index:96; }
div#nav ul li#training a.current { background:transparent url(../media/images/training_up.png) top left no-repeat; width: 95px; height: 103px; cursor:default; z-index:110; }

div#nav ul li#dvd a { background:transparent url(../media/images/dvd.png) top left no-repeat; width: 94px; height: 103px; cursor:pointer; z-index:95; }
div#nav ul li#dvd a.current { background:transparent url(../media/images/dvd_up.png) top left no-repeat; width: 94px; height: 103px; cursor:default; z-index:110; }

div#nav ul li#events a { background:transparent url(../media/images/nav_events_2.png) 0 -1px no-repeat; width: 111px; height: 102px; cursor:pointer; z-index:94; }
div#nav ul li#events a:hover { background:transparent url(../media/images/nav_events_2.png) 0 -103px no-repeat; width: 111px; height: 102px; cursor:pointer; z-index:110; }
div#nav ul li#events a.current { background:transparent url(../media/images/nav_events_2.png) 0 -206px no-repeat; width: 111px; height: 102px; cursor:default; z-index:110; }

div#nav ul li#resources a { background:transparent url(../media/images/resources.png) top left no-repeat; width: 105px; height: 103px; cursor:pointer; z-index:93; }
div#nav ul li#resources a.current { background:transparent url(../media/images/resources_up.png) top left no-repeat; width: 105px; height: 103px; cursor:default; z-index:110; }

div#nav ul li#community a { background:transparent url(../media/images/nav_news.png) 0 -1px no-repeat; width: 102px; height: 103px; cursor:pointer; z-index:92; }
div#nav ul li#community a:hover { background:transparent url(../media/images/nav_news.png) 0 -103px no-repeat; width: 102px; height: 103px; cursor:pointer; z-index:100; }
div#nav ul li#community a.current { background:transparent url(../media/images/nav_news.png) 0 -206px no-repeat; width: 102px; height: 103px; cursor:pointer; z-index:110; }

div#nav ul li#contact a { background:transparent url(../media/images/contact.png) top left no-repeat; width: 118px; height: 103px; cursor:pointer; z-index:91; }
div#nav ul li#contact a.current { background:transparent url(../media/images/contact_up.png) top left no-repeat; width: 118px; height: 103px; cursor:default; z-index:110; }

div#nav ul li#home a:hover, div#nav ul li#about a:hover, div#nav ul li#consulting a:hover, div#nav ul li#training a:hover, div#nav ul li#dvd a:hover, div#nav ul li#resources a:hover, div#nav ul li#contact a:hover { 
	background-position: 0px -103px; 
	cursor:pointer; 
	z-index:100; 
	}
/*div#nav ul li.over { 
	background-position: 0px -103px;
	cursor:pointer;
	z-index:100; 
	}*/

div#video_head {
	border-bottom:17px solid #FDD92C;
	padding:10px 0;
	}
/* -------------------------------------------------------
LAYOUT 
----------------------------------------------------------*/
div#container {
	margin-top:30px;
	clear:both;
	}
div.rule {
	margin:2px 0;
	border-top:2px dotted #FDD92C;
	}
div#blurb {
	background-color:#72D2DF;
	min-height:190px;
	}
div#blurb_content {
	padding:20px 0 25px 30px;
	}
div#content {
	margin-left:28%;
	margin-right:28%;
	margin-bottom:30px;
	padding:10px 20px;
	border-left:2px dotted #FDD92C;
	border-right:2px dotted #FDD92C;
	}
div#content_split {
	margin-left:28%;
	margin-bottom:30px;
	padding:10px 20px;
	border-left:2px dotted #FDD92C;
	}
div#content_corner {
	margin-left:28%;
	margin-bottom:30px;
	padding:10px 20px;
	border-top:2px dotted #FDD92C;
	border-left:2px dotted #FDD92C;
	}
div#sidebar_left {
	float:left;
	width:25%;
	margin-bottom:30px;
	padding:10px;
	}
div#sidebar_right {
	float:right;
	width:25%;
	margin-bottom:30px;
	padding:10px;
	}
div#video {
	height:335px;
	width:420px;
	padding-top:41px;
	background:transparent url(../media/images/video.gif) left top no-repeat;
	}
div.contentblock {
	border-top:2px dotted #FDD92C;
	padding-top:10px;
	margin-top:10px;
	}
div.spacer, .clear, div.spacer_thick, .spacer {
	clear:both;
	}
div.left_spacer {
	clear:left;
	}
div.spacer_thick {
	height:20px;
	}
.clear_right {
	clear:right;
	}
.left, .left_margin_right {
	float:left;
	display:inline;
	}
.left_margin_right {
	margin-right:16px;
	}
.right {
	float:right;
	display:inline;
	}
.holdwidth {
	width:220px;
	float:left;
	}
.right_quotation {
	float:right;
	margin-top:-20px;
	margin-bottom:10px;
	}
.right_quotation_small {
	float:right;
	margin-top:-15px;
	margin-bottom:10px;
	}
.left_quotation_small {
	float:left;
	margin-top:-8px;
	}
.right_blurbimage {
	float:right;
	margin-top:-37px;
	margin-right:20px;
	margin-bottom:-30px;
	}
.right_box {
	float:right;
	width:210px;
	margin:5px 0 10px 20px;
	padding:20px 15px 10px 15px;
	border:2px dotted #FDD92C;
	}
.hidden {
	display:none;
	}
.visible {
	visibility:visible;
	}
.container {
	border:2px dotted #FDD92C;
	padding:5px;
	}
#badge_small {
	float:left;
	margin-left:-35px;
	margin-right:-25px;
	position:relative;
	z-index:9999;
	}
#badge_large {
	float:left;
	margin-left:-45px;
	margin-right:10px;
	position:relative;
	z-index:9999;
	}

/* -------------------------------------------------------
EVENT CALENDAR 
----------------------------------------------------------*/
div.month {
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	border:2px dotted #FDD92C;
	height:200px;
	width:200px;
	}
h2.month_title {
	background:#FDD92C url(../media/images/month_title.gif) left bottom repeat-x;
	text-align:center;
	padding-bottom:17px;
	padding-top:5px;
	}
#content_split li.hide p, #content_split li.hide h2, #content_split li.hide h3 {
	display:none;
	}
li.current  {
	position:absolute;
	border:2px dotted #FDD92C; 
	background-color: white; 
	padding:10px 15px 5px 15px;
	}
#content_split li.current p, #content_split li.current h2, #content_split li.current h3 {
	display:block;
	}
.month_content {
	padding:10px 10px 10px 10px;
	}
.noevent, .fixed_width {
	max-width:300px;
	}

/* -------------------------------------------------------
FOOTER 
----------------------------------------------------------*/
div#footer_nav {
	clear:both;
	padding:8px 10px;
	background-color:#FDD92C;
	}
div#footer_nav ul li {
	font:bold 90%/100% 'Lucida Grande',Verdana,Arial,sans-serif;
	display:inline;
	padding-right:10px;
	}
div#footer_nav ul li a, div#footer_details a {
	color:#484848;
	}
div#footer_details {
	background-color:#72D2DF;
	font-weight:bold;
	padding:15px 10px 5px 10px;
	}
div#footer_contact {
	float:left;
	}
a#designer {
	float:right;
	width:15%;
	padding-top:20px;
	text-align:right;
	}
	
/* -------------------------------------------------------
FORMS 
----------------------------------------------------------*/
label {
	font:bold 100%/140% 'Lucida Grande',Verdana,Arial,sans-serif;
	}
div#search_box {
	padding:4px;
	float:right;	
	margin-top:-280px;
	margin-right:20px;
	background-color:#FDD92C;
	max-width:300px;
	}
form#purchase {
	float:right;
	display:inline;
	text-align:right;
	height:64px;
	width:64px;
	margin-left:10px;
	}
input, textarea {
	display:inline;
	border:2px dotted #FDD92C;
	padding:3px;
	}
input:active, textarea:active, input:focus, textarea:focus {
	border:2px dotted #E32636;
	}
form#contactform #last_name, #first_name, #patient_name, #email, #phone, #message {
	width:98%;
	}
form#contactform fieldset#newsletter {
	margin-bottom:20px;
	}
form#contactform h3 {
	padding-bottom:5px;
	}
form#contactform img {
	float:left;
	margin-top:7px;
	}
form#contactform input#newsletter-no {
	margin-left:10px;
	}
div.formsubmit {
	background-color:#FDD92C;
	padding:4px;
	}
input.submit {
	background-color:#FFFFFF;
	border:2px dotted #FDD92C;
	color:#E32636;
	font-weight:bold;
	padding:2px;
	cursor:pointer;
	}
div#search_box input.submit {
	background-color:#FDD92C;
	border:2px dotted #FFFFFF;
	}
form#purchase input.submit, form#purchase input {
	border:none;
	background-color:#FFFFFF;
	padding:0;
	}
input#searchtext {
	background:#FFFFFF;
	padding:5px;
	width:150px;
	margin-right:5px;
	border:none;
	}
/* -------------------------------------------------------------------------
Inner Nav (features)
----------------------------------------------------------------------------*/
#container.dyn div.infoblock{
	position:absolute;
	left:-9999px;
	height:1px;
	overflow:hidden;
	}
#container.dyn div.show{
	position:relative;
	height:auto;
	overflow:visible;
	left:0;
	}
#container.dyn p.back{
	display:none;
	}
#container.dyn #innerNav li {	
	padding-left:12px;
	font:bold 80%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
	background: transparent url(../media/images/arrow.gif) left .5em no-repeat;
	}
#container.dyn #innerNav a {
	border-bottom:0;
	}
#container.dyn #innerNav a.current{
	font-weight:bold;
	color:#2d2d2d; /*darkest gray*/
	cursor:default;
	}