/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/
body {
	background-color:#434343;
	color: #333;
}

#wrapper {
	width:868px;
	background:url('../cssimages/bg.jpg') repeat-y;
	margin:0 auto;
	font-family:arial,verdana, times;
}

/*===================================================================
BANNER
===================================================================*/
#branding {
	margin:0 0 0 33px;
	padding:38px 0 0px 0;
	height:170px;
	width:802px;
	background:url('../cssimages/branding.jpg') no-repeat bottom;
}

#branding ul#sub_nav {
	float:right;
	list-style:none;
	margin:75px 15px 0 0;
	text-align:right;
	font-size: 1em;
}

#sub_nav li {
	background:url('../cssimages/bullet.jpg') right no-repeat;
	color:#ffffff;
	padding:0 20px 0px 0;
	line-height: 1.6em;
}

#sub_nav li a {
	color:#fff;
}

#branding h1 {
	width:200px;
	float:left;
}

#branding p {
	width:200px;
	float:left;
}

#branding h3 {
	width:200px;
	float:left;
}

/*===================================================================
BRANDING FOR NURSERY SERVICES AND NANNY SERVICES
===================================================================*/

body.hp37 #branding {
	background:url('../cssimages/branding_nursery.jpg') no-repeat bottom;
}

body.hp36 #branding {
	background:url('../cssimages/branding_nanny.jpg') no-repeat bottom;
}

/*===================================================================
NAVIGATION
===================================================================*/

#menu {
	background:transparent url('../cssimages/main_menu_bg.jpg') repeat-x scroll 0 0;
	font-size:0.9em;
	height:29px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px 0 0 33px;
	padding:15px 0 0 23px;
	width:779px;
}

#menu li {
	background:url('../cssimages/dots_spacer.jpg') right no-repeat;
	color:#FFFFFF;
	float:left;
	font-size:1.2em;
	list-style:none;
	padding:0 12px 0 7px;
}

#menu li:last-child {
	background:none;
}

#menu a{
	text-decoration:none;
	color:#ffffff;
}

/*===================================================================
SUBNAV
===================================================================*/
.subnav_container {
	margin:10px 0 20px 0;
	clear: right;
	float:right;
	width:275px;
	list-style: none;
}

.subnav_container ul {
	margin: 0px 0 20px 44px;
	clear: right;
	float:none;
	width:230px;
	list-style: none;	
}

.subnav_container li a {
	color:#ffffff;
	font-size:1.3em;
	padding:5px 0 10px 20px;
}

li.subnav_level_1 a, li.subnav_level_2 a {
	display: block;
	background:url('../cssimages/sub_nav_bg.jpg') repeat-x;
}

/*===================================================================
banner 2 photo/&click here menu
===================================================================*/

#banner_container{
	list-style:none;
	padding-left:33px;
	margin-top:1px;
}

#banner_container li {
	list-style:none;
}

#photo_banner{
	margin:0 0 0 0;
}

/*===================================================================
content
===================================================================*/

#content_container {
	position: relative;
	width:802px;
	margin:0 auto 0 auto;
	padding: 0 0 40px 0px;
	font-size:12px;
}

body.home #content_container {
	background: url('../cssimages/container_background.jpg') repeat-y;
}

#spacer_bar {
	background:#52a87b;
	height:16px;
	margin:0 0 0px 33px;
	width:802px;
}

.cmscontent {
	padding: 0 20px 0 20px;
}

.cmscontent ul {
	margin: 0 0 0 10px;
}

.subpage .cmscontent {
	width: 480px;
	float: left;
}

.cmscontent ul.downloads {
	list-style: none;
}

.cmscontent ul.downloads li {
	border-bottom: solid 1px #ccc;
	padding: 5px 0 5px 0;
}

.cmscontent ul.downloads a, .cmscontent a {
	color: #358F5F;
}

/*===================================================================
NANNY AND NURSERY CALLS TO ACTION
===================================================================*/

/*---------------------------- Nanny Services ----------------------------*/
#nanny_services {
	width: 258px;
	float: left;
	margin: 3px 0 0 0px;
}

#nursery_services {
	width: 258px;
	float: left;
	margin: 3px 0 0 5px;
}

#nanny_services ul, #nursery_services ul {
	list-style: none;
}

#nanny_services a, #nursery_services a {
	display: block;
	width: 258px;
	text-indent: -9999em;
}

#nanny_home a {
	height: 266px;
	background: url('../cssimages/nanny_service.jpg') no-repeat;
}

#need_a_nanny a {
	height: 25px;
	background: url('../cssimages/button_lfn.jpg') no-repeat;
}

