/* Avoid left page shift in Firefox */

html { min-height: 100%; margin-bottom: 1px; }

/* Global Styles */

body {
	background: #eeeade url(../images/bg-Body.jpg) no-repeat;
	color: #3f3a2b;
	font-size: 13px;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
}

strong {
	font-weight: bold;
}

italic {
	font-style: italic;
}

a {
	color: #3f3a2b;
	font-weight: bold;
	text-decoration: none;
}	

a:hover {
	text-decoration: underline;
}

a.underline {
	color: #3f3a2b;
	font-weight: bold;
	text-decoration: underline;
}	

a.underline a:hover {
	text-decoration: none;
}

.redText {  /* Used only on Specials Page */
	color:#F00;
	font-weight: bold;
}

/* Wrapper, Header, Menu */

#outerBorder {
	margin: 0 auto;
	width: 1100px;
	background: url(../images/bg-Wrapper.png) no-repeat;
}

#indexpage #wrapper {
	
}

#wrapper {
	margin: 0 auto;
	width: 1022px;
	padding: 0 16px;
	overflow: hidden;
	clear: both;
}

#header {
	width: 1022px;
	color: #cfc7b3;
	height: 130px;
	overflow: hidden;
}

#header #tagline {
	width: 822px;
	float: left;
}

#header #tagline img {
	float: left;
}

#header #tagline h1 {
	padding: 70px 0 0 0;
	color: #ffefa1;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#header #tagline h2 {
	font-weight: bold;
}

#header .addressBox {
	width: 170px;
	float: right;
	margin-top: 50px;
}

address {
	font-style: normal;
	font-size: 13px;
	text-align: justify;
}

.addressPhone {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -.5px;
}

/* Menu */

#menu {
	width: 1016px;
	padding-right: 6px;
	text-align: right;
	height: 38px;
}

#menu ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#menu li {
	list-style: none;
	display: inline;
	padding: 5px 0px; 
	background: url(../images/menuDivider.png) no-repeat right;
}

#menu a {
	color: #F5F5F5;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 10px 20px 0 20px;
	line-height: 26px;
	text-transform: uppercase;
}

#menu a:hover{
	color: #ffefa1;
}

/* content, leftColumn, rightColumn, fullContent */

#content {
	height: auto;
	clear: both;
	overflow: hidden;
}

#left {
	width: 250px;
	float: left;
}

#left ul.callout {
	padding: 15px 30px 0 10px;
}

#left ul.callout li {
	 color: #ffefa1;
	 font: 16px Arial, Helvetica, sans-serif;
	 padding: 10px 0 10px 35px;
	 line-height: 16px;
	 background: url(../images/calloutCheck.png) no-repeat left 50%;
}

#right {
	width: 765px;
	float: right;
	margin-bottom: 8px;
}

/* bottomContent, indexLeft, indexRight */

#bottomContent {
	width: 1022px;
	clear: both;
}

#fullContent { /* used at bottom of mattress page */
	clear:both;
	line-height: 20px;
	padding-bottom: 10px;
}

#leftContent {
	width: 570px;
	float: left;
	line-height: 20px;
}

#leftContent h1 {
	color: #fff;
	padding: 12px 0 20px 10px;
}

#leftContent h2 {
	color: #fff;
	padding: 6px 0 20px 10px;
	background-image: url(../images/bgTitle-H1.png);
	background-repeat: no-repeat;
}

#leftContent p {
	padding: 5px 0 0 10px;
}

#leftContent .products {
	font-size: 12px;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #A79F8B;
	text-align: justify;
	overflow: hidden;
	clear: left;
}

#leftContent .products h1 {
	font-size: 13px;
	font-weight: bold;
	color: #3f3a2b;
	padding: 0;
}

#leftContent .products img {
	float: left;
	margin-right: 20px;
}

#rightContent {
	width: 425px;
	float: right;
	line-height: 20px;
}

#rightContent  h1 {
	color: #fff;
	padding: 12px 0 20px 0;
	padding-left: 10px
}

#rightContent  h2 {
	font-weight: bold;
	font-size: 13px;
	color: #3f3a2b;
	padding: 25px 0 10px 10px;
}

#rightContent  h2.mattress {
	font-weight: bold;
	font-size: 13px;
	color: #3f3a2b;
	padding: 5px 0 0 10px;
}

#rightContent  p {
	padding: 5px 0 5px 10px;
}

/* image border */

.imageRight {
    float: right;
    margin: 0 0 10px 20px;
}

.imageRight img {
    border: solid 5px #7f7664;
	padding: 1px;
	background: #fff;
}

.imageLeft img {
    border: solid 5px #7f7664;
}

.caption {
    color: #7f7664;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
}

.captionMedium {
	font-size: 14px;
}

.captionBig {
	font-size: 18px;
}

/* Bedding Page */

ul.bedding {
	list-style-type: disc;
	margin-left: 25px;
}

ul.bedding li {
	padding: 2px 0;
}

/* contact page*/

#contactContainer {
	padding: 15px 0 15px 45px;
}

#contactContainer h1 {
	font-weight: bold;
	padding: 5px 0;
	color: #3f3a2b;
}

#contactContainer a {
	color: #00C;
	text-decoration: underline;
}

#contactContainer a:hover {
	text-decoration: none;
}

address.contact {
	font-style: normal;
	line-height: 20px;
	padding-left: 10px;
}

fieldset {
   padding-top: 25px;
}
label.startAddress {
}
#saddr {
   width: 45%;
   margin: 4px 0;
}

/* footer Menu, footer, design credits */

#footerMenu {
	width: 1028px;
	margin: 0 auto;
	text-align: left;
	height: 41px;
	padding: 20px 30px 0 0;
}

#footerMenu ul {
    padding-top: 10px;
	float: left;
}

#footerMenu li {
	display: inline;
}

#footerMenu li a {
	text-decoration: none;
	color: #725C4D;
	padding: 0 15px;
	border-right: 1px solid #cbc3ae;
	text-transform: lowercase;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

#footerMenu li a:hover {
	text-decoration: underline;
}

#footerMenu .copyright {
	float: right;
	color: #a7a28f;
	padding: 10px 40px 10px 0;
	background: url(../images/logoSM.png) no-repeat right 50%;
} 

#footer {
	background: #e1ddd1;
	text-align: center;
	color: #796A8B;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}  

#footer p {
    float: left;
}

#designCredits {
	text-align: center;
	font-size: 11px;
	color: #B7B3A4;
}

#designCredits a {
	color: #B7B3A4;
	text-decoration: none;
	padding-bottom: 10px;
} 

#designCredits a:hover {
  text-decoration: underline;
}  


/* Page ids */

#indexpage #indexlink a {
	color: #ffefa1;
}
#aboutpage #aboutlink a {
	color: #ffefa1;
} 
#mattresspage #mattresslink a {
	color: #ffefa1;
}
#beddingpage #beddinglink a {
	color: #ffefa1;
}
#specialspage #specialslink a {
	color: #ffefa1;
} 
#contactpage #contactlink a {
	color: #ffefa1;
}

