@charset "UTF-8";
/* CSS Document */
@font-face {  
  font-family: Cooper;  
  src: url('CooperBlackStd.otf') format("truetype");  
}  
 
/* Then use it like you would any other font */  
.cooper { font-family: Cooper, Impact, "Arial Black", Helvetica, sans-serif; }  

body {
	background: #ba8a47 url('img/bg.jpg');
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 87.5%; /* 14 / 16 default */
	line-height: 1.428em; /* 20 / 14 */
	color: #000000;
}

hr {
	width: 100%;
	border: none;
	border-bottom: 4px solid #506e29;
	height: 0px;
	margin: 28px 0px;
}

img {
	border: 0px;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #1d8527;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #6c9c73;
}

#wrap {
	/*min-width: 940px; */
	width: 91.24%; /* 960 / 1050 */
	margin: auto;
}

input[type=text], input[type=password] {
	background: #ffffff;
	border: 1px solid #a27859;
	padding: 5px 7px;
	width: auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em; /* 14 / 14 */
	color: #000000;
}

select {
	background: #ffffff;
	border: 1px solid #a27859;
	padding: 5px 7px;
	width: auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em; /* 14 / 14 */
	color: #000000;
}

textarea {
	background: #ffffff;
	border: 1px solid #a27859;
	padding: 5px;
	width: auto;
	height: auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em; /* 14 / 14 */
	color: #000000;
}

input[type=submit] {
	background: url('img/nav_bg.png');
	border: none;
	padding: 5px 7px;
	width: auto;
	font-size: 1em; /* 14 / 14 */
	color: #ffffff;
}

h1 {
	margin: 4px 0px;
	text-transform: uppercase;
	font-size: 1.286em; /* 18 / 14 */
}
h2 {
	font-family: Cooper, Impact, "Arial Black", Helvetica, sans-serif;
	font-size: 1.286em; /* 18 / 14 */
	margin: 2px 0 4px 0;
	font-weight: normal;
}

#logo {
	margin-left: -32px;
	height: 226px;
	position: absolute;
}
#shop {
	margin-right: 20px;
	margin-left: 10%; /* 105 / 1050 */
}
#info {
	margin-top: 38px;
	margin-right: 26px;
	height: 152px;
	position: relative;
}
#call-us, #new-location {
	position: absolute;
	color: #fff;
	width: 100px;
	text-align: right;
	right: 106%;
}
#info a:link, #info a:visited {
	color: #fff;
	text-shadow: 1px 1px 3px #4d3a27;
}
#info a:hover {
	text-shadow: 1px 1px 3px #000;
}
#info2 {
	display: none;
}
#phone {
	font-size: 1.71em; /* 24 / 14 */
	margin-bottom: 40px;
}
#address {
	font-size: 1.286em; /* 18 / 14 */
}
#nav {
	background: #69824d; /* Old browsers */
	background: -moz-linear-gradient(top,  #69824d 0%, #526e32 18%, #607844 37%, #697f50 49%, #506d2f 50%, #506d2f 75%, #435b27 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69824d), color-stop(18%,#526e32), color-stop(37%,#607844), color-stop(49%,#697f50), color-stop(50%,#506d2f), color-stop(75%,#506d2f), color-stop(100%,#435b27)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #69824d 0%,#526e32 18%,#607844 37%,#697f50 49%,#506d2f 50%,#506d2f 75%,#435b27 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #69824d 0%,#526e32 18%,#607844 37%,#697f50 49%,#506d2f 50%,#506d2f 75%,#435b27 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #69824d 0%,#526e32 18%,#607844 37%,#697f50 49%,#506d2f 50%,#506d2f 75%,#435b27 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #69824d 0%,#526e32 18%,#607844 37%,#697f50 49%,#506d2f 50%,#506d2f 75%,#435b27 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69824d', endColorstr='#435b27',GradientType=0 ); /* IE6-9 */
	text-align: center;sho
	height: 46px;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	display: -moz-box;
	-moz-box-orient: horizontal;
	display: box;
	box-orient: horizontal;
}
#nav div {
	padding: 12px 1.429% 10px 1.429%; /* 15 / 1050 */	
}
#nav div, #slider div {
	font-family: Cooper, Impact, "Arial Black", Helvetica, sans-serif;
	font-size: 1.429em; /* 20 / 14 */
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-weight: normal;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	text-shadow: 1px 1px 3px #344a1b;
}
#slider div {
	padding: 10px 20px;
}
#slider div:hover, #slider .over {
	background: #025400;
	text-shadow: -1px -1px 3px #000 !important;
	cursor: pointer;
}
#nav div:hover {
	text-shadow: 1px 1px 3px #000;
	cursor: pointer;
}
#nav .over {
	background: #466029 !important;
	cursor: default !important;
	text-shadow: -1px -1px 3px #000 !important;
}
#between {
	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c6c6 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c6c6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c6c6 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c6c6 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c6c6 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	height: 16px;
}

