/* Global Layout Styles */ 

body {
margin: 0;
padding: 0;
font: 0.8em/1.5em "trebuchet MS", Verdana, Arial, sans-serif;
color: #6b0303;
background: #c8af8a;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
}

#container {
margin: 0;
padding: 0;
width: 95%;
min-height: 100%;
min-width: 940px;
background: url(../assets/generic/mainbg.gif) top left;
}

#wrapper{
float:left;
width:100%;
}

#content{
margin-left:240px;
padding-left: 70px;
}

#maincontent {
padding: 3em 2em 2em 0;
width:600px;
}

#logo {
float:left;
padding: 0 0 0 5px;
margin:0;
}

#navigation {
height: 139px;
}

#sidebar {
position:relative;
float:left;
width:230px;
margin-left:-100%;
}

#frame {
float:left;
margin: 0 0 10px 25px;
background: url(../assets/generic/framebg.png) no-repeat top left;
width:242px;
height: 428px;
}

#frame.cheesepic {
background: url(../assets/frame/cheesecake.png) no-repeat top left;}

#framecontact {
float:left;
margin: 0 0 10px 25px;
background: url(../assets/generic/framebg_contact.png) no-repeat top left;
width:242px;
height: 381px;
}

#footer {
margin: 0;
padding: 0;
clear:both;
}

/* Generic Styles */ 

#logo h1 {
text-indent: -9999px;
background: url(../assets/generic/real_logo.png) no-repeat top left;
width:272px;
height: 311px;
margin:0;
padding:0;
}

/* Content Styles */ 

#maincontent p {
text-align:justify;
}

#maincontent p em {
font-weight:bold;
font-style:italic;
}

#maincontent p a:link, #maincontent p a:visited {
color: #800000;
text-decoration: underline;
}

#maincontent p a:hover, #maincontent p a:active {
color: #bf0000;
font-weight: bold;
text-decoration: none;
}

#maincontent ul {
line-height: 1.8em;
}

#maincontent ul#biglist li {
line-height: 2.5em;
font-size: 1.2em;
background: url(../assets/generic/buildstar.png) no-repeat center left;
padding-left: 40px;
list-style-type: none;
}

.testimonial {
margin:1em 0 1em 0;
background: url(../assets/generic/star_test.png) no-repeat bottom center;
padding:0;
}

.testimonial p {
padding: 0 1em;
 }
 

/* Titles & Buttons*/ 

#maincontent h4 {
text-indent: -9999px;
margin:0;
padding:0;
}

#maincontent h4#love {
background: url(../assets/titles/welove.png) no-repeat top left;
width:493px;
height: 34px;
}

#maincontent h4#xmas {
background: url(../assets/titles/xmas.png) no-repeat top left;
width:654px;
height: 76px;
}

#maincontent h4#orderme {
background: url(../assets/titles/orderme.png) no-repeat top left;
height: 34px;
}
#maincontent h4#info {
background: url(../assets/titles/moreinfo.png) no-repeat top left;
height: 44px;
}

#maincontent h4#clienttitle {
background: url(../assets/titles/clients.png) no-repeat top left;
height: 44px;
}

/* Cake Menu Styles */ 

#maincontent h4#menutitle {
background: url(../assets/menu/the-menu.png) no-repeat top left;
width:245px;
height:42px;
margin-bottom: 2em;
}

#maincontent h4#download a:link, #maincontent h4#download a:visited {
background:url(../assets/menu/download.png) no-repeat top left;
display:block;
width:216px;
height:82px;
margin-bottom: 2em;
}

#maincontent h4#download a:hover, #maincontent h4#download a:active {
background:url(../assets/menu/downloadr.png) no-repeat top left;
}

#maincontent p.menu {
margin:0;
padding:0 0 1.5em 0;
}

#maincontent h5 {
width:323px;
height:25px;
text-indent:-9999px;
margin:0;
padding:0;
}

#maincontent h5#vanilla {background: url(../assets/menu/vanilla.png) no-repeat;}
#maincontent h5#strawberry {background: url(../assets/menu/strawberry.png) no-repeat;}
#maincontent h5#lemonlime {background: url(../assets/menu/lemonlime.png) no-repeat;}
#maincontent h5#honeycomb {background: url(../assets/menu/honeycomb.png) no-repeat;}
#maincontent h5#raspberry {background: url(../assets/menu/raspberry.png) no-repeat;}
#maincontent h5#strawcoco {background: url(../assets/menu/strawcoco.png) no-repeat;}
#maincontent h5#blueberry{background: url(../assets/menu/blueberry.png) no-repeat;}
#maincontent h5#duochoc {background: url(../assets/menu/duochoc.png) no-repeat;}
#maincontent h5#espresso {background: url(../assets/menu/espresso.png) no-repeat;}
#maincontent h5#flaky {background: url(../assets/menu/flaky.png) no-repeat;}
#maincontent h5#cranachan {background: url(../assets/menu/cranachan.png) no-repeat;}


/* Frame Testimonial Styles */ 

#frame h3 {
margin:110px 0 0 0;
padding:0 0 0 50px;
width: 186px;
height:228px;
text-indent: -9999px;
}

#frame h3#jen {
background: url(../assets/frame/test_jen.png) no-repeat center;
}

#frame h3#yummy {
background: url(../assets/frame/test_yummy.png) no-repeat center;
}

#frame h3#addictive {
background: url(../assets/frame/test_addictive.png) no-repeat center;
}

