body {
background-color: #263b79;
}

.indented_paragraph {
  line-height:1.5;
  text-align:left;
}


.smContainer {
    width: 1100px;
    margin: 0 auto;
    padding: 0;
   	
	text-align: right;
}

.smLogos {
padding: 1em 0px 0 0;
margin-right: 80px;
display: inline-block;
}

.fbLogo {
float: right;
margin: 0 .5em 0 0;
}

.twitterLogo {
float: right;
margin: 0 .5em 0 0;
}

.mainContainer {
width: auto;
margin:0 auto;
text-align: center;
padding: 2em 0 0 0;
}

.homeLogo {
text-align: center;
margin: 25px 0 0 0;
}

.header {
width: 100%;
text-align: center;
}

.logo {
width: 345px;
height: 83px;

text-align: center;
margin: 0 auto;
}

.indexContainer {
width: 1100px;
margin:0 auto;
text-align: center;
margin-top: 138px;
}

.insideContainer {
width: 1100px;
height: auto;
margin: 0 auto;
padding: 1em 1em 2em 1em;
font-family: 'open_sansregular';
font-weight: 400;
color: #ffffff;
font-size: .9em;
text-align: left;

}

h1 {
font-family: 'open_sanssemibold';
font-weight: 600;
color: #ffffff;
font-size: 1.9em;
}

h1.greet {
font-family: 'calligraph421_btroman';
font-weight: 400;
color: #ffffff;
font-size: 2em;
text-align: center;
text-shadow: 2px 3px 3px #000000;
}

h1.greet a {
font-family: 'calligraph421_btroman';
font-weight: 400;
color: #ffffff;
font-size: 2em;
text-align: center;
text-shadow: 2px 3px 3px #000000;
text-decoration: none;
}


h2 {
font-family: 'open_sanssemibold';
font-weight: 600;
color: #ffffff;
font-size: 1.2em;
}

h2.page {
font-family: 'calligraph421_btroman';
font-weight: 600;
color: #ffffff;
font-size: 2.4em;
text-align: center;
text-shadow: 2px 3px 3px #000000;
}

h3 {
font-family: 'calligraph421_btroman';
font-weight: 600;
color: #ffffff;
font-size: 1.7em;
text-shadow: 2px 3px 3px #000000;
}

h3.page {
font-family: 'calligraph421_btroman';
font-weight: 600;
color: #ffffff;
font-size: 1.5em;
text-shadow: 2px 3px 3px #000000;
text-align: center;
margin-top: -15px;
}

h3.home {
font-family: 'calligraph421_btroman';
font-weight: 600;
color: #ffffff;
font-size: 1.5em;
text-shadow: 2px 3px 3px #000000;
text-align: center;
line-height: 35px;
margin-top: -4px;

}

h3.living {
font-family: 'open_sanssemibold';
font-weight: 600;
color: #ffffff;
font-size: 1.7em;
text-shadow: none;
}

h4 {
font-family: 'open_sanssemibold';
font-weight: 600;
color: #ffffff;
font-size: 1.3em;
/*text-shadow: 2px 3px 3px #000000;*/
}

h4.tag {
font-family: 'calligraph421_btroman';
font-weight: 400;
color: #ffffff;
font-size: 1.1em;
text-shadow: 2px 3px 3px #000000;
text-align: center;
margin-top: -15px;
}

h5 {
font-family: 'open_sanssemibold';
font-weight: 600;
color: #ffffff;
font-size: 1.1em;
text-align: center;
margin-top: -20px;
}

h5.living {
font-family: 'open_sanssemibold';
font-weight: 600;
color: #ffffff;
font-size: 1.3em;
text-align: center;
margin-top: 20px;
}

h5.exhibits {
font-family: 'open_sanssemibold';
font-weight: 600;
color: #ffffff;
font-size: 1.1em;
text-align: left;
margin-top: 25px;
margin-bottom: -10px;
}

