/* Style Resets */
html *		{ margin: 0; padding: 0; }
html		{ font-family: Verdana, Helvetica, Sans-serif; }

body		{  }
img			{ border: 0px; }
a			{  }
a img		{ border: 0px; }
a.active	{ font-weight: bold; }
a:focus		{ outline: 0px; }

br			{  }

/* ======================================================================================================================================= */

div#page_container	{ width: 900px; height: auto; margin: 30px auto 0px auto; background: #fff; }

/* ======================================================================================================================================= */
/* Header */

div#header			{ position: relative; width: 100%; height: 100px; margin: 0px 0px 0px 0px; background: #fff url(../images2009/welcome.gif) no-repeat; }
ul#nav				{ list-style-type: none; position: relative; z-index: 1000; display: block; float: right; height: 15px; margin: 70px 0px 0px 0px; }
ul#nav li			{ position: relative; display: block; width: auto; float: left; margin: 0px 0px 0px 0px; }
ul#nav li span		{ cursor: pointer; color: #bec0c2; font-size: 12px; line-height: 15px; padding: 0px 16px; border-right: 1px solid #bec0c2; }
ul#nav li ul		{ position: absolute; list-style-type: none; top: 30px; left: 0px; display: block; width: 165px; height: auto; padding: 5px 5px 5px 16px; background: #fff; opacity: 0; }
ul#nav li ul li		{ position: relative; display: block; height: 24px; float: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-right: 0px; }
ul#nav li ul li a	{ text-decoration: none; color: #bec0c2; display: block; height: 24px; font-size: 12px; line-height: 24px; }

ul#special_nav		{ list-style-type: none; position: absolute; top: 0px; right: 0px; z-index: 1000; display: block; height: 22px; }
ul#special_nav li	{ float: left; margin: 0px 0px 0px 20px; }
ul#special_nav li a	{ display: block; height: 22px; }
ul#special_nav li a img	{ }
ul#special_nav li a#nav_twitter	{ text-indent: -9999px; width: 75px; background: url(../images2009/twitter.gif) no-repeat; background-position: 0px 0px; }
ul#special_nav li a#nav_twitter:hover	{ background-position: 0px -22px; }
ul#special_nav li a#nav_facebook	{ text-indent: -9999px; width: 69px; background: url(../images2009/facebook.gif) no-repeat; background-position: 0px 0px; }
ul#special_nav li a#nav_facebook:hover	{ background-position: 0px -22px; }


/* ======================================================================================================================================= */
/* Shadow Boxes - The slides */

div#shadow_boxes				{ width: 100%; height: 500px; margin: 0px 0px 20px 0px; background: #fff; }
div#shadow_boxes_not_active		{ width: 100%; height: 450px; margin: 0px 0px 20px 0px; background: #fff; }

ul#large_window					{ position: relative; list-style-type: none; display: block; width: 100%; height: 350px; }
ul#large_window_video			{ position: relative; list-style-type: none; display: block; width: 100%; height: 450px; background: url(../images2009/gradientblank.jpg) no-repeat;}

div#small_window_highlite		{ position: relative; width: 100%; height: 24px; }
div#small_window_highlite img#highlite	{ position: absolute; left: 0px; top: 0px; }
ul#small_window					{ list-style-type: none; position: relative; display: block; width: 100%; height: 126px; background: #fff; }

ul#small_window li				{ position: relative; cursor: pointer; display: block; width: 149px; height: 126px; float: left; border-right: 1px dashed #bec0c2; }
ul#small_window li img			{ opacity: 0.4; }
ul#small_window li.active img	{ opacity: 1; }

ul#large_window li				{ position: absolute; top: 0px; left: 0px; display: block; width: 900px; height: 350px; opacity: 0; }
ul#large_window_video li		{ position: absolute; top: 0px; left: 0px; display: block; width: 900px; height: 350px; opacity: 0; }
div#shadow_boxes_not_active ul#large_window li	{ opacity: 1; }
div#shadow_boxes_not_active ul#large_window_video li	{ opacity: 1; }

div#smartbutton					{ display: block; width: 567px; height: 357px; margin: 45px auto 0px auto; }


