@charset "utf-8";
/* CSS Document */

* {
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
	margin:0;
	outline: none;
	padding:0;
	}

html {
	background-color: #dee9f7;
	font: 12px Arial, Helvetica, sans-serif;
	}

h1 {
	color: #cc3333;
	font-size: 30px;
	font-weight: bold;
	margin: 20px;
	}

h3 {
	color: #666;
	font-size: 20px;
	margin: 20px 0 20px;
	}

p {
	line-height: 18px;
	margin: 10px 20px 20px;
	}

ul, li {

	}

div:after{ /* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}


#wrapper {
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 5px auto;
	width: 970px;
	}
	
#header {
	background: url('images/bg-header-cloud.png') bottom no-repeat;
	height: 141px;
	position:relative;
	}

#header > div {
	position:absolute;
	top:95px;
	left:290px;
	}
	
	#logo {
		background: url('images/logo.png') no-repeat;
		float: left;
		height: 114px;
		margin: 10px 0 0 10px;
		text-indent: -9999px;
		width: 249px;	
		}
	
	#contact-header {
		background: url('images/header-address.png') no-repeat;
		float: left;
		height: 63px;
		margin: 30px 0 0 30px;
		text-indent: -9999px;
		width: 449px;		
		}

#navbar {
	background-color: #cc0033;
	display: block;
	height: 31px;
	padding: 6px 20px;
	}
	
	#tagline {
		background: url('images/tagline.gif') no-repeat;
		float: left;
		height: 29px;
		margin: 5px 0 0 10px;
		text-indent: -9999px;
		width: 468px;			
		}

	ul#mainnav {
		float: left;
		margin-left: 80px;
		}
		
	#mainnav li {
		float: left;
		list-style-type: none;
		margin: 10px 0 0 30px;
		}
		
		#mainnav li a {
			color: #fff;
			font: 12px Arial, Helvetica, sans-serif;
			text-decoration: none;		
			}
			
		#mainnav li a:hover {
			text-decoration: underline;
			}

#main {
	float: left;
	margin: 15px 20px;
	width: 695px;
	}

	#main h4 {
		margin: 20px 0 10px;	
		}

	#main ul {
		margin-left: 30px;
		}
	
	#main li {
		list-style-type: disc;	
		}
	
	#main p {
		margin: 10px 0;
		}

	#main #promo {
		margin-left: 5px;
		}

	#coupon-row {
		margin: 20px 0;
		}
		
		#coupon-row div {
			float: left;
			}

		#main #coupon-row div {
			margin-right: 15px;
			}

		#coupon-row #coupon-1 {
			margin: 0 20px;	
			}

		#coupon-row #coupon-2, #coupon-row #coupon-3, #coupon-row #coupon-4 {
			margin: 0 12px;	
			}

	h3#home-wide-selection {
		background: url('images/h-home-wide-selection.gif') no-repeat;
		height: 14px;
		margin-top: 20px;
		text-indent: -9999px;
		width: 570px;
		}
		
	h4#home-ab {
		background: url('images/h-home-angelbeds.gif') no-repeat;
		height: 16px;
		text-indent: -9999px;
		width: 331px;
		}

	h4#home-sbs {
		background: url('images/h-home-sbs.gif') no-repeat;
		height: 16px;
		text-indent: -9999px;
		width: 363px;
		}

	h4#home-serta {
		background: url('images/h-home-serta.gif') no-repeat;
		height: 16px;
		text-indent: -9999px;
		width: 192px;
		}

#sidebar {
	float: left;
	margin-top: 10px;
	width: 230px;
	}
	
	#twitter-box {
		background-color: #7acfea;
		margin: 0 auto;
		width: 190px;	
		}

	#facebook-box {
		margin: 10px auto;
		width: 120px;	
		}
	
	#view-gallery {
		display: block;
		margin: 10px auto;
		width: 193px;	
		}

#reasons {
	background: url('images/reasonsBG.png') no-repeat;
	width: 961px;
	height: 212px;	
	}

#reasons-table {
	margin-top: 5px;
	padding-top:28px;
	width: 100%;
	}

#abreasons {
	background: url('images/abreasonsBG.png') no-repeat;
	height: 212px;
	width: 961px;
	}
	
#abreasons-table {
	padding-top: 48px;
	width: 100%;
	}
	
#abquote {
	background: url('images/quoteBG.png') no-repeat;
	height: 202px;	
	width: 961px;	
	}

.reasonsTitle {
	font-size: 16px;
	color: #282625;
	font-weight: bold;
	text-align:center;
	}

.reasonInfo{
	font-size: 11px;
	color: #999;
	text-align: center;
	padding-top: 82px;
	}


#secondnav ul li {
	list-style-type: none;
	height: 28px;
	width: 79px;
	float:left;
	margin-bottom:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#3c4e58;
	margin-left: 30px;
	}

#secondnav a:link  {
	text-decoration:none;
	color: #3c4e58;
	}

#secondnav a:visited  {
	text-decoration:none;
	color: #3c4e58;
	}

.emailsignupbox {
	margin-right:0px;
	border: 1px solid #9eb7af;
	color: #9eb8af;
	font-size: 10px;	
	}

#secondnav  a:hover  {
	text-decoration:none;
	color: #3c4e58;
	font-weight: bold;	
	}


#map {
	float: left;
	margin-right: 20px;
	width: 500px;	
	}

#footer {
	clear: both;
	color: #c50525;
	margin: 40px 0 30px;
}
	
#footer p {
	clear: both;
	font-size: 10px;
	line-height: 12px;
	margin: 10px 20px;	
}

#footer p#copyright {
	color: #000;
	margin-top: 10px;
}

#footer a {
	color: #c50525;
	text-decoration: none;		
}

#footer a:hover {
	text-decoration: underline;	
}

.line{
	border-bottom:1px solid #ccc;
	margin:20px 0;
	height:1px;
	clear:both;
}
