/***********Reset css styles**********//*ok*/

html {
	-webkit-text-size-adjust: none; 
	/* Prevent font scaling in landscape in Safari on iPhone*/
	height:100%;
}

body {
	padding:0;
	margin:16px auto;
	width:100%;
	max-width:940px;
	min-width:940px;
	color:#683820;
	background-color:#fffefe;
	font-size:16px;
}
	
ul {
	list-style:none;
}

/*************Main styles********OK*****/

@font-face{ 
	font-family:'open-sans';
	src: url('web fonts opensans/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff');
}

@font-face{ 
	font-family:'open-sans';
	src: url('web fonts opensans/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff');
	font-style:italic;
}

*{ font-family: open-sans, Arial, sans-serif;}

body{	
	line-height:140%;
	position:relative;
}

a {text-decoration:none;}

* a:hover {
	color:#a9054b;
	text-decoration:underline;
}



/*Occasional Use*/
.border {
	height: 1px;
	width: 220px;
	margin:30px auto 20px;
	border-top-width: 1px;
	border-top-style: solid;
	overflow:hidden;
}

.borderNewL {
	width:225px;
	margin:10px auto;
}

.borderNewS {
	width:75px;
	margin:10px auto;
}

.borderNewL img, .borderNewS img {
	border:none;
}

/*Occasional Use*/

/*************HEADER/MASTHEAD and FOOTER
*****************/

header#Masthead {
	width:97.88%;
	border-bottom:1px solid #a69521;
	margin:auto;
}

#logo {
	float:left;
	width:241px;
	margin: 0;
	
}

#logo img {
	border:none;
}


nav {
	height:108px;
	margin-left:35.0%;
	width:65%;
	font-size:1.2em;
	padding-top:6px;
	display:flex;
	text-align:center;
	align-items:flex-end;
}

nav a{
	color:#857c15;
	padding:0;
}

nav a:first-child {
	width:18%;
}

nav a:nth-child(2) {
	width:16%;
}

nav a:nth-child(3){
	width:20%;
}

nav a:nth-child(4) {
	width:15%;
}

nav a:nth-child(5) {
	width:11%;
}

nav a:nth-child(6) {
	width:14%;
}

nav a:nth-child(7){
	align-self:flex-start;
}

nav a:nth-child(7) img{
	border:none;
	height:28px;
	width:28px;
}

nav a span{
	color:#a9054b;
	text-align:center;
	opacity:0;
	margin:0;
	padding:0;
	font-size:.8em;
	transition:opacity ease-out 1s;
}

nav a:hover, nav a:hover span{
	opacity:1;
	color:#a9054b;
	text-decoration:none;
}

body#home nav a:first-child {
	color:#a9054b;
}

body#design nav a:nth-child(2) {
	color:#a9054b;
}

body#calendar nav a:nth-child(3) {
	color:#a9054b;
}

body#kits nav a:nth-child(4) {
	color:#a9054b;
}

body#sites nav a:nth-child(5) {
	color:#a9054b;
}

body#Sandra nav a:nth-child(6) {
	color:#a9054b;
}

/*#Sandra p#about, #Sandra p#about a, #Sandra p#about em, #Sandra p#about span {
	color:#a9054b;
	background-color:#fffded;
}*/

#payPal {
	position:absolute;
	top:8px;
	left:60%;
}

/*body#sites a#s {
	color:#a9054b;
}*/

footer {
	clear:both;
	font-size:87.5%;/*14/16*/
	border-top:1px solid #a69521;
	width:97.88%;
/*	border-top: 2px solid #a69521;
	border-bottom:1px solid #a69521;
	*/margin-left:1.06%;/*10/940*/
	margin-right:1.06%;
	
}

footer ul {
	margin-left:0;
	padding:2px 1px 16px;
}

footer ul li {
	display:inline;
	list-style-type: none;
}

footer ul li#right {
	padding-left:12%;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
}

/* for IE6 */
* html .clearfix {
	height:1%;
}

/* for I7E*/
*:first-child+html .group {
	min-height:1px;
}
/*****************MAIN*******************OK***/

