/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
textarea{
	resize:none;
	}
	
/*-----------END CLEARFIX----------*/




/*-------------CONTAINER-----------*/
body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:14px; 
	text-align:center; 
	padding:0;
	margin:0;
	background-color:#FFF;
}

#container{
	position:relative;
	width:750px;
	height:450px;
	background: url(../media/img/layout/bg.gif);
	background-repeat:no-repeat;
	margin: 70px auto 0px auto;
	text-align:center;
	}

#home_container{
	position:relative;
	width:1000px;
	height:700px;
	margin: -60px auto 0px auto;
	text-align:center;
	}


#content{
	position:relative;
	width:688px;
	background:url(../media/img/layout/content_bg.png);
	height:293px;
	padding:20px;
	margin:0px auto;
	text-align:center;
	color:#5e5e5e;
}

#content_copy{
	width:588px;
	position:relative;
	margin:0px auto;
}
	
#footer{
	color:#77b5c2;
	font-size:11px;
	text-align:center;
	margin-top:10px;
}

#nav_space{
	position:relative;
	top:7px;
	margin:auto;
	text-align:center;
}

#dandelion{
	position:absolute;
	z-index:20;
	top:324px;
	left:620px;
	width:80px;
}

img, div { behavior: url(../ iepngfix.htc) }

/*-------- News Page Specific ----------*/

#story_blurb{
	position:relative;
	width:607px;
	background:url(../media/img/layout/news_story_bg.png);
	background-repeat:no-repeat;
	height:71px;
	padding:10px 25px;
	margin:20px auto;
	text-align:left;
	color:#FFFFFF;
}



.story_title{
	font-weight:bold;
	text-transform:uppercase;
}

.read_more{
	font-size:10px;
	text-decoration:none;
	float:right;
	color:#ffffff;
}



/*------- Contact Page Specific --------*/

#contact_copy{
	width:540px;
	margin:10px auto 0px auto;
}

#become-a-member-form div.row div {
	background: transparent url(../media/img/layout/input_bg.png) no-repeat scroll 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../media/img/layout/input_bg.png", sizingMethod="crop");
	height: 26px;
	overflow: hidden;
	width: 361px;
	margin-bottom:10px;
}

#become-a-member-form div.comments div {
	background: transparent url(../media/img/layout/comment_text.png) no-repeat scroll 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../media/img/layout/comment_text.png", sizingMethod="crop");
	height: 139px;
	padding:10px 0px 0px 0px;
	overflow: hidden;
	width: 363px;
}

#become-a-member-form input.text {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #5e5e5e;
	cursor: text;
	font-size: 11px;
	height: 12px;
	line-height: 12px;
	padding: 3px 10px 8px;
	position: relative;
	width: 361px;
}

input:focus {
  outline:0 none;
}

textarea:focus {
  outline:0 none;
}

#become-a-member-form label {
	color: #5e5e5e;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 21px;
	padding-right: 12px;
	text-align: right;
	width: 120px;
}

#become-a-member-form div.last {
	padding-top: 0px;
	text-align:center;
	width:500px;
	margin-left:90px;
}



/*------- Collection Page Specific ------*/


#content_copy_collection{
	width:657px;
	position:relative;
	margin:0px auto;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 8px; /*margin around each panel*/
width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#mygallery a{
	text-decoration:none;
	color:#5e5e5e;
}


/*--collection nav --*/

#collection_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:24px;display:block;}


   
#collection_nav a{
  	display:block;
	height:24px;
	width:100%;
	}	
	

	
#collection_nav a span{display:none;}
  
#collection_nav li ul li a span{display:block; visibility:hidden}  
   
#collection_nav {
    height:24px; 
	width:685px;
    background:url(../media/img/layout/collection_nav.png);
    position: relative;
	display:block;
	padding:0;
	margin:5px auto;
	}	
	
