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

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, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;

font-weight:normal;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
}

strong{font-weight:bold;}

ul,ol,li{
	list-style:none;
}

a{text-decoration:none;}

.body_j{
font-family:verdana, tahoma, sans-serif;
background:#F4EDEA;
text-align:center;

}



.clear{clear:both; line-height:0; height:0; font-size:0px;}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}

.alignright{
	text-align:right;
}

/*======================================================================*/

#wrapper{
width:960px;
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:100px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:100px;
margin: 0 auto 0 auto;
position:relative;
}
#wrapper1{
width:960px;
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:100px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:100px;
margin: 100px auto 0 auto;
position:relative;
}

#head_top{
width:auto;
height:30px;  
margin: 0 30px 0 30px;
background:url(../images/top1.png) top left no-repeat;
}
#head_content{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:100px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:100px;
background:#F9FFFF;
border:#fee7e2 solid 7px;
border-top:none;
border-bottom:none;
padding:0 10px;
margin: 0 30px 0 30px;
}
#head_bottom{
width:900px;
height:32px;
background:url(../images/bottom1.png) top left no-repeat;
margin: 0 30px 0 30px;
}

#subline{
height:41px;
background:url(../images/c1.png) top left repeat-x;
margin: 0 30px 0 30px;
line-height:41px;
}
#sublinenew{
height:41px;
background:url(../images/c-2.png) top left repeat-x;
margin: 0 30px 0 30px;
line-height:41px;
}
#sublinenew1{
height:41px;
background:url(../images/c-3.png) top left repeat-x;
margin: 0 30px 0 30px;
line-height:41px;
width:900px;
}
#subline p{
float:right;
display:inline;
color:#ec1c24;
}

#subline a{
float:left;
display:inline;
color:#ec1c24;
}

#subL{
float:left;
height:41px;
width:18px;
background:url(../images/l1.png) top left no-repeat;
color:#ffbde1;
}
#subLnew{
float:left;
height:41px;
width:18px;
background:url(../images/l-1.png) top left no-repeat;
color:#ffbde1;
}
#subLnew1{
float:left;
height:41px;
width:18px;
background:url(../images/L-1-3.png) top left no-repeat;
color:#ffbde1;
}
#subC{
float:left;
height:41px;
width:340px;
}
#subR{
float:right;
height:41px;
width:14px;
background:url(../images/r1.png) top left no-repeat;
}
#subRnew{
float:right;
height:41px;
width:14px;
background:url(../images/r-3.png) top left no-repeat;
}
#subRnew1{
float:right;
height:41px;
width:14px;
background:url(../images/R-1-3.png) top left no-repeat;
}
#imeem{

margin:0 0 4px 100px;

float:left;
}

#customcode{

margin:0 0 0 11px;

float:left;
}
#customcode1{
width:450px;
margin:0 0 0 0;
}
#customcode2{
width:450px;
margin:0 30px 0 40px;
}
#meanAboutLove{
float:right;
width:580px;
height:104px;
background:#FFF;
border:#c6b198 solid 4px;
}
#meanAboutLove div{
padding:10px;
}


#flashPageFilp{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:300px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:300px;
background:#d9b6ac;
margin: 0 30px 0 30px;
}

#presentTab{
text-align:left;
height:36px;
background:url(../images/pc.png) top left repeat-x;
margin: 5px -30px 0 30px;
line-height:36px;
}
#presentTab1{
text-align:left;
height:36px;
background:url(../images/pc.png) top left repeat-x;
line-height:36px;
}
#presentTab h3{
font-size:0.8em;
font-weight:bold;
}

#presentL{float:left;
height:36px;
width:19px;
background:url(../images/pl.png) top left no-repeat;}
#presentR{
float:right;
height:36px;
width:19px;
background:url(../images/pr.png) top left no-repeat;
}

#gallery_top{
width:900px;
margin: 0 30px 0 30px;
height:38px;  
background:url(../images/gallerytop2.png) top left no-repeat;
}
#gallery_content{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:100px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:100px;
background:#B8E9FD; 
margin: 0 30px 0 35px;
border-top:none;
border-bottom:none;
width:890px;
}
gallery_content1
{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */

min-height:100px;
background:#B8E9FD; 
border-top:none;
border-bottom:none;
width:890px;
}
#gallery_bottom{
width:900px;
height:43px;
background:url(../images/gallerybottom.gif) top left no-repeat;
margin: 0 30px 0 30px;
}

#presentation_left{width:450px; float:left;}
#presentation_left_sub1{width:900px; float:left;}
#presentation_left_sub2{width:900px; float:left; }
#presentation_right1{width:423px; float:left;}
#presentation_right2{width:423px; float:left;}
#presentation_right2_1{width:215px;}
#presentation_right2_2{width:215px;}
#presentation_right2_3{width:215px;}
#presentation_right2_4{width:215px;}
#presentation_right3{width:423px; float:left;}