#white {
	width: 97.66%; /* 1025 / 1050 */
	position: relative;
	z-index: 3;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
}

#content {
	/*min-width: 886px;*/
	padding: 8px 2.857% 20px 2.857%; /* 30 / 1050 */
}

#col1 {
	width: 30%;
	margin-right: 3%;
}
#col2 {
	width: 63%;
	margin-right: 3%;
}
#col3 {
	width: 100%;
}

#footer {
	padding: 12px 3.047% 4px 3.047%; /* 32 / 1050 */
	color: #ffffff;
}

#footer a {
	font-weight: bold;
	color: #ffffff;
}

.sep {
	padding: 0px 10px;
}
#gallery {
	width: 30%;
	margin-right: 3%;
}
#gallery img {
	border: 4px solid #ffffff;
}
#gallery img.selected {
	border: 4px solid #000000 !important;
}
#galleria {
	margin-top: 4px;
	text-align: center;
	width: 63%;
	margin-right: 3%;
}
#galleria img {
	width: 100%;
	max-width: 600px;
	max-height: 600px;	
}

#kids {
	margin-right: 0px;
	max-width: 512px;
	width: 33%;
}
#kids img {
	width: 100%;
}
#partners {
	padding: 4px 8px;
	background: #b4c7b3;
	margin: 0;	
	text-align: center;
}
.collage {
	list-style: none;
	position: relative;
}
.collage li {
	width: 30%;
}
.collage li img {
	width: 100%;
	max-width: 400px;
}
.double {
	width: 60%;
}
.logo {
	float: left;
}
.name {
	float: left;
	text-align: left;
	width: 60%;
	margin-left: 3%;
}
#gang img {
	width: 100%;
	max-width: 600px;
}
#map {
	width: 100%;
	height: 500px;
}
#mapside {
	width: 60%;
	float: left;
}
#mapside .mappy {
	display: none;
}
#other {
	width: 36%;
	min-width: 320px;	
	float: right;
}
#other h3 {
	margin-top: 4px;
}
#other .mappy {
	margin-top: 12%;
}
/*#history {
	min-width: 604px;
	width: 68%;
	margin: 0;
}
#history img {
	min-width: 600px;
	width: 60%;
	max-width: 760px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}*/
/*#map {
	width: 604px;
	height: 500px;
}*/
#liker {
	margin-left: 20%;
}
#links {
	display: none;
	width: 50px;
	height: 50px;
	background-image: url('img/links.png');
	background-repeat: no-repeat;
	background-position: top;
	margin: 36px 10px 45px 8%;
	float: left;
}
#links:hover {
	background-position: bottom;
	cursor: pointer;
}
#slider {
	background: #035f01;
	position: fixed;
	width: 200px;
	left: -200px;
	top: 0;
	height: 100%;
	z-index: 80;
}
#closer {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 60;
	display: none;
}
#susan, #kimberly {
	max-width: 300px;
	margin-left: 10px;
	width: 30%;
}
#stacey {
	max-width: 187px;
	margin-right: 10px;
	width: 36%;
}
#facebook {
	margin-left: 4px;
	margin-top: -4px;	
}

