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

CSS file for Denise Kelly Home page

Created by Strawberrysoup - www.strawberrysoup.co.uk

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

/*===================================================================
CONTENT CONTAINER
===================================================================*/

#content_container {
	padding: 0 10px;
	background: url('../cssimages/content_bg.jpg') no-repeat;
}

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

#calls_to_action {
	position: relative;
	text-indent: -9999em;
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 10px 10px;
	border-top: solid 1px #B1BD1F;
	background: url('../cssimages/content_bg.jpg');
}

#calls_to_action li {
	width: 232px;
	float: left;
	margin: 0 5px 0 0;
}

#calls_to_action li a {
	display: block;
	width: 232px;
	height: 119px;
}

/*#calls_to_action li#cta_about a {
	background: url('../cssimages/cta_dk_bg.jpg');
}*/

#calls_to_action li#cta_about a {
	background: url('../cssimages/cta_challenge_bg.jpg');
}

#calls_to_action li#cta_k4 a {
	background: url('../cssimages/cta_fk_bg.jpg');
}

#calls_to_action li#cta_fd a {
	background: url('../cssimages/cta_fd_bg.jpg');
}

/*--------------------------------QUICK LINKS--------------------------------*/

#calls_to_action li ul {
	position: absolute;
	top: -2px;
	right: -13px;
	list-style: none;
	width: 269px;
	background: url('../cssimages/quick_links_bg.png');
}

#calls_to_action li ul li {
	float: none;
	margin: 0 0 0 6px;
}

#calls_to_action li ul li a {
	display: block;
	width: 245px;
	height: 25px;
}

#calls_to_action li h3 {
	margin: 20px 0 0 20px;
	background: url('../cssimages/header_quicklinks.png') no-repeat;
}

#calls_to_action li#QL_story {
	margin-top: 10px;
}

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

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

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

#calls_to_action li#QL_lessons a {
	height: 40px;
	background: url('../cssimages/QL_lessons.jpg') no-repeat;	
}

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

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

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

/*----------------------------- HOVER EFFECTS -----------------------------*/

li#QL_story a:hover {
	background: url('../cssimages/QL_story_h.jpg') no-repeat;	
}

li#QL_wcid a:hover {
	background: url('../cssimages/QL_wcid_h.jpg') no-repeat;	
}

li#QL_fridge a:hover {
	background: url('../cssimages/QL_fridge_h.jpg') no-repeat;	
}

#calls_to_action li#QL_lessons a:hover {
	height: 40px;
	background: url('../cssimages/QL_lessons_h.jpg') no-repeat;	
}

li#QL_chocolate a:hover {
	background: url('../cssimages/QL_chocolate_h.jpg') no-repeat;	
}

li#QL_organic a:hover {
	background: url('../cssimages/QL_organic_h.jpg') no-repeat;	
}

li#QL_naturopathic a:hover {
	background: url('../cssimages/QL_naturopathic_h.jpg') no-repeat;	
}


/*===================================================================
LEFT COLUMN
===================================================================*/

#left_column {
	width: 245px;
	float: left;
}

#about_me {
	width: 190px;
	height: 296px;
	padding: 20px 33px 20px 20px;
	background: url('../cssimages/about_bg.png') no-repeat -10px -10px;
}

#about_me h2 {
	text-indent: -9999em;
	background: url('../cssimages/header_about.jpg') no-repeat;
}

#latest_news {
	width: 190px;
	padding: 20px 33px 20px 20px;
}

#latest_news h2 {
	text-indent: -9999em;
	background: url('../cssimages/header_news.png') no-repeat;
}

/*------------------------------------------ TWITTER ------------------------------------------*/

#twitter {
	width: 180px;
	padding: 20px 33px 20px 20px;
	background: url('../cssimages/twitter_bg.jpg') repeat-x;
}

#twitter h2 {
	text-indent: -9999em;
	background: url('../cssimages/header_twitter.png') no-repeat;
}

#twitter_update_list {
	list-style: none;
	margin: 0 0 0 5px;
}

#twitter_update_list li {
	border-bottom: solid 1px #cfdd27;
}

#twitter_update_list a {
	color: #cfdd27;
}

/*===================================================================
MAIN CONTENT
===================================================================*/

#main_content {
	width: 470px;
	float: left;
}

#main_intro {
	margin: 20px 20px 20px 3px;
}

#main_intro h1 {
	text-indent: -9999em;
	background: url('../cssimages/header_started.png') no-repeat;
}

#main_intro h2 {
	text-indent: -9999em;
	height: 44px;	
	background: url('../cssimages/header_personal_service.png') no-repeat;
}

#main_services li, #MS_gs_list li {
	position: relative;
	list-style: none;
	width: 445px;
	height: 100px;
	background: #000;
	padding: 10px;
	margin: 0 0 10px 0;
}

#main_services li h2 a, #MS_gs_list li h2 a {
	text-indent: -9999em;
	display: block;
	width: 281px;
	height: 19px;
}

#main_services li p.MS_more, #MS_gs_list li p.MS_more {
	position: absolute;
	top: 0;
	right: 15px;
	margin: 0;
}

#main_services li p.MS_more a {
	text-indent: -9999em;
	display: block;
	width: 126px;
	height: 18px;
	background: url('../cssimages/button_more_info.jpg');
}

#main_services li#MS_nutritional h2 a {
	background: url('../cssimages/header_MS_nutritional.jpg') no-repeat;
}

#main_services li#MS_k4 h2 a {
	background: url('../cssimages/header_MS_k4.jpg') no-repeat;
}

#main_services li#MS_fridge h2 a {
	background: url('../cssimages/header_MS_fridge.jpg') no-repeat;
}

#main_services li#MS_life h2 a {
	background: url('../cssimages/header_MS_life.jpg') no-repeat;
}

#main_services li#MS_illness h2 a {
	background: url('../cssimages/header_MS_illness.jpg') no-repeat;
}

/*-------------------------------- SWITCH ON IF DENISE CHANGES HER MIND --------------------------------*/
/*#main_services li#MS_personal h2 a {
	background: url('../cssimages/header_MS_personal.jpg') no-repeat;
}*/

/*#main_services li#MS_eft h2 a {
	background: url('../cssimages/header_MS_emotional.jpg') no-repeat;
}*/
/*-------------------------------- END --------------------------------*/

/*===================================================================
RIGHT COLUMN
===================================================================*/

#additional_content {
	width: 232px;
	float: left;
	margin: 10px 0 0 0;
}

/*===================================================================
CONTACT FORM
===================================================================*/

#contact_form {
	margin: 130px 0 0 10px;
}