@charset "utf-8";

/*
 * Default formatting
 */

html {
    width: 100%;
    margin: 0px 0px;
    background: url('/asset/images/bg_repeat_y.png') repeat-x top #DCD1C0;
}

body
{
    font: 62.5% Tahoma, Arial, Helvetica, sans-serif;
    color: #51452F;
    margin: 0px 0px;
     background: url('/asset/images/bg_pattern.jpg') top center no-repeat  ;
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}


h1
{
    color: #51452F;
    font-size: 2.1em;
    font-weight: normal;
    font-family: Georgia, Arial, Helvetica, sans-serif; 
    background:#DACEBB;
    padding-left: 10px;
    text-transform: lowercase;
    margin-bottom:1px;
    
}

h2
{
    font-size: 1.7em;
    color: #A38461;
    font-weight: normal;
    font-family: Georgia, Arial, Helvetica, sans-serif; 
}

h3
{
    font-size: 1.5em;
    color: #947656;
    font-weight: normal;
    font-family: Georgia, Arial, Helvetica, sans-serif; 
    text-transform: lowercase;
    padding-bottom: 0px;
}

h4
{
    font-size: 1.5em;
    color: #947656;
    font-weight: normal;
    font-family: Georgia, Arial, Helvetica, sans-serif; 
    text-transform: lowercase;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

    h2 a {
        color: #999;
    }
    
    h2 a:hover {
        color: #666;
    }

a
{
    color: #999;
    text-decoration: underline;
}

a:hover
{
    color: #444;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.frame
{
    border: 1px solid #CBB699;
	padding:3px;
}

.icon {
    background-color: #999;
}

p { font-size:1.3em; line-height: 1.5em; }

blockquote { margin:0 10px; }

.borderRight { border-right:2px solid white; }

ul.list li p { line-height:1.2em; padding:2px 0; }
ul.list { padding-left:20px; } 
/*
 * Styling and page layout
 */

#wrapper {
	width: 940px;
	margin:0 auto;
}

#container {
    position: relative;
    min-height: 550px;
    height: auto !important;
    height: 550px;
    width: 730px;
    margin: 0px auto;
    background: #fff;
}

#header {
    position: relative;
    text-align: center;
}

    #logo {
        margin: 13px auto;
    }
    
    #slogan {
        position: absolute;
        left: 150px;
        top: 60px;
        font-size: 1.8em;
        color: #f0f0f0;
    }
    
    #navigation {
        background:url('/asset/images/nav_bg.png') repeat-x;
        height: 30px;
        font-family: Georgia, Arial, Helvetica, sans-serif; 
        z-index: 2000;
    }
    #navigation ul {
        text-align: center;
        
    }
    
        #navigation ul, #navigation ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        #navigation ul li {
            display: inline;
            line-height: 30px;
            height:30px;
            padding:4px 0;
            background: url('/asset/images/divider.gif') top right no-repeat;
        }
        #navigation ul li.last { background: none; }
        
        #navigation ul li a {
            height:30px;
            padding:0 5px;
            margin:0 5px;
            color: #51452F;
            text-decoration: none;
            font-size: 2.1em;
            text-transform: lowercase;
            
        }
        
        #navigation ul li.hover, #navigation ul li:hover {
        
        }
        
        #navigation ul li.hover a, #navigation ul li:hover a {

        }
        
        #navigation ul li.active {

        }
        
        #navigation ul li.active a {

            color: #000;
        }
#page { 
	width: 900px; 
	padding:20px 20px 0 20px;
	background: white;
	clear: both;
	background: white url('/asset/images/page_footer_bg.gif') no-repeat center bottom;
	position: relative;
	}
	
#leftShadow  { 
	background: url('/asset/images/leftPageShadow.png') no-repeat right bottom;
	width:12px;
	height: 188px;
	position: absolute;
	left:-12px;
	bottom: 0;
}

#rightShadow { 
	background: url('/asset/images/rightPageShadow.png') no-repeat left bottom;
	width:12px;
    height: 188px;
    position: absolute;
    right:-12px;
    bottom: 0;
	
}
#main {
    width: 700px;
    margin: 10px auto 0px;
    padding-bottom: 50px;
}
    
    /*
     * Left-hand column
     */
     
    .two-col #main-left {
        width: 510px;
        float: left;
    }

    #main-left .content {
        padding: 5px 10px;
        font-size: 1.2em;
    }
    
    /*
     * Right-hand column
     */
    
    #main-right {
        width: 180px;
        padding-top: 20px;
        float: right;
    }
    
    #main-right .heading {
        background: transparent url('../images/black/sidebar_bg.png') no-repeat left top;
        height: 27px;
        line-height: 27px;
        padding-left: 10px;
    }
    
        #main-right .heading h2 {
            color: #fff;
            font-size: 1.4em;
            font-weight: normal;
            padding: 0px;
            margin: 0px;
        }
    
    #main-right .content {
        background: #eee url('../images/black/sidebar_bg_bottom.png') no-repeat left bottom;
        padding: 5px 10px 15px;
        font-size: 1.1em;
        margin-bottom: 10px;
    }