#main, main {
	font-size:1.1em;
	margin:2%;
}

main {
	font-size:1.1em;
	margin:2%;
}

#main a{color:#BA7D59;}

h2 {
	font-size:1.82em;
	font-weight:normal;
	margin-top:0;
}

h3 {
	font-size:1.36em;
	font-weight:normal;
	margin-top:0;
}

h4 {
	font-size:1.05em;
	font-weight:normal;
	margin-top:0;
}

h5 {
	font-size:0.90em;
	font-weight:normal;
	margin-top:0;
}

.clickhere {
	font-style:italic;
	font-size: smaller;
}

.pixel {visibility:hidden;}

img {
	border:groove;
	border-color:rgb(139,124,21);
	border-radius:8px;
}

a:hover img {
	border:groove;
	border-color:#ff252c;
}


/****************HOME***************OK*****/

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#home a h3 {color:#683820;}

#home #main a:hover, #home a:hover h3{color:#a9054b;}

#welcomeIntro{
	font-size: 1.1em;
	/*width:100%;*/
}

#leftContainer {
	float:left;
	width:238px;
	margin:16px 3.0% 0 0;
	text-align:justify;
	font-size:0.9em;
}

#leftContainer img{
	max-width:90%;
	margin:0.3em auto;
	display:block;
}
	
#JMR p{text-aligh:center;}

img#letitBeadsm, img#Duosm {display:block:}

img#letitBeadsmNoPop, img#DuosmNoPop {display:none;}

#topLeft{position:relative;}

#rightContainer{
	margin:54px 0 0 280px;
	text-align:justify;
}

#instructionIntro{
	margin-top:-1.2em;
	height:auto;
}

#designIntro {
	/*margin-top: 80px;*/
	height:260px;
}
	
#videoIntro {margin-top:16px;}	

#kitsIntro {height:auto;}

#FingerBling {
	display:flex;
	margin:24px auto;
	justify-content:space-around;
	align-items:center;
	}

#FingerBling img, #FingerBling p{
	margin:2%;
	width:45%;
	}

#SwarovskiProjects {margin:24px auto;}

#SwarovskiProjects div{
	display:flex;
	margin:24px auto;
	justify-content:space-around;
	flex-flow:wrap;
	align-items:center;
	}

#SwarovskiProjects img, #SwarovskiProjects p{
	margin: 2%;
	width:42%;
}

#SP2 img, #SP2 p{
	margin-top:-10%;
}


#SwarovskiAI {
	max-width:120px;
	margin:24px auto;
}

#SwarovskiAI img{
	border:none;
}

#letitBead {
	margin-top:-4px;
	margin-bottom:20px;
}

#topLeft p{	margin: 0 0 .75em 0;}

/*#instructionIntro p{margin: 16px 0 0.75em 0;}
	*/
	
#instructionIntro p{margin:12px 0;}

#topLeft p.click {
	margin-top:0;
	padding:0;
	font-style:italic;
	color:#690900;
	font-size:0.8em;
	text-align:center;
}

p#inverted, p#original{margin:0;}

#kitsIntro p {margin-top:20px;}

#videoIntro p{text-align:left;}

p#new{margin-top:60px;}

#topLeft h3/*, #instructionIntro h3*/{
	text-align:center;
	margin-bottom: .1em;
}
	
#designIntro h3, #videoIntro h3, 
#kitsIntro h3, #SwarovskiProjects h3, #PublicationandInstruction h3, #instructionIntro h3{
	text-align:left;
	margin-top:24px;
	margin-bottom:4px;
}

#kitsIntro h3 {
	margin-top: 12px;
}

#designIntro h3{margin-top:72px;}

#instructionIntro h3{margin-bottom:0px;}

#home #main #inverted img{
	width:228px;
}


#HDsm, #MCsm{  
	border:#fffefe solid 1px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	max-width:94%;
	margin-top:0;
}

#HDsm:hover, #MCsm:hover{
	border:#cc3820 solid 1px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}


#HDlg,#MClg{
	border:#cc3820 solid 1px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.popupsm.text{position:static;}//what is this selector with the intervening dot supposed to do?
