@charset "utf-8";
/* CSS Document */

/* BODY */
body {
	background-color:#281E13;
}

.center{
	margin:auto;
	width:1000px;
}


a:link {
color:#FFF;
text-decoration: none;
}
a:visited {
	color:#FFF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#CCC;
}
a:active {
	color:#FFF;
	text-decoration: none;
}

input#email{
float:left;
border:1px solid #DADADA;
background-color:#CCC;
margin-top:15px;
margin-bottom:10px;
padding-left:15px;
width:70%;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
outline:none;
-webkit-transition: 0.5s;
transition: 0.5s;
text-shadow:#FFF 1px 1px 2px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:15px;
-webkit-border-radius:15px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}

input#email:focus {
    background-color:#FFF;
}

.subscribe {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border: none;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #ff0000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor:pointer;
}

.subscribe:hover {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #960202);
  background-image: -moz-linear-gradient(top, #ff0000, #960202);
  background-image: -ms-linear-gradient(top, #ff0000, #960202);
  background-image: -o-linear-gradient(top, #ff0000, #960202);
  background-image: linear-gradient(to bottom, #ff0000, #960202);
  text-decoration: none;
}

.read {
	font-family:futuraLight;
	display:block;
	border: solid white 1px;
	color:#FFF;
	padding: 3px 5px 3px 5px;
}

.read:hover {
  background: #dba40b;
  color:#FFF;
  text-decoration: none;
  border: solid #dba40b 1px;
  cursor:pointer;
}

.pro1 {
	width:230px;
	height:86px;
	background-image:url(../images/btn_pro_2.png);
	color:#FFF;
}

.pro1:hover {
    background-image:url(../images/btn_pro_2b.png);
    color:#FC0;
    cursor:pointer;
}

.pro2 {
	width:230px;
	height:86px;
	background-image:url(../images/btn_pro_3.png);
	color:#FFF;
}

.pro2:hover {
    background-image:url(../images/btn_pro_3b.png);
    color:#FC0;
    cursor:pointer;
}

.pro3 {
	width:230px;
	height:86px;
	background-image:url(../images/btn_pro_1.png);
	color:#FFF;
}

.pro3:hover {
    background-image:url(../images/btn_pro_1b.png);
    color:#FC0;
    cursor:pointer;
}



/*************************************************** Index ****************************************************/

#container{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-10;
}

.black {
	width:calc(100% - 0px);
	height:100%;
	position:absolute;
	z-index:-1;
    background-size: cover;
	background-image:url(../images/filter.png);
}

.silk{	
    width:100%;
	height:100%;
	position:absolute;
	z-index:-2;
    background-size: cover;
    background-position: center;
    background:transparent url(../images/silkscreen.svg);
	}

#logo_back{margin:0 0 0 0;; left:-450px; position:absolute; z-index:5; width:200px; height:88px; background-color:#000; opacity:0.5;}

#logo{
	margin:10px 0 0 50px;
	left:-450px;
	float:left;
	position:absolute;
	z-index:10;
	}
	


#bottom_box{width:100%; height:100%; position:absolute; margin-top:-40px}

#newsletter{width:350px; height:120px; right:0; float:right; position:absolute; margin:600px 0px 0 0; text-align:left; background-image:url(../images/productframe.png); background-repeat:repeat; padding: 20px 0 0 10px}

.submit {
	width:50px;
	float:left;
	margin:17px 0 0 5px;
	font-family:futuraLight;
	display:block;
	border: solid white 1px;
	background-color:none;
	color:#FFF;
	padding: 3px 5px 3px 5px;
	border-radius:30px;
}

.submit:hover {
  background: #dba40b;
  color:#FFF;
  text-decoration: none;
  border: solid #dba40b 1px;
  cursor:pointer;
}

#events{width:350px; height:120px; right:0; position:absolute; margin:450px 0px 0 0;padding: 20px 0 0 10px; /*font-size:16px; */color:#FFF; overflow:hidden}

.eventLink {
   display:block;
   padding: 10px 5px;
   border-bottom: 1px dashed #ffffff;
}

/*************************************************** Product ****************************************************/


#category{margin:220px 0 0 0; left:-450px; position:absolute; z-index:5; width:200px; height:30px; background-color:black; opacity:0.4; padding:10px 10px 10px 10px; text-align:center}

#bt_1{margin:280px 0 0 0;float:left; left:-450px; position:absolute}
#bt_2{margin:340px 0 0 0;float:left; left:-450px; position:absolute}
#bt_3{margin:400px 0 0 0;float:left; left:-450px; position:absolute}
#bt_4{bottom:0; margin:0 0 70px 0;float:left; left:-450px; position:absolute}

.btnpro {
	padding:5px 5px 5px 5px; 
	text-align:center;
	display:block;
	border:#6b5602 1px solid;
	width:200px;
	height:30px;
	color:#6b5602;
	font-family:futuraLight;
	font-size:20px;
}

.btnpro:hover {
    cursor:pointer;
	background-color:#D5BD39;
	border:#D5BD39 1px solid;
}

.btnpro_current {
	padding:5px 5px 5px 5px; 
	text-align:center;
	display:block;
	width:200px;
	height:30px;
	color:#FFF;
	font-family:futuraLight;
	font-size:20px;
	background-color:#D5BD39;
	border:#D5BD39 1px solid;
}

#photoframe{width:75%; height:70%; margin:220px 0 0 0;float:right; right:-2000px; position:absolute; background-image:url(../images/productframe.png); background-repeat:repeat;}

#product{width:200px; height:150px; float:left; margin: 10px 10px 10px 10px; background-color:#FFF}
#productname{width:200px; height:20px; float:left; margin:120px 0 0 0; text-align:center; padding:2px 0px 2px 0px; background-color:#837421}

/*************************************************** Profile ****************************************************/

#textLeft{width:96%; padding:0 2% 0 2%; position:relative}

/*************************************************** CONTACT ****************************************************/
#envelope{
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-size: contain;
	width:100%;
	height:436px;
	z-index:-10;
	}
	
#container_contact{
	width:100%;
	height:500px;
	margin-top:300px;
	position:relative;
	}
	
#container_contact_a{
	width:33%;
	height:330px;
	float:left;
	color: #fff;
	/*overflow-y: scroll;*/
	/*background-color:#0C9;*/
	}	
	
#container_contact_b{
	width:33%;
	height:auto;
	float:left;
	/*background-color:#996;*/
	}	
	
#container_contact_c{
	width:33%;
	height:auto;
	float:left;
	/*background-color:#F60;*/
	}	
	
.contact:link {
color:#F60;
text-decoration: none;
}
.contact:visited {
	color:#F60;
	text-decoration: none;
}
.contact:hover {
	text-decoration:underline;
	color:#F60;
}