/* 
	The Upholstery Shoppe, LLC
*/
body {
	font: 16px/1.3 Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
table {
	border-collapse: collapse;
}
table td, table th {
	padding: 0;
}
h1, h2 {
	margin: 36px 0 28px;
	color: #575234;
	font-size: 1.6em;
	font-weight: normal;
}
h3 {
	font-size: 1.08em;
}
h4 {
	font-size: 1.06em;
}
ul {
	margin: 28px 0;
}
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}
/* ================= specific ================= */

div#holdHeader {
	padding: 0 20px 0 0;
	background: #3B3B3B url(../_images/h-repeat.png) repeat-x left top;
}
header {
	height: 540px;
	background: url(../_images/header.jpg) no-repeat -10px top;
	position: relative;
	width: 874px;
	margin: 0 auto;
	padding: 0 43px;
}
header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 40px;
	bottom: 44px;
	width: 203px;
}
header li {
	height: 37px;
}
header li a {
	display: block;
	text-indent: -1000em;
	text-decoration: none;
	color: #61593A;
	height: 37px;
}
header li a:hover.linkhome {
	border: none;
	background: url(../_images/nav-hover.jpg) no-repeat -2px -3px;
}
header li a:hover.linkservices {
	border: none;
	background: url(../_images/nav-hover.jpg) no-repeat -2px -40px;
}
header li a:hover.linktips {
	border: none;
	background: url(../_images/nav-hover.jpg) no-repeat -2px -77px;
}
header li a:hover.linkgallery {
	border: none;
	background: url(../_images/nav-hover.jpg) no-repeat -2px -114px;
}
header li a:hover.linklocation {
	border: none;
	background: url(../_images/nav-hover.jpg) no-repeat -2px -151px;
}
header li a:hover.linkcontact {
	border: none;
	background: url(../_images/nav-hover.jpg) no-repeat -2px -188px;
}
header li a:hover.linkabout {
	border: none;
	background: url(../_images/nav-hover.jpg) no-repeat -2px -225px;
}
div#middle {
	background: #F5F5F5 url(../_images/print.png) repeat left top;
}
section#mainContent {
	color: #606060;
	padding: 37px 0 52px;
}
section#mainContent a:link, section#mainContent a:visited {
	color: #5C89C3;
	text-decoration: underline;
}
section#mainContent a:hover, section#mainContent a:active {
	color: #5C89C3;
	text-decoration: none;
}
.container {
	max-width: 980px;
	min-width: 540px;
	margin: 0 auto;
}
.inPad {
	padding: 0 43px;
}
section#mainContent p {
	margin: 28px 0;
	text-align: justify;
}
div#footer {
	background: #3B3B3B url(../_images/footer.jpg) repeat-x left top;
}
footer {
	height: 226px;
	color: #a7a8ab;
}
footer nav {
	color: #d3e1e4;
	font-size: 1.1em;
	height: 70px;
	line-height: 70px;
	position: relative;
}
footer nav a:link, footer nav a:visited {
	text-decoration: none;
	color: #d3e1e4;
}
footer nav a:hover, footer nav a:active {
	text-decoration: underline;
	color: #d3e1e4;
}
div#aboutLink {
	position: absolute;
	right: 0;
	top: 0;
}
footer nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
footer nav li {
	display: inline;
	margin-right: 59px;
}
div#contactInfo {
	position: relative;
	font-size: 0.9em;
}
div#facebookLink {
	position: absolute;
	left: 0;
	top: 20px;
}
div#facebookLink div {
	padding-top: 26px;
	float: left;
}
div#facebookLink img {
	margin: 22px 0 0 16px;
	float: left;
}
div#facebookLink a {
	text-decoration: none;
}
div#contactText {
	width: 434px;
	margin: 0 auto;
	padding: 14px 0 17px 52px;
	border-top: 1px dotted #838386;
}
div#contactText p {
	margin: 7px 0 0;
}
div#motto {
	text-align: right;
	font-size: 1.28em;
}
div#copy {
	color: #838386;
	height: 44px;
	line-height: 44px;
	background-color: #000;
	font-size: 0.9em;
}
div#copy a:link, div#copy a:visited {
	color: #838386;
	text-decoration: none;
}
div#copy a:hover, div#copy a:active {
	color: #838386;
	text-decoration: underline;
}
div#webDesign {
	float: right;
	margin-right: 43px;
}
img#fabrics {
	position: absolute;
	right: 140px;
	top: 130px;
}
/* ================= general ================= */

.colorOrange {
	color: orange;
}
.caption {
	font-size: 0.8em;
	margin: 16px 0 28px;
}
img.picFormat {
	border: 5px solid #FFFFFF;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
div#map-canvas {
	border: 5px solid #FFFFFF;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
	height: 620px;
	width: 880px;
}
section#mainContent div.inPad > h1:first-child {
	margin-top: 0;
}
section#mainContent div.inPad > div:last-child, 
section#mainContent div.inPad > p:last-child, 
section#mainContent div.inPad > ul:last-child {
	margin-bottom: 0;
}

/* =screen size 900 to 994px
------------------------------------------- */
@media screen and (min-width:900px) and (max-width:994px) {
	body {
		font-size: 14px;
	}
	div#contactText {
		width: 400px;
	}
	img#fabrics {
		position: absolute;
		right: 140px;
		top: 104px;
	}
}
/* =screen size 810 to 899px
------------------------------------------- */
@media screen and (min-width:810px) and (max-width:899px) {
	body {
		font-size: 14px;
	}
	footer nav li {
		margin-right: 39px;
	}
	div#contactText {
		width: 400px;
	}
	img#fabrics {
		position: absolute;
		right: 110px;
		top: 104px;
	}
}
/* =screen size max 809px
------------------------------------------- */
@media screen and (max-width:809px) {
	body {
		font-size: 14px;
	}
	footer {
		height: auto;
		padding: 20px 0;
	}
	footer nav {
		height: 22px;
		line-height: 22px;
	}
	footer nav li {
		display: block;
		margin-right: 0;
	}
	div#contactText {
		margin: 150px auto 0;
		padding: 14px 0 17px 52px;
		border-top: 1px dotted #838386;
		width: 400px;
	}
	div#footer {
		background: #3B3B3B;
		background-image: none;
	}
	div#facebookLink {
		left: 300px;
		top: -178px;
	}
	div#facebookLink div {
		padding-top: 10px;
		float: none;
	}
	div#aboutLink {
		position: static;
		right: 0;
		top: 0;
	}
	img#fabrics {
		display: none;
	}
}
