/*
#####  Palette URL: http://colorschemedesigner.com/#4G11T4kGrw0w0
*/
html{
	margin:0px auto;
	text-align:center;
	font-family:helvetica,'lucida grande',verdana, sans serif;
	color:#000;
	background:#673982;
}
body{
	margin:0px auto;
	width:978px;
	text-align:left;
 	background:#DED4E4 url(images/lamp3.png) no-repeat left top;
	border:2px solid #DCCEE4;
	padding: 0 4px;
	border-radius:10px;
}
h1,h2{
	font-family:'Limelight', cursive;
	color:#673982;
}
h1{
	font-size:74px;
	margin:17px 0 0 80px;
}
h2{
	font-size:30px;
	text-align:center;
	margin:6px 0 28px 76px;
}
i{
	color:#673982;
}
.youtube-video {
  aspect-ratio: 16 / 9;
  max-width: 560px;
  width: 100%;
}
#header{
	padding:0 0 18px 0;
	background:#DCCEE4;
	margin:0 0 0 232px;
	border:1px solid #DCCEE4;
}
#content{
	background:transparent url(images/basebg.png) no-repeat -4px bottom;
	border-bottom:1px solid #DED4E4;
	padding:0 10px 0 100px;
}
#footer{
	clear:both;
	margin:0 -8px 0 0;
	text-align:center;
	padding:0;
	background:#DCCEE4;;
	border:3px double #918897;
	border-radius:6px;
}
#footer p{
	text-align:center;
	font-size:12px;
	color:#666;
}
#footer a{color:#918897;}
.copy{color:#ccc;}
#photos{
	width:300px;
	float:right;
	margin:2px 2px 2px 6px;
}
#photos img, .item{
	padding:2px;
	border:3px double #673982;
	border-radius:4px;
}
.pgdiv{width:680px;float:right;margin:0 10px 6px;}
#cartactive{
	float:right;
	padding:4px 6px;
}
button, #contact input[type="submit"]{
	border:1px solid #3a77a4;
	background:#673982;
	text-align:center;
	margin:0px 12px 0 0;
	background: -moz-linear-gradient(top, #673982 40%, #be5490);
	background: -webkit-linear-gradient(top, #673982 40%, #be5490);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#673982', endColorstr='#be5490');
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
	color:#fff;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 6px;
}
button:hover{
	background: -moz-linear-gradient(top,  #673982 0%, #DCCEE4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#673982), color-stop(100%,#DCCEE4));
	background: -webkit-linear-gradient(top,  #673982 0%,#DCCEE4 100%);
	background: -o-linear-gradient(top,  #673982 0%,#DCCEE4 100%);
	background: -ms-linear-gradient(top,  #673982 0%,#DCCEE4 100%);
	background: linear-gradient(top,  #673982 0%,#DCCEE4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673982', endColorstr='#DCCEE4',GradientType=0 );
	cursor: pointer;
}
.item{
	width:552px;
	background:#DCCEE4;
	margin:4px 0;
	min-height:120px;
	padding:2px;
}
.item img{
	float:right;
}
.item h3{
	color:#673982;
	margin:0;
}
.item p{
	margin:0 0 6px 0;
}
#latestpost{
	width:684px;
	margin: 0 auto 4px;
	padding: 5px;
	border: 3px double #918897;
	border-radius: 6px;
}
#latestpost button{
	margin:0 auto;
}
/******************************************menu style*********************************************/

#menu ul{
	list-style:none;
	margin:0 0 0 30px;
	padding:0 0 0 12px;
}
#menu li{
	width:82px;
	display: inline-block;
	border:1px solid #3a77a4;
	background:#673982;
	text-align:center;
	margin:0px 12px 0 0;
	background: -moz-linear-gradient(top, #673982 40%, #be5490);
	background: -webkit-linear-gradient(top, #673982 40%, #be5490);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#673982', endColorstr='#be5490');
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
}
#menu li:hover{
  background:#6653a3;
  background: -moz-linear-gradient(top, #6653a3 40%, #4b1867);
  background: -webkit-linear-gradient(top, #6653a3 40%, #4b1867);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6653a3', endColorstr='#4b1867');
  -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}
#menu li a{
	color:#eeeaea;
	padding:3px 0;
	text-decoration:none;
	display:block;
	background-color:transparent;
}
#menu li a:hover{color:#fff;}

/***********************************Form style****************************/

.redtext{color:#f00;}
#contact{
	margin:10px -8px 10px 0;
	padding:6px;
	font-size: 13px;
	background-color: #DCCEE4;
	border:3px double #673982;
	border: 3px double rgba(103, 57, 130, 0.5);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	float:right;
}
#contact label {
  padding: 0;
  text-align: center;
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  height: 26px;
  *zoom: 1;
}
#contact select, #contact textarea, #contact input[type="text"]{
  display: inline-block;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
}
#contact input, #contact textarea {
  width: 240px;
  height: auto;
}

#contact select {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
  width: 250px;
  border: 1px solid #bbb;
}
#contact .norm{
	width:auto;
	margin:0 0 0 22px;
}
#contact input[type='submit']{
	width:250px;
	margin:0px 270px;
	padding:4px;
}

#contact textarea, #contact input[type="text"], #contact input[type="submit"], #contact select, .item select{
	border: 1px solid #f3bdc1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
#contact textarea{
	width:100%;
	height:10em;
}
#contact input[type="radio"]{
	width:auto;
	margin:0 2px 0 1px;
}
#contact textarea:focus, #contact input[type="text"]:focus, #contact select:focus{
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
 .grid-4-12, .grid-12-12 {
	display:inline-block;
	position:relative;
	float:left;
	margin-left:1%;
	margin-right:1%;
	padding: 0.8% 0.5% 1%;
	height:100%;
	/*ie7*/
	*margin-left:.8%;
	*margin-right:.8%;
	*padding: 0.8% 0.25% 1%;
}
.grid-4-12 {width: 30.333%;}
.grid-12-12 {width: 97%;}
.clear {clear:both;}

.pin{
    float:right;
    width:480px;
    height:auto;
}
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; }
*:first-child+html .group { zoom: 1; }

/*************************** mobile *****************************/

@media all and (max-width: 700px){
	body{
		width:98%;
		background-image:none;
		border:none;
		border-radius:0;
		padding:0 1%;
	}

	#header {
		margin:0;
		padding:0;
	}
	h1{
		font-size:30px;
		margin:0;
		text-align:center;
	}
	h2{
		font-size:20px;
		margin:0;
	}
	#menu ul {
		margin:0;
		padding:0;
	}
	#menu li{
		margin-bottom:4px;
	}
	#content{
		padding:0 1%;
		width:98%;
		background-image:none;
	}
	.pgdiv{width:100%;margin:0;}
	.pin{width:100%;}
	#photos{
		width:100%;
		margin:2px;
	}
	#photos img{
		width:100%;
		height:auto;
	}
	#contact{
		margin:0;
		float:none;
		border:none;
	}
	#contact input, #contact textarea {
		width:95%;
	}
	#contact input[type='submit']{
		margin:0 7%;
	}
	.grid-4-12 {width:100%;}
	.grid-12-12 {
		float:none;
		text-align:center;
	}
	.gal{
		width:100%;
		height:auto;
	}
	#footer{
		margin:0;
	}
}