/*  Cut Loose Creations -- April 2009
    Author: 3Five Designs, Inc.
    Developer: Jacob LeBeau
    E-Mail: jacob@3fivedesigns.com  */


/* Global Settings
--------------------------------------*/

html, img, h1, h2, h3, h4, ul, div { margin: 0; padding: 0; }

html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; background: #cadda7 url(../images/body_bg.png); }
img, a { border: none; text-decoration: none; }

#container { width: 806px; margin: 0 auto; padding: 0; }

.hide { width: 0; height: 0; overflow: hidden; position: absolute; } /* Hides from visual users */
.clear { clear: both; }


/* Header / Menu Area
--------------------------------------*/

#header { margin: 0; float: left; width: 806px; height: 170px; position: relative; text-indent: -9999px; line-height: 0; background: url(../images/menu_bg.png) bottom left no-repeat; }

	#header h1, #header span { width: 334px; height: 96px; float: left; background: url(../images/logo.png); }
	
	#header ul { width: 520px; height: 23px; position: absolute; top: 122px; left: 31px; list-style: none; }
	#header li { margin: 0 35px 0 0; float: left; }
	#header li a { height: 23px; display: block; color: #cadda7; }
	
		#nav_home a:link, #nav_home a:visited { width: 58px; background: url(../images/nav_home.png); }
		#nav_styles a:link, #nav_styles a:visited { width: 60px; background: url(../images/nav_styles.png); }
		#nav_custom a:link, #nav_custom a:visited { width: 76px; background: url(../images/nav_custom.png); }
		#nav_about a:link, #nav_about a:visited { width: 60px; background: url(../images/nav_about.png); }
		#nav_contact a:link, #nav_contact a:visited { width: 77px; background: url(../images/nav_contact.png); }
		
		#header li a:hover, #header li a:active, #header li a.active { background-position: 0 -23px; }
	
	#header #custom_button:link, #header #custom_button:visited { width: 254px; height: 52px; position: absolute; top: 0; right: 0; color: #cadda7; background: #6aa800 url(../images/order_button.png) 0 0 no-repeat; }
	#header #custom_button:hover, #header #custom_button:active, #header #custom_button.active { background-position: 0 -52px; }
	

/* Content Area
--------------------------------------*/