/*
#designIntro img{
	width:234px;
	margin-top:0.75em;
}
*/
img#beadbutton {
	margin:0 16px 8px 0;
	width:234px;
	float:left;
	}

img#BDLogo{
		border:none;
		height:24px;
		display:inline;
		margin-bottom:-2px;
		margin-left:5px;
		margin-right:5px;
		}
		
#videoIntro img{float:left;
				width:50%;
				height:50%;
				margin: 1% 1% 1% 0;
				border:none;
}

#designIntro img, #kitsIntro img{
	float:right;
	margin-left:10px;
	margin-right:2%;
}

#designIntro img{
	margin-top:-64px;
	width:220px;
	/*margin-top:0.75em;*/
}

#new img{
	border:none;
	float:none;
	margin:0 0.3em 0 0;
}

#kitsIntro img{margin-top:-0.8em;}

#videoIntro video{
	width: 600px;
	height:auto;
	margin:0;
	border:groove;
	border-radius:8px;
}

#vIp1{
	padding:0;
	margin:0;
}

/*#SunWorship {position:relative;}*/

#letitBead h3, #SunWorship h3{
	text-align:center;
	margin:auto;
}

#tutorial a, #SunWorship a{text-decoration:none;}

#tutorial img, #SunWorship img{
	max-width:90%;
	margin:0.3em auto;
}

#tutorial img{display:block;}

#tutorial h3, #tutorial h6{
	text-align:center;
	color:#683820;
}
						   
#tutorial h3{
	margin-bottom: 0;
}

#tutorial h6, #SunWorship h6{
	margin:0 auto;
	line-height:120%;
	text-align:center;
}

.spacer {
	clear:right;
	visibility:hidden;
	height:0;
}




/*******************DESIGN****OK*****/

#design h4, #design h2 {text-align:center;}

#beadworkProjects h2 {
	margin-top: 2em;
	margin-bottom:.25em;
} 

div#beadworkProjects {
	height:auto;
	margin-bottom:24px;
}

#beadworkProjects h4, #beadworkProjects h3 {
	margin-bottom:.25em;
	text-align:center;
}

#beadworkProjects img {
	width: 100%;
	position:relative;
}

img#TASsm, img#TASsmNoPop{margin:80px 0;}

img#RIsm, img#RIsmNoPop {margin:0;}

#GIHsmNoPop, #RIsmNoPop, #TASsmNoPop{display:none;}

#col1{
	float:left;
	width:28%;
}

#col2{
	float:left;
	width:28%;
	margin-left:8%;
}

#col3{
	width:28%;
	margin-right:0%;
	float:right;
}

#col1, #col2, #col3{
	font-size:smaller;
	font-style:italic;
	text-align:center;
}

.header {
	font-size:larger;
	font-style:normal;
}

#lushGarden {
	margin:24px 0 28px;
	height:auto;
	clear:both;
}

#lushGarden h2 {margin-top:1em;}

#lushGarden p {
	font-size:1.0em;
	text-align:left;
}

#largeImagediv {
	width:100%;
	height: auto;
	padding-top:24px;
/*	background-color:#ded9bf;
	background-image: url(images/largeImageGradtop2.gif);
	background-repeat:repeat-x;
*/
}

#largeImage {
	height:auto;
	margin:0 auto;
}

#largeImage img{
	border:ridge;
	width: 570px;
	/*width:425px;*/
}

#largeImage h3 {
	text-align:center;
}

#signatureimages1 {
	float:left;
	margin:150px 2% 100px;
	width:14%;
}

#signatureimages1 img {
	margin:1px;
	width: 120px;
	/*width:100px;
	height:80px;*/
}

#signatureimages2 {
	float:right;
	margin: 90px 2% 8px;
	/*margin:120px 2% 80px;*/
	width:14%;
}

#signatureimages2 img {
	margin:1px;
	width: 120px;
	/*width:85px;
	height:100px;*/
}

#largeImagedivbot {
	width:100%;
	height:40px;
/*	background-image:url(images/largeImageGradbot2.gif);
	background-repeat:repeat-x;
*/
}

