@charset "utf-8";
/* CSS Document */

/************************** GLOBAL **************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td
{
	border:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:georgia;
	margin:0px;
	padding:0px;
}

/************************** STRUCTURE **************************/
html, body	{background:#927b42;}

.shadow	{background:url(../images/shadow.png) repeat-y center; margin:0px auto; width:812px; z-index:0;}	

.wrap	{background:#E5C56A url(../images/ch_main_bg_500px.jpg) repeat-x; margin:0 auto; width:780px;}

.overlay {background:url(../images/main_vini.png) no-repeat; padding:0em 0em 2em 0em; width:780px;}

#headbar	{background-color:#332715; height:50px; width:780px;}
#midbar	{background-color:#332715; height:50px; width:780px;}
#bannerLeft	{background:url(../images/banner_bg.gif) no-repeat #332715; float:left; height:50px; position:relative; width:327px;}
#bannerRight	{background:url(../images/banner_bg.gif) no-repeat #332715; background-position:0px 0px; float:right; height:50px; margin:0em 2em 0em 0em; width:225px;}
#bannerLeft:hover	{background-position:0px -50px;}
#bannerRight:hover	{background-position:0px -50px;}

.scontent	{background:#eee; padding:2em; margin:4em 4em 0em 4em; -moz-border-radius:10px; -webkit-border-radius:10px;}

.vcontent	{background:#eee; padding:2em; margin:4em 4em 0em 4em; -moz-border-radius:10px; -webkit-border-radius:10px;}

.pcontent	{background:#eee; padding:2em; margin:4em 6em 0em 6em; -moz-border-radius:10px; -webkit-border-radius:10px;}

.ccontent	{background:#eee; padding:2em; margin:3em 3em 3em 3em; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px;}

.rcontent	{background:#eee; height:100%; padding:2em; margin:-5em 4em 0em 4em; padding:3em 0em 0em 0em; -moz-border-radius:10px; -webkit-border-radius:10px;}

.gbcontent	{background:#fff; padding:2em; margin:4em 4em 0em 4em; -moz-border-radius:10px; -webkit-border-radius:10px;}

.mcontent	{display:inline-block; padding-bottom:1em;}

.hcontent	{margin:0 auto; padding-top:2em; text-align:center; width:600px;}

.gcontent	{display:inline-block; padding-bottom:4em; text-align:center;}

.anchorimg	{background:url(../images/main_ch_logo.png); height:104px; margin:0 auto; width:113px;} /*wedding logo*/

.footer	{background:#291C09; color:#C5A457; font:70%/1.80em arial; height:20px; padding:0em 1em; text-align:right;}

object	{margin:3em 0em 0.5em 0em;}

/************************** BRIDESMAIDS/GROOMSMEN **************************/
.bmnav	{background:url(../images/bm_title.png) no-repeat 0px -266px; height:266px; margin:2em auto 0em auto; width:500px;}
.gmnav	{background:url(../images/gm_title.png) no-repeat 0px -240px; height:240px; margin:0em auto 0em auto; width:411px;}
.bmnav:hover {background-position:0px 0px;}
.gmnav:hover	{background-position:0px 0px;}

.gmtitle	{background:url(../images/gm_title.png) no-repeat; height:240px; margin:1em 0em 0em 1em; width:411px;}
.titlebloc	{float:left;}
.grid	{clear:left; list-style:none; margin:0 auto; width:780px;}
.grid li	{float:left; list-style:none;}
#gman1	{background:url(../images/gm_kevin.png) no-repeat; height:260px; float:right; right:4em; position:relative; top:2em; width:215px;}
#gman2	{background:url(../images/gm_ray.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#gman3	{background:url(../images/gm_mark.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#gman4	{background:url(../images/gm_kyle.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#gman5	{background:url(../images/gm_wen.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#gman6	{background:url(../images/gm_tony.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#gman7	{background:url(../images/gm_ron.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
/************************************************************************************************************/
.bmtitle	{background:url(../images/bm_title.png) no-repeat; height:266px; margin:1em 0em 0em 0em; width:500px;}
.titlebloc	{float:left;}
.grid	{clear:left; list-style:none; margin:0 auto; width:780px;}
.grid li	{float:left; list-style:none;}
#bmaid1	{background:url(../images/bm_ceci.png) no-repeat; height:260px; float:right; right:4em; position:relative; top:2em; width:215px;}
#bmaid2	{background:url(../images/bm_clau.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#bmaid3	{background:url(../images/bm_cons.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#bmaid4	{background:url(../images/bm_erik.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#bmaid5	{background:url(../images/bm_fabi.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#bmaid6	{background:url(../images/bm_karl.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
#bmaid7	{background:url(../images/bm_mari.png) no-repeat; height:260px; margin:2em 0em 0em 2em; width:215px;}
/************************************************************************************************************/
.gmtitlemini	{background:url(../images/gm_title_mini.png) no-repeat; height:106px; margin:1em 0em 0em 1em; width:251px;}
.bmtitlemini	{background:url(../images/bm_title_mini.png) no-repeat; height:148px; margin:1em 0em 0em 1em; width:297px;}
.kev_pic	{background:url(../images/gm_kevin.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#kev_graf	{left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}
.ray_pic	{background:url(../images/gm_ray.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#ray_graf	{left:0em; height:50px; position:relative; top:6em; width:210px;}
.mark_pic	{background:url(../images/gm_mark.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#mark_graf	{left:3em; height:64px; position:relative; top:3em; width:108px;}
.kyle_pic	{background:url(../images/gm_kyle.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#kyle_graf	{left:2em; height:77px; position:relative; top:1em; width:103px;}
.wen_pic	{background:url(../images/gm_wen.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#wen_graf	{left:2em; height:88px; position:relative; top:8.5em; width:80px;}
.tony_pic	{background:url(../images/gm_tony.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#tony_graf	{left:1em; height:193px; position:relative; top:0em; width:185px;}
.ron_pic	{background:url(../images/gm_ron.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#ron_graf	{left:-0.5em; height:83px; position:relative; top:15em; width:232px;}

.ceci_pic	{background:url(../images/bm_ceci.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#ceci_graf	{display:hidden; left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}
.clau_pic	{background:url(../images/bm_clau.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#clau_graf	{display:hidden; left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}
.cons_pic	{background:url(../images/bm_cons.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#cons_graf	{display:hidden; left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}
.erik_pic	{background:url(../images/bm_erik.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#erik_graf	{display:hidden; left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}
.fabi_pic	{background:url(../images/bm_fabi.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#fabi_graf	{display:hidden; left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}
.karl_pic	{background:url(../images/bm_karl.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#karl_graf	{display:hidden; left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}
.mari_pic	{background:url(../images/bm_mari.png); height:260px; float:left; margin-left:3em; position:relative; width:215px;}
#mari_graf	{display:hidden; left:2.2em; height:57px; position:relative; top:2.3em; width:53px;}

.notewrap	{float:right; margin:0em 1em 0em 1em;}
.note	{background:url(../images/gmbm_note_body.jpg) repeat; padding:0em 0em 0em 0em; width:450px;}
.notefade	{background:url(../images/gmbm_note_fade.png) repeat-x; height:300px; width:450px;}
.bmnametag	{height:80px; margin:1em 0em 0.5em 1em;}
.gmnametag	{height:52px; margin:1em 0em 0.5em 1em;}
.nicktag	{height:41px; margin:0em 0em 0em 1em;}
.infotag	{display:block; margin:0em 1em 0em 1em;}


/************************** OUR STORY SECTION **************************/
#inline1	{background:url(../images/carolina_huy_01.png); float:left; height:200px; margin:6em 0.5em 1em 2em; position:relative; width:243px;}
#inline2	{background:url(../images/haro_01.png); float:right; height:249px; margin:0em -4em 0em 0.5em; position:relative; width:189px;}
#inline3	{background:url(../images/club_photo.png); float:left; height:210px; margin:0em 0.5em -1em -5em; position:relative; width:297px;}
#inline4	{background:url(../images/carolina_huy_mex.png); float:left; height:218px; margin:0em 0.5em -1em -5em; position:relative; width:294px; }
/************************** GUESTBOOK SECTION **************************/
#inline6	{background:url(../images/carolina_huy_01.png); float:left; height:200px; margin:0em 1em 4em 0em; position:relative; top:2em; width:243px;}

/************************** LINKS **************************/
a:link {cursor:pointer; text-decoration: none}
a:visited {cursor:pointer; text-decoration: none}
a:active {cursor:pointer; text-decoration: none}
a:hover {cursor:pointer; text-decoration: underline; color: red;}

.backnext	{background:url(../images/backnext_arw.png) no-repeat 0em 0.3em; display:inline; float:right; height:30px; position:relative; right:1em; top:1.5em; width:150px;}
.backnext p	{font:110% arial; color:#000; float:left; height:30px; position:relative; left:1.8em; width:50px;}
.backnext p:hover	{color:#FF0000; display:block; text-decoration:underline;}

/************************** TYPOGRAPHY **************************/
p	{font-size:105%; line-height:1.5em; margin-top:0.5em;}
h1	{font-size:200%; text-align:center; margin:0em 0em 0.5em 0em;}
h2	{font-size:150%; text-align:left; margin-bottom:0em;}
h3	{font-size:125%; text-align:center; margin:0em 0em 0em 0em;}
h4	{font-size:110%; font-weight:bold; text-align:center; margin:1em 0em 0.5em 0em;}
p.dropCap:first-letter	{font-size:300%; float:left; line-height:1em; margin-right:0.1em;}

/* Our Story */
#head01	{background:url(../images/head_ourstory.png) no-repeat; display:inline-block; height:82px; left:-0.5em; position:relative; text-indent:-9999px; width:205px;}
#head01_sp	{background:url(../images/head_ourstory_sp.png) no-repeat; display:inline-block; height:82px; left:0em; position:relative; text-indent:-9999px; width:288px;}
#head02	{background:url(../images/head_summer.png) no-repeat; display:inline-block; inline-block; height:82px; left:-0.8em; position:relative; text-indent:-9999px; width:205px;}
#head02_sp	{background:url(../images/head_summer_sp.png) no-repeat; display:inline-block; height:82px; left:-0.5em; position:relative; text-indent:-9999px; width:205px;}
#head03	{background:url(../images/head_mexico.png) no-repeat; display:inline-block; height:82px; left:-2.5em; position:relative; text-indent:-9999px; width:205px;}

/* Tapachula */
#head04	{background:url(../images/head_tapachula.png) no-repeat; height:82px; margin:0 auto; text-indent:-9999px; width:205px;}
#head05	{background:url(../images/head_itinerary.png) no-repeat; height:82px; margin:0 auto; text-indent:-9999px; width:288px;}
#head06	{background:url(../images/head_learn.png) no-repeat; height:56px; margin:0.5em auto; text-indent:-9999px; width:432px;}
#head07	{background:url(../images/head_map.png) no-repeat; height:82px; margin:0 auto; text-indent:-9999px; width:205px;}
#inline5	{background:url(../images/ta_welcome.png); float:left; height:187px; margin:6em 0.5em -1em 2em; position:relative; width:260px;}
.plans	{font:120%/1.4em georgia; list-style:none; }
.plans ul li	{color:#69522F; list-style:none; margin-bottom:0.5em; margin-left:5.5em;}

/* RSVP */
#invite_en	{background:url(../images/invite_en.png); height:530px; margin:2em auto 0em auto; position:relative; width:500px;}
#invite_sp	{background:url(../images/invite_sp.png); height:530px; margin:2em auto 0em auto; position:relative; width:500px;}
#formbg	{background:url(../images/invite_bg.png) repeat-y; height:100%; margin:0em auto 0em auto; position:relative; width:500px;}
#endsheet	{background:url(../images/invite_en.png) 0px 35px; height:40px; margin:0em auto 0em auto; position:relative; width:500px;}
.rsvp_msg p	{font-style:italic; margin:0em auto 0em auto; text-align:center; width:350px;}
.rsvp_msg	{background:url(../images/invite_bg.png) repeat-y; height:2em; margin:0em auto 0em auto; padding:1em 0em; width:500px;}
.success_msg	{font-style:italic; margin:0em auto; text-align:center; width:500px;}

/* FLOATING LINKS */

.langwrap	{cursor:pointer; float:right; height:0px; position:relative; right:-13px; top:2em; z-index:999;}
.lang_en	{background:url(../images/bilingual.png) no-repeat 0px -32px; height:31px; width:93px; }
.lang_sp	{background:url(../images/bilingual.png) no-repeat 0px 0px; height:31px; width:93px;}
.lang	{font-size:120%; height:200px; margin:0em auto 2em auto; width:550px;}

.star	{height:0px; left:1em; position:relative; top:1em; width:66px; z-index:999;}
.burst_en	{background:url(../images/starburst_en.png); cursor:pointer; height:150px; top:2em; width:150px;}
.burst_sp	{background:url(../images/starburst_sp.png); cursor:pointer; height:150px; top:2em; width:150px;}

.english	{float:left; height:200px; margin:0em 0em 0em 1em; width:250px;}
.spanish	{color:#69522F; float:right; height:200px; margin:0em 0em 0em 1em; width:250px;}
/* GUESTBOOK */
#head08	{background:url(../images/head_guest.png) no-repeat; display:inline-block; height:82px; left:-1.3em; margin:0em 0em -0.5em 0em; position:relative; text-indent:-9999px; width:205px;}
#head09	{background:url(../images/head_guest_sp.png) no-repeat; display:inline-block; height:82px; left:-0.4em; margin:0em 0em -0.5em 0em; position:relative; text-indent:-9999px; width:205px;}
/* THE WEDDING PARTY */
#head10	{background:url(../images/head_wedding.png) no-repeat; height:82px; margin:0em auto; text-indent:-9999px; width:288px;}
#head10_sp	{background:url(../images/head_wedding_sp.png) no-repeat; height:82px; margin:0em auto; text-indent:-9999px; width:288px;}
/* CONTACT */
#head11	{background:url(../images/head_contact.png) no-repeat; height:82px; margin:0em auto; text-indent:-9999px; width:205px;}
#head11_sp	{background:url(../images/head_contact_sp.png) no-repeat; height:82px; margin:0em auto; text-indent:-9999px; width:205px;}
/* VIDEO */
#head12	{background:url(../images/head_video.png) no-repeat; height:82px; margin:0em auto; text-indent:-9999px; width:205px;}
#head12_sp	{background:url(../images/head_video_sp.png) no-repeat; height:82px; margin:0em auto; text-indent:-9999px; width:205px;}

/************************** CONTACT NAVIGATION **************************/
.contact_nav	{height:407px; margin-top:1em; width:100%;}
.contact_nav li	{float:left; list-style:none;}
.rsvp_nav	{background:url(../images/con_rsvp.png) no-repeat 0px 0px; height:407px; margin:0em 1em 0em 0em; width:301px;}
.guest_nav	{background:url(../images/con_guest.png) no-repeat 0px 0px; height:407px; margin:0em 0em; width:301px;}
.rsvp_nav:hover {background-position:0px -407px;}
.guest_nav:hover	{background-position:0px -407px;}
.rsvp_nav_sp	{background:url(../images/con_rsvp_sp.png) no-repeat 0px 0px; height:407px; margin:0em 1em 0em 0em; width:301px;}
.guest_nav_sp	{background:url(../images/con_guest_sp.png) no-repeat 0px 0px; height:407px; margin:0em; width:301px;}
.rsvp_nav_sp:hover {background-position:0px -406px;}
.guest_nav_sp:hover	{background-position:0px -406px;}

/************************** MAIN NAVIGATION **************************/
.nav	{height:196px; position:relative; top:30px; width:780px;}
.nav li	{float:left; list-style:none;}
#story	{background:url(../images/main_story_btn.png) no-repeat; height:125px; width:141px;}
#story_sp	{background:url(../images/main_story_btn_sp.png) no-repeat; height:125px; width:141px;}
#bridal	{background:url(../images/main_bri_btn.png) no-repeat; height:71px; width:68px;}
#video	{background:url(../images/main_vid_btn.png) no-repeat; height:65px; width:66px;}
#grooms	{background:url(../images/main_gro_btn.png) no-repeat; height:71px; width:104px;}
#tapa	{background:url(../images/main_tap_btn.png) no-repeat; height:125px; width:153px;}
/*#gall	{background:url(../images/main_gall_btn.png) no-repeat; height:125px; width:182px;}*/
#gall_sp	{background:url(../images/main_gall_btn_sp.png) no-repeat; height:125px; width:182px;}
#guest	{background:url(../images/main_guest_btn.png) no-repeat; height:71px; width:90px;}
#rsvp	{background:url(../images/main_rsvp_btn.png) no-repeat; height:71px; width:90px;}

/************************** MAIN ROLLOVER STATE **************************/
#story:hover {background-position:0px -5px;}
#story_sp:hover {background-position:0px -5px;}
li.menudrop01:hover	{position:relative; top:-5px;}
li.menudrop02:hover	{position:relative; top:-5px;}
li.menudrop03:hover	{position:relative; top:-5px;}
#tapa:hover	{background-position:0px -5px;}	
#gall:hover	{background-position:0px -5px;}
#gall_sp:hover	{background-position:0px -5px;}
/************************** MAIN DROPDOWN MENU **************************/
li.menudrop01 {position:relative; text-decoration:none;}
li.menudrop01 .subnav {display:none; height:71px; left:0.5em; position:absolute; top:8em; margin:0em; padding:0em; width:180px;}
li.menudrop01:hover .subnav {display:block;}
li.menudrop02 {position:relative; text-decoration:none;}
li.menudrop02 .subnav {display:none; height:71px; left:3.5em; position:absolute; top:8em; margin:0em; padding:0em; width:90px;}
li.menudrop02:hover .subnav {display:block;}
li.menudrop03 {position:relative; text-decoration:none;}
li.menudrop03 .subnav {display:none; height:71px; left:-3em; position:absolute; top:8em; margin:0em; padding:0em; width:180px;}
li.menudrop03:hover .subnav {display:block;}


/************************** MINI NAVIGATION **************************/
#mininav	{float:right; height:44px; list-style:none; margin:0em 2em 0em 0em; width:319px; z-index:999;}
#mininav li	{float:left;}
#mininav1	{background:url(../images/mini_nav_buttons.gif) no-repeat; background-position:0px 0px; height:50px; width:44px;} 
#mininav2	{background:url(../images/mini_nav_buttons.gif) no-repeat; background-position:-44px 0px; height:50px; width:94px;}
#mininav3	{background:url(../images/mini_nav_buttons.gif) no-repeat; background-position:-138px 0px; height:50px; width:44px;}
#mininav4	{background:url(../images/mini_nav_buttons.gif) no-repeat; background-position:-182px 0px; height:50px; width:80px;}
#mininav5	{background:url(../images/mini_nav_buttons.gif) no-repeat; background-position:-276px 0px; height:50px; width:44px;}
#minidrop1	{position:relative; list-style:none; z-index:999}
#minidrop1 ul	{display:none; height:44px; left:0px; list-style:none; position:absolute; top:50px; width:94px;}
#minidrop2	{position:relative; list-style:none; z-index:999}
#minidrop2 ul	{display:none; height:44px; left:1.8em; list-style:none; position:absolute; top:50px; width:43px;}
#minidrop3	{position:relative; list-style:none; z-index:999}
#minidrop3 ul	{display:none; height:44px; left:-1.7em; list-style:none; position:absolute; top:50px; width:94px;}
#mininav2a	{background:url(../images/mini_bri_gro_drop.png) no-repeat; height:44px; width:47px;}
#mininav2b	{background:url(../images/mini_bri_gro_drop.png) no-repeat -47px 0px; height:44px; width:47px;}
#mininav4a	{background:url(../images/mini_vid_drop.png) no-repeat; height:44px; width:43px;}
#mininav5a	{background:url(../images/mini_rsvp_gues_drop.png) no-repeat; height:44px; width:47px;}
#mininav5b	{background:url(../images/mini_rsvp_gues_drop.png) no-repeat -47px 0px; height:44px; width:47px;}

/************************** MINI ROLLOVER STATE **************************/
#mininav1:hover	{background-position:0px -50px;}
#mininav2:hover	{background-position:-44px -50px;}
#mininav3:hover	{background-position:-44px -50px;}
li#minidrop1:hover ul	{display:block;}
li#minidrop2:hover ul	{display:block;}
li#minidrop3:hover ul	{display:block;}
#mininav3:hover	{background-position:-138px -50px;}
#mininav4:hover	{background-position:-182px -50px;}
#mininav5:hover	{background-position:-276px -50px;}
#mininav2a:hover	{background-position:-94px 0px;}
#mininav2b:hover	{background-position:-141px 0px;}
#mininav4a:hover	{background-position:-43px 0px;}
#mininav5a:hover	{background-position:-94px 0px;}
#mininav5b:hover	{background-position:-141px 0px;}