/* CSS Document */

/* Global Layout Styles */

html,body{margin:0;padding:0}

body {
font: 0.9em/1.5em "Times New Roman", Times, serif;
background:#5e3918;
text-align:center;
color: #5e3918;
margin-top:50px;
}

#wrapper {
margin:0 auto;
width:800px;
height:100%;
}

#container {
float:left;
position:relative;
background: url(../assets/generic/flowers.gif) repeat;
width:800px;
padding:30px 0;
}

#canvas_center {
margin:0 auto;
width: 700px;
}

#main_canvas {
width:700px;
float:left;
background:#fff;
min-height:500px;
border: 9px solid #efc6c8;
}

#main_canvas.homebg {
background: #fff url(../assets/generic/homeBG.jpg) no-repeat right bottom;
}

#header {
position:relative;
margin:0;
background: url(../assets/generic/dots.gif) no-repeat;
height: 135px;
}

#text_home {
float:left;
text-align:left;
margin: 0 0 0 20px;
width:365px;
}

#text_content {
float:left;
width:510px;
margin-right:180px;
padding:0 0 10px 0;
}

#images {
float:right;
width:180px;
margin-left:-182px;
}

#footer {
clear:both;
position:relative;
width:800px;
height: 44px;
margin:0 auto; 
padding:0 0 20px 0;
}

/* Global Graphic Styles */

/* Logo and navigation Styles */
h1#logo {
position:absolute;
top:-90px;
left:-90px;
text-indent:-9999px;
padding:0;
width:221px;
height:227px;
background:url(../assets/generic/buttercream-mollys.png) no-repeat;
}

/* MAINNAV Styles */
#header ul {
text-indent:-9999px;
margin:0 0 0 120px;
padding:5px 0; 
}

#header ul li {
float:left;
display:inline;
list-style-type:none;
margin-top: 15px;
}

#header ul li a {overflow:hidden; border:none; height:28px; display:block;}

#header ul li.home {background: url(../assets/nav/home_r.gif) no-repeat -1000px -1000px;}
#header ul li.home a:link, 
#header ul li.home a:visited {width:68px; background: url(../assets/nav/home.gif) no-repeat;}
#header ul li.home a:hover, 
#header ul li.home a:active {background:url(../assets/nav/home_r.gif) no-repeat;}

#header ul li.cakes {background: url(../assets/nav/cakes-and-cupcakes.gif) no-repeat -1000px -1000px;}
#header ul li.cakes a:link, 
#header ul li.cakes a:visited {width:126px; background: url(../assets/nav/cakes-and-cupcakes.gif) no-repeat;}
#header ul li.cakes a:hover, 
#header ul li.cakes a:active {background:url(../assets/nav/cakes-and-cupcakes_r.gif) no-repeat;}

#header ul li.cookies {background: url(../assets/nav/cookies.gif) no-repeat -1000px -1000px;}
#header ul li.cookies a:link, 
#header ul li.cookies a:visited {width:69px; background: url(../assets/nav/cookies.gif) no-repeat;}
#header ul li.cookies a:hover, 
#header ul li.cookies a:active {background:url(../assets/nav/cookies_r.gif) no-repeat;}

#header ul li.brownies {background: url(../assets/nav/brownies-and-bars_r.gif) no-repeat -1000px -1000px;}
#header ul li.brownies a:link, 
#header ul li.brownies a:visited {width:118px; background: url(../assets/nav/brownies-and-bars.gif) no-repeat;}
#header ul li.brownies a:hover, 
#header ul li.brownies a:active {background:url(../assets/nav/brownies-and-bars_r.gif) no-repeat;}

#header ul li.muffins {background: url(../assets/nav/muffins_r.gif) no-repeat -1000px -1000px;}
#header ul li.muffins a:link, 
#header ul li.muffins a:visited {width:68px; background: url(../assets/nav/muffins.gif) no-repeat;}
#header ul li.muffins a:hover, 
#header ul li.muffins a:active {background:url(../assets/nav/muffins_r.gif) no-repeat;}

#header ul li.order {background: url(../assets/nav/order.gif) no-repeat -1000px -1000px;}
#header ul li.order a:link, 
#header ul li.order a:visited {width:57px; background: url(../assets/nav/order.gif) no-repeat;}
#header ul li.order a:hover, 
#header ul li.order a:active {background:url(../assets/nav/order_r.gif) no-repeat;}

#header ul li.contact {background: url(../assets/nav/contact.gif) no-repeat -1000px -1000px;}
#header ul li.contact a:link, 
#header ul li.contact a:visited {width:62px; background: url(../assets/nav/contact.gif) no-repeat;}
#header ul li.contact a:hover, 
#header ul li.contact a:active {background:url(../assets/nav/contact_r.gif) no-repeat;}

