/* CSS Document */
/* RESET
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* TYPOGRAPHY
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #fff; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-top:1em; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.first		{margin-top:1.5em;}
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }

a:focus, 
a:hover     { color: #000; }
a           { color:#f69; text-decoration: underline; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; color:#666; }

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

a img { border: none; }

/* LAYOUT
-------------------------------------------------------------- */
body {
text-align:center;
min-width:800px;
background:#fefefe url(images/tile_background.jpg) repeat-x
}

.clear {
clear:both;
}

#wrapper, #flashcontent {
width:800px;
margin:27px auto 0;
text-align:left;
position:relative;}

#masthead {
background:url(images/tile_top.gif) repeat-x;
width:800px; height:109px;}

.index #masthead, .menu #masthead {
background:#F6bbcc url(images/masthead.gif) no-repeat;
height:170px;
width:800px;}

#logo {
position:absolute;
top:32px; left:5px;
}

#logo a{
text-indent:-5000em;
display:block;
width:258px;
height:70px;
background:url(images/logo.gif) no-repeat;}

#logo a:hover {
background-position:-258px 0px;
}

.index #logo a:hover {
background-position:0px 0px;
cursor:default;
}
div#content {
background-color:#f288a3; /*pink*/
}

.title {
position:absolute;
top:120px;
left:0px;
text-indent:-5000em;}

.menu .title {
background:url(images/title_menu.gif) no-repeat;
width:108px; height:21px;}


.order .title {
background:url(images/title_order.gif) no-repeat;
width:108px; height:21px;}

.about .title {
background:url(images/title_about.gif) no-repeat;
width:108px; height:21px;}

#footnote {
position:absolute;
bottom:-40px;
right:0px;
color:#f288a3;
font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em;}

.index #foot {
position:absolute;
top:634px; left:400px;
color:#f288a3;
font-size: .9em; line-height: 1.875em;
}

/* NAVIGATION
-------------------------------------------------------------- */

/*PRIMARY NAVIGATION - BOTTOM*/
#nav_main {
	clear: both;
	height: 47px;
	position: relative;
	margin-left:13px;
 }

#nav_main ul, #nav_main li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_main li {
	display: block;
	float: left;
	}

#nav_main a {
	background-repeat: no-repeat;
	display: block;
	height: 47px;
	width:147px;
	text-decoration: none;
	text-indent:-1000em;
	padding:0; margin:0;
}

#nav_main a:hover {
	background-position: 0 -47px;
}

a#nav_main_about {
	background-image: url("images/nav_main_about.gif");
}

a#nav_main_menu {
	background-image: url("images/nav_main_menu.gif");
}

a#nav_main_order {
	background-image: url("images/nav_main_order.gif")
}

.about #nav_main_about, .menu #nav_main_menu, .order #nav_main_order {
background-position: 0 -94px;
}

/* NAVIGATION - TOP*/

#nav_top {
	clear: both;
	position: absolute;
	right:0; top:18px;
 }

#nav_top ul, #nav_top li {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

#nav_top li {
	display: block;
	}

#nav_top a {
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width:62px;
	text-decoration: none;
	text-indent:-1000em;
	padding:0; margin:0;
}

#nav_top a:hover {
	background-position: -62px 0;
}

a#nav_top_about {
	background-image: url("images/nav_top_about.gif");
}

a#nav_top_menu {
	background-image: url("images/nav_top_menu.gif");
}

a#nav_top_order {
	background-image: url("images/nav_top_order.gif")
}

.about #nav_top_about, .menu #nav_top_menu, .order #nav_top_order {
background-position: -124px 0;
}


/* HOMEPAGE
-------------------------------------------------------------- */


img#ovenmamma {
position:absolute;
top:515px; right:24px;
}

#giftbox {
float:left;
padding-left:32px;
}

/*Scrolling text*/
div#tagline {
position:absolute; 
top:10px; 
left:54px; 
width:385px; 
background-color:#f6bbcc;}

#button_stop {
display:block;
width:20px; height:20px;
background:url(images/button_stop.gif) no-repeat;
position:absolute; top:10px; left:30px;}

#button_stop:hover {
background-position: 0px -20px;
}

#intro {
float: left;
width:230px; height:374px;
background:#f49ab4 url(images/box_tile_top.gif) no-repeat top right;}

#intro p {
padding:0 15px;}




/* MENU PAGE
-------------------------------------------------------------- */

.menu table {
width: 500px;
border-collapse:collapse;
background-color:#fff;
margin:0px 20px 20px;}

.menu td    { 
color: #999;
font-size:11px;	
padding:4px 10px;}

.menu .row_price td {
border-bottom: 3px solid #f288a3;
}

#display {
position:absolute;
top:220px;
right:15px;
}

#calculator {
position:absolute;
top:585px; right:95px;
index:100;
background: url(images/calculator.gif) no-repeat;
width:126px; height:138px;
padding:15px;}

.menu #ovenmamma {
position:absolute;
top:580px; right:0px;
}

p.indent {
text-indent:30px;
margin:0; padding:0;}

p.note {
color:#999;
font-style:italic;
margin:0;padding:0;}

.menu a#printer {
display:block;
position:absolute;
top:875px; right:200px;
background:#f288a3 url(images/printor_icon.gif) no-repeat;
width:51px; height:42px;
text-indent:-5000em;}

.menu a#printer:hover {
background-position:-51px 0;}

.menu #tooltip {
position:absolute;top:180px; right:30px;
width:200px;}

/* ORDER PAGE
-------------------------------------------------------------- */
#order_info {
text-indent:-5000em;
background: url(images/img_orderinfo.gif) no-repeat;
width:737px; height:208px;
margin:0px 31px;}

#box {
background: #f49ab4 url(images/box_tile_widebottom.gif) no-repeat left bottom;
width:715px;
margin-left:43px;
margin-top:30px;}

#delivery, #payment {
float:left;
margin-left:15px;
width:330px;}

/* ABOUT PAGE
-------------------------------------------------------------- */
.about #slideshow {
float:left;
padding: 0px 12px;
margin-top:50px;
}
#box_about {
float:left;
width:480px;
background:#f49ab4 url(images/box_tile_top.gif) no-repeat top right;
margin-top:50px;
}

#box_about p, #box_about h3 {
padding:0 15px;}

a#changehair {
position:absolute;
top:437px;left:25px;
text-indent:-5000em;
display:block;
width:222px; height:112px;
background:url(images/button_clickhair.jpg) no-repeat;
}

a#changehair:hover {
background-position: -222px 0px;}