* { margin: 0; padding: 0; }
body { background: #fdffec url(../images/bg.jpg) no-repeat center top; font: 14px Georgia, "Times New Roman", Times, serif; }
h1, h2, h3, h4 { font-weight: normal; }
a { outline: none; }
a:hover { text-decoration: none; }
a img, input, textarea { border: none; }

/* HEADER + NAV RULES */
#head_wrap { margin: 0 auto; width: 1000px; position: relative; z-index: 850; }
#head_wrap:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
#head_wrap h1 { display: block; float: left; text-indent: -9999px; }
#head_wrap h1 a { width: 400px; height: 105px; display: block; background: url(../images/myhandworkstudio_logo.gif) no-repeat 0 0; }
#head_right { width: 600px; display: inline; float: right; }
#head_right p { margin: 0; padding: 6px 0 0 291px; width: 299px; height: 29px; background: url(../images/header_top_right.gif) no-repeat 0 0; color: #6e883b; font-size: 12px; }
#head_right p a { color: #6e883b; text-decoration: none; }
#head_right p a:hover { color: #6e883b; text-decoration: none; border-bottom: 1px dotted; }
#head_right p span { margin: 0 5px; }
	#main_nav { margin: 0; padding-left: 34px; width: 566px; height: 70px; background: url(../images/header_bottom_right.gif) no-repeat 0 0; list-style: none; }
	#main_nav:after { clear: both; visibility: hidden; content: "."; }
	#main_nav li { float: left; position: relative; }
	#main_nav li a { height: 70px; display: block; text-indent: -9999px; }
	#main_nav li a:hover { background-position: 0 -70px; }
	#main_nav li a.selected { background-position: 0 -70px; }
		#main_nav_home { width: 60px; background: url(../images/main_nav_home.jpg) no-repeat 0 0; }
		#main_nav_classes { width: 118px; background: url(../images/main_nav_classes.jpg) no-repeat 0 0; }
		#main_nav_gallery { width: 68px; background: url(../images/main_nav_gallery.jpg) no-repeat 0 0; }
		#main_nav_tour { width: 68px; background: url(../images/main_nav_tour.jpg) no-repeat 0 0; }
		#main_nav_games { width: 65px; background: url(../images/main_nav_games.jpg) no-repeat 0 0; }
		#main_nav_parents { width: 170px; background: url(../images/main_nav_parents.jpg) no-repeat 0 0; }
		#main_nav_shop { width: 55px; background: url(../images/main_nav_shop.jpg) no-repeat 0 0; }
		#main_nav_retailers { width: 70px; background: url(../images/main_nav_retailers.jpg) no-repeat 0 0; }

	#burst { width: 112px; height: 109px; display: block; position: absolute; top: -35px; left: 313px; z-index: 200; }
	#burst_ie6 { display: none; }

	
	#main_nav li ul { padding-top: 5px; width: 170px; height: 120px; display: none; background: url(../images/background_sub_nav.png) no-repeat 0 0; list-style: none; }
	#main_nav li:hover ul, #main_nav li.over ul { display: block; }
	#main_nav li ul li { padding: 4px 20px; width: 130px; height: 17px; display: block; float: none; line-height: 16px; }
	#main_nav li ul li a { height: auto; display: inline; color: #fff; text-indent: 0; text-decoration: none; font-size: 13px; }
	#main_nav li ul li a:hover { color: #fff; border-bottom: 1px dotted #fff; }
	#main_nav .menu_container { width: 170px; position: absolute; top: 55px; left: 5px; z-index: 900; }

/* CONTENT RULES - GLOBAL */
#content_wrap { margin: 0 auto; width: 1000px; position: relative; background: url(../images/background.gif) repeat-y 0 0; }
#content_wrap_fpo { margin: 0; width: 1000px; }
#header_shadow { width: 1000px; height: 13px; display: block; position: absolute; top: 0; left: 0; z-index: 100; background: url(../images/header_shadow.png) no-repeat 0 0; }

/* HOME PAGE RULES */
#home_wrap { width: 1000px; }
#home_wrap:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }

#home_left { margin-left: 24px; width: 653px; display: inline; float: left; }

#home_right { width: 320px; display: inline; position: relative; float: right; }
#home_right #awning { position: absolute; top: 93px; left: 0; z-index: 15; }
#home_right #avatar { position: absolute; top: 215px; left: -30px; z-index: 25; }
#home_right #header_login { width: 310px; height: 55px; display: block; position: absolute; top: 11px; left: 10px; z-index: 5; background: url(../images/header_login_home.png) no-repeat 0 0; text-indent: -9999px; }
#home_right #login_right { width: 37px; height: 100px; display: block; position: absolute; top: 66px; left: 283px; z-index: 5; background: url(../images/login_right_home.png) no-repeat 0 0; }
#home_right a#join { position: absolute; top: 166px; left: 10px; }
#home_right #header_create { width: 298px; height: 55px; display: block; position: absolute; top: 221px; left: 10px; z-index: 5; background: url(../images/header_create_home.png) no-repeat 0 0; text-indent: -9999px; }
#home_right #login { margin: 61px 0 0 22px; width: 265px; height: 110px; display: block; background: #fdffec; }
#home_right #login form br { clear: left; }
#home_right #login label { margin: 13px 0 5px 24px; width: 75px; display: inline; float: left; color: #6b5b8b; }
#home_right #login input { margin: 6px 5px 0 0; padding: 5px 0 0 3px; width: 154px; height: 18px; color: #fff; background: url(../images/input_background.gif) no-repeat 0 0; font-size: 12px; }
#home_right #login p { margin: 6px 5px 0 24px; width: 232px; font: 10px Verdana, Arial, Helvetica, sans-serif; }
#home_right #login p.logged { padding-top: 15px; text-align: center; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 20px; }
#home_right #login p:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
#home_right #login p span { margin: 5px 0 0 0; width: 125px; float: left; }
#home_right #login p input { margin: 0; width: 70px; height: 26px; float: right; background: none; }
#home_right #login a { color: #6b5b8b; }
#home_right #get_started { margin: 100px 0 0 22px; padding-top: 15px; width: 265px; height: 145px; display: block; background: #fdffec; }
#home_right #get_started p { margin: 0 20px 20px 20px; color: #08253D; line-height: 22px; }
#home_right #get_started a { margin-left: 50px; width: 193px; height: 26px; display: block; background: url(../images/button_get_started.gif) no-repeat 0 0; text-indent: -9999px; }

#home_bottom_wrap { padding: 0 0 0 16px; width: 984px; min-height: 132px; display: block; background: url(../images/background_bottom_boxes_bg.gif) repeat-y 0 0; }
#home_bottom_top_image { vertical-align: top; background: url(../images/store_front_bottom_with_stitches.jpg) no-repeat 0 top; height: auto; width: auto; display: block; }
#home_bottom_bottom_image { vertical-align: baseline; background: url(../images/background_bottom_boxes_footer.gif) no-repeat 0 top; height: 14px; width: auto; display: block; clear: both; }

#home_bottom_wrap:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
	.box { margin: 30px 25px 0 0; padding: 0; width: 306px; height: auto; display: inline; position: relative; float: left; color: #08253D; background: url(../images/background_bottom_boxes_soon_middle.gif) repeat-y 0 0; }
	.box h2 { width: 282px; height: 55px; position: absolute; top: -25px; left: -12px; text-indent: -9999px; z-index: 5; }
	.box p { line-height: 22px; }
	.box p.what_is_content { font: 12px Georgia, "Times New Roman", Times, serif; line-height: 20px; }
	.box p.featured_class { margin-bottom: 5px; }
	.box p.featured_class:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
	.box p.featured_class img { margin-bottom: 5px; display: block; border: 2px solid #5d3766; }
	.box p.featured_class a img { margin: 0; float: right; border: none; }
	.box p.featured_class strong { color: #5d3766; }
	.box p.blog { margin-bottom: 12px; }
	.box p.blog a { color: #db6035; }
	.box p.blog span { font: 11px Verdana, Arial, Helvetica, sans-serif; }
	.box strong { color: #db6035; }
	
	.box_top { min-height: 306px; background: url(../images/background_bottom_boxes_soon_top.gif) no-repeat 0 top; }
	.box_bottom { padding: 40px 32px 10px; width: 242px; min-height: 236px; }
	
	.box ul { margin: 8px 0; font-size: 12px; line-height: 20px; list-style-type: circle; }
	.box ul li { list-style-position: inside; }
	.box ul li a { color: #db6035; text-decoration: none; border-bottom: 1px dotted; }
	.box ul li a:hover{ color: #db6035; text-decoration: none; border-bottom:none; }
	/*.box ul li a img { border: none; }
	.box ul li.last { margin: 0 0 11px 0; }
	*/
	.box a.what_is_content  { color: #db6035; text-decoration: none; border-bottom: 1px dotted; }
	.box a:hover.what_is_content { color: #db6035; text-decoration: none; border-bottom:none; }
	.box .kit_month_content { margin-top: 120px; font-size: 12px; margin-bottom: 8px; }
	.box .kit_month_content + p img { margin: 0 15px 0 -15px; }
	.box#featured #thumb { margin: 0 0 5px 0; }
	.box#featured #info h3 { margin: 0 0 8px 0; }
	.box#featured #info h3 a { color: #DB6035; font-size: 14px; font-weight: bold; }
	.box#featured #info #submitted { font-size: 11px; }
	.box#featured #info #submitted a { color: #DB6035; }
	.box a.email { margin-top: 5px; float: right; color: #db6035; font-style: italic; font-weight: bold; text-decoration: none; }
	.box a:hover.email { text-decoration: underline; }
		#what_is { background: url(../images/header_what_is.png) no-repeat 0 0; }
		#featured_class { background: url(../images/header_featured_class.png) no-repeat 0 0; }
		#recent_blog { background: url(../images/header_recent_blog.png) no-repeat 0 0; }
		#kit_month { height: 185px; background: url(../images/header_kit_month.png) no-repeat 0 0; }
		.box_rule { margin: 8px 0 4px; width: 242px; height: 9px; background: url(../images/stitch_line.gif) repeat-x 0 0; }
	.last { margin-right: 0; }
	

/* FOOTER RULES */
#footer_wrap { margin: 0 auto; width: 1000px; }
#footer_content  { margin: 10px 0 10px 0; width: 1000px; text-align: center; }
#footer_content p { color: #08253d; line-height: 24px; }
#footer_content a  { color: #08253d; text-decoration: none; }
#footer_content a:hover { color: #db6035; text-decoration: none; border-bottom:1px dotted; }
#footer_content .left  { width: 900px; text-align: center; float: left; padding: 15px 0 15px; }
#footer_content .right { float: right;; width: 60px; padding: 0px 20px 15px 0; }

/* Character Registration */
#register_content { padding: 20px 50px 30px 50px; width: 900px; display: block; background: url(../images/background_bottom_soon.gif) no-repeat 0 100%; }
	#register_content:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
	#register_content h2 { margin-bottom: 20px; color: #db6035; font-size: 24px; font-style: italic; }
	#register_content h3 { margin-bottom: 20px; color: #db6035; font-size: 14px; font-weight: bold; }
	#register_content p  { margin-bottom: 20px; line-height: 20px; }
	#register_content #content_left              { padding-right: 20px; width: 360px; display: inline; float: left; }
	#register_content #content_left input        { padding: 2px; width: 280px; height: 20px; float: left; background: #fff url(../images/input_background_2.gif) repeat-x 0 0; border: 1px solid #db6035; }
	#register_content #content_left input.button { background:transparent url(../images/button_submit_green_bg.gif) no-repeat scroll left top; border:medium none; cursor:pointer; float:left; height:26px; padding-left:0pt; width:70px; }
	#register_content #content_left label        { margin: 3px 20px 20px 0; width: 120px; display: inline; float: left; }
		#CharacterStage                         { margin: 0 0 25px 75px; }	
	
	#register_content #content_right              { padding-left: 20px; width: 500px; display: inline; float: right; }
	#register_content #content_right strong       { color: #db6035; }
	#register_content #content_right form p       { margin-bottom: 10px; }
	#register_content #content_right label        { margin: 3px 20px 20px 0; width: 190px; display: inline; float: left; }
	#register_content #content_right input        { padding: 2px; width: 280px; height: 20px; float: left; background: #fff url(../images/input_background_2.gif) repeat-x 0 0; border: 1px solid #db6035; }
	#register_content #content_right input.button { padding: 0; width: auto; height: auto; float: left; background: none; border: none; }
	#register_content #content_right select       { padding: 2px; height: 20px; font-size: 11px; float: left; background: #fff url(../images/input_background_2.gif) repeat-x 0 0; border: 1px solid #db6035; }
	#register_content #content_right option       { margin-right: 15px; }
	#register_content #content_right textarea     { margin-bottom: 20px; padding: 3px; width: 424px; height: 100px; background: #fff url(../images/input_background_2.gif) repeat-x 0 0; border: 1px solid #db6035; }
	#register_content #content_right textarea.faq { width: 280px; float: left; }
	#register_content #content_right br           { clear: both; }
		.reg_error						 { margin: 0 0 10px 210px; font-weight: bold; color: #D10019; display: none; }
		.general_error						 { margin: 0 0 10px 210px; font-weight: bold; color: #D10019; display: none; }
	#register_content #content_right #Subscription_Options p { margin: 5px 0; }
	#register_content #content_right #Subscription_Options input { width: 338px; height: 55px; padding: 0px; margin: 0px; float: none; background: none; border: none; }
	#register_content #content_right #Subscription_Options input.SubscribeNow      { width: 338px; height: 55px; margin: 5px 0; background:transparent url(../images/button_subscribe_now.gif) no-repeat 0 0; cursor: pointer; }
	#register_content #content_right #Subscription_Options input.FreeTrial         { width: 338px; height: 55px; margin: 5px 0; background:transparent url(../images/button_start_trial.gif) no-repeat 0 0; cursor: pointer; }

/* Overlay */
#procOverlay    { position: absolute; top:0; left: 0; width: 100%; background-color: #7b864b; cursor: pointer; z-index: 9999;}
#procCenter     { position: absolute; left: 50%; padding:0; text-align:center; color: #FFF; z-index: 9999;}
#procCenter p   { margin-top: 15px; }
#procCenter img { margin: 0; padding: 0; z-index: 9999;  }

/* TOOL TIP RULES */

.tool-tip { width: 270px; z-index: 13000; color: #fff; }
.tool-title { background: url(../images/bg_tool_tip.png) top left; font-size: 2px; text-indent: -9999px; } 
.tool-text { padding: 4px 8px 8px; background: url(../images/bg_tool_tip.png) bottom right; font-weight: bold; font-size: 11px; line-height: 17px; }

/* MISC STYLES */
.clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }