@import url(typography.css);
@import url(accordion.css);
@import url(form.css);
@import url(multibox.css);
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,
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;
	vertical-align: baseline;
}

body  {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #4e3e2a  url(../images/body-bg.jpg) 0 5%;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
.twoColFixRt #container { 
	width: 950px; height:577px;
	background: url(../images/homepage-bg.png) no-repeat;
	padding:80px 0px 0px 0px;
	margin: 40px auto 0px; 
	text-align: left; 
	position:relative;
}


.twoColFixRt  #mary #left  { 
	width:310px;
	padding: 15px 10px;
	position:relative; left:100px; top:60px;
	margin-right:10px;
} 



.twoColFixRt #left  { 
	width:315px;
	padding: 15px 10px;
	position:relative; left:100px; top:40px;
	margin-right:10px;
} 


/*top-nav*/
.twoColFixRt #top-navigation{
background: url(../images/navigation-top-link.png) no-repeat;
 position:absolute;
 width:279px; height:84px;
top:43px; left:486px;
} 

.twoColFixRt #top-navigation ul li{float:left; display:inline;}
 
.twoColFixRt #top-navigation ul li a{
width:100px; height:80px;
text-indent:-9999px;
padding:0;
float:left;
} 

.twoColFixRt #top-navigation ul li#contact{ width:80px; height:80px; }
 
.twoColFixRt #top-navigation ul li a.contact{ width:80px; height:80px; }

.twoColFixRt #top-navigation ul li a.contact:hover{
background: url(../images/navigation-top-hover.png) no-repeat;
background-position:0px 0px;
} 

.twoColFixRt #top-navigation ul li#mary{ width:90px; height:80px; }
 
.twoColFixRt #top-navigation ul li a.mary{ width:90px; height:80px; }

.twoColFixRt #top-navigation ul li a.mary:hover{
background: url(../images/navigation-top-hover.png) no-repeat;
background-position:-80px 0px;
} 

.twoColFixRt #top-navigation ul li#about{ width:100px; height:80px; }
 
.twoColFixRt #top-navigation ul li a.about{ width:100px; height:80px; }

.twoColFixRt #top-navigation ul li a.about:hover{
background: url(../images/navigation-top-hover.png) no-repeat;
background-position:-170px 0px;
} 


/*right-nav*/
.twoColFixRt #right-navigation{
background: url(../images/navigation-right-link.png) no-repeat;
 position:absolute;
 width:112px; height:472px;
top:138px; left:800px;
} 
.twoColFixRt #right-navigation ul li{float:left; display:inline;}

 
.twoColFixRt #right-navigation ul li a{
width:100px; height:80px;
text-indent:-9999px;
padding:0;
float:left;
} 

div#home-button{
width:95px; height:59px;
position:absolute; top:50px; left:280px;

}

div#home-button a.index{
background: url(../images/home-button-link.png);
width:95px; height:59px;
text-indent:-9999px;
display:block;
}
div#home-button a.index:hover{
background: url(../images/home-button-hover.png);
}


.twoColFixRt #right-navigation ul li#wedding{ width:50px; height:135px; }
 
.twoColFixRt #right-navigation ul li a.wedding{ width:50px; height:130px; }

.twoColFixRt #right-navigation ul li a.wedding:hover{
background: url(../images/navigation-right-hover.png) no-repeat;
background-position:0px 0px;
} 

.twoColFixRt #right-navigation ul li#celebration{ width:90px; height:100px; }
 
.twoColFixRt #right-navigation ul li a.celebration{ width:90px; height:100px; }

.twoColFixRt #right-navigation ul li a.celebration:hover{
background: url(../images/navigation-right-hover.png) no-repeat;
background-position:0px -135px;
} 

.twoColFixRt #right-navigation ul li#seasonal{ width:106px; height:110px; }
 
.twoColFixRt #right-navigation ul li a.seasonal{ width:106px; height:110px; }

.twoColFixRt #right-navigation ul li a.seasonal:hover{
background: url(../images/navigation-right-hover.png) no-repeat;
background-position:0px -235px;
} 

.twoColFixRt #right-navigation ul li#delivery{ width:106px; height:110px; }
 
.twoColFixRt #right-navigation ul li a.delivery{ width:106px; height:110px; }

.twoColFixRt #right-navigation ul li a.delivery:hover{
background: url(../images/navigation-right-hover.png) no-repeat;
background-position:0px -345px;
} 

.cake-gallery img{ padding:4px; border:2px solid #974B0A;margin:5px; background:#EECA99;}

.twoColFixRt #right {
	float: right;
	width: 340px; 
	padding: 15px 10px;
	position:absolute; top:160px; right:140px;
}


