/* CSS Document */



/* slightly enhanced, universal clearfix hack */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac *//* slightly enhanced, universal clearfix hack */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

html{

	font-size:100%;

	}



body{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-color: #ebabc5;

	}

	

img{

	border:0;

}



h1 {

	font-size: 2em;
	color: #f2f0db;
	padding:0 0 10px 0;
	margin:0;
	
}





h2 {
	font-size: 2.8em;
	font-style: normal;
	color: #3e1d09;
	line-height:0.8em;
	padding:0;
	margin:0;

}



h3 {
	font-size: 3em;
	color: #d45781;
	padding: 0;
	margin: 0;

}

h3.left-quote {
	font-size: 5em;
	color: #d45781;
	padding: 0 40px 10px 0;
	margin: 0;
	float: left;

}

h3.right-quote {
	height: 50px;
	font-size: 5em;
	color: #d45781;
	padding: 0;
	margin: 0;
	float: right;

}

h4 {
	font-size: 0.8em;
	font-style: italic;
	line-height:1.2em;
	color: #fecde1;
	padding: 0 0 0 60px;
	margin-top: -10px;

}

h5 {
	font-size: 1em;
	color: #fecde1;
	padding: 0 0 15px 0;
	margin: 0;


}


h6 {
	font-size: 1.3em;
	line-height:1.2em;
	color: #fecde1;
	padding-bottom: 15px;
	

}




ul{
	font-size: 0.9em;
	list-style:disc;
	color: #000000;
	line-height:1.6em;
	padding-bottom:1em;
	margin: 0;

}


li{
	list-style:disc;
	padding-bottom:1em;
	margin: 0;

}


a {
	color:#f2f0db;
	text-decoration: none;
}






p {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.819em;
	line-height:1.6em;
	margin:0;
	padding: 0 0 20px 0;
	text-align:left;
	text-indent:0;

}



/*---------------------------------------------------------------------------------*/

#container{
	width:100%;
	background-image:url(../assets/gfx-background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #ebabc5;
	padding: 0;
	margin-left: auto;
	margin-right: auto;

}





#inner-container{
	width:960px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;

}


/*------headers---------------------------------------------------------------------------*/



#header-container{
	width:960px;
	background-image:url(../assets/gfx-background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	margin-left: auto;
	margin-right: auto;
}



#logo{
	height:246px;
	width:411px;
	background-image:url(../assets/gfx-logo.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;

}


.beads{
	height:30px;
	width:960px;
	background-image:url(../assets/gfx-beads.jpg);
	background-repeat:no-repeat;
	padding: 0 0 20px 0;
	margin:0;
	float:left;

}


#collage-bottom{
	height:376px;
	width:920px;
	background-image:url(../assets/gfx-collage-bottom.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	float:left;

}



#collage-right{
	height: 802px;
	width:331px;
	background-image:url(../assets/gfx-collage-right.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	float:left;

}

#collage-right-bunny-talk{
	height: 802px;
	width:331px;
	background-image:url(../assets/gfx-collage-right-bunny-talk.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	float:left;

}

/*------customer-reviews----------------------------------------------------------------------------*/


#customer-review-link a, .customer-review-link   a:visited {
	display: block;
	height: 152px;
	width: 590px;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;

}

#customer-review-link  a:hover, .customer-review-link  a:active{
	display: block;
	text-indent: -590px;
	float:left;
}


#customer-review-side-link a, .customer-review-side-link   a:visited {
	display: block;
	height: 152px;
	width: 325px;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;

}

#customer-review-side-link  a:hover, .customer-review-side-link  a:active{
	display: block;
	text-indent: -325px;
	float:left;

}

.review-container{
	width: 550px;
	float:left;
	background-image: url(../assets/gfx-article-hr.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding:0;

}

.customer-review-container-inner {
	width: 530px;
	float:left;
	margin: 0;
	padding: 0;

}

/*------bunny talk----------------------------------------------------------------------------*/

.article-container{
	width: 550px;
	float:left;
	background-image: url(../assets/gfx-article-hr.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;

}

.article-inner-container{
	width: 330px;
	float:left;
	padding: 0 0 20px 0;


}


.bunny-talk-pic-container{
	width: 169px;
	height: 169px;
	/*padding: 20px;*/
	margin: 0 20px 0 0;
	float:left;
	border: solid 10px #d45781;
	margin-bottom: 20px;

}

.article-pic-container{
	width: 188px;
	height: 239px;
	/*padding: 20px;*/
	margin: 0 20px 0 0;
	float:left;
	border: solid 10px #d45781;
	margin-bottom: 20px;

}


.more-container{
	float:right;
	color: #f2f0db;
	padding: 0;
	margin: 0;
	font-size: 2em;
	padding:0 0 10px 0;
	margin:0;

}



/*------links----------------------------------------------------------------------------*/



#links-container{
	width:549px;
	padding: 0;
	margin:0;
	float: left;
	

}


.home-link-container  a, .home-link-container   a:visited {
	display: block;
	height: 40px;
	width: 94px;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;

}



.home-link-container  a:hover, .home-link-container  a:active{
	display: block;
	text-indent: -94px;
	float:left;

}



.bunny-talk-link-container  a, bunny-talk-link-container   a:visited {
	display: block;
	height: 40px;
	width: 139px;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;

}



.bunny-talk-link-container  a:hover, .bunny-talk-link-container  a:active{
	display: block;
	text-indent: -139px;
	float:left;

}


.gallery-link-container  a, gallery-link-container   a:visited {
	display: block;
	height: 40px;
	width: 111px;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;

}



.gallery-link-container  a:hover, .gallery-link-container  a:active{
	display: block;
	text-indent: -111px;
	float:left;

}

.shop-link-container  a, shop-link-container   a:visited {
	display: block;
	height: 40px;
	width: 88px;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;

}



.shop-link-container  a:hover, .shop-link-container  a:active{
	display: block;
	text-indent: -88px;
	float:left;

}


.contact-link-container  a, contact-link-container   a:visited {
	display: block;
	height: 40px;
	width: 117px;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;

}



.contact-link-container  a:hover, .contact-link-container  a:active{
	display: block;
	text-indent: -117px;
	float:left;

}

#body-link{
float:left;
color: #666666;

}