#content { margin: 20px 0 0 27px; padding: 0 27px 0 0; float: left; display: inline; width: 752px; color: #414141; }

	/* Custom Headings */
	#content #h_one_kind { margin: 13px 0 16px; width: 243px; height: 46px; text-indent: -9999px; line-height: 0; background: url(../images/headers/1ofkind.png) 0 0 no-repeat; }
	#content #h_find_products { margin: 0 0 10px; width: 380px; height: 58px; text-indent: -9999px; line-height: 0; background: url(../images/headers/findproducts.png) 0 0 no-repeat; }
	#content #h_custom { margin: 0 0 18px; width: 251px; height: 45px; text-indent: -9999px; line-height: 0; background: url(../images/headers/custom.png) 0 0 no-repeat; }
	#content #h_about { margin: 0 0 18px; width: 188px; height: 53px; text-indent: -9999px; line-height: 0; background: url(../images/headers/about.png) 0 0 no-repeat; }
	#content #h_contact { margin: 0 0 12px; width: 209px; height: 45px; text-indent: -9999px; line-height: 0; background: url(../images/headers/contact.png) 0 0 no-repeat; }
	#content #h_thanks { margin: 0 0 5px; width: 207px; height: 64px; text-indent: -9999px; line-height: 0; background: url(../images/headers/thankyou.png) 0 0 no-repeat; }
	#content #h_custom_order { margin: 0 0 18px; width: 361px; height: 46px; text-indent: -9999px; line-height: 0; background: url(../images/headers/custom_order.png) 0 0 no-repeat; }
	#content #h_unique { margin: 0 0 -10px; width: 234px; height: 57px; text-indent: -9999px; line-height: 0; background: url(../images/headers/unique_ideas.png) 0 0 no-repeat; }
	#content #h_shirts { margin: 0 0 5px; width: 222px; height: 59px; text-indent: -9999px; line-height: 0; background: url(../images/headers/styles_shirt.png) 0 0 no-repeat; }
	#content #h_bags { margin: 0 0 5px; width: 210px; height: 59px; text-indent: -9999px; line-height: 0; background: url(../images/headers/styles_bag.png) 0 0 no-repeat; }
	#content #h_skirts { margin: 0 0 5px; width: 224px; height: 59px; text-indent: -9999px; line-height: 0; background: url(../images/headers/styles_skirt.png) 0 0 no-repeat; }
	#content #h_elderbibs { margin: 0 0 5px; width: 272px; height: 59px; text-indent: -9999px; line-height: 0; background: url(../images/headers/styles_elderbib.png) 0 0 no-repeat; }
	#content #h_aprons { margin: -5px 0 5px; width: 247px; height: 64px; text-indent: -9999px; line-height: 0; background: url(../images/headers/styles_apron.png) 0 0 no-repeat; }
	
	#content h1 { float: left !important; width: 495px !important; }
	/* --------------- */
	
	#content #full_col { float: left; width: 100%; font-size: 90%; line-height: 130%; }
	#content #full_col #unique_ideas { margin: 28px 0 0; float: left; width: 100%; }
	#content #full_col #unique_ideas h2 { margin: 0 0 18px 0; padding: 0 0 5px; }
	#content #full_col #unique_ideas h3 { margin: 0 0 5px 0; font-size: 110%; line-height: 140%; }
	#content #full_col #unique_ideas p { font-size: 100%; }
	#content #full_col #unique_ideas img { margin: 0 18px 0 0; float: left; }
	
	#content #main_col { float: left; width: 500px; position: relative; font-size: 90%; line-height: 130%; }
	#content #main_col h2 { margin: 0 0 10px; font-size: 130%; line-height: 130%; font-weight: normal; }
	#content #main_col ul { margin: 5px 0 20px 28px; }
	#content #main_col li { margin: 0 0 5px; }
	#content #main_col p { margin: 0 0 15px; }
	#content #main_col a:link, #content #main_col a:visited, #content #right_col a:link, #content #right_col a:visited { font-weight: bold; color: #b34894; }
	#content #main_col a:hover, #content #main_col a:active, #content #right_col a:hover, #content #right_col a:active { color: #ea46ba; }
	
	#content #right_col { width: 230px; float: right; }
	#content #right_col h2 { margin: 0 0 5px; font-size: 130%; }
	
		#content #submenu { margin: 35px 0 0; padding: 0 0 0 5px; }
		#content #submenu ul { list-style: none; }
		#content #submenu li { padding: 5px 0 5px 14px; background: url(../images/normal_bullet.png) 0 50% no-repeat; border-top: 1px solid #a5bd7e; }
		#content #submenu a.active { color: #7d8470; }
		#content #submenu.small { margin: 10px 0 0; }
		
		#content #thumbnails { width: 230px; height: 225px; }
		#content #thumbnails_small { margin: 64px 0 0; width: 230px; height: 115px; }
		#content #thumbnails_med { margin: 64px 0 0; width: 230px; height: 230px; }
		
		#content #thumbnails li, #content #thumbnails_small li, #content #thumbnails_med li { margin: 0 0 5px 5px; width: 110px; height: 110px; float: left; display: inline; list-style: none; }
		#content #thumbnails img, #content #thumbnails_small img, #content #thumbnails_med img { padding: 5px; background: url(../images/thumb_bg.png) 0 0 no-repeat; }
		#content #thumbnails a { display: block; width: 115px; height: 115px; }
		#content #photos { padding: 9px 0 0; width: 500px; float: left; background: url(../images/photos_top_bg.png) 0 0 no-repeat; }
		#content #photos img { padding: 0 9px 9px; background: url(../images/photos_bot_bg.png) left bottom no-repeat; }
		
		#content #main_col .overlay { width: 94px; height: 94px; position: absolute; top: 73px; left: 9px; background: url(/assets/images/new_corner.png) 0 0 no-repeat; }	
		#styles #content #main_col .one { z-index: 15; }
		
		#content #style_right { position: absolute; top: 20px; right: 10px; z-index: 150; width: 300px; height: 46px; color: #545454; background: url(../images/style_name_r.png) right bottom no-repeat; }
		#content #style_left { padding: 16px 4px 0 18px; position: absolute; top: 20px; right: 25px; z-index: 149; height: 30px; color: #767676; font-size: 130%; text-align: right; background: url(../images/style_name_l.png) left bottom no-repeat; }
		#content #style_name { color: #67970e; }
		
		#content #contact h2 { margin: 5px 0 12px; border-bottom: 1px solid #a5bd7e; }
		#content #contact img { margin: 0 0 8px; }
		#content #contact p { margin: 0 0 10px 3px; }
		
		#content #unique_ideas h2 { margin: 5px 0 12px; border-bottom: 1px solid #a5bd7e; }
		#content #unique_ideas h3 { margin: 0 0 3px 3px; font-size: 90%; line-height: 140%; }
		#content #unique_ideas img { margin: 0 0 9px; }
		#content #unique_ideas p { margin: 0 0 10px 3px; font-size: 80%; }
		
		#content #right_col #all_custom { padding: 5px 0 0; display: block; width: 100%; font-size: 80%; text-align: right; border-top: 1px solid #a5bd7e; }
	
	#content .line { padding: 18px 0 0; border-top: 1px solid #a5bd7e; }
	#content #bio { padding: 18px 0 0; font-weight: bold; border-top: 1px solid #a5bd7e; }
	#content #bio img { margin: 0 18px 0 0; float: left; }


