#header{
	position:absolute;
	top:60px;
	left:20px;
	width:32%;
	height:170px;
	background: url(../buttons/title.gif)top left/contain no-repeat;
	z-index:2;
	}
#header:after{
	position:absolute;
	top:180px;
	left:-5px;
	font:12pt  Arial, helvetica, sans-serif;
	color:white;
	content:"Handwoven, art clothing and accessories";
	z-index:4;
	}
#menu{/*top menu*/
	position:fixed;
	top:25px;
	left:25%;
	width:auto;
	height:30px;
	background:black;
	z-index:4;
	}
#msg {/*used in shop.php,*/
	position:fixed;
	top:0px;
	width:100%;
	padding:3px 20px 0px 10px;
	color: #cc9933;
	height: 25px;
	font: 13pt Tahoma;
	letter-spacing: 2px;
	margin:0px 10px 0px 0px;
	text-align:center;
	background-color:black;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	z-index:5;
	}
body {
	margin:0px;
	padding:0px;
	font:14pt  times new roman, times, helvetica, sans-serif;
	font-weight:400;
	line-height:18px;
	color:white;
	background: black url(../buttons/back.jpg) top left repeat;
	}
a:link {
	color:white;
	text-decoration: none;
	border:none;
	}
a:visited {
	color:#d2d2d2;
	text-decoration: none;
	border:none;
	}
a:hover {
	color:#cc9933;
	text-decoration: none;
	border:none;
	}
#slider {
	margin-top:0px;
	margin-right:0px;
	float:right;
	width:95%;
	height:auto;
	padding:5px;
	background: black;
	font-size: 0pt;
	font-weight: 200;
	line-height:0px;
	color:white;
	font-family: ariel, helvetica, sans-serif;
	border: 0pt solid red;
	border-radius:8px;
	clear:both;
	}
#pages{
	position:absolute;
	right:20px;
	top:195px;
	width:120px;
	text-align:left;
	text-indent:0px;
	font: 10pt arial, helvetica, sans-serif;
	border:0pt solid black;
	padding:0px;
	color:Black;
	font-weight:600;
	}
#social2{/*div for social media buttons top*/
	position:absolute;
	top:50px;
	right:10px;
	height:25px;
	width:80px;
	border:0pt solid black;
	z-index:2;
	}
#social{/*div for social media buttons*/
	margin:0px 0px 5px 0px;
	padding:10px 0px 0px 0px;
	height:30px;
	width:400px;
	border:0pt solid red;
	}
#Content {/*used in cal2.php,shop.php,index.php*/
	margin:90px 5% 0px 40%;
	margin:90px 5% 0px 40%;
	width:55%;
	padding:5px;
	color:white;
	background: black;
	float:left;
	font-size: 14pt;
	min-height:500px;
	font-weight: 600;
	font-family: tahoma helvetica sans-serif;
	border:0pt solid white;
	}
#Content2 {/*used in cal2.php,shop.php*/
	margin:90px 5% 0px 35%;
	width:55%;
	padding:5px;
	float:left;
	background: black;
	font-size: 14pt;
	font-weight: 600;
	font-family: tahoma helvetica sans-serif;
	min-height:500px;
	border:0pt solid white;
	}
#left{/*side menu or extra stuff*/
	position:absolute;
	top:290px;
	left:5%;
	width:25%;
	font-size: 14pt;
	background:black;
	border-right:0pt solid #cc9933;
	border-radius:8px;
	}
/*GENERAL COLLAPSIBLE DIVS*/
.collapsible {
  background-color: #553458;
  color: #e3e3e3;
  cursor: pointer;
  padding: 3px;
  width: 95%;
  margin:auto;
  border: 1pt solid black;
  border-radius:8px;
  text-align: center;
  outline: none;
  font-size: 14pt;
 }
.active, .collapsible:hover {
  background-color: #8e6da3;
  border:1pt solid black;
 }