#lushGardenForm{
	clear:both;
	height:auto;
}

#lushGardenForm p {
	margin-left:18%;
	/*margin-left:10%;*/
	width:64%;
	margin-top:1em;
	margin-botton:1em;
	text-align:justify;
}

#lushGardenButton {
	float:right;
	margin-top:48px;
	margin-right:40px;
}

/*****************ImageCarousel**********/

#designGallery, #conetasticGallery {
	position:relative;
	overflow:auto;
	height: 360px;
}

#designGallery {
	height:360px;
}

#conetasticGallery {
	margin-bottom: -46px;
}

#gallery h2{margin-top:4px;}

.carouselButtondiv {
	height: 36px;
	margin-top: 15px;
	position: absolute;
	top:10%;
    left: 50%;
  	-ms-transform: translate(-50%, -10%);
  	transform: translate(-50%, -10%);
}

.carouselButton{
	width:auto;
	height:30px;
	border-radius:12px;
	font-size:1em;
}

.carouseldiv{
	margin: 0;
	position: absolute;
	top: 74%;
    left: 48%;
    height:240px;
	width:470px;
	overflow:hidden;
  	-ms-transform: translate(-48%, -74%);
  	transform: translate(-48%,-74%);
}

.carouselName {
	margin-top: 290px;
}

#carouselNameh3{
	text-align:center;
}

.carouselimage {
	position:absolute;
	height:150px;
	width:150px;
	margin:10px;
	z-index:1;
	border:none;
}

#kits #conetasticGallery h3{
		text-align:center;
		margin-top:16px;
		}
	
#conetasticGallery .carousel{margin-left:50px;}
	
#conetasticGallery .carouselName {display:none;}

img#third {
	z-index:2;
}

/****************CALENDAR********OK**/


/****************STORE********OK*****/

.bold {font-weight:bold;}

#howTo {
	margin:0 5% 0 45%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	}

#conetasticimg{
	float:left; 
	margin:4px 10px;"
}

.ColumnOne {
	float:left;
	width:45%;
	margin:1%;
}

.ColumnOne img, .ColumnTwo img, .ColumnThree img, .ColumnCenter img {
	width:80%;
	display:block;
	margin:2% auto;
}

.ColumnTwo {
	float:right;
	width:45%;
	margin:1%;
}

.ColumnCenter{
	width:45%;
	margin:1% 25% 1% 25%;
}

/*.ColumnThree {
	float:right;
	width:31.33%;
	margin:1%;
}*/

#IceCreamCone img{
	float:left;
	width:38%;
	}

#IceCreamConeText{
	float:right;
	width:55%;
	margin-top: 8%;
	}

#IceCreamCone form{
	margin-left:32%;
	}
	
/************Popup properties**************/
/*Flanagan, p. 361*/
.popupsm {
/*popup css*/
	position:absolute;
	z-index:1;
	cursor:pointer;
}

.popupsmOpera{
	position:absolute;
	cursor:default;
}

.popuplg {
	position:absolute;
	z-index:3;
	visibility:hidden;
	cursor:default;
}

.h4NoPop {
	visibility:hidden;
	height:0;
	margin:0;
}

#closeboxdivid {
	position:absolute;
	z-index:5;
	cursor:pointer;
}

#closeboximgid {
	height:32px;
	width:32px;
	visibility:hidden;
	border:none;
}
/***********End popup porperties******************/

#MoreConetastic h3, #MoreConetastic h2{
	margin-top:1.3em;
	margin-bottom:0.5em;
	text-align:center;
	font-family:'Slabo 27px', serif;
}

#MoreConetastic h2{margin-bottom:0;}
/*#kits #main h2, #kits #main h3{	font-family:'Slabo 27px', serif;}*/

#kitsdiv, #conetastic, #ChristmasTree, #instructions, div#HGP {margin-top:40px;}

div#HGP2 {
	width:60%;
	margin:24px auto 24px auto;
}

div#HGP {
	clear:both;
	margin-top:60px;
	}

#trapeze{margin-top:12px;}

#coiledbangle p {margin-left:34%;}