#subFooter {
	 border-top:1px solid #DCD1C0;
     font-size:1.2em;
     text-align:center;
     font-family: Georgia, Arial, Helvetica, sans-serif; 
     padding:10px 0;
}
#footer {
    width: 940px;
    margin:0 auto;
    color:#7E6A4B;
    font-family: verdana, Arial, Helvetica, sans-serif; 
    text-align: center;
    padding:5px 0;
}
    
        #subFooter a, #footer a {
            color:#7E6A4B;;
            text-decoration: none;
        }
        
        #footer a:hover {
            color: #FFF;
            text-decoration: underline;
        }
        
        #break { height:20px; clear: both; }

#pageSlider {	
	position: relative;
	margin-bottom:20px;
}
#pageSlider div.navBlock {
	    width: 900px; 
	    background: #A38461;
	    display: block;
	    height: 14px;
	}
#pageSlider div.navi {
    
    float: right;

}
#pageSlider div.navi a { 
    display:block;
	float:left;
	font-size:1px;
	height:8px;
	margin:3px;
	width:8px;
	background: #EDE8E0;
	cursor: pointer;
}

#pageSlider div.navi a.active  {
	background: #856A4D;
	cursor: auto;
	} 
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 900px; 
    height:300px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

div.scrollable div.items p a {
    color: white;	
    font-style: italic;
} 

#gallery-html {
	margin-top:10px;
	overflow:hidden; 
	width: 902px;	
}

#gallery-html .rowTD {  
	vertical-align: middle; 
	width:224px; 
	}
#gallery-html .gallery-image { 
	
	margin:6px 6px 0 0px;
	/* height: 250px; float: left; */

}

a.imgLink {  
	 border:1px solid #DACFBC;
	 display: block;    
	 padding:4px;
}
a.imgLink:hover {  
    border-color: #A38461;
}
#gallery-html .gallery-image a.imgLink img {

}
#gallery-html p { font-size:1.1em; margin: 0; padding: 0; }


#galleryTable td.rowTD { width: 230px; }

.bannerDetails { 
	 background: url('/asset/images/bg_transparent.png') repeat;
	height:70px; 
	position: absolute; 
	bottom:0px; 
	z-index: 10000; 
	color:white; 
	font-size: 1.4em; 
	width: 900px; 
	font-family: Georgia, Arial, Helvetica, sans-serif; 
}
.bannerDetails img { 
	float:left;
	padding-top:8px;
	padding-left:15px; 
	padding-right: 20px; 
	}
.bannerDetails p {
	font-size:1.2em;
	line-height:1.2em;
	padding-right:15px;
}

#galleryLinks  { margin:0 auto; width:640px; padding:28px 0 20px 0; }
#galleryLinks a {
    	display: block;
    	float: left;
    	width: 200px;
    	height:425px;
    	background-image: url('/asset/images/galleryLinks.png'); 
    	background-repeat: none;
    	overflow: hidden;
    	text-indent: -2000px;
    	
}
	
#weddingCakes { background-position: left top;}
#weddingCakes:hover { background-position: left bottom; }

#birthdayCakes { margin:0 20px; }
#birthdayCakes { background-position: center top; }
#birthdayCakes:hover { background-position: center bottom; }

#honeyCookies { background-position: right top; }
#honeyCookies:hover { background-position: right bottom; }


h1 a.right {  padding-right:10px; font-size: 0.8em; color:black; font-size:0.9em; font-style:italic;   }
h1 { position: relative; }
h1 a.right { position: absolute; right:10px; top:5px; }

div.mapBorder { border: 1px solid #A38461; float: right; margin-top: 5px; }
p.mapLink { clear: right; float: right; }

/* promo link */
.promo-link {
	position: absolute;
	top: -230px;
	right: 0px;
	height: 155px;
	width: 268px;
	cursor: pointer;
}

/*
 * Hax (don't look here)
 */
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

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

* html .clearfix {
    height: 1%;
}