/* Forms
--------------------------------------*/

#main_col form { margin-bottom: -15px; float: left; }
#main_col fieldset { margin: 0 0 20px; padding: 0; float: left; border: solid 0 transparent; }
#main_col fieldset fieldset { margin: 0 0 15px; padding: 0 8px 16px 8px; width: 480px; border: 1px solid #a5bd7e; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#main_col fieldset fieldset fieldset { margin: 10px 0; padding: 0; border: none; }
#main_col fieldset span.description { padding: 8px 0 12px; float: left; width: 500px; font-weight: bold; }
#main_col fieldset span.description_line { margin: 0; padding: 5px 0 15px; float: left; width: 500px; font-weight: bold; border-top: 1px solid #a5bd7e; }
#main_col fieldset span.description_special { margin: 25px 0 0; float: left; width: auto; font-weight: bold; }
#main_col fieldset legend { margin: 0 0 3px; padding: 0 0 4px; font-size: 140%; font-weight: bold; color: #414141; }
#main_col fieldset fieldset legend { margin: 0; padding: 4px; font-size: 120%; font-weight: bold; }
#main_col fieldset fieldset fieldset legend { font-size: 100%; }
#main_col fieldset.top_margin { margin-top: 10px; }
#main_col label { margin: 8px 0 0; display: block; font-weight: bold; }
#main_col label span { font-weight: normal; font-size: 90%; }
#main_col label.check_label { font-weight: normal; }
#main_col .form_input { margin: 2px 0 4px; padding: 4px 3px; width: 280px; font-size: 110%; background: #eaf2dc; border: 1px solid #87966c; border-bottom: 2px solid #87966c; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#main_col .form_check { margin: 3px 8px 0 12px; float: left; }
#main_col .form_radio { margin: 3px 8px 0 12px; float: left; }
#main_col .form_submit { margin: 15px 0 0; padding: 6px; clear: both; font-weight: bold; }
#main_col textarea { margin: 2px 0 12px; padding: 4px 3px; width: 450px; height: 160px; font-size: 110%; font-family: Arial, Helvetica, sans-serif; background: #eaf2dc; border: 1px solid #87966c; border-bottom: 2px solid #87966c; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#main_col div.feildset_column1 { margin: 0 26px 0 0; float: left; width: auto; }
#main_col div.feildset_column2 { margin: 0 26px 0 0; padding: 0 0 0 14px; float: left; width: auto; border-left: 1px solid #a5bd7e; }
#main_col div.feildset_column3 { margin: 0 0 0 16px; float: left; width: auto; }

