/*global structure----------------------------------------------------------------------------------------------------------*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, img { margin: 0; padding: 0;}
body { background-image: url(../image/background.jpg); background-repeat: repeat-x; background-color: #76C4F4; }
#container { width: 900px; height: 1500px; position: relative; z-index: 2; visibility: visible; margin: auto; z-index: 1; }
#content { position: absolute; width: 786px; height: 808px; margin-top: 480px; background-image: url(../image/fond.gif); background-repeat: no-repeat; margin-left: 50px; z-index: 10; font-family:Georgia, "Times New Roman", Times, serif; color: #003300; line-height: 1.2em; }
#cloud { width: 100%; height: 250px; background-image: url(../image/cloud.png); z-index: 0; position: absolute; }
#logo { position: absolute; width: 255px; height: 224px; margin-top: 270px; background-image: url(../image/logo.gif); background-repeat: no-repeat; z-index: 5; }
#slogan { position: absolute; width: 629px; height: 61px; margin-top: 80px; background-image: url(../image/slogan.png); background-repeat: no-repeat; z-index: 1; }
.album { position: absolute; width: 300px; height: 400px; margin: 20px 0px 0px 10px;}
.text_right { position: absolute; width: 371px; height: 342px; margin: 50px 0px 0px 330px; }
.text_bottom { position: absolute; width: 660px; height: 375px; margin: 400px 0px 0px 55px; border-top:1px dotted #1a1a1a; border-bottom:1px dotted #1a1a1a; padding-top: 10px; font-size: 0.9em; }
.text_left { position: absolute; width: 283px; height: 382px; margin: 80px 0px 0px 100px; }
.visit_album { position: absolute; width: 150px; height: 150px; margin: 280px 0px 0px 170px; }
.theme { position: absolute; width: 381px; height: 281px; margin: 270px 0px 0px 230px; z-index: 0; }
#footer { position: absolute; width: 889px; height: 136px; margin: 1330px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 25px; background:url(../image/footer_paper.gif) no-repeat; padding: 15px; }
#fb {position:fixed; width:150px; height:50px; left:10px; z-index:1100; top: 150px}
#fb img {border:0}
img.hid {border:0}


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


#board { position: absolute; width: 297px; height: 494px; margin-top: 100px; background-image: url(../image/board.png); background-repeat: no-repeat; margin-left: 600px; z-index: 7; }
#nav { position: absolute; margin-top: 100px; margin-left: 600px; height: 494px; width: 297px; z-index: 8; }
#nav ul { list-style: none; text-indent: -3000px; }
#nav ul li { float: left; width:150px; }
#nav ul li a { display: block; height: 30px; }

.nav-a { background-image: url(../image/nav-a.gif); background-repeat: no-repeat; width: 70px; height: 30px; margin-left: 100px; margin-top: 50px; }
.nav-c { background-image: url(../image/nav-c.gif); background-repeat: no-repeat; width: 155px; height: 30px; margin-left: 63px; }
.nav-m { background-image: url(../image/nav-m.gif); background-repeat: no-repeat; width: 120px; margin-left: 85px; height: 30px; }
.nav-d { background-image: url(../image/nav-d.gif); background-repeat: no-repeat; width: 110px; margin-left: 100px; height: 30px; }
.nav-n { background-image: url(../image/nav-n.gif); background-repeat: no-repeat; width: 130px; height: 30px; margin-left: 70px; }
.nav-de { background-image: url(../image/nav-de.gif); background-repeat: no-repeat; width: 120px; height: 30px; margin-left: 85px; }
.nav-co { background-image: url(../image/nav-co.gif); background-repeat: no-repeat; width: 100px; height: 30px; margin-left: 90px; }
.nav-a a:hover { background-image: url(../image/nav-ah.gif); background-repeat: no-repeat; }
.nav-c a:hover { background-image: url(../image/nav-ch.gif); background-repeat: no-repeat; }
.nav-m a:hover { background-image: url(../image/nav-mh.gif); background-repeat: no-repeat; }
.nav-d a:hover { background-image: url(../image/nav-dh.gif); background-repeat: no-repeat; }
.nav-n a:hover { background-image: url(../image/nav-nh.gif); background-repeat: no-repeat; }
.nav-de a:hover { background-image: url(../image/nav-deh.gif); background-repeat: no-repeat; }
.nav-co a:hover { background-image: url(../image/nav-coh.gif); background-repeat: no-repeat; }
.nav-a#nav-ah { background-image: url(../image/nav-ah.gif); }
.nav-c#nav-ch { background-image: url(../image/nav-ch.gif); }
.nav-m#nav-mh { background-image: url(../image/nav-mh.gif); }
.nav-d#nav-dh { background-image: url(../image/nav-dh.gif); }
.nav-n#nav-nh { background-image: url(../image/nav-nh.gif); }
.nav-de#nav-deh { background-image: url(../image/nav-deh.gif); }
.nav-co#nav-coh { background-image: url(../image/nav-coh.gif); }
a { outline: none; }



/*home page--------------------------------------------------------------------------------------------------------------------------*/