.krbox { float: left; clear: both; width: 100%; margin-bottom: 18px; }
.krbox a {
  float: left;
  width: 125px;
  height: 100px;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.krbox a img { 
  float: left; 
  width: 125px;
  height: 100px;
}
.krbox .rightmost { margin-right: 0; }


.captionDesc {
font-family: 'open_sansregular';
font-weight: 400;
color: #000000;
}

.contentBox {
margin:0px auto; 
text-align: center; 
width:80%
}

.contentBox2 {
margin:0px auto; 
text-align: left; 
width:80%
}

.contentBox2 a {
color: #f3f3f3;
text-decoration: none;
}

.contentBox2 a:hover {
color: #f5dada;
text-decoration: underline;
}
 
.pics {
  flex: 33.33%;
  padding: 5px;
}

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


.column1ai {
float:left; 
margin:0 auto; 
width:33%;
text-align: center;
}
  
  

.column2ai {
float:left; 
margin:0 auto;
width:33%;
text-align: center;
}

.column3ai {
float:left; 
margin:0 auto;
width:33%;
text-align: center;
}

.column1 {
float:left; 
margin:0 auto; 
width:50%;
text-align: center;
}
  
  

.column2 {
float:left; 
margin:0 auto;
width:50%;
text-align: center;
}



.insideColumn {
width: 50%;
padding: 2em 2em 2em 2em;
text-align: center;
margin: 0 auto;
}

.insideColumnai {
width: 80%;
padding: 2em 2em 2em 2em;
text-align: center;
margin: 0 auto;
}

.buynow {
width: 100px;
background-color: #000;
line-height: 25px;
text-align: center;
margin: 0 auto;

}

.learnMore {
width: 100px;
background-color: #000;
line-height: 25px;
text-align: center;
margin: 0 auto;

}

.learnMore a {
width: 100px;
background-color: #000;
color: #d6d6d6;
line-height: 25px;
text-align: center;
margin: 0 auto;
text-decoration: none;

}

.learnMore a:hover {
width: 100px;
background-color: #000;
color: #ffffff;
line-height: 25px;
text-align: center;
margin: 0 auto;
text-decoration: none;

}
     
ul.dashpoint {
list-style-type: none;
     padding: 0px;
     margin: 0px;
	 position:relative; left: 7px;
}    

.artOfLiving {
text-align: center;
width: 700px;
margin:0 auto;
}

.artOfLivingText {
text-align: left;
width: 700px;
margin:0 auto;
}

.scrollum {
border: 1px solid #000000;
width: 1100px;
margin: 0 auto;
}

.storeLeftCol {
float: left;
width: 35%;
text-align: center;
}

.storeRightCol {
width: 64%;
float: right;
}

.buyNow {
width: 100px;
background-color: #000;
line-height: 25px;
text-align: center;
margin: 0 auto;

}

.buyNow a {
width: 100px;
background-color: #000;
color: #d6d6d6;
line-height: 25px;
text-align: center;
margin: 0 auto;
text-decoration: none;

}

.buyNow a:hover {
width: 100px;
background-color: #000;
color: #ffffff;
line-height: 25px;
text-align: center;
margin: 0 auto;
text-decoration: none;

}

.buyNowWrapper {
margin: 10px 0 0 0;
}

.clearBoth {
clear: both;
}

.storeWrapper {
width: 100%;
}





/* old styles*/
.artby {
color: #ffffff;
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;

}

.artbyName {
color: #ffffff;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
}

.artbyEmail {
color: #ffffff;
font-size: 14pt;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

.mylinks {
color: #ffffff;
line-height: 20px;
}

.mylinks a {
color: #d8d8d8;
text-decoration: underline;
font-weight: bold;
}

.mylinks a:hover {
color: #b1b303;
text-decoration: none;
}

.collapsible {
  background-color: #263b79;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsible:hover {
  background-color: rgb(40, 61, 225);
}

.hidden {
  display:none
}