#header ul li.cakes-cakes {background: url(../assets/nav/cakes.gif) no-repeat -1000px -1000px;}
#header ul li.cakes-cakes a:link, 
#header ul li.cakes-cakes a:visited {width: 136px; background: url(../assets/nav/cakes.gif) no-repeat;}
#header ul li.cakes-cakes a:hover, 
#header ul li.cakes-cakes a:active {background:url(../assets/nav/cakes_r.gif) no-repeat;}

#header ul li.cakes-cakes a.active {background: url(../assets/nav/cakes_r.gif) no-repeat}

#header ul li.cakes-cupcakes {background: url(../assets/nav/cupcakes.gif) no-repeat -1000px -1000px;}
#header ul li.cakes-cupcakes a:link, 
#header ul li.cakes-cupcakes a:visited {width:136px; background: url(../assets/nav/cupcakes.gif) no-repeat;}
#header ul li.cakes-cupcakes a:hover, 
#header ul li.cakes-cupcakes a:active {background:url(../assets/nav/cupcakes_r.gif) no-repeat;}

#header ul li.cakes-cupcakes a.active {background: url(../assets/nav/cupcakes_r.gif) no-repeat}

/* MAINNAV HIGHLIGHT Styles */ 
body#bghome a#navhome {background: url(../assets/nav/home_r.gif) no-repeat;}
body#bgcakes a#navcakes {background: url(../assets/nav/cakes-and-cupcakes_r.gif) no-repeat;}
body#bgcookies a#navcookies {background: url(../assets/nav/cookies_r.gif) no-repeat;}
body#bgbrownies a#navbrownies {background: url(../assets/nav/brownies-and-bars_r.gif) no-repeat;}
body#bgmuffins a#navmuffins {background: url(../assets/nav/muffins_r.gif) no-repeat;}
body#bgorder a#navorder {background: url(../assets/nav/order_r.gif) no-repeat;}
body#bgcontact a#navcontact {background: url(../assets/nav/contact_r.gif) no-repeat;}


/* CONTENT Styles */
#main_canvas p {
font-size: 0.9em;
}

#main_canvas p b {color:#81bfbf}

#text_home h2 {
margin:0;
padding:0;
text-indent:-9999px
}

#text_home h2.atmollys {background: url(../assets/title/at-mollys.gif) no-repeat; width: 361px; height: 80px;}
	
#text_home h4 {
margin:0;
padding:0;
font-weight:normal;
font-size:1.4em;
color: #81bfbf;
}

#text_content p {
text-align:left;
padding: 0 0 0 13px;
}

#text_content h1 {
text-indent:-9999px;
float:left;
width:156px;
height:81px;
margin:0 0 0 5px;
padding:0;
}

#text_content h1 a {overflow:hidden;}

#text_content h1 a:link, 
#text_content h1 a:visited {
display:block;
width:156px;
height:81px;
background:url(../assets/menu/images/order-me.gif) no-repeat;
}

#text_content h1 a:hover, 
#text_content h1 a:active {
background:url(../assets/menu/images/order-me-ro.gif) no-repeat;
}

#text_content h2 {
float:left;
clear:left;
text-indent:-9999px;
display:block;
width: 500px;
height:40px;
margin: 10px 0 0 10px;
}

#text_content h2.cakes-cupcakes {background: url(../assets/title/cakes-cupcakes.gif) no-repeat;}
#text_content h2.cookies {background: url(../assets/title/cookies.gif) no-repeat;}
#text_content h2.brownies {background: url(../assets/title/brownies.gif) no-repeat;}
#text_content h2.muffins {background: url(../assets/title/muffins.gif) no-repeat;}
#text_content h2.order {background: url(../assets/title/order.gif) no-repeat;}
#text_content h2.contact {background: url(../assets/title/contact.gif) no-repeat;}
#text_content h2.thanks {background: url(../assets/title/thanks.gif) no-repeat;}
#text_content h2.oops {background: url(../assets/title/oops.gif) no-repeat;}

/* MENU styles & titles */
#text_content a:link, 
#text_content a:visited {
font-weight:bold;
text-decoration:underline;
color:#81bfbf;}

#text_content a:hover, 
#text_content a:active {
text-decoration:none;
color:#4d8d8d;}

#text_content p.menu {
width:400px;
font-size:0.9em;
margin:0;
padding:0 0 5px 13px;
color:#488080;
}