#body-link  a, #body-link   a:visited {
color: #ffffff;
text-decoration: none;

}

#body-link  a:hover, #body-link  a:active{
color: #91CEF4;
text-decoration: none;

}




/*------shop-link----------------------------------------------------------------------------*/



.main-shop-link-container  a, .main-shop-link-container   a:visited {
	display: block;
	height: 184px;
	width: 305px;
	overflow: hidden;
	float:right;
	margin: 0;
	padding: 0;


}




.main-shop-link-container  a:hover, .main-shop-link-container  a:active{
	display: block;
	text-indent: -305px;
	float:right;

}



.main-home-link-container  a, .main-home-link-container   a:visited {
	display: block;
	height: 184px;
	width: 305px;
	overflow: hidden;
	float:right;
	margin: 0;
	padding: 0;

}





.main-home-link-container  a:hover, .main-home-link-container  a:active{
	display: block;
	text-indent: -305px;
	float:right;

}

#main-pic-right{
	width:331px;
	height: 385px;
	padding: 0;
	background-image: url(../assets/gfx-homepage-big-pic.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #333333;
	float: right;

}

.catalogue-link-container  a, catalogue-link-container   a:visited {
	display: block;
	height: 84px;
	width: 330px;
	overflow: hidden;
	float:right;
	margin: 0;
	padding: 0;
	

}



.catalogue-link-container  a:hover, .catalogue-link-container  a:active{
	display: block;
	text-indent: -330px;
	float:right;

}



/*------content pages----------------------------------------------------------------------------*/

#text-container-home{
	width:550px;	
	height:340px;
	padding: 0 20px 0 20px;
	text-align: left;
	color: #333333;
	float:left;
	margin-top: 0;
	margin-left: 20px;
	display: inline;
	background-image: url(../assets/gfx-mag-cover-background.jpg);
	background-repeat: no-repeat;
	background-position: top;

}



#text-container{
	width:550px;	
	padding: 0 20px 0 20px;
	text-align: left;
	color: #333333;
	float:left;
	margin-top: 0;
	margin-left: 20px;
	display: inline;

}

#text-container-inner{
	font-size: 16px;
	width:170px;	
	padding: 40px 0 0 20px;
	text-align: left;
	color: #d45781;
	float:right;
	margin-top: 0;



}



#shop-text-container{
	width:920px;
	margin: 0;
	padding: 0 20px 0 20px;
	text-align: left;
	color: #333333;
	float:left;

}


#column-left{
	width:270px;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: left;
	color: #333333;
	float:left;

}


#column-right{
	width:260px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333333;
	float:left;

}




#lipstick{
	width:122px;
	height: 99px;
	background-image:url(../assets/gfx-lipstick.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	margin:0;
	padding:0; 
	float:right;

}





.frankii-pic-holder{
	width:234px;
	height: 334px;
	padding:0 5px 20px 0; 
	float:left;

}






/*------footer----------------------------------------------------------------------------*/



#container-bottom{
	width:100%;
	height: 105px;
	background-image:url(../assets/gfx-footer-graphic.jpg);
	background-position:top;
	background-repeat: repeat-x;
	margin:0;
	padding:0; 
	float:left;

}


#container-inner-bottom{
	width:100%;
	height:150px;
	margin:0;
	padding:0; 
	float:left;

}


#footer-container{
	width:100%;
	margin:0;
	padding:0;
	position: inherit;
	bottom:0;
}

#footer-container-inner{
	width:900px;
	height:101px;
	padding:0 30px 0 30px;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	position: inherit;
	bottom:0;

}



#footer-text{
	width: 900px;
	padding: 20px 0 0 0;
	margin: 0px;
	float:left;
	color: #ffffff;

}

#footer-text  a, #footer-text   a:visited {
	color: #ffffff;
	text-decoration: none;
 
}

#footer-text  a:hover, #footer-text  a:active{
	color: #fecde1;
	text-decoration: none;

}

.komodo{
	float:right;
	margin-bottom: 20px;

}

.copyright{
	float:left;

}




/*------lightbox----------------------------------------------------------------------------*/



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../assets/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



#gallery-container{

width:960px;

height: 100%;

margin:0;

padding:20px 0 0 80px; 

text-align: left;

float:left;

}


.thumb-container{

width:180px;

margin:0;

padding:0 0 30px 30px; 

float:left;



}