/*-------clear fix-------*/

  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }

  * html .clearfix {
    height: 1%; /* IE5-6 */
  }

  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }

  html[xmlns] .clearfix { /* O */
    display: block;  
  }

  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

/*-------end clear fix-------*/


body {
background:#fee787;
color:#000;
text-align:center;
line-height:130%;
}

body p {
color:#17212d;
font-family:Georgia, "Times New Roman", Times, serif;
}

body h2 {
color:#17212d;
font-size:1.3em;
font-family:Georgia, "Times New Roman", Times, serif;
}

#wrapper {
text-align: left;
margin: 10px auto;
width: 930px;
}

#header {
width:930px;
height:200px;
margin:20px 0;
}

#flash_logo {
width:285px;
float:left;
}

#flash_banner {
width:629px;
float:right;
margin-top:29px;
}


#content {
text-align: left;
padding: 0 40px;
}

a {
color:#cc0000;
text-decoration:underline;
outline:none;
}

a:hover {
color:#616161;
text-decoration:none;
}

hr {
margin:10px 0 20px 0;
border:none;
width:150px;
color:#e7c62d;
background-color:#e7c62d;
height:1px;
clear:both;
text-align: center;
margin: 0 auto 30px auto;
}

#recipemain hr {
margin:10px 0 20px 0;
border:none;
width:500px;
color:#e7c62d;
background-color:#e7c62d;
height:1px;
clear:both;
margin: 0 auto 30px auto;
}

.alignleft {float: left;}
.alignright {float: right;}
img.alignleft {padding-right: 30px; padding-bottom: 30px;}
img.alignright {padding-left: 30px; padding-bottom: 30px;}

.firstcaps {font-size: 2em; font-weight:bold; display:block; float:left; position:relative; top:-4px;}

ul {margin-left:15px;}

#navwrapper {
position: relative;
margin-bottom: 30px;
}

#navwrapper h2 {
margin-bottom: 0;
}

#nav {
position: absolute;
right: 0;
list-style-type: none;
padding: 0;
margin: 0;
}

#nav li {
padding: 0;
float: left;
position: relative;
margin-left: 40px;
}

#nav li a {
display: block;
height: 42px;
text-indent: -9999px;
width: 110px;
}


#nav li#linka a {background:url(images/home_off.gif) no-repeat;}
#nav li#linkb a {background:url(images/products_off.gif) no-repeat;}
#nav li#linkc a {background:url(images/recipes_off.gif) no-repeat;}
#nav li#linkd a {background:url(images/contact_off.gif) no-repeat;}

#nav li#linka a:hover {background:url(images/home_on.gif) no-repeat;}
#nav li#linkb a:hover {background:url(images/products_on.gif) no-repeat;}
#nav li#linkc a:hover {background:url(images/recipes_on.gif) no-repeat;}
#nav li#linkd a:hover {background:url(images/contact_on.gif) no-repeat;}

#nav li#linka.active a {background:url(images/home_on.gif) no-repeat;}
#nav li#linkb.active a {background:url(images/products_on.gif) no-repeat;}
#nav li#linkc.active a {background:url(images/recipes_on.gif) no-repeat;}
#nav li#linkd.active a {background:url(images/contact_on.gif) no-repeat;}


#nav2 {
list-style-type: none;
height: 280px;
width: 150px;
padding: 0;
margin: 0;
}

#nav2 h2{
color:#1c1e2e
}

#nav2 li {
padding: 0;
margin: 0;
margin-top: 5px;
position: relative;
}

#nav2 li a {
display: block;
width: 188px;
height: 19px;
text-indent: -9999px;
}

#nav2 li#linke {left: 2px;}
#nav2 li#linkf {left: 6px;}
#nav2 li#linkg {left: 10px;}
#nav2 li#linkh {left: 12px;}
#nav2 li#linki {left: 14px;}
#nav2 li#linkj {left: 14px;}
#nav2 li#linkk {left: 12px;}
#nav2 li#linkl {left: 10px;}
#nav2 li#linkm {left: 6px;}
#nav2 li#linkn {left: 2px;}

#nav2 li#linke a {background:url(navimages/danish_pastry_off.gif) no-repeat;}
#nav2 li#linkf a {background:url(navimages/sweet_pastry_off.gif) no-repeat;}
#nav2 li#linkg a {background:url(navimages/american_brownie_off.gif) no-repeat;}
#nav2 li#linkh a {background:url(navimages/chocolate_and_orange_cake_off.gif) no-repeat;}
#nav2 li#linki a {background:url(navimages/choux_paste_off.gif) no-repeat;}
#nav2 li#linkj a {background:url(navimages/croissants_off.gif) no-repeat;}
#nav2 li#linkk a {background:url(navimages/ginger_and_honey_flapjack_off.gif) no-repeat;}
#nav2 li#linkl a {background:url(navimages/lemon_cake_off.gif) no-repeat;}
#nav2 li#linkm a {background:url(navimages/puff_pastry_off.gif) no-repeat;}
#nav2 li#linkn a {background:url(navimages/scones_off.gif) no-repeat;}

#nav2 li#linke a:hover {background:url(navimages/danish_pastry_on.gif) no-repeat;}
#nav2 li#linkf a:hover {background:url(navimages/sweet_pastry_on.gif) no-repeat;}
#nav2 li#linkg a:hover {background:url(navimages/american_brownie_on.gif) no-repeat;}
#nav2 li#linkh a:hover {background:url(navimages/chocolate_and_orange_cake_on.gif) no-repeat;}
#nav2 li#linki a:hover {background:url(navimages/choux_paste_on.gif) no-repeat;}
#nav2 li#linkj a:hover {background:url(navimages/croissants_on.gif) no-repeat;}
#nav2 li#linkk a:hover {background:url(navimages/ginger_and_honey_flapjack_on.gif) no-repeat;}
#nav2 li#linkl a:hover {background:url(navimages/lemon_cake_on.gif) no-repeat;}
#nav2 li#linkm a:hover {background:url(navimages/puff_pastry_on.gif) no-repeat;}
#nav2 li#linkn a:hover {background:url(navimages/scones_on.gif) no-repeat;}

#sidebar {
float:left;
width:244px;
}

#recipemain {
float:left;
width:500px;
}

#contact_blurb {
font-size:1.2em;
}

#contact_left_column {
width:30%;
font-size:0.9em;
float:left;
}

#contact_left_column p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}

#contact_middle_column {
width:30%;
font-size:0.9em;
float:left;
}

#contact_right_column {
width:30%;
font-size:0.9em;
float:right;
}

fieldset {
width:280px;
border:none;
margin:0 30px 0 0;
}

.col1 {
width:230px;
}

td {vertical-align:top;}

td.grams {
width:50px;	
text-align:right;
padding-right:5px;
vertical-align:top;
}

#innerwrapper {
margin:20px;
}