#text_content p.brown {color:#5e3918; font-weight:bold; width:100%;}

#text_content h3 {
float:left;
clear:left;
text-indent:-9999px;
display:block;
width: 500px;
height:29px;
margin:5px 0 0 10px;
}

#text_content h3.muffins_carrot {background: url(../assets/menu/muffins/muffins-carrot.gif) no-repeat;}
#text_content h3.muffins_blueberry {background: url(../assets/menu/muffins/muffins-blueberry.gif) no-repeat;}
#text_content h3.muffins_lemon {background: url(../assets/menu/muffins/muffins-lemon.gif) no-repeat;}
#text_content h3.muffins_morning {background: url(../assets/menu/muffins/muffins-morning.gif) no-repeat;}
#text_content h3.muffins_bran {background: url(../assets/menu/muffins/muffins-spiced-bran.gif) no-repeat;}
#text_content h3.muffins_raisin {background: url(../assets/menu/muffins/muffins-raisin.gif) no-repeat;}
#text_content h3.muffins_peanut {background: url(../assets/menu/muffins/muffins-peanut-banana.gif) no-repeat;}
#text_content h3.muffins_banana {background: url(../assets/menu/muffins/muffins-banana-walnut.gif) no-repeat;}
#text_content h3.muffins_jasmine {background: url(../assets/menu/muffins/muffins-jasmine.gif) no-repeat;}
#text_content h3.muffins_zucchini {background: url(../assets/menu/muffins/muffins-zucchini.gif) no-repeat;}
#text_content h3.muffins_cinnamon {background: url(../assets/menu/muffins/muffins-cinnamon.gif) no-repeat;}

#text_content h3.cakes_vanilla {background: url(../assets/menu/cakes/vanilla.gif) no-repeat;}
#text_content h3.cakes_chocolate {background: url(../assets/menu/cakes/chocolate.gif) no-repeat;}
#text_content h3.cakes_mocha {background: url(../assets/menu/cakes/mocha.gif) no-repeat;}
#text_content h3.cakes_grasshopper {background: url(../assets/menu/cakes/grasshopper.gif) no-repeat;}
#text_content h3.cakes_lemon {background: url(../assets/menu/cakes/lemon-drop.gif) no-repeat;}
#text_content h3.cakes_malt {background: url(../assets/menu/cakes/malt.gif) no-repeat;}
#text_content h3.cakes_velvet {background: url(../assets/menu/cakes/red-velvet.gif) no-repeat;}
#text_content h3.cakes_whiteout {background: url(../assets/menu/cakes/whiteout.gif) no-repeat;}
#text_content h3.cakes_carrot {background: url(../assets/menu/cakes/carrot.gif) no-repeat;}
#text_content h3.cakes_coconut {background: url(../assets/menu/cakes/coconut.gif) no-repeat;}
#text_content h3.cakes_graham {background: url(../assets/menu/cakes/graham.gif) no-repeat;}

#text_content h3.cookies_whoopie {background: url(../assets/menu/cookies/whoopie.gif) no-repeat;}
#text_content h3.cookies_spritz {background: url(../assets/menu/cookies/spritz.gif) no-repeat;}
#text_content h3.cookies_chocchip {background: url(../assets/menu/cookies/choc-chip.gif) no-repeat;}
#text_content h3.cookies_brownie {background: url(../assets/menu/cookies/brownie.gif) no-repeat;}
#text_content h3.cookies_snicker {background: url(../assets/menu/cookies/snicker.gif) no-repeat;}
#text_content h3.cookies_peanut {background: url(../assets/menu/cookies/peanut.gif) no-repeat;}
#text_content h3.cookies_jammy {background: url(../assets/menu/cookies/jammy.gif) no-repeat;}
#text_content h3.cookies_lemon_poppy {background: url(../assets/menu/cookies/lemon-poppy.gif) no-repeat;}
#text_content h3.cookies_choc_hazel {background: url(../assets/menu/cookies/choc-hazel.gif) no-repeat;}
#text_content h3.cookies_glazed_lemon {background: url(../assets/menu/cookies/glazed-lemon.gif) no-repeat;}
#text_content h3.cookies_cranberry {background: url(../assets/menu/cookies/cranberry.gif) no-repeat;}
#text_content h3.cookies_russian {background: url(../assets/menu/cookies/russian.gif) no-repeat;}

