@charset "utf-8";
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFF;
}
/* CSS Document */

#container {
	width: 968px;
	background-color: #003;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}
#banner {
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 100px;
	width: 968px;
	background-color: #000000;
}
#mattress_menu {
	position: relative;
	height: 30px;
	width: 896px;

}


#main_image {
	background-image: url(../images/main_mattress_logo_dr_howie.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
	background-color: #000000;
	/* [disabled]border: 10px; */
}
#button_background {
	background-image: url(../images/button_bar.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 40px;
	width: 968px;
	background-color: #000000;
	border: 10px;
	/* [disabled]top: 6px; */
}


#column_background {
	position: relative;
	height: 465px;
	width: 302px;
	background-color: #003;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
#column_background_long {
	background-repeat: no-repeat;
	position: relative;
	height: auto;
	width: 304px;
	background-color: #003;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	
}


#main_text {
	width: 306px;
	line-height: 1.0;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	padding: 6px;
	position: absolute;
	top: 4px;
	right: 214px;
	height: 73px;
}
#top_text  {
	background-color: #000000;
	width: 229px;
	line-height: normal;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	padding: 2px;
	position: absolute;
	top: 260px;
	right: 495px;
	height: 89px;
	font-size: 12px;
	color: #FFF;
}
#address_text {
	background-color: #006;
	line-height: 1.0;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	position: relative;
	height: 320px;
	clear: both;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
#bottom_text {
	width: 968px;
	line-height: 1.0;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	padding: 6px;
	position: relative;
	height: auto;
	clear: both;
}
#main_text h2 {
	color: #00b4e1;
	margin-top: 0;
	margin-bottom: 2px;
	height: 95px;
	height: 25px;
	position: relative;
}
#main_text h3 {
    font-size:16px;
	 margin: 0 auto;
}
#main_text h4 {
	color: #00b4e1;
	
	 margin: 0 auto;
}
#main_text p {
    font-size: 14px;
	 margin: 0 auto;
}
#left_column, #center_column, #right_column {
	height: 615px;
	width: 316px;
	float:left;
	overflow: hidden;
	padding-top: 10px;
}
#center_column, #right_column {
	padding-left: 10px;
}
#left_2column {
	
	width: 484px;
	float: left;
}
#right_2column {
	
	width: 484px;
	float: right;
}
#left_2column_vary {
	width: 684px;
	float: left;
}
#right_2column_vary {
	
	width: 284px;
	float: right;
}
#column_single {
	
	width: 968px;
	float: left;
}
#main_left_2column {
	background-color: #003;
	height: 356px;
	width: 728px;
	float: left;
	
}
#main_right_2column {
	background-color: #003;
	height: 356px;
	width: 220px;
	float: left;
	padding-bottom: 10px;
}


/* ~~ The footer styles ~~ */
#footer {
	padding: 6px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	height: auto;
	width: 968px;
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
p {
	margin-top: 1em;
}
.indent {
	text-indent: 30pt;
	padding-left: 6px;
	padding-right: 6px;
}
#main_right_2column a img {
	margin-top: 10px;
	margin-left: 10px;
}
#container #main_left_2column {
	padding-bottom: 10px;
}
#left_2column img {
	float: right;
}