/*		start.css													*/
/*		v0.9 by Ron van den Boogaard  - http://designby.ronvdb.com	*/
/*		based on =INITIAL  v2.1, by Faruk Ates - www.kurafire.net	*/
/*		Addendum by Robert Nyman - www.robertnyman.com				*/
/*		and undohtml.css by (CC) 2004 Tantek Celik. Some Rights		*/
/*		Reserved. http://creativecommons.org/licenses/by/2.0		*/
/*		This style sheet is licensed under a Creative Commons License. */

/* Globals; Purpose: undo some of the default styling of common (X)HTML browsers */

html, body, form, fieldset, input, textarea { font: 100%/120% "Times New Roman", Times, Geneva, serif; color: #683C16 ; background-color: #dfd1ad; margin: 0; padding: 0; }
body	{ text-align: center; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; line-height: 1.2em }
dd, blockquote { margin-left: 1em; }
ul, ol { list-style: none }
form label { cursor: pointer; cursor: hand}
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
:link, :visited { color: #683c16; text-decoration: underline }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/* BEGIN PAGE SPECIFICS FOR LIESBETH VISSER - PEDICURE SITE */

/* BASIC PLACEMENT AND NEEDS */
div#wrapper			{ width: 1020px; text-align: left; margin: 0 auto; }

#gradient_top 		{ margin: 0; height: 0; }

#gradient_bottom	{ background: url("../rsc/grad_bottom.gif") repeat-x; position: absolute; z-index: 0; bottom: 0; left: 0; width: 99.98%; height: 270px; }

#masthead, #masthead_mail {
	width: 99.99%;
	height: 180px;
	position: relative;
	z-index: 20;
	background-image: url(../rsc/masthead2.gif);
}
#masthead h1, #masthead_mail h1		{ margin: 0; }
#masthead			{ background: url("../rsc/masthead2.gif") no-repeat }
#masthead_mail		{ background: url("../rsc/masthead_mail.gif") no-repeat }

ul#nav				{
	position: absolute;
	top: 72px;
	width: 740px;
	background: #fafb89;
	height: 1.3em;
	margin-top: 50px;
	padding-left: 280px;
	left: 0px;
}
li					{ float: left; font-weight: 700; color: #c00; }
li :link			{ text-decoration: none; }

#location			{ float: left; }
#location p			{ margin: 0 0 3em 0}
#sidebar			{ font-size: 90%; float: none; padding: 29px 0 0 15px;  width: 250px; }
#sidebar img		{ border: 1px solid #000; margin: 2em 0 1em 0; }
h2, #content_main h3				{ text-shadow: #683c16 1px 1px 2px; }
h3					{ margin-bottom: 0.3em}

#content_index		{ background-color: #ffffaf; margin: 5px 0 10px 285px; width: 660px; height: 400px; padding: 10px 15px; position: absolute; z-index: 10; overflow: auto}
#content_main		{ background-color: #fffbef; margin: 5px 0 20px 285px; width: 660px; padding: 10px 15px; }
#content_main li	{ float: none; color: #683C16; }
hr					{ clear: both; visibility: hidden; }
p.anouncement		{ font-weight: bold; font-size: 1.2em; color: #C00 }

#footer_short		{ font-size: 80%; clear: both; background-color: #fafb89; padding-left: 28%; position: absolute; z-index: 10; bottom: 7px; width: 71.9% }
#footer_long		{ font-size: 80%; clear: both; background-color: #fafb89; margin: 10px 0; padding-left: 27%; width: 72.9% }
#footer_short a, #footer_long a {margin-left: 10px }

a:link, a:active, a:hover, a:visited { text-decoration: none; font-weight: 700; color: #300 }
a:link				{ }
a:visited			{ }
a:hover				{ color: #C00  }
a:active			{ color: #F00; }

#location a, #content_index a, #content_main a						{ text-decoration: underline; color: #683C16;}
#location a:hover, #content_index a:hover, #content_main a:hover	{ color: #C00; }
#location a:active, #content_index a:active, #content_main a:active	{ color: #F00; }

#content_main img, iframe	{ border: 2px solid #683C16; margin: 8px 0 8px 20px;
box-shadow: 3px 3px 3px #683c16;
-moz-box-shadow: 3px 3px 3px #683c16;
-webkit-box-shadow: 3px 3px 3px #683c16; }
#content_main a img			{ border: none; }
.img_rgt, .img_lft			{ float: right; border: 2px solid #683C16; margin: 0 0 8px 20px;  }
#content_main .img_lft		{ float: left; margin: 0 20px 0 0;} /* needs this specitifity */
#content_main img.img_rgt_none { float: right; border: none; }

#content_index p:first-letter, #content_main p:first-letter { font: 1.4em/0.8em "Rage Italic","Brush Script MT","Lucida Handwriting","Monotype Corsiva", "Palatino Linotype Bold Italic", "Times New Roman Bold Italic", serif; margin: 0 0.05em 0 0; position: relative;  }

/* SPECIFIC THINGIES */

/* IMAGE REPLACEMENT ON HEADER */

h1#logo 	{
	position: absolute;
	top: 29px;
	left: 363px;
	padding-top: 77px; /* height of the replacement image */
	height: 0;
	width: 543px;
	overflow: hidden;
	background-image: url(../rsc/visser_pedicure3.png);
	background-repeat: no-repeat;
}

* html h1#logo 	{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../rsc/visser_pedicure.png", sizingMethod="crop");
}

* html #index h1#logo 	{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../rsc/visser_pedicure.png", sizingMethod="crop");
}


form		{background-color: transparent; float:left }
form p		{ clear: left; margin-bottom: 0 }
input		{ width: 300px; }
/* redundant but leave for future
input.zip { width: 50px; }
input.city { width: 243px }
end redundant */
input.button		{ width: 225px; color: #683C16; background-color: #fafb89; margin: 0 0 0 200px; box-shadow: 3px 3px 3px #683c16;
-moz-box-shadow: 3px 3px 3px #683c16;
-webkit-box-shadow: 3px 3px 3px #683c16; }
input, textarea	{ border: 1px solid #000070; background: #fff; padding: 0 0 0 3px }
textarea			{ width: 451px; height: 150px }
.form_title			{ width: 200px; float: left; margin-bottom: 3px;}

/* suckerfish navigation */

/*
#nav, #nav ul { float: left; width: 36em; list-style: none; line-height: 1; background: white; font-weight: bold; padding: 0; border: solid #eda; border-width: 1px 0; margin: 0 0 1em 0; }
*/

#nav a:link { display: block; width: 6em; w\idth: 4em; color: #300; text-decoration: none; padding: 0; }

ul#nav a:hover { color: #c00; }

/*
#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}
*/
#nav li { float: left; padding: 0; width: 6em; }

#nav li ul { position: absolute; left: -999em; height: auto; width: 12.4em; w\idth: 11.9em; font-weight: normal; margin: 0; padding: 0; background: #fafb89; }

#nav li li { width: 11.25em; border: 1px solid #300; padding: 0.1em 0.25em; }

#nav li ul a { width: 11em; w\idth: 7em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; color: #f00; }

#nav li:hover, #nav li.sfhover { color: #f00; }

/* page specifics  */

#contact #content_main 	{ height: 425px; }