/*---------- Main Document ----------*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url(../images/layout/bg-repeat.jpg) fixed top left #4E5A45;
	font-family: Verdana, Arial, sans-serif;
	color: #3e3919;
	font-size: .9em;
	}

h1 {
	font-family: 'Love Ya Like A Sister', cursive;
	font-size: 400%;
	color: white;
	margin: 0 0 0 12px;
	}

h2 {
	margin: 0 0 0 12px;
	font-family: 'Doppio One', sans-serif;
	color: beige;
	}

#wrapper {
	width: 752px;
	margin: 0px auto;
	/*padding: 0 0 0 12px;*/
	background: purple;
	}
	
#header {
	background: pink;
	position: relative;
	padding: 25px 0 0 0;
	}
	
#topNav {
	height: 38px;
	background: aqua;
	}
	
body{ border-top: solid 4px #443827; }

#umbrella{
  background: #443827;
  padding: 0 10px 0 12px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; 
  color: #e8dcca;
  }

#umbrella ul{
  margin: 0;
  padding: 0;
  list-style: none;
  }
#umbrella li{
  float: left;
  padding: 6px 12px 10px 0;
  margin: 0 12px 0 0;
  border-right: solid 1px #66563f;
  font-weight: normal;
  } 
#umbrella p{
  margin: 0;
  }
#umbrella a{ 
  color: #e8dcca;
  text-decoration: none;
  }
#umbrella a:hover{ color: #ffffff; }
  
#umbrella .num-items-in-cart .icon{
  display: block;
  padding: 0 0 0 26px;    
  
  background: url(http://static.shopify.com/s/files/1/0107/9662/t/3/assets/cart-icons.png?268) 0 -58px no-repeat;
  
  }
#umbrella .num-items-in-cart:hover .icon{
  
  background: url(http://static.shopify.com/s/files/1/0107/9662/t/3/assets/cart-icons.png?268) 0 -87px no-repeat;
    
  }

#umbrella .checkout-link{
  padding: 0;
  margin-right: 0;
  border: none;
  }
#umbrella .checkout-link a{ color: #f3e7d5; }
#umbrella .checkout-link a:hover{ color: #ffffff; }  


.btn,
a.btn{
  display: inline-block;
  background: #9a8361 url(http://static.shopify.com/s/files/1/0107/9662/t/3/assets/btn-small-depth.png?268) 0 100% repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #9a8361;
  color: #f3e7d5;
  padding: 5px 10px 4px 10px;
  text-decoration: none;  
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  cursor: pointer;
  }

.btn:hover,
a.btn:hover{
  border: solid 1px #d7185c;
  background: #d7185c url(http://static.shopify.com/s/files/1/0107/9662/t/3/assets/btn-small-depth.png?268) 0 100% repeat-x;;
  color: #ffffff;
  }
  
.btn-reversed{
  border: solid 1px #d7185c;
  background: #d7185c url(http://static.shopify.com/s/files/1/0107/9662/t/3/assets/btn-small-depth.png?268) 0 100% repeat-x;;
  color: #ffffff;
  }
.btn-reversed:hover{
  background: #9a8361 url(http://static.shopify.com/s/files/1/0107/9662/t/3/assets/btn-small-depth.png?268) 0 100% repeat-x;
  border: solid 1px #9a8361;
  color: #f3e7d5;
  } 





#topNav {
	margin: 0 0 0 12px;
	}

#topNav li {
	display: inline;
	}

#splashImage {
	height: 300px;
	background: skyblue;
	margin: 0 0 0 12px;
	}

#product_container {
	background: yellow;
	padding: 12px 0 0 0;
	}

.productFour {
	/*height: 212px;*/
	width: 176px;
	background: white;
	float: left;
	margin: 0 0 12px 12px;
	
	}
.productFourText {
	/*height: 36px;*/
	background: #66563f;
	padding: 12px;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	border: 2px solid #b6a285;
	}
	
/*.productFourText p{
	padding: 12px;
	}*/
	
#footer {
	height: 80px;
	background: skyblue;
	margin: 0 0 0 12px;
	}

.empty {
	clear:both;
}
	






.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.left{ float: left; }
.right{ float: right; }