/*#ChristmasTree p {
	width:300px;
	text-align:justify;
	margin-top:48px;
	}
*/
#CTsub{display:none;}

#MoreConetastic p {margin:0.3em 0;}

#trapeze p {margin-left:32%;}

/*#CBIIsm{
	border:groove;
	border-color:#8b7c15;
}*/

#CBIIsm {
	display:block;
	height:200px;
	width:267px;
}

.conetasticimgs {
	display:flex;
	align-items:center;
	justify-content:center;
}

.conetasticimgs figure{
	shrink:30%;
	margin: 0 2%;
}

.conetasticimgs figure img{
	/*width:33%;*/
}

.conetasticimgs figcaption{text-align:center;}

#TEsm, #TEsmNoPop, #CTOsm, #CTOsmNoPop, #CTCsm, #CTCsmNoPop {
	height:280px;
	margin-left:12px;
}

#HGPsmNoPop{width:280;}
	
/**********************Christmas Tree mods 1/25***************
Eliminate pop up for Christmas Tree ER. So a) allow nopop images to diplay by deleting from display:none, b) hide popup images, c) let nopop images float:left within a new div, d) change the position of the images to static, and e) have text and PayPal form float:right within a new encompassing div */

/*#CBIIsmNoPop, #TEsmNoPop, #CTOsmNoPop, #CTCsmNoPop, #jetsmNoPop, #fuschiasmNoPop, #bluesmNoPop, #YYIIsmNoPop, #HGPsmNoPop{display:none;}*/

/*#CTCsm, #CTCsmNoPop{margin-left:66%;}
*/

#CBIIsmNoPop, #TEsmNoPop, #jetsmNoPop, #fuschiasmNoPop, #bluesmNoPop, #YYIIsmNoPop, #HGPsmNoPop{display:none;}

#CTOsm, #CTCsm{display:none;}

#CTOsmNoPop, #CTCsmNoPop {
	position:static;
	height:320px;}

#CTImages {
	float:left;
	width:40%;
	margin-bottom: 20px;
	}

#CTText {
	float:right;
	width:55%;
	margin-top:10%;
}

#kits form{
	text-align:center;
	margin-left:40%;
}

#CTText form{
	text-align:center;
	margin-left: 20%;}

#HGPsm{
	width:90%;
	display:block;
	margin:auto;
	margin-top:16px;
}

#kitsIntro img{width:240px;}

#new img{width:40px;}

#conetastic form{
	width:auto;
	margin:12px auto;
/*	text-align:center;*/
}

#coiledbangle form {margin-left:22%;}
	
#HGP form{
	display:block;
}

#conetastic table{
	margin:12px auto;
}

.pixel#HGP{height:0;}

#subhead {
	font-size:0.6em;
	font-style:italic;
}

#kitsdiv ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-left:30px;
	list-style-type:disc;
	margin-left:0;
}

#kitsdiv ol {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding-left:30px;
	list-style-type:lower-alpha;
}

/*#ChristmasTree ul{width:60%;}
*/

#conetastic ul {
	margin:-4px 0 12px auto;
	padding-left:60px;
	list-style-type:disc;
}

#MoreConetastic ul{
	margin-left:-4%;
	margin-top:0.3em;
	}

#trapeze ul/*, #ChristmasTree ul*/{margin-left:31%;}

ul#CTCaptions{margin-left:3%; width:auto;}

#CTCaptions li {
	display:inline;
	font-weight:600;
	font-size:1.1em;
}

li#CTC{margin-left:52%;}

.parens {
	font-size:smaller;
	font-style:italic;
}

/****************Sites***********OK*****/

#intro h4 {
	margin-bottom:1.0em;
}

div#BDClass{
	margin:0 auto 1.0em;
	width:auto;
	
}

#BDClass img{
	height:45%;
	width:45%;
	float:right;
	margin:2%;
}

#BDClass img:nth-child(2){margin-bottom:10%;}

#BDClass p{
	color:#857c15;
	font-style:italic;
	font-size:1.0em;
	text-align:center;
	width:45%;
}

#restart{clear:right;}

dl {
	margin-bottom:0;
}

dd {
	padding-bottom:12px;
}

