/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.beauty-healthcare.com
	CREATED: Fri 20.11.09 @ 12:29
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(/img/_bkg.png) repeat-x #56004E; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}


/*--- 01. Headings ---------------------------------------------------------------------------*/

h1							{font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; margin:37px 0 0 0;}
h2							{font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; font-weight:bold; margin:25px 0 10px 0;}
h3							{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; margin:25px 0 10px 0;}

/*--- 02. Global Layout ---------------------------------------------------------------------------*/

#main_container				{background:url(/img/_bkg_main.png) no-repeat center 54px; margin:0px auto; position:relative; width:990px;}
#index #main_container		{background:url(/img/_bkg_main_index.png) no-repeat center 54px;}
#content_container			{height:100%; overflow:hidden; padding:128px 0 0 0;}


/*--- 03. Header ---------------------------------------------------------------------------*/

#header						{left:0; position:absolute; top:0; width:990px;}
#logo						{display:block; float:left; margin:18px 0 0 8px;}

#header ul					{float:right; margin:50px 15px 0 0;}
#header li					{float:left;}
#header li a				{color:#FFFFFF; display:block; font-size:1.4em; font-weight:bold; margin:0 7px; padding:5px 8px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#header li a:hover			{background:#BA86B6;}
#header li a.current		{background:#FFFFFF; color:#6B0D61;}

#banner						{clear:both; height:100%; overflow:hidden; padding:29px 0;}
#banner div					{float:left; width:562px;}
#banner img					{border:9px solid #FFFFFF; float:left; margin:0 33px 0 0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 4px #4F0348; -webkit-box-shadow:2px 2px 4px #4f0348; box-shadow:2px 2px 4px #4F0348;}
#banner h2					{background:url(/img/_heading_extraordinaryfeelingextraordinaryresults.png) no-repeat; height:45px; margin-bottom:3px; text-indent:-9999px; width:100%;}
#banner p					{width:90%;}
#banner a					{background:url(/img/_btn_downloadbrochure.png) no-repeat; display:block; height:56px; margin:20px 0 0 0; text-indent:-9999px; width:281px;}
#banner a:hover				{background-position:-281px 0;}
#banner span				{background:url(/img/_banner_btn_metainfo.gif) no-repeat; display:block; height:5px; margin:3px 48px; text-indent:-9999px; width:182px;}
#banner strong				{color:#C1DF67;}

/*--- 04. Content ---------------------------------------------------------------------------*/

#content					{display:inline; height:100%; margin:0 9px; overflow:hidden;}
#content p					{font-size:1.2em; line-height:1.7em; padding:7px 0;}

.content_ul					{font-size:1.2em; list-style:disc; margin:10px 40px;}

#content,
.section					{float:left; width:723px;}
#index #content				{float:none; width:auto;}

ul#services					{height:100%; margin:0 0 28px 0; overflow:hidden;}
ul#services li				{float:left; margin:19px 0 1px; width:33%;}
ul#services li img			{border:3px solid #FFFFFF; float:left; margin:0 10px 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
ul#services li h6			{font-size:1.2em; margin:2px 0 1px 0;}
ul#services li p			{line-height:1em; padding:0px!important;}
ul#services li p.services_type	{color:#C1A3BE; font-size:1em!important;}
ul#services li p.services_price	{margin:6px 0 0 0;}
ul#services li p.services_price span	{color:#C1DF67; font-weight:bold;}

#content p#qualifications	{font-size:1em; font-weight:bold;}

#about #content img			{border:9px solid #FFFFFF; float:left; margin:10px 10px 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


/*--- 05. Side Column ---------------------------------------------------------------------------*/

#side_column				{float:right; margin:96px 2px 0 0; width:240px;}
#side_column h6				{font-size:1.4em; font-weight:bold; margin:20px 0 0 0;}
#side_column p				{font-size:1.1em; line-height:1.2em; padding:7px 0 10px 0;}
#side_column p em			{display:block; padding:0 0 5px 0;}
#index #side_column			{margin-top:135px;}
#promo_specialoffers		{background:url(/img/_promo_specialoffers.png) no-repeat; display:block; height:265px; margin:20px 0 0 0; text-indent:-9999px; width:240px;}
#promo_specialoffers:hover	{background-position:-240px 0;}

#download_brochure_sm		{background:url(/img/_btn_downloadbrochure_sm.png) no-repeat; display:block; height:56px; margin:20px 0 0 0; text-indent:-9999px; width:240px;}
#download_brochure_sm:hover	{background-position:-240px 0;}


/*--- 50. Footer ---------------------------------------------------------------------------*/

#footer						{background:url(/img/_bkg_footer.png) top center no-repeat; font-size:1.1em; margin:28px 0 20px 0; padding:8px; text-align:center;}
#footer a					{color:#FFFFFF; text-decoration:none;}
#footer a:hover				{text-decoration:underline;}


/*--- 51. Form Elements ---------------------------------------------------------------------------*/

.common_form				{padding:30px 0;}
.common_form p				{clear:both; overflow:hidden; padding:5px 0!important;}

label						{float:left; font-weight:bold; padding:5px 5px 0 0; width:120px;}
input[type='text'],
textarea					{background:#FFFFFF; border:1px solid #C1C1C1; border-bottom:1px solid #DEDEDE; border-right:1px solid #DEDEDE; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 5px; padding:5px 6px;}
textarea					{height:150px; width:400px;}
input[type='text']:focus,
textarea:focus				{border:1px solid #C1DF67;}

input[type='submit']		{background:#FFFFFF; border:0; color:#6B0D61; cursor:pointer; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 0 130px; padding:6px 14px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
input[type='submit']:hover	{background:#C1DF67;}

.optional					{background:url(/img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;}
.required					{background:url(/img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;}
.hidden						{background:url(/img/icon_hidden.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 -4px; text-indent:-9999px; width:44px;}
.warning					{background:url(/img/icon_warning.png) no-repeat; display:block; float:left; height:17px; margin:4px 0 0 6px; text-indent:-9999px; width:17px;}

.input_100					{width:86px;}
.input_125					{width:111px;}
.input_150					{width:136px;}
.input_200					{width:186px;}
.input_250					{width:236px;}
.input_300					{width:286px;}

#p_security					{clear:both; display:none; height:0px; visibility:hidden;}
#p_security label			{float:none; padding:0 0 4px 0; text-align:left; width:auto;}
#p_security .input_box		{display:block; float:none;}


/*--- 52. Response Elements ---------------------------------------------------------------------------*/

#msg_response				{background:url(/img/response_bkg.jpg) #FFFFFF repeat-x; border:1px solid #CCCCCC; clear:both; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:bold; line-height:1.3em; margin:20px 0; padding:1px; position:relative; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#msg_response a				{color:#333333;}
#msg_response a:hover		{text-decoration:none;}
#msg_response span			{background:url(/img/response_close.gif) no-repeat; height:11px; position:absolute; right:10px; top:8px; width:10px;}

#msg_response div			{padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.msg_error					{background:url(/img/response_error.jpg) left center no-repeat; color:#B7220A;}
.msg_success				{background:url(/img/response_success.jpg) left center no-repeat; color:#0F8915;}


/*--- 100. Links ---------------------------------------------------------------------------*/

a							{color:#C1DF67;}
a:hover						{color:#67C7DF;}