/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM - http://responsive.gs
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 0; } 
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}


/* MAIN CONTAINER */
.container						{margin: 0 auto; width:90%;  max-width:900px /**/ }
sidebar, article 				{text-align:center;}
#content_wrap{}


/* #Basic Styles
================================================== 
Colors:
Cream - #f9caaa
Off Cream - #dba682
Brown - #4F1E10

*/

body {
	background: #779b9b url(../images/background.png);
	font: 16px/21px "Georgia", "Times New Roman", serif;
	font-style: italic;
	color: #4f1e10;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
/* 
*/
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	p { margin-bottom:4%}
	
p, h1, h2, h3, h4 {text-shadow: 0px 1px 3px #666;}
/*.copy p:first-child, .copy p:last-child {margin:0}*/
.copy p {margin:4% 0}


a, a:hover, a:focus, a.active {color: #f9caaa; text-decoration:none}
a:visited {	}
a.active {color: #f9caaa;}

hr {
display:none;
color:#666;
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
margin-bottom:10px;
}

/* HEADER */
header {width:70%; max-width:595px; margin:0 auto;}
header hgroup {margin:0 auto;}
header hgroup h1 img{width:100%; max-width:595px; height:auto; }
header hgroup h1, header hgroup h2 {font-size:16px; line-height:21px; margin-bottom:0}
header hgroup h2 {text-align:center; margin-top:-9.25%; color:#FFFFFF;}


/* NAV */
#global_nav {margin: 0 auto 1.5em; width:100%; text-align:center}

nav {	
	font-size: 120%;
	margin: 0 auto;
	text-align:center;
	text-shadow:  0px 1px 1px #666;
	padding-top:5%;
	}
nav ul {
	text-align:center;
	}	
nav ul li {
	display:inline;
	padding:0 5%;
	}
nav ul li a {
	font-weight: bold;
	color: #4F1E10;
	text-decoration: none;
	transition: color .5s;
	-moz-transition: color .5s; /* Firefox 4 */
	-webkit-transition: color .5s; /* Safari and Chrome */
	-o-transition: color .5s; /* Opera */; 
}

/* */

	.centreme p, .centreme h1, .centreme h2, .centreme h3, .centreme h4 {text-align:center}
footer {margin: 0 auto; width:70%; padding-top:5%}

footer p{text-align:center; margin:0}

article.photo, .quote {margin-bottom:2em;}

article{ }
sidebar{ }


/* from old styles */

.badge { padding-bottom:20px}
.photo { text-align:center}
.photo h3 { padding-top:10px; font-size:200%; margin-left:10px; line-height: 90%;}
.price { margin-left:10px; color:#7A2F18;}

.photo p { padding-left:10px; text-align:left}
.photo img { 
	width:100%;
	padding:10px;
	margin-bottom:10px;
	background: #f2f2f2;
	box-shadow: 1px 1px 2px #333;
	 }

.statement { padding:30px 0}




/* SLIDER */
/* */
#slider2 {
margin:0 auto;
}

#wrapper {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  }

.rslides {
  margin: 0 auto;
  }

.rslides_container {
/* */ margin-bottom: 2%;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }




@media ( min-width : 600px ) {
	.col {
		margin-left: 2%;
	}
/*	*/
	article{text-align:right}
	sidebar{text-align:left}

}


@media (max-width: 600px) and (min-width: 0px)  {
	#title {display:none}
	#global_nav {margin: 0 auto 0.5em;}
	nav {padding-top:2%; line-height:30px; font-size:100%}
	nav ul li {padding:0 4%;}
	nav li a {padding-top:3%}
	article.photo {margin-bottom:2em;}
	.centreme p, .centreme h1, .centreme h2, .centreme h3, .centreme h4 {text-align:center}
	
}

/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 600px ) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
	
	.off_1 { padding-left: 6.5%; width:auto }
	.off_2 { padding-left: 15.0%; width:auto }
	.off_3 { padding-left: 23.5%; width:auto }
	.off_4 { padding-left: 32.0%; width:auto }
	.off_5 { padding-left: 40.5%;  width:auto}
	.off_6 { padding-left: 49.0%;  width:auto}
	.off_7 { padding-left: 57.5%;  width:auto}
	.off_8 { padding-left: 66.0%;  width:auto}
	.off_9 { padding-left: 74.5%;  width:auto}
	.off_10 { padding-left: 83.0%;  width:auto}
	.off_11 { padding-left: 91.5%;  width:auto}
	.off_12 { padding-left: 100%;  width:auto}
}