/************About*************OK******/

#bio {
	margin:0 40px 20px;
}

#bio img {
	float:right;
	margin-left:20px;
}

#VideoList img {
	border:none;
	float:none;
	height:64px;
	vertical-align:middle;
	margin:-6px 0 0;}

#VideoList h3 {height:40px;;margin:4px 0 ;}

#VideoList h5{text-align:center; font-style:italic;}

#bio h3 {
	text-align:center;
	margin-top:24px;
	margin-bottom:20px;
}

#bio ul{
	padding-left:20px;
	margin-top:0.5em;
}

#bio li{
	background: url(images/listimagebead3a.png) no-repeat left center;
	padding: 5px 0px 3px 28px;
	/* reset styles (optional): 
  	list-style: none;
  	margin: 0;*/
}

#bio ul a {
	color:#683820;
	font-style:italic;
}
 
#bio ul a:hover {
	color:#a9054b;
	text-decoration:underline;
}

/*Media queries
**********************************/
@media (max-width:799px){

body{min-width:800px;}

/*************HEADER/MASTHEAD and FOOTER
*****************/

header {
	margin-bottom: 10px;
/*	border-bottom:1px solid #a69521;*/
}

#logo{
	float:none;
	margin-top:8px;
}

nav {
	margin:0 5%;
	padding-top:0;
	width:auto;
	height:auto;
	font-size:0.9em;
}

nav span{display:none;}

#payPal{left:55%;}

#payPal form {margin-left:0;}

footer{font-size:0.7em;}

footer ul li#right {
	padding-left:0;
	display:block;
	text-align:center;
}

/*home
******************/
#main{margin: 20px 5% auto 5%;}

#welcomeIntro{
	max-width:96%;
	text-align:center;}

#leftContainer, #topLeft, #designIntro{height:auto;}

#leftContainer{
	float:none;
	margin:4% 0;
	width:96%;
}

#rightContainer {
	 width:96%;
	 margin: 0;
}

#topLeft{
	margin-bottom:16px;
}

#instructionIntro {
	height:auto;
	margin-top:1.2em;
}

#designIntro, #videoIntro, #kitsIntro, #tutorial {
	margin:auto;
	padding-left:0;
}

#videoIntro {height:auto;}

div#tutorial{margin-top:0;}

h2 {
	font-style:normal;
	font-size:1.6em;
}

#welcomeIntro h2{
	line-height:100%;
	margin-bottom:0;
}

#home h3 {text-align:center;}

#instructionIntro h3{margin-bottom:0.3em;}

#home #main p{
	margin:0;
	padding:0;
	/*text-align:justify;*/
}

#home #topLeft p.click{text-align:center;}

#home #main p.review {
	font-size:0.85em;
	text-align:center;
}

/*#home p#new{margin-top:60px;}*/

#home #main p#box {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


#home #main #kitsIntro p{margin-top:10px;}

/*#home #main #kitsIntro p#new{margin-top:100px;}
*/
#home #main img{
	float:none;
	display:block;
	margin: 1.3em auto 0.3em;
}

#main #instructionIntro img{margin-top:0.3em;}

#home #main #inverted img, p#inverted{
	width:229px;
	margin-top:0.3em;
}

#home #main #designIntro img{margin-top:0;}

#home #main #tutorial img{
	margin:0.3em auto;
	max-width:50%;}

#videoIntro img{width:40%;}

#home #kitsIntro img:first-child{
	margin-top:1.0em;
	width:240px; 
}

#home #kitsIntro #new img{float:left;margin:-0.6em 0.3em 0 0;width:40px;}

#home #main img#ISGB,#home #main img#BeadFest{
	width:80%;
	margin-top:0.3em;
}

#instructionIntro dd{padding-bottom:0.1em;}

#instructionIntro dl{margin-top:0.5em;}

#links dd{ margin-left:0;}	

#videoIntro ul{
	background-image:none;
	list-style-type:disc;
	margin-top:0;
	margin-left:10%;
	padding-left:2em;
	text-align:left;
}
	