#btnAddMsg{display:block;margin: 0 30px 0 30px; color:#000; border-bottom:#000 solid 2px; text-decoration:none;}
#addMsg2Guestbook{
background:#fff;
border:#000 solid 2px;
border-top:none;
margin: 0 30px 0 30px;
}

#menutop{
	position:absolute;
	height:150px;
	width:485px;
	background:url(../images/logo.gif) top left no-repeat;
	margin:0 0 0 0;
	cursor:pointer;
	left: -15px;
	top: -94px;
}

#headleft{
float:left;
width:488px;
height:400px;
overflow:hidden;
}

#headleft div{
padding: 0 10px;
}

#headright{
float:left;
width:378px;
height:400px;
background:#fdf3ee url(../images/heart.png) right bottom no-repeat;
}

#headright div{
padding:10px;
}
/*======================================================================*/
/*-----------------gallery page--------------------------*/

#rightside{width:410px; float:right;}
#leftside{width:460px; float:left; margin-left:5px;}
#rightside1{width:410px; float:right;}

#thumbnail{background:#AEAEAE;height:auto!important;height:0px;min-height:0px;padding:5px 5px;margin:0 15px 0 30px;}
#thumbnail img{float:left;border:#EEE solid 2px;margin:5px 6px;}
#thumbnail1{background:#AEAEAE;height:auto!important;height:0px;min-height:0px;padding:5px 5px;margin:0 15px 0 30px;}
#thumbnail1 img{float:left;border:#EEE solid 2px;margin:5px 6px;}
#original{
height:400px; 
}
#original_left{width:100px; float:left;}
#original_guestbook{
height:auto; 
width:420px;

}
#original1{
height:400px; 
}
#original1_left{width:100px; float:left;}
#origina1l_guestbook{
height:auto!important;
}

#original1 img,#original_guestbook img{border:#000 solid 2px; margin:0 0 0 10px;}
#original img,#original_guestbook img{border:#000 solid 2px; margin:0 0 0 10px;}
#link{margin:0 10px; margin-left:310px;}
#link a{font-size:0.8em;font-weight:bold;color:#FF66DB;}
#link span{float:left;}

.pagenavi_gallery{margin:10px 0 0 30px;}

/*------------------------webboard-----------------------------------*/

/*----------------------------ajax-------------------------------------*/
.loading{
background:url(../image/load.gif) center center no-repeat;
}

.error_box{
width:350px;
height:150px;
background:#FFF;
border:red solid 2px;
line-height:150px;
}

.preview{
height:150px;
width:435px;
border:#000 solid 1px;
overflow:auto;
display:inline;
}
.textbox1,.textarea1{border:#FFDCEF solid 1px;padding:5px;width:400px;color:#FF66DB;}
.textarea1{height:150px;overflow:auto;}
.textbox2,.textarea2{padding:5px;width:400px; border:#A7D8EC solid 3px;}
.textarea2{height:150px;overflow:auto;}
.button1{border:#ddd solid 1px;background:#FFBEE2;width:400px;}
.button2{width:100px;}
.editprofile_left{text-align:left; width:710px; margin:0 0 0 10px;}
.editprofile label{padding:5px 0;}
.editprofile p{padding:10px 0; font-size:0.8em}
.upload{text-align:right; margin:20px 15px 0 0;}
/*============================== gallery comment ========================================*/

.guest_msg{margin:30px 30px;padding:7px 0;overflow:hidden;background:#FFFFFF; border:#f7acbf solid 4px; text-align:left;}
.guest_msg a{float:right; font-size:0.8em; color:#FF0033; margin:0 5px 0 0;}
.guest_msg h6{font-size:0.7em;font-weight:bold;color:#999;}
.guest_msg p{font-size:0.8em;}
.img_comment{float:left;margin:0 0 0 10px;}
.img_comment img{width:72px; height:72px;}
.user_comment{float:left;margin:5px 0 0 5px;font-size:0.8em;}
.user_comment strong{color:#FF66DB;}
.comment{padding:10px;line-height:2em;font-size:0.8em;}

.msg2album{text-align:right; width:600px;}
.msg2album label{padding:5px 0 5px 0;}
.msg2album p{padding:10px 0;}

/*-----------------page navigator--------------------------*/

#pagenavi a{color:#888;font-size:0.8em;padding:2px 5px;}
#pagenavi span{color:#555;font-size:0.8em;padding:2px 5px;background:#F0F0F0;}
#pagenavi a:hover{color:#FFF;background:#FF66DB;font-size:0.8em;}
.pagenavi_gallery{margin:10px 0 0 30px;}

/*-----------------sub menu--------------------------*/

#submenu ul{padding:10px; float:right;}
#submenu li{display:inline; margin:5px;}
#submenu li a{color:#63A4A8; text-decoration:none; font-weight:bold; font-size:0.8em;}
#submenu li a:hover,#submenu li a#current{color:#308175; text-decoration:none; font-weight:bold; font-size:0.8em; border-bottom:#308175 solid 2px;}
#custom_left{width:450px; float:left;}
#comment_right{width:420px; float:right;margin:5px 5px 0 -18px;}