#footer{ width:700px; margin:0 auto; text-align:justify;} 

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img#about-fairy{ position:absolute; top:160px; right:0;}
img#home-fairy{ position:relative; left:40px; margin:10px 0;}
img#collection-fairy{ position:absolute; top:60px; left:20px;}
img#choc-roll-fairy{ position:absolute; bottom:15px; right:10px;}
img#satdown-fairy{ position:absolute; top:-20px; right:35px;}

/* Gallery Styles */
.album-wrapper .photo {

    width: 75px;

/*    height: 132px;*/

    background-color: #974B0A;

    text-align: center;

    vertical-align: middle;

    float: left;

    padding: 5px;

    margin: 10px;

}
.album-wrapper .photo img {border: none;}

.album-wrapper .photo small {    color: #aaa;    font-size: 0.9em;}
.album-wrapper {height:320px; overflow:scroll; overflow-x:hidden; width:330px;}

/* new gallery styles*/


/* Major Column
---------------------------------------------*/

#MainCol {
	float: left;
	width: 670px;
	position:relative; top:80px; left:120px;
}

#MainColInner {
	background: #fff url(../img/bkd_maincol.gif) left top no-repeat;
	height: 430px;
}


/* Minor Column
---------------------------------------------*/

#SideColInner {
	background: #efefef url(../img/bkd_maincol.gif) right top no-repeat;
	height: 570px;
	text-align: left;
}

#SideCol {
	float: right;
	width: 250px;
}

#SideColInner div {
	padding: 30px 20px;
}

#SideColInner img { border: none; }
#SideColInner a.download:hover, #SideColInner a.download:visited:hover { background-color: transparent; }


/* Photo
---------------------------------------------*/

#PhotoBox {
	padding: 10px 10px 0 10px;
}

#Container {
	position: relative;
	height: 350px;
	width: 500px;
	margin: 0 auto;
	background-color: #808080;
	border: none;
	font-size: 0px;
}


/* Photo Navigation
---------------------------------------------*/

#Controls {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(../img/controls.gif) left top no-repeat;
	height: 28px;
	width: 67px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

#Controls a {
	text-indent: -9000px;
	float: left;
	display: block;
	height: 28px;
}

#PrevLink { width: 25px; background: transparent url(../img/controls.gif) left top no-repeat; z-index:100;}
#PlayToggle { width: 17px; background: transparent url(../img/controls.gif) -25px top no-repeat; }
#NextLink { width: 25px; background: transparent url(../img/controls.gif) -42px top no-repeat; }

#PrevLink:hover { width: 25px; background: transparent url(../img/controls.gif) left -28px no-repeat; }
#PlayToggle:hover { width: 17px; background: transparent url(../img/controls.gif) -25px -28px no-repeat; }
#NextLink:hover { width: 25px; background: transparent url(../img/controls.gif) -42px -28px no-repeat; }


/* Loading
---------------------------------------------*/

#Loading {
	text-align: left;
	padding: 20px 0 0 20px;
	font-size: 11px;
	color: #ccc;
	font-weight: bold;
	vertical-align: middle;
}

#Loading img {
	vertical-align: -30%;
	margin-right: 3px;
}


/* Caption
---------------------------------------------*/

#CaptionContainer {
	margin: 0 auto;
	text-align: left;
	padding: 5px 0;
	width: 500px;
}

#CaptionContainer p {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#Counter {
	padding-right: 5px;
	color: #999;
}


/* Thumbnail View
---------------------------------------------*/

#ViewThumbs {
	margin-top: 2px;
	display: block;
	float: right;
	text-indent: -9000px;
	height: 13px;
	width: 71px;
	overflow: hidden;
	background: transparent url(../img/thumbnails.gif) left top no-repeat;
}

#ViewThumbs:hover, #ViewThumbs:visited:hover {
	background: transparent url(../img/thumbnails.gif) left -13px no-repeat;
}

#ThumbContainer {
	display: none;
}

#ThumbContainer img {
	display: block;
	border: none;
}

#ThumbContainer a {
	float: left;
	margin: 0 4px 4px 0;
}

#ThumbContainer a:link, #ThumbContainer a:visited { border: 2px solid #999; }
#ThumbContainer a:hover, #ThumbContainer a:visited:hover { border: 2px solid #0063DC; }
#ThumbContainer a.selected:link, #ThumbContainer a.selected:visited, #ThumbContainer a.selected:hover, #ThumbContainer a.selected:visited:hover { border: 2px solid #FF0084; }