#videoIntro li#l0, #videoIntro li#l1, #videoIntro li#l2, #videoIntro li#l3, #videoIntro li#l4, #videoIntro li#l4a, #videoIntro li#l5, #videoIntro li#l6, #videoIntro li#l7, #videoIntro li#l8, #videoIntro li#l9, #videoIntro li#l10{
	padding-left:0;
	line-height:110%;
}
	
#videoIntro video, #InterweaveVideo iframe {
	width:100%;
	height:auto;
	}

#letitBeadsmNoPop, #DuosmNoPop {
	display:block;
	argin:8px auto;
}

#home #main img#letitBeadsm, #home #main img#Duosm{display:none;}

/*Design
*************/

#beadworkProjects img {
	width: 90%;
	margin: 2.5%;
	position:relative;
	display:block;
	margin:8px auto;
}

img#GIHsm, img#RIsm, img#TASsm{display:none;}

#col1, #col2, #col3{
	float:none;
	margin: 2.5%;
	width:90%;
}

#beadworkProjects h2{font-size:1.4em;}

#lushGarden p{
	text-align:justify;
}

#design h2{
	text-align:center;
	margin:0
}

#signatureimages1, #signatureimages2{
	margin:0 auto 1.0em;
	width:100%;
}

#signatureimages2 {
	margin-bottom:12px;
}

/*#signatureimages1 img,
#signatureimages2 img {
	width:29.0%;
	height:auto;
}
*/
#largeImage {
	width:96%;
	clear:both;
}

#largeImage img{
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#lushGardenButton{
	margin:0.5% 1%;
}

#lushGardenForm p{
	width:92%;
	margin:4.0% 4.0% 0;}
	
	#SwarovskiProjects h3{
		width:70%; 
		margin-left:auto; 
		margin-right:auto;
	}
	
	#SwarovskiProjects img, #SwarovskiProjects p{
		margin: 2%;
		width:90%;
	}
	
	#SwarovskiProjects div p:nth-of-type(2) {order:4;}
	
	#SwarovskiProjects div img:nth-of-type(2) {order:3;}
	
	#SwarovskiProjects div{margin-top:0;}
	
	#main #SwarovskiProjects img:first-child{margin-top:4px;}
	
	#SwarovskiAI img{
		margin:10% auto;
	}



/*ImageCarousel
*******************/
/*
.carouselContainer {
	position:relative;
	overflow:hidden;
	height:auto;
	width:100%;
}

.carousel {
	position:absolute;
	float:none;
	margin: 4% 2% 16px;
	height:220px;
}
*/
#conetasticGallery .carousel{margin-left:-60px;}

/*.carouselName{
	float:none;
	width:100%;
	margin:230px auto 0;
}*/

#conetasticGallery .carouselName{display:block;visibility:hidden;}

#carouselNameh3{margin:8px auto;}

/*calendar
*********************/
	
		
/*store
************************/

body{
	min-width:320px;
	margin:0;
	position:static;
}

#conetasticimg{
	float:none;
	margin:12px;}
	
.conetasticimgs{flex-direction:column;}	
	
.popupsm,.popupsmOpera{
	position:static;
	cursor:default;
}

.h4NoPop {
	visibility:visible;
	height:20px;
	width:auto;
	text-align:center;
	margin-bottom:12px;
	margin-left:auto;
	margin-right:auto;
}

#kits #main{text-align:justify;
font-size:1.0em; line-height:130%}	

#kits #main img:hover{
	border:groove;
	border-color:#8b7c15;
}

div#trapeze, div#coiledbangle{height:auto;}

div#conetastic{margin-top:0;}

div#HGP2 {
	width:auto;
	margin:12px auto;
}

#HGP form{margin-left:20%;}

#kitsdiv, #conetastic, #ChristmasTree, #instructions, div#HGP {margin-top:0;}

#kitsdiv H2{
	text-align: center;
}

#kits h2{margin-bottom:8px;}

#instructions h2{line-height:1.0em;}

#kits h3{
	margin-bottom:0;
	text-align:center;
}

#conetastic p, #ChristmasTree p, #HGP p{
	width:auto;
	margin:8px auto 0;
}

