/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End CSS Reset */
/* Page Structure, ID's */
body { text-align:center; background:url(/images/index/bg.jpg) #a65b6f top left repeat-x }
/*====INDEX PAGE======*/
#main_wrapper { width:808px; margin:0 auto; padding:0 0 100px 0; }
#header { width:808px; float:left; }
#logo { width:375px; height:108px; float:left; }
#address { width:433px; height:108px; float:left; }
#stretch { width:808px; float:left; background-color:#fff; }
#index_top { width:808px; height:324px; float:left; background:url(/images/index/welcome-bg.jpg) top left no-repeat; }
#top_text_container { width:540px; float:left; margin:90px 0 0 250px; text-align:left; display:inline; }
#overlapping_img { width:159px; height:124px; float:right; background:url(/images/index/index-pic.png) top left no-repeat; position:relative; top:15px; left:0px; }
#index_bottom { width:808px; height:178px; float:left; }
#galleries { width:233px; height:178px; float:left; background:url(/images/index/gallery-bg.jpg) top left no-repeat;}
#top_gallery_row { width:195px; height:55px; float:left; margin:30px 0 0 19px; display:inline; }
.gallery_thumb_left { width:55px; height:55px; float:left; padding:0 15px 0 0; }
.gallery_thumb_mid { width:55px; height:55px; float:left; padding:0 15px 0 0; }
.gallery_thumb_right { width:55px; height:55px; float:left; }
.gallery_row { width:195px; height:55px; float:left; margin:15px 0 0 19px; display:inline; }
#bottom_text_container { width:540px; float:left; margin:0px 0 0 17px; text-align:left; display:inline; }
#footer { width:808px; float:left; height:87px; background:url(/images/index/footer.jpg) top left no-repeat; }
#mm_link { width:808px; float:left; text-align:center; padding:10px 0px 0px 0px; font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:130%;}
/*====INTERIOR PAGES======*/
#subheader { width:808px; height:100px; }
#interior_content { width:728px: float:left; margin:30px 40px 0 40px; text-align:left; padding: 0 0 100px 0; }
/*====ABOUT PAGE======*/
#left_img { width:200px; height:153px; float:left; padding: 0 10px 5px 0; }
/*====BROCHURE PAGE======*/
.brochure_container { width:728px; float:left; margin:0 0 20px 0; }
.brochure_image { width:185px; height:243px; float:left; margin:0 30px 0 0; }
#brochure_pdf_icon { width:170px; height:50px; float:left; margin:30px 0 0 0; }
#flavors_pdf_icon { width:192px; height:50px; float:left; margin:30px 0 0 0; }
/*====FAQ PAGE======*/
li.none { list-style-type:none; margin:0 0 0 10px; }
.none { font-family:verdana, arial, helvetica; font-size:14px; color:#8f4d60; text-decoration:none; font-weight:bold; line-height:130%; }
li.arrow { background:url(../../images/includes/arrow.jpg) 0 5px no-repeat; padding:0 0 0 10px; position:relative; margin:3px 0 15px 0; }
.arrow { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; text-align:left; }
/*====CONTACT PAGE======*/
#contact_list { width:386px; float:left; }
li.arrow_contact_top { background:url(../../images/includes/arrow.jpg) 0 7px no-repeat; padding:0 0 0 10px; position:relative; margin:-5px 0 0 -10px; }
.arrow_contact_top { font-family:verdana, arial, helvetica; font-size:14px; color:#8f4d60; text-decoration:none; line-height:150%; font-weight:bold; text-align:left; }
li.arrow_contact { background:url(../../images/includes/arrow.jpg) 0 7px no-repeat; padding:0 0 0 10px; position:relative; margin:3px 0 0 -10px; }
.arrow_contact { font-family:verdana, arial, helvetica; font-size:14px; color:#8f4d60; text-decoration:none; line-height:150%; font-weight:bold; text-align:left; }
#map { width:293px; height:277px; float:left; padding:18px 0 0 45px; }
.interior_gallery_row { width:728px; float:left; padding:0 0 50px 0; solid blue 1px;}
.gallery_image { width:100px; height:133px; float:left; border:3px solid #e2ebf1; }
/*================================================= NAVIGATION =================================================*/
#top_navigation { width:808px; height:89px; float:left; }
#top_navigation li { }
#top_navigation a { display:block; }
#top_navigation li { float:left; }
#top_navigation li a { height:89px; }
#home a { background: url(/images/nav/home.jpg) top center no-repeat; width:145px; height:89px; }
#about_us a { background: url(/images/nav/about-us.jpg) top center no-repeat; width:128px; height:89px; }
#cake_gallery a { background: url(/images/nav/cake-gallery.jpg) top center no-repeat; width:128px; height:89px; }
#brochure a { background: url(/images/nav/brochure.jpg) top center no-repeat; width:128px; height:89px; }
#faq a { background: url(/images/nav/faq.jpg) top center no-repeat; width:128px; height:89px; }
#contact_us a { background: url(/images/nav/contact-us.jpg) top center no-repeat; width:151px; height:89px; }
#about_us a:hover, #cake_gallery a:hover, #brochure a:hover, #faq a:hover, #contact_us a:hover { background-position:bottom; }
/*================================================= LINKS ======================================================*/
a:link{ font-family:verdana, arial, helvetica;font-size:12px;color:#000; text-decoration:none; font-weight:bold;}
a:visited{ font-family:verdana, arial, helvetica;font-size:12px;color:#000; text-decoration:none; font-weight:bold;}
a:hover{ font-family:verdana, arial, helvetica;font-size:12px;color:#000; text-decoration:underline; font-weight:bold;}
a.white-footer:link{ font-family:verdana, arial, helvetica;font-size:12px;color:#fff; text-decoration:none; font-weight:bold;}
a.white-footer:visited{ font-family:verdana, arial, helvetica;font-size:12px;color:#fff; text-decoration:none; font-weight:bold;}
a.white-footer:hover{ font-family:verdana, arial, helvetica;font-size:12px;color:#fff; text-decoration:underline; font-weight:bold;}
/*================================================= TEXT =======================================================*/
p { font-family:verdana, arial, helvetica; font-size:11px; color:#411f2b; text-decoration:none; font-weight:normal; line-height:130%; }
.black_12 { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-weight:normal; line-height:130%; }
.black_12_b { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-weight:bold; line-height:130%; }
.copyright_text { font-family:verdana, arial, helvetica; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; line-height:87px; }
.purple_12_b { font-family:verdana, arial, helvetica; font-size:12px; color:#8f4d60; text-decoration:none; font-weight:bold; line-height:130%; }
.purple_14_b { font-family:verdana, arial, helvetica; font-size:14px; color:#8f4d60; text-decoration:none; font-weight:bold; line-height:130%; }
.purple_16_b { font-family:verdana, arial, helvetica; font-size:16px; color:#401e2a; text-decoration:none; font-weight:bold; line-height:130%; }
/*================================================= MARGINS =======================================================*/
.bottom_10 { margin:0 0 10px 0; }
.bottom_15 { margin:0 0 15px 0; }
.top_5 { margin:5px 0 0 0; }
.left_10 { margin:0 0 0 10px; }
.neg_10_left { margin:0 0 0 -10px; }
.gallery_right_50 { margin:0 50px 0 0; }
.gallery_right_49 { margin:0 49px 0 0; }
/*================================================= INPUTS =======================================================*/
input.contact { width:380px; height:20px; _height:30px; border:3px solid #d6dcdf; margin:3px 0 5px 0; padding:3px 3px 0 3px; }
input.contact_2 { width:380px; height:20px; _height:30px;border:3px solid #d6dcdf; margin:3px 0 5px 0; padding:3px 3px 0 3px; }
textarea.contact { width:380px; height:200px; border:3px solid #d6dcdf; margin:3px 0 5px 0; padding:3px 3px 0 3px; }
/*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}