.text_right h2 { padding: 30px 0px 25px 0px; font-size: 1.4em; }
.text_right p, .text_left p { font-size: 0.9em; padding-top: 10px; }
.text_right p:first-letter { font-size: 3em; line-height: 30px;}
.text_right h5 { font-size: 0.9em; font-weight: normal; padding: 60px 0px 10px 0px; }
.text_bottom p { font-size: 0.9em;}
.text_bottom cite { font-size: 1.0em;}
.text_bottom .bl { float: left; width: 350px; margin-top: 20px; border-top: 1px dotted #1a1a1a; padding-bottom: 30px; border-bottom: 1px dotted #1a1a1a; }
.text_bottom .bl h2, .text_bottom .br h2 { font-size: 1.2em; padding: 30px 0px 10px 0px; }
.text_bottom .bl address { font-size: 0.9em; }
.text_bottom .br { float: right; width: 300px; margin-top: 20px; border-top: 1px dotted #1a1a1a; }
.text_left h2 { font-size: 1.4em; padding: 30px 0px 30px 0px; }


/*floral compo--------------------------------------------------------------------------------------------------------------------------*/

.visit_album#floral { position: absolute; width: 150px; height: 150px; margin: 180px 0px 0px 210px; }

/*wedding page--------------------------------------------------------------------------------------------------------------------------*/

.text_bottom_w { position: absolute; width: 660px; height: 375px; margin: 400px 0px 0px 55px; padding-top: 30px; border-top:1px dotted #1a1a1a; border-bottom:1px dotted #1a1a1a; }
.text_bottom_w ul { padding-top:20px; list-style:none;}
.text_bottom_w ul li { font-size: 0.9em; }



/*news page--------------------------------------------------------------------------------------------------------------------------*/
.visit_album#news { position: absolute; width: 150px; height: 150px; margin: 700px 0px 0px 200px; }
.album#n { position: absolute; width: 300px; height: 400px; margin: 500px 0px 0px 10px; }
.album2 { position: absolute; width: 222px; height: 173px; margin: 620px 0px 0px 450px; }
.album2 p { text-decoration:underline; padding-bottom:5px; }
.text_title { position: absolute; width: 612px; height: 32px; margin: 30px 0px 0px 60px; text-decoration: underline; }
.text_bottom_news { position: absolute; width: 388px; height: 163px; margin: 450px 0px 0px 320px; }
.text_bottom_news p { font-size: 0.9em; }
.text_bottom_news ul { list-style:none; padding-top: 20px; }
.text_bottom_news ul li { font-size: 0.9em; }


/*deco page--------------------------------------------------------------------------------------------------------------------------*/

.text_bottom_c { position: absolute; width: 660px; height: 375px; margin: 350px 0px 0px 55px; border-top:1px dotted #1a1a1a; padding-top: 10px; }
.text_bottom_c ul { margin-top: 20px; list-style:none; }
.text_bottom_c ul li { font-size: 0.9em; margin-bottom: 1em; }
.text_bottom_c h2 { font-size: 1.2em; font-weight: bolder; }
.visit_album#deco { position: absolute; width: 150px; height: 150px; margin: 210px 0px 0px 180px; }


/*contact page--------------------------------------------------------------------------------------------------------------------------*/
#plan { position: absolute; width: 371px; height: 311px; margin: 450px 0px 0px 300px; }
.text_right_c { position: absolute; width: 371px; height: 392px; margin: 50px 0px 0px 330px; text-align: center; }
.text_right_c h5 { font-size: 0.9em; font-weight: normal; }
.text_right_c address { font-size: 0.9em; padding-top: 20px; }

/*footer--------------------------------------------------------------------------------------------------------------------------*/
.ok { background:url(../image/css_valid.png) no-repeat; font-size: 0.7em; margin-top: 5px; padding-left: 25px; background-position: 0px 0px; height: 30px; }
#footer p { font-size: 12px; color: #003300; }
#footer .link a { font-size: 12px; color: #003300; text-decoration: none; }
#footer .link a:hover { color: #003300; }
#footer p span { font-size: 10px;}
#footer p span a { color: #003300;}



/*calendar--------------------------------------------------------------------------------------------------------------------------*/

#calendar { position:absolute; display:block; top:60px; left:75px; width:646px; height:350px; z-index:1; padding-top:0px; border-bottom: 1px dotted #1a1a1a; }
#calendar ul { list-style: none; }
#calendar ul li { width: 150px; height: 100px; display: block; float: left; background-color: #FFE88A; border-top: 1px dashed #555; border-left: 1px dashed #555; padding: 5px 0px 0px 5px;}
#calendar ul li a { text-decoration: none; color:#333333; position:absolute; }
#calendar ul li a b { text-decoration: underline; }
#calendar ul li a em{ display: none; font-size: 0.7em; }
#calendar ul li a:hover em{ display: block; position: relative; bottom:200px; left: -70px; width:320px; height: 180px; font-style:normal; background:url(../image/bubble.png) no-repeat; padding: 20px 20px 20px 10px; font-size: 0.9em; }
.calendar_box { font-size:0.7em; line-height: 12px; padding-top: 10px; }
.calendar_box#hover { margin-top: 20px; }
.calendar_box#hover2 { margin-top: 20px; }
#calendar h4.item { padding-left:15px; background:url(../image/item.gif) no-repeat;}