#CTImages{
	float:none;
	width:90%;}

#CTText{
	float:none;
	width: 90%;
	}
	
#CTText form{
	margin-left:12%;
	}	

#IceCreamCone img {
	display: block;
	float:none;
	width:90%;
	margin: 2% 5%;}

#IceCreamConeText {
    float: none;
    width: 90%;
    margin-top: 10%;
    }
    
#IceCreamCone form{
margin-left:24%;
}    

#coiledbangle form, #trapeze, #trapeze p, #trapeze form, #conetastic, #conetastic form, #HGP2, #HGP form, #ChristmasTree {margin:0 0 20px 0;}



#CTCaptions {display:none;}

#CTsub{
	font-size:0.7em;
	font-weight:300;
	font-style:italic;
	display:inline;}

#coiledbangle p {margin:0 0 8px 0;}

#inputButton {
	text-align:center;
	width:120px;
	height:26px;
	margin-left:auto;
	margin-right:auto;
}

#coiledbangle form {
	margin-top:0;
	width:120px;
	height:26px;
	margin-left: auto;
	margin-right:auto;
}

#conetastic img, #CBIIsmNoPop, #TEsmNoPop, #HGPsmNoPop, #CTOsmNoPop, #CTCsmNoPop {
	display:block;
	margin:8px auto;
}

#HGPsm{width:90%;}

#CBIIsm, #TEsm, #CTOsm, #CTCsm {display:none;} 

#CBIIsmNoPop{width:90%;}

#conetastic img{width:250px;}

#home #main #EasyMetal img{margin-top:-10px;}

#trapeze table, #HGP table, #ChristmasTree table{
	margin-left:auto;
	margin-right:auto;
}

#conetastic input{
	text-align:center;
}

/*#conetastic table td{text-align:center;}
*********************************************/
#trapeze ul{
	margin-left:0;
	padding-left:20px;
}

#conetastic ul {
	margin:4px 0 4px auto;
	padding-left:20px;
	list-style-type:disc;
}

#ChristmasTree ul{margin-left:0;}

#CTCsm, #CTOsm {margin: 5%;}
 
/*Sites
****************/

#sites #main{text-align:justify;}

#BSNJClass img{
	width:50%;
	max-width:360px;
}

#BDClass img{
/*	float:right;*/
	height:80%;
	width:80%;
	float:none;
	margin: 2% 9%;
}

#BDClass img:nth-child(2){margin-bottom:0;}

#BDClass p{
	width:70%;
	margin:0 14%;
}

/*about
**************/
#bio{
	margin: auto 0% auto 0%;
	background-image:none;
	text-align:justify;
	line-height:120%;
}

#bio img {
	float:right;
	margin-left:2%;
	margin-bottom:.1%;
	max-width:60%;
}

#VideoList img {
	float:none;
	margin: 0 0 4px -2px;
}

}

@media (max-width:607px){
#signatureimages1 img,
#signatureimages2 img {width:30.5%;}
#BSNJClass p{
	font-size:0.8em;
	text-align:center;
	float:none;
	width:80%;
	margin: 0 auto;
}

#BSNJClass img{
	width:80%;
	display:block;
	margin:0 auto;
}



}
@media (max-width:507px){

#signatureimages1 img,

#signatureimages2 img {width:30.0%;}
}

@media (max-width:480px){

/*nav {font-size:1.2em;}*/

#signatureimages1 img,

#signatureimages2 img {width:29.0%;}
}

@media (max-width:375px){

nav {font-size:0.7em;}

#CBIIsm{
	height:211px;
	width:280px;
}
}

/*Media queries to show/hide full-screen and small-screen signatureimages html based on screen size*/

@media only screen and (min-width: 768px) {
	#smallScreenDisplay {
		display:none
		}
}

/*@media only screen and (max-width: 767px) {
	#smallScreenDisplay {
		display:default
		}
}
*/

@media only screen and (max-width: 767px) {
	#fullScreenDisplay {
		display:none
		}
	#signatureimages1 img, signatureimages2 img {
		width:30%;
		height:auto;
		}
	#largeImage {
	margin-top: 1.36em
	}
		
}