/* BeautyBar Registration */
form#beautybar_registration { display: block; width: 280px; float: left; margin: 0px 0px 0px 50px; }
form#beautybar_registration div.form_row	{ overflow: hidden; display: block; clear: both; margin: 0px 0px 6px 0px; }
form#beautybar_registration label			{ display: block; height: 24px; float: left; font-size: 14px; color: #959595; line-height: 24px; margin: 0px 0px 0px 6px; }
form#beautybar_registration	input.text_input	{ display: block; width: 210px; height: auto; float: right; font-size: 16px; padding: 2px 0px 2px 2px; border: 2px solid #d7d7d7; }
form#beautybar_registration	input.submit_input	{ display: block; float: right; margin-top: 10px; }

/* ======================================================================================================================================= */
/* Excitings - What's new, what's happening */

div#excitings						{ width: 100%; margin: 0px 0px 0px 0px; }
div.exciting						{ overflow: hidden; width: 100%; height: auto; padding: 40px 0px 10px 0px; margin: 0px 0px 25px 0px; background: #fff url(../images2009/gradient.gif) no-repeat; }
div.exciting img.exciting_title		{ margin: 0px 0px 10px 0px; }
div.exciting ul						{ list-style-type: none; }
div.exciting ul li					{ display: block; float: left; width: 148px; margin: 0px 1px; color: #77787b; }
div.exciting ul li h3.event_date	{ display: block; width: 128px; font-size: 10px; color: #565759; margin: 0px auto 1px auto; }
div.exciting ul li p.event_time		{ display: block; width: 128px; font-size: 11px; margin: 0px auto 1px auto; }
div.exciting ul li p.event_location	{ display: block; width: 128px; font-size: 10px; margin: 0px auto 1px auto; }
div.exciting ul li img.event_image	{ display: block; margin: 6px auto 6px auto; }
div.exciting ul li h2.event_title	{ font-family: Georgia, serif; display: block; width: 128px; height: 48px; font-size: 14px; color: #1c1c1d; padding: 10px 10px 10px 10px; margin: 0px 0px 6px 0px; background: #efeeee; }
div.exciting ul li h2.event_title span.sub_h2	{ font-family: Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: normal; }
div.exciting ul li p.event_desc		{ display: block; width: 128px; font-size: 10px; margin: 0px auto 1px auto; }

div.exciting ul li ul				{ display: block; width: 147px; height: auto; margin: 0px auto 0px auto; border-right: 1px dashed #bec0c2; }
div.exciting ul li ul li			{ display: block; width: 128px; float: none; font-size: 12px; font-family: Georgia, serif; letter-spacing: 0px; margin: 0px auto 6px auto; }


/* Yoga */
div#yoga_schedule ul li 			{ position: relative; height: 420px; background: #eceff2; }
div#yoga_schedule ul li h2			{ display: block; width: 100%; font-size: 14px; color: #fff; text-align: center; padding: 5px 0px 5px 0px; background: #bec0c2; }

div#yoga_schedule ul li span				{ display: block; width: 100%; position: absolute; }
div#yoga_schedule p.yoga_class_time			{ display: block; width: 100%; font-size: 14px; font-weight: bold; text-align: center; }
div#yoga_schedule p.yoga_class_type			{ display: block; width: 100%; font-size: 14px; text-align: center;  color: #6caedf; }
div#yoga_schedule p.yoga_class_duration		{ display: block; width: 100%; font-size: 10px; text-align: center; }
div#yoga_schedule p.yoga_class_instructor, .yoga_class_aside	{ display: block; width: 100%; font-size: 10px; text-align: center; }
.yoga_class_aside							{ font-weight:bold; margin-top:5px; }
div#yoga_schedule p.yoga_class_special		{ display: block; width: 95%; font-size: 10px; text-align: center; font-style: italic; margin: 5px auto 0px auto; }

div#yoga_events						{padding-left: 10px;}
div#yoga_events h2.yoga-event, #class-details h2		{ font-size: 16px; margin:5px 0; font-family: Georgia; padding-left: 10px;}
div#yoga_events p					{ font-size: 13px; margin-bottom: 6px; padding-left: 10px; color:#565859; }
.spacer								{ margin:20px 0 5px !important; }

div.exciting ul.yoga-list 	{font-size: 13px;}
div.exciting ul.yoga-list li{float: none; display: list-item; width: auto; margin-left: 50px; list-style-type: disc;}
h2.push {float:left; display: inline; display: block; margin-left:20px; clear: left; }
#class-details p			{font-size: 13px; margin-top:8px;}
#class-details .image-right	{float: right; display: block; clear: both; padding-right: 30px;}


/* ======================================================================================================================================= */
/* Contact - modal popup */

div#zoom		{ z-index: 10000; }

div#contact		{ width: 800px; height: 480px; padding: 0px 0px 0px 0px; background: #fff; font-family: Tahoma, Verdana, Helvetica, Sans-serif; }
img#c_header	{ display: block; margin: 40px 0px 20px 40px; }
a#c_map			{ display: block; float: left; margin: 0px 20px 40px 40px; }

div#c_info		{ display: block; width: 240px; float: right; margin: 0px 0px 40px 0px; }
div#c_info p	{ font-size: 14px; color: #909194; margin: 0px 0px 3px 0px; }


div#gait-info	{ display: block; width: 200px; float: right; height: auto; }
div#gait-info p	{ font-size: 12px; color: #909194; margin: 0px 0px 3px 0px; }


/* ======================================================================================================================================= */
/* Videos */

ul#videos { width: 900px; margin: 20px; z-index:1200;}
ul#videos li {list-style-type: none;}
ul#videos li.video { width: 170px; height: 106px; float: left; margin: 0 70px 20px 0; }
ul#videos li.rowend {margin-right: 0px;}
ul#videos li.video div.vidimg { width: 134px; height: 76px; border: 1px solid #999999;}

/* ======================================================================================================================================= */
/* Footer */

div#footer						{ width: 100%; height: 154px; padding: 0px 0px 0px 0px; margin: 0px 0px 40px 0px; background: #fff; border-top: 1px solid #bec0c2; }
div#directory					{ overflow: hidden; height: 130px; padding: 5px 0px 0px 0px; margin: 4px 0px 0px 0px; background: #fff; }
div#footer1						{ width: 274px; height: 100%; float: left; padding: 5px 20px 0px 0px; border-right: 1px dashed #bec0c2; }
div#footer2						{ width: 274px; height: 100%; float: left; padding: 5px 20px 0px 20px; border-right: 1px dashed #bec0c2; }
div#footer3						{ width: 114px; height: 100%; float: left; padding: 5px 20px 0px 20px; border-right: 1px dashed #bec0c2; }
div#footer4						{ width: 114px; height: 100%; float: left; padding: 5px 0px 0px 20px; }

div#footer h1					{ display: block; clear: both; font-size: 12px; color: #39393a; margin: 0px 0px 2px 0px; }
div#footer ul					{ list-style-type: none; display: block; width: 132px; height: auto; float: left; }
div#footer ul li				{ list-style-type: none; height: 15px; }
div#footer ul li a				{ text-decoration: none; color: #77787b; font-size: 11px; line-height: 15px; padding: 0px 0px 0px 0px; }
div#footer ul li a:hover		{ text-decoration: underline; color: #39393a; }

div#footer_controls				{ clear: both; width: 100%; background: #fff; }
div#footer_controls span		{ cursor: pointer; font-size: 12px; color: #77787b; line-height: 20px; }

div#zoom						{ z-index: 10000; }
#frag_main						{margin:0 120px;}

/*
*	My Zoom
*/
#introvideo, #popupvideo, #japanVideo	{ position:absolute; top:25%; left:0; visibility: hidden; z-index:10000; width:100%; height:1px; overflow:visible; }
#introvideoinner, #popupvideoinner		{ width:607px; height:359px; margin-left:-303px; position:absolute; top:-199px; left:50%; background:transparent url('http://www.tonywalker.com/images2009/videobg.png') no-repeat; }
#introvideoClose, #popupvideoClose		{ position:absolute; cursor:pointer; right:-12px; top:-12px; z-index:10000; }

#web_wardrobe_input {margin-left:-6px; margin-right:-6px ;text-size:140px; border-top:3px solid #90278e; border-bottom:3px solid #90278e; border-left:none; width:80px; height:37px; position: relative; top:-15px; font-size: 120%;}