/*----------------------------+
 | Site: The Goodnight Nurse  |
 +----------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {background:#fff url(../images/core/bg.jpg) no-repeat center top; font:12px Arial, Helvetica, sans-serif; color:#677067;}
#container {width:800px; margin:0 auto;}
#navigation {height:37px; width:800px; overflow:hidden;}

#banner {width:800px; height:280px; overflow:hidden;}
	#logo-cta-container {width:400px; float:left; padding:0 0 0 0;}
	#logo {display:none;}
		.cta {width:170px; height:178px; padding:0 15px 0 15px; margin:0 0 0 0; float:left; background:url(../images/core/cta-contact.gif) no-repeat 5px 0; overflow:hidden; text-align:center;}
	#flash {width:392px; margin:0 0 0 5px; float:left;}
	
#content-container {width:770px; margin:10px 0 0 5px; background:#e8e9bf url(../images/core/footer-bg.jpg) no-repeat center bottom; padding:13px 13px 29px 13px;}
	#content-container-light {background:#f8f9df; padding:20px 30px 0 30px;}
	.home #content-container-light {background:#f8f9df; padding:5px 0 30px 30px; height:1%;}
	#home-container-left {float:left; width:390px;}
	#home-right-box { width: 335px; float: right;}
		#orange-container {float:right; width:275px; margin: 25px 15px 0 10px; background-color:#f5d9bc; border:2px solid #edccab; padding:15px 15px 5px 15px; text-align:center;}
		.home #orange-container h2 {text-indent:-9999px; background:url(../images/titles/title-monthly-newsletter.gif) no-repeat 0 0; height:26px; width:153px; margin:0; padding: 0 0 5px 0;}
		#orange-container p {font:12px Georgia, "Times New Roman", Times, serif; color:#d99049; padding:0 0 10px 0;}
		#orange-container p a {color:#929343; text-decoration: underline; border-bottom:none;}
		#orange-container p a:hover {color:#d99049; text-decoration: underline;}
		#white-container {float:right; background:url(../images/core/white-mid.gif) repeat-y 0 0; width:335px;}
		#green-container {float:right; width:275px; margin: 25px 15px 0 10px; background-color:#dcdea7; border:2px solid #fff; padding:15px 15px 5px 15px; text-align:center;}
		.home #green-container h2 {font:14px Georgia, "Times New Roman", Times, serif; color:#767748; padding:0 0 10px 0; line-height: 18px;}
		.home #green-container h4 {font:14px Georgia, "Times New Roman", Times, serif; color:#767748; padding:0 0 10px 0; font-style:italic;}
#footer {text-align:center; padding:15px 15px 15px 15px;}


 
/* Navigation layout 
======================================================================*/
ul#nav {list-style:none; float:left; width:800px; display: inline-block; clear: both; padding:0 0 0 25px;}
ul#nav li {float:left; height:37px; overflow:hidden;}
ul#nav li a {display:block; height:37px; text-indent:-9999px;}
ul#nav li a:hover {background-position:0 -37px!important;}

ul#nav li#home a {background:url(../images/navigation/home.gif) no-repeat; width:57px;}
ul#nav li#about a {background:url(../images/navigation/about.gif) no-repeat; width:85px;}
ul#nav li#behaviour a {background:url(../images/navigation/behaviour.gif) no-repeat; width:169px;}
ul#nav li#sleepproblems a {background:url(../images/navigation/sleepproblems.gif) no-repeat; width:144px;}
ul#nav li#testimonials a {background:url(../images/navigation/testimonials.gif) no-repeat; width:109px;}
ul#nav li#packages a {background:url(../images/navigation/packages.gif) no-repeat; width:90px;}
ul#nav li#contact a {background:url(../images/navigation/contact.gif) no-repeat; width:88px;}

#footer a {font:12px Georgia, "Times New Roman", Times, serif; text-decoration:none; font-style:italic; color:#b1b1b1;}
#footer a:hover {text-decoration:none; color:#deab79;}