#frame h3#mother {
background: url(../assets/frame/test_mother.png) no-repeat center;
}


#frame h3#order {
background: url(../assets/frame/test_order.png) no-repeat center;
}

#framecontact p {
margin:9em 0 0 2.5em;
padding:0 ;
}

#framecontact a:link, #framecontact a:visited {
color: #6b0303;
text-decoration:none;
}
#framecontact a:hover, #framecontact a:active {
color: #bf0000;
text-decoration:underline;
}

/* Navigation Styles */ 

#navigation ul {
margin: 0;
padding:0;
text-align:left;
}

#navigation li {
padding: 0 10px 0 0;
list-style-type: none;
text-indent: -9999px;
display:block;
float: left;
}

li#homepage a:link, li#homepage a:visited {
display:block;
width: 108px;
height: 139px;
background: url(../assets/navigation/home.png) no-repeat;
}

li#homepage a:hover, li#homepage a:active {
background: url(../assets/navigation/homer.png) no-repeat;
}

li#menu a:link, li#menu a:visited {
display:block;
width: 108px;
height: 139px;
background: url(../assets/navigation/menu.png) no-repeat;
}

li#menu a:hover, li#menu a:active {
background: url(../assets/navigation/menur.png) no-repeat;
}

li#more a:link, li#more a:visited {
display:block;
width: 108px;
height: 139px;
background: url(../assets/navigation/more.png) no-repeat;
}

li#more a:hover, li#more a:active {
background: url(../assets/navigation/morer.png) no-repeat;
}

li#order a:link, li#order a:visited {
display:block;
width: 108px;
height: 139px;
background: url(../assets/navigation/order.png) no-repeat;
}

li#order a:hover, li#order a:active {
background: url(../assets/navigation/orderr.png) no-repeat;
}

li#clients a:link, li#clients a:visited {
display:block;
width: 108px;
height: 139px;
background: url(../assets/navigation/clients.png) no-repeat;
}

li#clients a:hover, li#clients a:active {
background: url(../assets/navigation/clientsr.png) no-repeat;
}

/* Navigation HIGHLIGHT Styles */ 

body#home a#navhome {background: url(../assets/navigation/homer.png) no-repeat;}
body#menu a#navmenu {background: url(../assets/navigation/menur.png) no-repeat;}
body#moreinfo a#navmore {background: url(../assets/navigation/morer.png) no-repeat;}
body#order a#navorder {background: url(../assets/navigation/orderr.png) no-repeat;}
body#clients a#navclients {background: url(../assets/navigation/clientsr.png) no-repeat;}



/* Footer Styles */ 


#footer h3 {
margin-left:70px;
text-indent: -9999px;
width: 476px;
height: 40px;
background: url(../assets/generic/footertag.png) no-repeat;
}

#footer h6 {
float: right;
margin-top:-40px;
height:30px;
padding: 0 15px 0 35px;
font-size: 0.8em;
font-weight:normal;
line-height: 1.2em;
}

#footer h6#build {
background:url(../assets/generic/buildstar.png) no-repeat;
color: #800000;
}

#footer h6#build a:link, #footer h6#build a:visited {
text-decoration:none;
color:#800000;
}

#footer h6#build a:hover, #footer h6#build a:active {
text-decoration:underline;
color:#bf0000;
}

#footer h6#wjd {
background:url(../assets/generic/wjdstar.png) no-repeat;
color:#6f7159;
}

#footer h6#wjd a:link, #footer h6#wjd a:visited {
text-decoration:none;
color:#6f7159;
}

#footer h6#wjd a:hover, #footer h6#wjd a:active {
text-decoration:underline;
color:#000;
}

/* Form Layouts */


form#realform {
padding:1px; 
 }

form#realform p {

font-size:1em; 
color:#800000; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

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

form#realform fieldset#feedback p {padding:4px; margin:0;}

form#realform fieldset {
display:block; 
border:1px dotted #bf0000; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em;  
}

form#realform fieldset:hover {
border:1px dotted #800000; 
background:url(../assets/generic/fromop.png) repeat;
}

form#realform legend {
font-size:0.9em; 
font-weight:bold; 
border:1px solid #800000; 
margin-bottom:15px; 
padding:6px; 
background: #bf0000; 
color:#e5cca6;
}

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

form#realform label {
clear:left; 
display:block; 
float:left; 
width:250px; 
text-align:left; 
padding-right:10px; 
color:#bf0000; 
font-weight:bold;
margin-bottom:0.5em;}

form#realform input {
border:1px solid #800000; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#c4a98f;
color: 000;
}

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

form#realform input:hover { background:#e5cca6; border:1px solid #bf0000; color:#000;}
form#realform input:focus {background:#fff; border:1px solid #bf0000; color:#800000;}

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

form#realform textarea {
float:left;
width:410px; 
height:10em; 
border:1px solid #800000; 
padding:0.5em; 
overflow:auto;
background:#c4a98f;
color:#000;
}

form#realform textarea:hover { background:#e5cca6; border:1px solid #bf0000; color:#000;}
form#realform textarea:focus {background:#fff; border:1px solid #bf0000; color:#000;}


form#realform #button1, form#realform #button2 {
color:#fff; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background: #bf0000; 
border:1px solid; 
border-color:#800000 #800000 #000 #000;
font-weight:bold;
text-transform:uppercase;
}

form#realform #button1:hover, form#realform #button2:hover {
color:#fff; 
background:#800000; 
border:1px solid; 
border-color:#666 #666 #999 #999; 
}