.help2 {
  padding: 0 18px;
  max-height:0;
  width: 90%;
  margin:0px;
  overflow: hidden;
  text-overflow:ellipsis;
  transition: max-height 0.2s ease-out;
  background-color: #8e6da3;
  border-radius:8px;
  font-size:12pt;
  z-index:2;
 }
 /*End Collapsible*/
 .infoS {
	margin-top:0px;
	text-indent:10px;
	width:350px;
	float:right;
	padding:5px;
	min-height:125px;
	background:none ;
	color:#000000;
	border:2pt outset #E3C464;
	font-size:14pt;
	font-weight: 400;
	font-family:  Tahoma arial helvetica sans-serif;
	}
.Clear{/*used in cal2.php,shop.php*/
	clear:both;
	}
h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font:28px  Tahoma times helvetica sans-serif;
	font-weight:900;
	font-size:28pt;
	line-height:25px;
	font-weight:900;
	color:white;
	text-align:left;
	}
h3 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:18pt;
	font-weight:900;
	color:white;
	text-align:left;
	}
h4 {
	padding:0px;
	font-size:14pt;
	font-weight:400;
	color:white;
	text-align:left;
	}
.ct {/*centered text*/
	text-align:center;
	}
.sp {/*special color centered text*/
	color:#cc9933;
	text-align:center;
	}
.wht {/*white centered text*/
	text-align:center;
	color:white;
	}
.red {/*red text*/
	color:red;
	text-align:center;
	}
/*used in cal2.php,shop.php*/
.picsm {
	font: 14pt arial;
	font-weight: 600;
	text-align:center;
	color:white;
	margin:2px;
	padding: 5px;
	float:left;
	width: 27%;
	height:250px;
	background: black;
	border:0pt solid #cc9933;
	border-radius:8px;	
	}
/*used in cal2.php,shop.php*/
.piclgl {
	font:10pt Tahoma Arial Narrow Arial sans-serif;
	text-align:justify;
	color:#000000;
	margin:5px 5px 5px 5px ;
	padding: 10px;
	max-width:40%;
	float:left;
	background:black;
	border:0pt solid #cc9933;
	border-radius:8px;
	font-weight:400;
	}
/*used on home features*/
.pichom {
	text-align:justify;
	color:#000000;
	width:30%;
	height:300px;
	margin:5px 5px 5px 5px ;
	padding: 0px 0px 0px 0px;
	float:left;
	background:black;
	font-weight:400;
	border:4pt outset #6f4f39;
	border-radius:8px;
	overflow:hidden;
	}
/*used in cal2.php,*/
.piclgr {
	font:10pt Tahoma Arial Narrow Arial sans-serif;
	vertical-align:text-top;
	text-align:justify;
	color:#000000;
	margin:5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	float:right;
	background:black;
	border:1pt solid #cc9933;
	border-radius:8px;
	font-weight:400;
	}
.piclgc {/*!used in calendar and shop*/
	font:14pt Tahoma Arial Narrow Arial sans-serif;
	color:#000000;
	margin:auto;
	float:none;
	background:black;
	border:1pt solid #cc9933;
	border-radius:8px;
	padding: 5px;
	font-weight:400;
	}
.pictiny {/*extra item thumbs and cart thumbs*/
	font-family: arial;
	text-align:center;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	padding: 2px;
	float:left;
	width: 100px;
	background: none;
	border:0pt solid #764727;
	border-radius:6pt;
	font-size: 10pt;
	font-weight: 400;
	}
.infol {/*Used in calendar, gallery and information*/
	vertical-align:text-top;
	float:left;
	text-align:justify;
	margin-left:15px;
	padding:5px 5px 5px 5px;
	border:0pt solid black;
	height:auto;
	width:auto;
	color:black;
	font:14pt Tahoma Arial Narrow Arial sans-serif;
	}
.infol2 {/*Used in shop*/
	vertical-align:text-top;
	float:left;
	text-align:justify;
	margin-left:0px;
	padding:5px 5px 5px 5px;
	max-width:50%;
	color:white;
	font:14pt Tahoma Arial Narrow Arial sans-serif;
	}
#view{/*division for viewcart button*/
	position:absolute;
	top:265px;
	left:50px;
	max-width:170px;
	max-height:30px;
	overflow:hidden;
	float:left;
	border:0px solid black;
	clear:both;
	}
/*used in shop.php,*/
TABLE.ctr{
	margin:auto;
	width:auto;
	padding:0;
	float:none;
	}