#collection_nav li:hover ul, li.over ul {
	display: block;
}

		
#collection_nav li.on:hover ul, #collection_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topcollection_nav li.off ul, #topcollection_nav li.on ul {
  display: none;
}

	#collection_nav_birthday{left:0px;top:0px; height:24px;width:64px;}
	#collection_nav_thankyou{left:80px;top:0px;height:24px;width:43px;}
	#collection_nav_justforfun{left:139px;top:0px;height:24px;width:48px;}
	#collection_nav_encouragement{left:203px;top:0px;height:24px;width:93px;}
	#collection_nav_sympathy{left:313px;top:0px;height:24px;width:61px;}
	#collection_nav_babies{left:393px;top:0px;height:24px;width:41px;}
	#collection_nav_forladies{left:456px;top:0px;height:24px;width:60px;}
	#collection_nav_notecards{left:535px;top:0px;height:24px;width:58px;}
	#collection_nav_bookmarks{left:612px;top:0px;height:24px;width:73px;}
	
	
	

	#collection_nav_birthday a:hover, .birthday #collection_nav_birthday{
    background: transparent url(../media/img/layout/collection_nav.png)
    -0px -24px no-repeat;}

	#collection_nav_thankyou a:hover, .thankyou #collection_nav_thankyou{
    background: transparent url(../media/img/layout/collection_nav.png)
    -80px -24px  no-repeat;}

	#collection_nav_justforfun a:hover, .justforfun #collection_nav_justforfun{
    background: transparent url(../media/img/layout/collection_nav.png)
    -139px -24px no-repeat;}
	
	#collection_nav_encouragement a:hover, .encouragement #collection_nav_encouragement{
	background: transparent url(../media/img/layout/collection_nav.png)
    -203px -24px no-repeat;}
	
	#collection_nav_sympathy a:hover, .sympathy #collection_nav_sympathy{
    background: transparent url(../media/img/layout/collection_nav.png)
    -313px -24px no-repeat;}

	#collection_nav_babies a:hover, .babies #collection_nav_babies{
    background: transparent url(../media/img/layout/collection_nav.png)
    -393px -24px  no-repeat;}

	#collection_nav_forladies a:hover, .forladies #collection_nav_forladies{
    background: transparent url(../media/img/layout/collection_nav.png)
    -456px -24px no-repeat;}
	
	#collection_nav_notecards a:hover, .notecards #collection_nav_notecards{
	background: transparent url(../media/img/layout/collection_nav.png)
    -535px -24px no-repeat;}
	
	#collection_nav_bookmarks a:hover, .bookmarks #collection_nav_bookmarks{
	background: transparent url(../media/img/layout/collection_nav.png)
    -612px -24px no-repeat;}


/*------ Item page specific ----- */

#order-form div.row div {
	background: transparent url(../media/img/layout/order_input.png) no-repeat scroll 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../media/img/layout/order_input.png", sizingMethod="crop");
	height: 21px;
	overflow: hidden;
	width: 194px;
	margin-bottom:10px;
}

#order-form div.quantity div {
	background: transparent url(../media/img/layout/quantity_input.png) no-repeat scroll 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../media/img/layout/quantity_input.png", sizingMethod="crop");
	height: 21px;
	overflow: hidden;
	width: 54px;
	margin-bottom:10px;
}

#order-form input.text {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #5e5e5e;
	cursor: text;
	font-size: 11px;
	height: 12px;
	line-height: 12px;
	padding: 3px 10px 8px;
	position: relative;
	width: 194px;
}

input:focus {
  outline:0 none;
}

textarea:focus {
  outline:0 none;
}

#order-form label {
	color: #5e5e5e;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 21px;
	padding-right: 12px;
	text-align: left;
	width: 100px;
	margin-left:0px;
}

#order-form div.last {
	padding-top: 0px;
	text-align:center;
	width:500px;
	margin-left:90px;
	margin-top:30px;
}



/* ===== NAV ===================================================== */
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:18px;display:block;}


   
#nav a{
  	display:block;
	height:18px;
	width:100%;
	}	
	

	
#nav a span{display:none;}
  
#nav li ul li a span{display:block; visibility:hidden}  
   
#nav {
    height:18px; 
	width:372px;
    background:url(../media/img/layout/nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:auto;
	}	
	
#nav li:hover ul, li.over ul {
	display: block;
}

		
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#nav_collection{left:0px;top:0px; height:18px;width:111px;}
	#nav_about{left:111px;top:0px;height:18px;width:89px;}
	#nav_news{left:200px;top:0px;height:18px;width:83px;}
	#nav_contact{left:283px;top:0px;height:18px;width:89px;}
	
	

	#nav_collection a:hover, #collection #nav_collection{
    background: transparent url(../media/img/layout/nav.gif)
    -0px -18px no-repeat;}

	#nav_about a:hover, #about #nav_about{
    background: transparent url(../media/img/layout/nav.gif)
    -111px -18px  no-repeat;}

	#nav_news a:hover, #news #nav_news{
    background: transparent url(../media/img/layout/nav.gif)
    -200px -18px no-repeat;}
	
	#nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/img/layout/nav.gif)
    -283px -18px no-repeat;}