#nanny_look_work {
	height: 25px;
	background: url('../cssimages/button_nlfw.jpg') no-repeat;
}

/*---------------------------- Nursery Services ----------------------------*/

#nursery_home a {
	height: 266px;
	background: url('../cssimages/nursery_service.jpg') no-repeat;
}

#seeking_nursery_staff a {
	height: 25px;
	background: url('../cssimages/button_sns.jpg') no-repeat;
}

#nursery_look_work a {
	height: 25px;
	background: url('../cssimages/button_snw.jpg') no-repeat;
}

/*===================================================================
CALLS TO ACTION
===================================================================*/

#option_menu {
	position: absolute;
	top: -196px;
	right: 0px;
	list-style: none;
	margin: 0px 0px 0 0;
}

#option_menu li {
	text-indent: -9999em;
}

#option_menu li a {
	display: block;
	width: 274px;
}

#option_menu h2, #option_menu p {
	margin:0;
}


#content_container #option_menu li a {
	height: 35px;
}

#content_container #option_menu {
	margin: 2px 0 0 0;
}

#option_menu li#nursery_staff a {
	background: url('../cssimages/sub_seeking_n_staff.jpg') no-repeat;
}

#option_menu li#nursery_work a {
	background: url('../cssimages/sub_need_n_work.jpg') no-repeat;
}

#option_menu li#nanny_look a {
	background: url('../cssimages/sub_looking_nanny.jpg') no-repeat;
}

#option_menu li#nanny_work a {
	background: url('../cssimages/sub_need_nanny.jpg') no-repeat;
}

#option_menu li#apply_online a {
	background: url('../cssimages/sub_apply.jpg') no-repeat;
}

/*===================================================================
NEWS COLUMN
===================================================================*/

#news_excerpt {
	float: right;
	width: 265px;
	padding: 0 0 10px 10px;
	margin: 0px 0 0 0;
	color: #333;
/*	background: url('../cssimages/news_background.jpg') bottom no-repeat;*/
}


/*===================================================================
NEWS COLUMN
===================================================================*/

#right_column h1 {
	color: #79C8A0;
}

#right_column h2 {
	border-bottom:1px solid #BADECB;
	color:#181818;
	font-size:1em;
	margin:0;
	padding-top:14px;
	clear: left;
}

#right_column ul {
	list-style: none;
}

#right_column li {
	line-height: 1.6em;
}

#right_column li a {
	color:#358F5F;
}

/*===================================================================
form
===================================================================*/

#register_form {
	width: 265px;
}

#register_form dt {
	width: 110px;
	float: left;
	clear: left;
	font-size: 11px;
	margin: 3px 0 0px 0;
}

#register_form dd {
	float: left;
	padding: 0;
	margin: 0 0 5px 0;
}

#register_form span {
	color:#c1c1c1;
}

.fields {
	border:solid 1px #79c8a0;
	width:150px;
	float:left;
	height:21px;
}

.button { 
	background-color:#52a87b;
	width:100px;
	color:#ffffff;
	border:none;
}

/*===================================================================
refur form
===================================================================*/

dl#refer_form {
	width:300px;
}
dl#refer_form dd{
	margin:10px 0 0 0;
}
dl#refer_form dt{
	margin:10px 0 0 0;
	clear:left;
}
dl#refer_form .fields {
	width:auto;
	height:20px;
	margin:0 0 10px;
}
dl#refer_form dd label{
	clear:left;
	float:left;
}
h2.refer{
	font-size:1.4em;
	font-weight:normal;
	margin:1.2em 0;
}

/*===================================================================
QUICK REGISTRATION COLLATERAL
===================================================================*/
#qr_collateral h2 {
	font-size: 1em;
	border-bottom:1px solid #BADECB;
	margin: 0;
	padding-top: 14px;
}

#qr_collateral ul {
	list-style: none;
}

#qr_collateral a {
	color: #358F5F;
	text-decoration: underline;
}


/*===================================================================
contact us form
===================================================================*/
dl#contact_form {
	width: 400px;
	margin: 20px 0 0 0;
}

dl#contact_form dt {
	width: 150px;
	margin: 0px 0 0 0;
	float: left;
	clear: left;
}

dl#contact_form dd {
	float: left;
	margin: 0px 0 10px 0;
}

dl#contact_form .fields {
	width:auto;
	height:auto;
	margin:0 0 10px;
}

/*===================================================================
footer
===================================================================*/
#footer { 
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	font-size:0.8em;
	width:868px;
	height:50px;
	padding:25px 0 0 0;
	background:url('../cssimages/footer_bg.jpg') no-repeat;
}
	
#footer a {
	color:#ffffff;
	text-decoration:none;
}