/*used in imen.html,*/
a.men:link {
	color: #cc9933;
	padding:0px 0px 0px 15px;
	font:12pt Tahoma ariel helvetica sans-serif;
	font-weight: 600;
	text-align:center;
	text-decoration: none;
	margin-left: 5px;
	}
a.men:hover{
	background:none;
	color: #feedc5;
	text-decoration: none;
	}
a.men:visited{
	color: #dddddd;
	text-decoration: none;
	}
img.nb { 
	display:block;
	margin:auto;
	border:0px;
	border-radius:8px;
	padding:2px;
	max-width:100%;	
	max-height:80%;	
	}
img.b { 
	border-color: #6C3600;
	border-width:2pt;
	padding:10px;
	}
hr {
	color: black;
	}
a.foot{
	font-size:9pt;
	position:center;
	text-align:center;
	}
#Foot{
	color: white;
	font:9pt  Tahoma times helvetica sans-serif;
	padding:7px;
	font-weight: 200;
	width:auto;
	margin:auto;
	clear:both;
	text-align: center ;
	}
#slideCont {
	margin: 10px;
	border: solid 0px #000;
	text-align: center;
	position:relative;
	z-index:1;
	width:200px;
	float:right;
	overflow:hidden;\"
	}
#slideCont img {
	margin: 5px;
	}
#right{
	margin-top:2px;
	margin-left:5px;
	margin-right:0px;
	width:200px;
	float:right;
	padding:5px 5px 5px 5px;
	background: none;
	border-left:2pt solid #FFFF53 ;
	border-top:2pt solid #FFFF53 ;
	border-bottom:2pt solid #FFFF53 ;
	font-size: 10pt;
	font-weight: 200;
	line-height:10px;
	text-align:center;
	font-family: Tahoma ariel helvetica sans-serif;
	}
@media (max-width: 860px){
	#header{
		left:2%;
		height:80px;
		}
	#header:after{
		position:absolute;
		top:90px;
		left:2px;
		font-size:10pt;
		}
	#view{/*division for viewcart button*/
		top:200px;
		left:2%;
		}
	a.men:link {
		font-size:10pt;
		}
	.infoS {
		width:200px;
		min-height:450px;
		padding:5px;
		}
	.piclgr {
		max-width:70%;
		height:auto;
		}
	.piclgl {
		max-width:45%;
		height:auto;
		}
	.picsm {
		width: 28%;
		height:230px;
		}
	.pichom {
		height:200px;
		}
	.infol2 {/*Used in shop*/
		max-width:45%;
		}
	}
@media (max-width: 740px){
	.piclgl {
		max-width:100%;
		height:auto;
		}
	.infol2 {/*Used in shop*/
		max-width:100%;
		}
}
@media (max-width: 600px){
	#menu{/*top menu*/
		left:5%;
		}
	#header:after{
		visibility:hidden;
		}
	#view{/*division for viewcart button*/
		top:160px;
		left:2%;
		}
	#left{/*side menu or extra stuff*/
		top:190px;
		}
	h2{
		font-size:20px;
		}
	h3{
		font-size:16px;
		}
	h4{
		font-size:14px;
		}
}
@media (max-width: 500px){
	#header{
		top:70px;
		height:70px;
		}
	#msg:before {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		margin:auto;
		font-weight:bold;
		background: #d3d3d3;
		content:" BEST VIEWED IN LANDSCAPE MODE";
		font:12pt  Tahoma arial helvetica sans-serif;
		color:black;
		z-index:5;
		}
	#msg {/*message bar*/
		position:fixed;
		top:18px;
		}
	#menu {/*Main menu*/
		position:fixed;
		top:40px;
		left:0px;
		}
	#social2{/*div for social media buttons top*/
		position:absolute;
		top:105px;
		right:2px;
		}
	#left{
		visibility:hidden;
		}
	#view{/*division for viewcart button*/
		top:105px;
		left:35%;
		}
	#Content{
		margin:120px 5px 0px 5px;
		width:95%;
		}
	#Content2{
		margin:140px 5px 0px 5px;
		width:95%;
		}
	.picsm {
		margin:1px;
		width:29%;
		}
	a.men:{
		font:10pt;
		}
}