#main_col div.fieldset_inner { margin: 4px 0 -20px; padding: 0 0 10px 2px; width: 480px; float: left; }
#main_col div.fieldset_inner_line { margin: 4px 0 0; padding: 0 0 16px 2px; width: 480px; float: left; border-bottom: 1px solid #a5bd7e; }

#main_col input.error,
#main_col textarea.error { padding-left: 28px; width: 255px; background: #fff url(../images/error.png) 4px 50% no-repeat; border: 1px solid #f00; border-bottom: 2px solid #f00; }
#main_col textarea.error { width: 425px; background: #fff url(../images/error.png) 4px 4px no-repeat; }
#main_col label.error { width: 0; height: 0; overflow: hidden; position: absolute;  }


/* Homepage-Specific Stuff
--------------------------------------*/

#home_left { margin: 15px 0 0; float: left; width: 245px; }

#home_products li { margin: 0 0 8px 28px; padding: 0 0 0 53px; list-style: none; font-size: 170%; font-weight: bold; background: url(../images/home_bullet.png) 0 50% no-repeat; }
#home_products a:link, #home_products a:visited { color: #414141; }
#home_products a:hover, #home_products a:active { color: #b34894; }

#home_photos { margin: -5px -7px 0 0; width: 495px; height: 334px; float: right; background: url(../images/home_photos_bg.png); }
#home_photos img { margin: 23px 0 0 21px; }

#home_bottom { float: left; width: 752px; }

#bottom_right { margin: 15px 0 0; padding: 0 0 5px 32px; width: 317px; float: right; background: url(../images/vertical_divide.png) 0 0 no-repeat; }
#bottom_right h3 { margin: 0 0 10px; font-size: 90%; line-height: 140%; }
#bottom_right #tv_link:link, #bottom_right #tv_link:visited { padding:12px 0 0 51px; height: 40px; display: block; color: #414141; font-size: 90%; font-weight: bold; background: url(../images/tv_icon.png) 0 8px no-repeat; border-top: 1px solid #abc181; }
#bottom_right #tv_link:hover, #bottom_right #tv_link:active { color: #b34894; }

#bottom_left { width: 380px; }
#bottom_left ul { margin: -3px 0 0 18px; list-style: none; float: left; }
#bottom_left li { margin: 0 0 5px; font-size: 80%; font-weight: bold; }
#bottom_left a:link, #bottom_left a:visited { color: #414141; }
#bottom_left a:hover, #bottom_left a:active { color: #b34894; }

#etsy_link { width: 108px; height: 108px; display: block; float: left; text-indent: -9999px; line-height: 0; background: #9bd72d url(../images/etsy_button.png); }
#etsy_link:hover { background-position: 0 -108px; }
	
	
/* Footer Area
--------------------------------------*/

#footer { margin: 25px 0 0; padding: 20px 0; width: 806px; float: left; color: #414141; background: url(../images/horizontal_divide.png) 50% 0 no-repeat; }

	#footer #etsy_small { margin: 6px 12px 0 0; width: 71px; height: 45px; float: left; display: block; text-indent: -9999px; line-height: 0; background: url(../images/etsy_button_small.png) 0 0 no-repeat; }
	#footer #etsy_small:hover { background-position: 0 -45px; }
	#footer #phone_number { float: left; text-transform: uppercase; font-weight: bold; font-size: 90%; line-height: 170%; }
	#footer #phone_number span { font-size: 160%; }
	
	#footer p { margin: 0; }
	
	#footer #green { padding: 5px 55px 0 0; float: right; height: 42px; text-align: center; font-weight: bold; font-size: 85%; text-transform: uppercase; background: url(../images/recycled.png) right top no-repeat; }


/* jQuery
--------------------------------------*/

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; }


/* IE! What Fun!
--------------------------------------*/

* html #content #thumbnails { margin-left: 5px; }
* html #content #thumbnails li, * html #content #thumbnails_small li, * html #content #thumbnails_med li { margin: 0; }
* html #main_col form { margin: 0 0 -30px; }
* html #main_col fieldset legend { margin: 0 0 0 -8px; padding: 0 0 4px -8px; }
* html #main_col .form_submit { float: left; }
* html #footer { margin: 15px 0 0; }