/* LARGER SCREENS */
	/*
@media only screen and (min-width : 1800px) {
	#history {
		width: 72%;
	}
	#history img {
		min-width: auto;
		width: 48%;
	}
	#map {
		width: 50%;
	}
}*/
@media only screen and (min-width : 1500px) {
	body {
		font-size: 100%;
	}
	#partners {
		padding: 8px 16px;
	}
}
@media only screen and (min-width : 1140px) {
	#rijah_blurb .left, #rijah_blurb .right {
		float: none;
	}
}
@media screen and (max-width: 1050px) {
	#partners {
		width: 96%;
		float: none;
		margin-bottom: 10px;
		padding: 2%;
	}
	/*
	#history {
		float: none;
		width: 100%;
	}
	#history img {
		width: 100%;
		float: none;
		margin-right: 0;
		min-width: 200px;
	}
	#map {
		width: 100%;
		height: auto;
		min-height: 464px;
	}
	#info {
		position: absolute;
		right: 36%;
	}*/
}
@media screen and (max-width: 960px) {
	#mapside, #other {
		width: 100%;
		float: none;
	}
	#map {
		width: 100%;
	}
	#mapside .mappy {
		display: block;
		padding: 4px 8px;
		width: 100px;
		text-align: center;
		margin: 20px auto;
	}
	#other .mappy {
		display: none;
	}
	#partners a {
		float: left;
		margin-right: 10%;
	}
}
@media screen and (max-width: 940px) {
	#nav div {
		font-size: 1.286em; /* 18 / 14 */
	}
	#phone {
		font-size: 1.429em; /* 20 / 14 */
	}
	#address {
		font-size: 1.143em; /* 16 / 14 */
	}
	#info {
		right: 34%;
	}
	#galleria {
		width: 66%;
		margin-right: 1%;
	}
}
@media screen and (max-width: 860px) {
	#info {
		position: relative;
		right: 0;
		margin: 20px 2.4% 20px 0;
		height: 88px;
	}
	#call-us, #new-location {
		display: none;
	}
	#phone {
		margin-bottom: 34px;
	}
	#shop {
		display: none;
	}
	#logo {
		margin-left: 0;
		left: 30%;
	}
	#logo img {
		height: 90%;
	}
	#col2 {
		width: 50%;
	}
	#col1 {
		width: 47%;
		margin-right: 3%;
	}
	#kids {
		width: 47%;
	}
	#nav, #between {
		display: none;
	}
	#wrap {
		width: 98%;
	}
	#content {
		width: 94.4%;
		padding: 20px 2.8% 16px 2.8%;
	}
	#liker {
		margin-left: 10%;
	}
	#links {
		display: block;
	}
	#gallery {
		float: none;
		width: 100%;
		text-align: center;
	}
	#galleria {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	#rijah {
		min-width: auto;
		width: 40%;
	}
	#susan {
		width: 40%;
	}
}
@media screen and (max-width: 780px) {
	#footer .right {
		float: none;
		width: 100%;
		clear: both;
		text-align: center;	
	}
	#liker {
		margin-left: 32%;
	}
}
@media screen and (max-width: 640px) {
	#wrap {
		width: 100%;
	}
	#logo {
		left: 24%;
	}
	#content {
		width: 90%;
		padding: 30px 5% 28px;
	}
	#col1, #col2 {
		float: none;
		width: 100%;
	}
	#info {
		margin-top: 28px;
	}
	#kids {
		margin-left: 10px;
	}/*
	#history {
		min-width: auto;
	}*/
	#phone {
		font-size: 1.143em; /* 16 / 14 */
		margin-bottom: 20px;
	}
	#address {
		font-size: 1em; /* 14 / 14 */
	}
	#liker {
		margin-left: 24%;
	}
}
@media screen and (max-width: 560px) {
	#info/*, #map, #mappy*/ {
		display: none;
	}
	#info2 {
		display: block;
		color: #000;
	}
	#phone {
		margin-top: 6px;
		font-size: 1.71em; /* 24 / 14 */
	}
	#address {
		font-size: 1.286em; /* 18 / 14 */
	}
	#kids {
		margin: 0;
		max-width: none;
		width: 100%;
		float: none;
		margin-bottom: 8px;
	}
	#logo {
		left: auto;
		right: 8%;
	}
	#footer .left {
		float: none;
	}
	#footer {
		text-align: center;
		position: relative;
	}
	#liker {
		padding-right: 70px;
		margin: 4px 0;
	}
	#facebook {
		float: none;
		position: absolute;
		margin: 0;
		bottom: 27px;
		left: 50.5%;
	}
}
/* SMART PHONES */
@media screen and (max-width: 400px) {
	#logo img {
		height: 80%;
	}
	#logo {
		right: 2%;
	}
	#links {
		margin: 30px 10px 40px 8%;
	}
	#phone {
		float: none;
	}
}
@media screen and (max-width: 320px) {
	html {
		-webkit-text-size-adjust: none;
	}
	#logo img {
		height: 64%;
	}
	#links {
		margin: 15px 10px 25px 8%;
	}
	#wrap {
		min-width: 320px;
	}
}