/* position the paragraphs, and we're done */

#master_container {
  font-family: 'Helvetica Neue', 'Arial', 'sans-serif';
  color: #000;
  text-align: center;
  background-color: #f2f2f2;
}

#the_viewport {
  width: 100%;
  min-width: 1010px;
  background: url(../images/sleep/title.png) #f2f2f2 top center no-repeat;
}

h1#title {
  width: 1000px;
  height: 20px;
  margin: 0 auto;
  text-indent: -9999px;
  background: none;
}

.centerizer {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  padding-left: 10px;
}

#master_container h3#body {
	font-weight: bold;
	color: #e76415;
	margin-bottom: 15px;
	margin-top: 560px;
	margin-left: 360px;
	font-size: 20px;
}

h4 {
	font-weight: bold;
	font-size: 20px;
	color: #e76415; 
	margin-bottom: 20px;
	margin-top: 20px;
	}


p {
	font-size: 16px;
	line-height: 27px;
	margin-top: 20px;
	margin-bottom: 20px;
}

p.first {
	width: 640px;
	margin-left: 360px;
	font-size: 18px;
}

p.second, p.third {
	width: 310px;
	margin-top: 50px;
	margin-left: 680px;
	}
	
p.third {
	margin-top: 20px;
	}
	
h4.second {
	margin-left: 680px;
	margin-top: 20px;
	margin-bottom: 0px;
}

p.fourth, p.fifth, p.sixth, p.seventh {
	margin-top: 20px;
	width: 720px;
	margin-left: 280px;
}
	

h4.fifth {
	margin-left: 280px;
	width: 700px;
	margin-top: 20px;
}

p.sidebar {
	margin-top: 20px;
}

h4.monophasic {
	width: 592px;
	height: 97px;
	text-indent: -9999px;
	margin-bottom: 0px;
	margin-top: 30px;
	background: url(../images/sleep/monophasic.png) top left no-repeat;
}

h4.polyphasic {
	width: 592px;
	height: 77px;
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-top: 40px;
	background: url(../images/sleep/polyphasic.png) top left no-repeat;
}

div.phases {
	margin-left: 280px;
	margin-top: 20px;
}


h4.catch {
margin-top: 60px;}

a:link, a:visited, a:active, a:hover {
color: #777;}