body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	background: #fff
		/*#decdba*/
	;
	/*background-image: url('../images/top-bg.png');
    background-repeat: repeat-x;*/
	/*background-position: top center;
    width: 100%;*/
	margin: 0;
}

/***STRUCTURE STYLES***/
#content {
	/*background: #fff;*/
	color: #4f3829;
}

#header,
#content,
#sidebar {
	margin-bottom: 5px;
}

#pagewrap,
#header,
#content,
#sidebar,
#footer {
	/*border: solid 1px #ccc;*/
}

#top {
	background-color: #8f7561;
	color: #decdba;
	border-bottom: 5px solid #422e21;
	height: 110px;
	padding: 5px 0 4px;
}

#sideother {
	background-color: #4f3829;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
	margin-top: 40px;
}

/***STRUCTURE***/
#headwrap {
	padding: 8px;
	width: 1200px;
	margin: 0 auto;
}

#pagewrap {
	padding: 5px;
	width: 1200px;
	margin: 20px auto;
	clear: both;
	/*background: #fff;*/
}

#logo {
	float: left;
}

#logo img {
	max-width: 100%;
	height: auto;
}

#topinfo {
	width: 260px;
	float: right;
	text-align: right;
	font-weight: bold;
	margin: 0;
}

#right {
	clear: both;
	/*background-color: #fff;*/
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}

.whitebg {
	background-color: #fff;
	/*border: 1px solid #422e21;*/
}

/*#header {
	height: 280px;
}*/
#pwrap {
	padding-top: 10px;
	width: 100%;
}

#pview {
	float: left;
	/*background-color: red;*/
	width: 64%;
	/*border-right: 1px solid #ccc;*/
}

#pview img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	/* ie8 */
}

#pdetails {
	float: right;
	text-align: left;
	/*background-color: blue;*/
	width: 35%;
}

#pdetails img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	/* ie8 */
}

#pslider {
	padding-top: 40px;
	clear: both;
}

#bottomslider a {
	display: block;
	color: #422e21;
	font-weight: bold;
	padding: 4px;
	margin-bottom: 15px;
}

#bottomslider a:hover {
	background-color: #f0e8e0;
	color: #af5b19;
}

#content {
	width: 950px;
	float: right;
}

#sidebar {
	width: 220px;
	float: left;
	background-color: #fff;
}

.grid3 {
	width: 31%;
	float: left;
	text-align: center;
	background-color: #fff;
	color: #4f3829;
	margin-bottom: 25px;
	/*border-bottom: 5px solid #4f3829;*/
}

.grid3 img {
	max-width: 100%;
	height: auto;
}

.middle {
	margin-left: 3.5%;
	margin-right: 3.5%;
}

#footer {
	clear: both;
	text-align: right;
}

#bottom {
	background: #8f7561;
	color: #decdba;
	font-size: .8em;
	width: 100%;
	text-align: center;
	/*border-top: 5px solid #422e21;*/
}

#footwrap {
	padding: 10px;
	width: 1200px;
	margin: 0 auto;
}


/***MEDIA QUERIES***/

@media screen and (min-width: 1240px) {
	.hide {
		display: none;
	}
}

/* for 1240px or less */
@media screen and (max-width: 1240px) {
	#headwrap {
		width: 96%;
	}

	#pagewrap {
		width: 96%;
	}

	#content {
		width: 75%;
	}

	#footwrap {
		width: 96%;
	}

	.hide {
		display: none;
	}
}

/* for 1010px or less */
@media screen and (max-width: 1010px) {
	#content {
		width: 71%;
	}
}

@media screen and (max-width: 880px) {
	#logo {
		width: 65%;
	}

	#topinfo {
		width: 35%;
	}

	#sideother {
		display: none;
	}

	#sidebar {
		width: auto;
		float: none;
	}

	#content {
		width: auto;
		float: none;
		margin-top: 50px;
	}
}

@media screen and (max-width: 720px) {
	#logo {
		width: 60%;
	}

	#topinfo {
		width: 40%;
	}

	#pview {
		float: none;
		width: 100%;
	}

	#pdetails {
		float: none;
		width: 100%;
	}

	#pdfloatleft {
		float: left;
		width: 48%;
	}

	#pdfloatright {
		float: right;
		width: 50%;
	}

	#gallery {
		display: none;
	}

	#gallery.hide {
		display: block;
		margin-top: 17px;
	}
}

/* for 610px or less */
@media screen and (max-width: 610px) {
	#pagewrap {
		margin-top: 10px;
	}

	#logo {
		width: 49%;
	}

	#topinfo {
		width: 51%;
	}

	.grid3 {
		width: auto;
		float: none;
		margin: 0 0 10px;
	}

	.middle {
		margin-left: 0px;
		margin-right: 0px;
	}
}

/* for 500px or less */
@media screen and (max-width: 480px) {

	/*#header {
		height: auto;
	}*/
	h1 {
		font-size: 24px;
	}

	#top {
		height: auto;
	}

	#logo {
		width: 100%;
		height: auto;
	}

	#topinfo {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}

	#pdfloatleft {
		float: none;
		width: 100%;
		text-align: center;
	}

	#pdfloatright {
		float: none;
		width: 100%;
	}

	#pslider {
		padding-top: 10px;
	}

	#footwrap {
		width: 95%;
	}
}

/*****************************************/