#text_content h3.bars_choc {background: url(../assets/menu/bars/choc-brownies.gif) no-repeat;}
#text_content h3.bars_tri {background: url(../assets/menu/bars/tri-level.gif) no-repeat;}
#text_content h3.bars_lemon {background: url(../assets/menu/bars/lemon-coconut.gif) no-repeat;}
#text_content h3.bars_raspberry {background: url(../assets/menu/bars/raspberry.gif) no-repeat;}
#text_content h3.bars_janhagels {background: url(../assets/menu/bars/janhagels.gif) no-repeat;}
#text_content h3.bars_meringues {background: url(../assets/menu/bars/meringues.gif) no-repeat;}
#text_content h3.bars_biscotti {background: url(../assets/menu/bars/biscotti.gif) no-repeat;}
#text_content h3.bars_omega {background: url(../assets/menu/bars/omega3.gif) no-repeat;}

#text_content h4 {
text-align:left;
margin:0 0 10px 13px;
padding:0;
font-weight:normal;
font-size:1.3em;
color: #81bfbf;
}

#text_content h5 {
background: url(../assets/images/old-phone.jpg) no-repeat;
height:50px;
text-align:left;
margin:5px 0 0 10px;
padding:25px 0 0 100px;
font-weight:bold;
font-size:1.4em;
}

#text_content h6 {
width:400px;
height:5px;
text-indent:-9999px;	
margin:5px 0 0 10px;
padding:0;
background:url(../assets/generic/dots_menu.gif) repeat-x;
}

#images img  {
margin:2px 0;
padding:0;
}

#images img a, #images img.right a {
overflow:hidden;
display:block;
border:0;
}

#images img.right {
float:right;
}

/* FOOTER Layouts */
#footer h2 {
margin:0;
padding:0;
text-indent:-9999px;
background: url(../assets/generic/buttercream-mollys-tag.gif) no-repeat;
float:left;
width: 153px;
height:44px;
}

#footer h3 {
margin:0 0 0 12px;
padding:0;
text-indent:-9999px;
background: url(../assets/generic/baking-tag.gif) no-repeat;
float:left;
width: 377px;
height:44px;
}

#footer #credit_tag {
float:right;
background: url(../assets/generic/credit-tag.gif) no-repeat;
width:249px;
height:45px;
}

#footer #credit_tag p {
margin:3px 0 0 0;
padding:0;
text-align:center;
font-size:0.75em;
line-height:1.3em;
color:#5e3918;
}

#footer #credit_tag p.build {color:#fff;}

#footer #credit_tag a:link, #footer #credit_tag a:visited {text-decoration:none; color:#fff;}
#footer #credit_tag a:hover, #footer #credit_tag a:active {text-decoration:underline; color:#5e3918;}


/* Form Layouts */

form#mollysform {
padding:10px; 
font-size:1em; 
width: 90%;
}

form#mollysform p {
font-size:1em; 
color:#81bfbf; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#mollysform fieldset#hidden {
display:none;
}

form#mollysform fieldset#feedback p {padding:4px; margin:0; color:#81bfbf}

form#mollysform fieldset {
display:block; 
border:1px dotted #81bfbf; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em; 
font-size:1em; 
}

form#mollysform fieldset:hover {
border:1px dotted #5b9393; 
}

form#mollysform legend {
font-size:1em; 
font-weight:bold; 
border:1px solid #5b9393; 
margin-bottom:15px; 
padding:6px; 
background:#81bfbf; 
color:#5e3918;
}

* html form#mollysform legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#mollysform label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:left; 
padding-right:10px; 
color:#5b9393; 
margin-bottom:0.5em;}

form#mollysform input {
border:1px solid #5b9393; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#b2e2e2;
color: #5e3918;
float:left;
}

fieldset#interest input {
width: 20px;
padding-top: 0.5em; 
}

form#mollysform input:hover {background:#81bfbf; border:1px solid #5e3918; color:#fff;}
form#mollysform input:focus {background:#fff; border:1px solid #5b9393; color:#5e3918;}

form#mollysform select {margin:0 0 1em 0.5em;}

form#mollysform textarea {
width:410px; 
height:10em; 
border:1px solid #5b9393; 
padding:0.5em; 
overflow:auto;
background:#b2e2e2;
color:#5e3918;
float:left;
}

form#mollysform textarea:hover {background:#81bfbf; border:1px solid #5e3918; color:#fff;}
form#mollysform textarea:focus {background:#fff; border:1px solid #5b9393; color:#5e3918;}


form#mollysform #button1, form#mollysform #button2 {
color:#000; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background:#81bfbf; 
border:1px solid; 
border-color:#427777 #427777 #204545 #204545;
}

form#mollysform #button1:hover, form#mollysform #button2:hover {
color:#fff; 
background:#5e3918; 
border:1px solid; 
border-color:#427777 #427777 #204545 #204545;