.cta a {text-decoration:none; color:#636436; border-bottom:1px solid #b8ba85;}
.cta a:hover {color:#ff5a00; border-bottom:none;}

#white-container a {color:#555 !important; text-decoration:none; font-weight:normal; border-bottom:none !important;}
#white-container a:hover {color:#d18942 !important; border-bottom:none;}

#content-container-light a {text-decoration:none; color:#636436; border-bottom:1px solid #b8ba85; font-weight:bold;}
#content-container-light a:hover {text-decoration:none; color:#ff5a00; border-bottom:none;}


 /* Font Style
======================================================================*/
h1 {font:25px Georgia, "Times New Roman", Times, serif; color:#d18942; padding:0 0 7px 0;}
.home h1 {font:25px Georgia, "Times New Roman", Times, serif; color:#d18942; padding:20px 0 7px 0;}

h2 {font:14px Arial, Helvetica, sans-serif; color:#929447; padding:0 0 10px 0;}
h3 {font:25px Georgia, "Times New Roman", Times, serif; color:#636436; padding:0 0 10px 0;}
h4 {font:14px Georgia, "Times New Roman", Times, serif; color:#636436; padding:0 0 15px 0;}
h5 {font:12px Georgia, "Times New Roman", Times, serif; color:#847b7b; padding:0 0 20px 0; font-style:italic;}
p {line-height:18px; padding:0 0 15px 0; text-align:justify;}

.cta p {line-height:20px; padding:0 0 7px 0; color:#737450; text-align:center;}
.cta h2.cta-contact {text-indent:-9999px; background:url(../images/titles/title-contact.gif) no-repeat 0 0; height:25px; width:118px; margin:15px 0 7px 25px; padding:0 0 0 0;}
.cta h2.cta-help {text-indent:-9999px; background:url(../images/titles/title-help.gif) no-repeat 0 0; height:25px; width:168px; margin:15px 0 7px 1px; padding:0 0 0 0;}
.home #white-container h2 {text-indent:-9999px; background:url(../images/titles/title-packages-available.gif) no-repeat 0 0; height:25px; width:148px; margin:0 0 0 25px;}
.home #white-container h4 {font:12px Georgia, "Times New Roman", Times, serif; color:#666; padding:0 0 5px 0; font-style:italic;}

#content-container-light ul {padding:0 0 15px 15px; list-style:none;}
#content-container-light ul li {padding:0 0 5px 20px; background:url(../images/bullet_orange.png) no-repeat 0 0;}

#white-container ul {list-style:none; padding:0 30px 0 30px !important;}
#white-container ul li {padding:5px 0 10px 0 !important; font:11px Arial, Helvetica, sans-serif; color:#a8a8a8; background:none !important;}

#footer p {padding:0 0 7px 0; color:#999; text-align:center;}

.states {font-size: 10px;
         text-align: center;
		 color: #999;
		 padding: 17px 0 0 0;
		 }
		 
		 
.maillink {	position:relative; width:400px; height: 25px; background:#fff; border:1px solid #D99049; }
.maillink img { position:absolute; left: 10px; top: -5px; }
.maillink a { line-height:25px; padding-left: 50px; padding-right: 20px; text-decoration: none; color: #D99049!important; border-bottom: none!important; }
.maillink a:hover { color: #939444 !important; }


/* Extras 
======================================================================*/
.logo {padding:27px 19px 15px 19px;}
.img-float-left {float:left; padding:3px; border:1px solid #dcdea7; margin:0 20px 0 0; background:#fff;}
.img-float-right {float:right; padding:3px; border:1px solid #dcdea7; margin:0 0 0 20px; background:#fff;}

hr {height:1px; border:none; border-bottom:1px solid #dcdea7; margin:0 0 15px 0;}





 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
	float:left;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #929441;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #ff5a00;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #f8f9df;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

form.form fieldset fieldset {
	width: 400px;
	height: 20px;
}

form.form fieldset fieldset { border: 0; }

form.form fieldset fieldset ol { list-style: none; }

form.form fieldset fieldset li { margin-bottom: 5px; }

form.form fieldset fieldset label {
	width: 260px;
	display: inline-block;
	float: left;
}

form.form fieldset fieldset input {
	width: 20px;
	float: left;
	border: 0;
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}