div#container
{
   width: 320px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: "Segoe UI";
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#SlideShow1 .image
{
   border-width: 0;
   display: block;
   float: left;
   height: auto;
   width: 100%;
}
#SlideShow1 li
{
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
}
#SlideShow1
{
   display: inline-block;
   position: relative;
   list-style: none;
   width: 100%;
   padding: 0;
   margin: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text1 div
{
   text-align: justify;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text13 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text13 div
{
   text-align: center;
}
#wb_Image9
{
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#PhotoGallery1
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   table-layout: fixed;
   display: table;
   margin: 0;
}
#PhotoGallery1 .thumbnails
{
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   float: left;
   padding: 5px 5px 5px 5px;
   width: 33.33333333%;
   text-align: center;
   vertical-align: top;
}
#PhotoGallery1 .thumbnail img
{
   border: 0px #000000 solid;
   box-sizing: border-box;
}
#PhotoGallery1 .clearfix:before,
#PhotoGallery1 .clearfix:after,
#PhotoGallery1 .thumbnails:before,
#PhotoGallery1 .thumbnails:after
{
   display: table;
   content: " ";
}
#PhotoGallery1 .clearfix:after,
#PhotoGallery1 .thumbnails:after
{
   clear: both;
}
#PhotoGallery1 .visible-col3
{
   display: block;
}
#PhotoGallery1_img0
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img1
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img2
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img3
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img4
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img5
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img6
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img7
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img8
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img9
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img10
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img11
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img12
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img13
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img14
{
   width: 96px;
   height: 71px;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#Layer3
{
   background-color: transparent;
   background-image: none;
   box-sizing: border-box;
}
#Layer1
{
   background-color: transparent;
   background-image: url(images/headerblue.png);
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: 100% 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer2
{
   background-color: transparent;
   background-image: url(images/weddings_Layer2_bkgrnd.png);
   background-repeat: repeat-x;
   background-position: left top;
}
#Layer5
{
   background-color: transparent;
   background-image: url(images/footer.png);
   background-repeat: repeat;
   background-position: left top;
}
#wb_CssMenu1
{
   border: 0px solid #000000;
   background-color: transparent;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #FFFFFF;
   border: 1px ridge #000000;
   background-color: #000000;
   background: linear-gradient(to top, #000000 0%, #4F4F4F 100%);
   font-family: "Segoe UI";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   height: 48px;
   line-height: 48px;
   padding: 0px 13px 0px 13px;
   vertical-align: middle;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #4F4F4F;
   background: linear-gradient(to top, #4F4F4F 0%, #696969 100%);
   border: 1px ridge #000000;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 li:hover, #wb_CssMenu1 li a:hover
{
   position: relative;
}
#wb_CssMenu1 a.withsubmenu
{
   padding: 0 5px 0 5px;
}
#wb_CssMenu1 li:hover a.withsubmenu, #wb_CssMenu1 a.withsubmenu:hover
{
}
#wb_CssMenu1 ul ul
{
   position: absolute;
   left: 0;
   top: 0;
   visibility: hidden;
   width: 160px;
   height: auto;
   border: none;
   background-color: transparent;
}
#wb_CssMenu1 ul :hover ul
{
   left: 0px;
   top: 50px;
   padding-top: 0px;
   visibility: visible;
}
#wb_CssMenu1 .firstmain:hover ul
{
   left: 0px;
}
#wb_CssMenu1 li li
{
   width: 160px;
   padding: 0 0px 0px 0px;
   border: 0px #000000 solid;
   border-width: 0 0px;
}
#wb_CssMenu1 li li.firstitem
{
   border-top: 0px #000000 solid;
}
#wb_CssMenu1 li li.lastitem
{
   border-bottom: 0px #000000 solid;
}
#wb_CssMenu1 ul ul a, #wb_CssMenu1 ul :hover ul a
{
   float: none;
   margin: 0;
   width: 146px;
   height: auto;
   white-space: normal;
   padding: 16px 6px 16px 6px;
   background-color: #000000;
   background-image: none;
   border: 1px ridge #000000;
   color: #FFFFFF;
   font-family: "Segoe UI";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   line-height: 16px;
   text-align: left;
   text-decoration: none;
}
#wb_CssMenu1 ul :hover ul .firstitem a
{
   margin-top: 0px;
}
#wb_CssMenu1 ul ul :hover a, #wb_CssMenu1 ul ul a:hover, #wb_CssMenu1 ul ul :hover ul :hover a, #wb_CssMenu1 ul ul :hover ul a:hover
{
   background-color: #4F4F4F;
   background-image: none;
   border: 1px ridge #000000;
   color: #FFFFFF;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image13
{
   vertical-align: top;
}
#Image13
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image14
{
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_CssMenu1
{
   position: absolute;
   left: 5px;
   top: 0px;
   width: 75px;
   height: 50px;
   z-index: 2;
}
#wb_Image1
{
   position: absolute;
   left: 11px;
   top: 19px;
   width: 181px;
   height: 78px;
   z-index: 1;
}
#SlideShow1
{
   display: inline-block;
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 0;
}
#wb_PhotoGallery1
{
   position: absolute;
   left: 0px;
   top: 1272px;
   width: 320px;
   height: 405px;
   z-index: 11;
}
#wb_Image6
{
   position: absolute;
   left: 138px;
   top: 10px;
   width: 30px;
   height: 30px;
   z-index: 3;
}
#wb_Text13
{
   position: absolute;
   left: 8px;
   top: 352px;
   width: 297px;
   height: 150px;
   text-align: center;
   z-index: 9;
}
#wb_Text1
{
   position: absolute;
   left: 8px;
   top: 862px;
   width: 297px;
   height: 314px;
   text-align: justify;
   z-index: 7;
}
#wb_Text2
{
   position: absolute;
   left: 0px;
   top: 598px;
   width: 320px;
   height: 26px;
   text-align: center;
   z-index: 8;
}
#wb_Image8
{
   position: absolute;
   left: 184px;
   top: 10px;
   width: 30px;
   height: 30px;
   z-index: 4;
}
#wb_Text3
{
   position: absolute;
   left: 0px;
   top: 1741px;
   width: 320px;
   height: 114px;
   text-align: center;
   z-index: 12;
}
#wb_Image9
{
   position: absolute;
   left: 0px;
   top: 647px;
   width: 320px;
   height: 192px;
   z-index: 10;
}
#Layer1
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 116px;
   z-index: 14;
}
#Layer2
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 116px;
   width: 100%;
   height: 50px;
   z-index: 15;
}
#Layer3
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 166px;
   width: 100%;
   height: 150px;
   z-index: 13;
}
#Layer5_Container
{
   width: 320px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer2_Container
{
   width: 320px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer5
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 1922px;
   width: 100%;
   height: 60px;
   z-index: 16;
}
#wb_Image14
{
   position: absolute;
   left: 275px;
   top: 10px;
   width: 30px;
   height: 30px;
   z-index: 6;
}
#wb_Image13
{
   position: absolute;
   left: 229px;
   top: 10px;
   width: 30px;
   height: 30px;
   z-index: 5;
}
@media only screen
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
}
#SlideShow1
{
   width: 100%;
   height: 100%;
   visibility: visible;
   display: inline-block;
}
#wb_Text1
{
   left: 8px;
   top: 862px;
   width: 297px;
   height: 314px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Text2
{
   left: 0px;
   top: 598px;
   width: 320px;
   height: 26px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text2
{
   margin: 0;
   padding: 0;
}
#wb_Text13
{
   left: 8px;
   top: 352px;
   width: 297px;
   height: 150px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text13
{
   margin: 0;
   padding: 0;
}
#wb_Image9
{
   left: 0px;
   top: 647px;
   width: 320px;
   height: 192px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_PhotoGallery1
{
   left: 0px;
   top: 1272px;
   width: 320px;
   height: 405px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#PhotoGallery1_img0
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img1
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img2
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img3
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img4
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img5
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img6
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img7
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img8
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img9
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img10
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img11
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img12
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img13
{
   width: 96px;
   height: 71px;
}
#PhotoGallery1_img14
{
   width: 96px;
   height: 71px;
}
#wb_Text3
{
   left: 0px;
   top: 1741px;
   width: 320px;
   height: 114px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#Layer3
{
   left: 0px;
   top: 166px;
   height: 150px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#Layer3
{
   width: 100%;
}
#Layer1
{
   left: 0px;
   top: 0px;
   height: 116px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: url(images/headerblue.png);
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: 100% 100%;
}
#Layer1
{
   width: 100%;
}
#wb_Image1
{
   left: 11px;
   top: 19px;
   width: 181px;
   height: 78px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer2
{
   left: 0px;
   top: 116px;
   height: 50px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: url(images/weddings_Layer2_bkgrnd320.png);
   background-repeat: repeat-x;
   background-position: left top;
}
#Layer2
{
   width: 100%;
}
#Layer2_Container
{
   width: 320px;
}
#Layer5
{
   left: 0px;
   top: 1922px;
   height: 60px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: url(images/footer.png);
   background-repeat: repeat;
   background-position: left top;
}
#Layer5
{
   width: 100%;
}
#Layer5_Container
{
   width: 320px;
}
#wb_CssMenu1
{
   left: 5px;
   top: 0px;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
}
#wb_CssMenu1 a
{
   color: #FFFFFF;
   border: 1px ridge #000000;
   background-color: #000000;
   background: linear-gradient(to top, #000000 0%, #4F4F4F 100%);
   font-family: "Segoe UI";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   height: 48px;
   line-height: 48px;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #4F4F4F;
   background: linear-gradient(to top, #4F4F4F 0%, #696969 100%);
   border: 1px ridge #000000;
}
#wb_CssMenu1 a.withsubmenu
{
   padding: 0 5px 0 5px;
}
#wb_CssMenu1 ul :hover ul
{
   left: 0px;
   top: 50px;
   padding-top: 0px;
   visibility: visible;
}
#wb_CssMenu1 .firstmain:hover ul
{
   left: 0px;
}
#wb_CssMenu1 li li
{
   width: 160px;
}
#wb_CssMenu1 ul ul a, #wb_CssMenu1 ul :hover ul a
{
   width: 146px;
   padding: 16px 6px 16px 6px;
   background-color: #000000;
   border: 1px ridge #000000;
   color: #FFFFFF;
   font-family: "Segoe UI";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   line-height: 16px;
   text-decoration: none;
}
#wb_CssMenu1 ul ul :hover a, #wb_CssMenu1 ul ul a:hover, #wb_CssMenu1 ul ul :hover ul :hover a, #wb_CssMenu1 ul ul :hover ul a:hover
{
   background-color: #4F4F4F;
   border: 1px ridge #000000;
   color: #FFFFFF;
}
}
