/* CSS Document */
* {margin:0pt;padding:0pt;}
/*#header,#sub-header,.photo_col #row1 a,.pngApplied { behavior: url("js/iepngfix.htc"); }*/
img {border:0px}
p {text-align:justify;}
body{background-image:url('background.jpg');}
#container {
  clear:both;
  width:1120px;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
#header {
  background:transparent url('top_title.jpg') no-repeat scroll 0 0;
  height:108px;
}
#sub-header {
  background:transparent url('down_title.jpg') no-repeat scroll 0 0;
  height:78px;
}
#footer {
	clear:both;
	width:1000px;
	height:20px;
	background-color:lightpink;
	color:white;
	padding:0 20px;
}
#clean{
  clear:both;height:150px
}
/* menu */
div#menu {
  padding:75px 0 0 620px;
  width:500px;
}
ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
ul li {
  display:inline;
  height:20px;
}
#menu ul li a span {
  display:none;
}
#menu ul li a {
  float:left;
  height:22px;
  background-color:transparent;
  background-image:url('menu.jpg');
  background-repeat:no-repeat;
}
#menu #mcinema a{background-position:0 0;width:74px;}
#menu #mcinema a.active, #menu #mcinema a:hover{background-position:0 -22px}
#menu #mphoto a{background-position:-74px 0;width:61px;}
#menu #mphoto a.active, #menu #mphoto a:hover{background-position:-74px -22px}
#menu #mdeco a{background-position:-136px 0;width:59px;}
#menu #mdeco a.active, #menu #mdeco a:hover{background-position:-136px -22px}
#menu #mpackage a{background-position:-195px 0;width:86px;}
#menu #mpackage a.active, #menu #mpackage a:hover{background-position:-195px -22px}
#menu #mabout a{background-position:-281px 0;width:65px;}
#menu #mabout a.active, #menu #mabout a:hover{background-position:-281px -22px}
#menu #mblog a{background-position:-345px 0;width:54px;}
#menu #mblog a.active, #menu #mblog a:hover{background-position:-345px -22px}
#menu #mcontact a{background-position:-400px 0;width:97px;}
#menu #mcontact a.active, #menu #mcontact a:hover{background-position:-400px -22px}

div#sub-menu {
  padding:20px 0 0 800px;
  width:295px;
}

div#sub-menu span {display:none}
/* content */
#container2 .title {
  padding:0 20px 20px 20px; 
  color: #75645F;
  font-size:16px;
  font-style:italic;
  
}
#container2 .content {
  padding:0 20px;
  color: #75645F;
}

/* cinema */
div.cinema_col {
  width:175px;
  margin-right:40px;
  float:left;
}
.cinema_col ul li {
  float:left;
  height:auto;
}
.cinema_col strong {
  display:block;
  width:175px;
  height:55px;
}
.cinema_col strong span {display:none;}
.cinema_col .cinema_box {
  margin-bottom:20px;
}
.cinema_col .cinema_box a {
  display:block;
  height:109px;
  background-color:transparent;
  background-repeat:no-repeat;
}
.cinema_box p {
  background:transparent url('../img/cinema/grey_box.jpg') no-repeat scroll 0 0;
  padding:10px;
  font-size:12px;
  width:155px;
  height:127px;
  display:none;
}
.cinema_col .cinema_box img {
  padding:15px;
}
.cinema #col1 strong {
  background:transparent url('../img/cinema/weddingday.jpg') no-repeat scroll 0 0;
}
.cinema #col2 strong {
  background:transparent url('../img/cinema/mv.jpg') no-repeat scroll 0 0;
}
.cinema #col3 strong {
  background:transparent url('../img/cinema/funny.jpg') no-repeat scroll 0 0;
}
.cinema #col4 strong {
  background:transparent url('../img/cinema/animation.jpg') no-repeat scroll 0 0;
}
.cinema #col5 strong {
  background:transparent url('../img/cinema/misc.jpg') no-repeat scroll 0 0;
}
#col1 .cinema_box a {background-image:url('../img/cinema/blue_box_a.jpg');}
#col1 .cinema_box a:hover {background-image:url('../img/cinema/blue_box_b.jpg');}
#col2 .cinema_box a {background-image:url('../img/cinema/green_box_a.jpg');}
#col2 .cinema_box a:hover {background-image:url('../img/cinema/green_box_b.jpg');}
#col3 .cinema_box a {background-image:url('../img/cinema/purple_box_a.jpg');}
#col3 .cinema_box a:hover {background-image:url('../img/cinema/purple_box_b.jpg');}
#col4 .cinema_box a {background-image:url('../img/cinema/brown_box_a.jpg');}
#col4 .cinema_box a:hover {background-image:url('../img/cinema/brown_box_b.jpg');}
#col5 .cinema_box a {background-image:url('../img/cinema/red_box_a.jpg');}
#col5 .cinema_box a:hover {background-image:url('../img/cinema/red_box_b.jpg');}

/* photo */
div.photo_row {
  margin-left:130px;
  display:block;
}
.photo_col #row1 ul li {
  float:left;
  height:auto;
  padding:0 80px 10px 0;
}
.photo_col #row1 a {
  display:block;
  width:175px;
  height:55px;
}
.photo_col .photo_row strong span {display:none;}
.photo_col #row1 a.c1 {
  background:transparent url('../img/photo/btn/prewedding_a.jpg') no-repeat scroll 0 0;
}
.photo_col #row1 a.c1:hover, .photo_col #row1 .active a.c1{
  background:transparent url('../img/photo/btn/prewedding_b.jpg') no-repeat scroll 0 0;
}
.photo_col #row1 a.c2 {
  background:transparent url('../img/photo/btn/popup_a.jpg') no-repeat scroll 0 0;
}
.photo_col #row1 a.c2:hover, .photo_col #row1 .active a.c2 {
  background:transparent url('../img/photo/btn/popup_b.jpg') no-repeat scroll 0 0;
}
.photo_col #row1 a.c3 {
  background:transparent url('../img/photo/btn/weddingday_a.jpg') no-repeat scroll 0 0;
}
.photo_col #row1 a.c3:hover, .photo_col #row1 .active a.c3 {
  background:transparent url('../img/photo/btn/weddingday_b.jpg') no-repeat scroll 0 0;
}
.photo_col #row2 {
  clear:both;
  margin-bottom:20px;
}
.photo_col .t1,.photo_col .t3{
  width:789px;
  height:505px;
  background:transparent url('../img/photo/prewedding_border.jpg') no-repeat scroll 0 0;
}
.photo_col .t2{
  width:662px;
  height:384px;
  background:transparent url('../img/photo/movie_border.jpg') no-repeat scroll 0 0;
}
.photo_col #row2 img {
  padding:10px;
}
.photo_col #row3 {
  width:789px;
}
.photo_col #row3 ul li {
  float:left;
  height:auto;
  padding:0 10px 10px 0;
}
.photo_col #row3 a {
  display:block;
  width:47px;
  height:47px;
  background-color:#fff;
}
.photo_col #row3 a:hover {
  background-color:#FAAD69;
}
.photo_col #row3 img {
  padding:2px;
}

/* deco */
.deco_row .deco_box {
  width:769px;
  height:348px;
  margin:0 0 20px 130px;
  background:transparent url('../img/deco/deco_blank1.jpg') no-repeat scroll 0 0;
}
.deco_row .even {
  background:transparent url('../img/deco/deco_blank2.jpg') no-repeat scroll 0 0;
}
.deco_row .deco_box h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding:30px 0 0 35px;
}
.deco_row .deco_box img {
  padding:8px 0 0 35px;
  float:left;
}
.deco_row .deco_box p {
  float:left;
  width:285px;
  padding:8px 0 0 15px;
}

/* package */
.package h2 {
  padding:10px 0;
}
.package_row ul li {
  float:left;
  height:auto;
}
.package_row .package_box {
  float:left;
  width:332px;
  height:395px;
  margin:0 20px 20px 0;
}
.package_row span {display:none;}
#package_menu ul li a span {
  display:none;
}
#package_menu ul li a {
  float:left;
  height:22px;
  background-color:transparent;
  background-image:url('../img/package/pack_btn.jpg');
  background-repeat:no-repeat;
  margin-bottom:20px;
}
#package_menu #mwpv a{background-position:-5 0;width:290px;}
#package_menu #mwpv a.active, #package_menu #mwpv a:hover{background-position:0 -22px;}
#package_menu #mpwp a{background-position:-290px 0;width:235px;}
#package_menu #mpwp a.active, #package_menu #mpwp a:hover{background-position:-290px -22px;}
#package_menu #mpwm a{background-position:-525px 0;width:190px;}
#package_menu #mpwm a.active, #package_menu #mpwm a:hover{background-position:-525px -22px;}
#package_menu #mvd a{background-position:-715px 0;width:150px;}
#package_menu #mvd a.active, #package_menu #mvd a:hover{background-position:-715px -22px;}
.package_sep_top a{
  clear:both;
  float:right;
  height:24px;
  background-color:transparent;
  background-image:url('../img/package/top.jpg');
  background-repeat:no-repeat;
  background-position:0 0;
  width:40px;
}
.package_sep_top a:hover{background-position:0 -24px;}
.package span{display:none;}
.package_sep_line {
  clear:both;
  height:5px;
  padding-top:5px;
  padding-bottom:5px;
  background:transparent url('../img/package/line.gif') no-repeat scroll 0 0;
}

/* contact */
.contact_col {
}
.contact_col #col1 {
  float:left;
  width:480px;
}
.contact_col #col2 {
  float:right;
  width:600px;
}
.contact_col #col1 ul li {
  display:block;
  float:left;
  height:auto;
  margin-bottom:10px;
}
.contact_col h2 {
  display:none;
}
.contact_col .contact_box {
}
.contact_col .contact_box img {
  float:left;
  padding-right:20px;
}
.contact_col p {
  font-size:18px;
  font-family:"Times New Roman", Times, serif;
  font-style:italic
}
.contact_col .telephone, .contact_col .address {
  width:500px;
}
.contact_col .telephone p {
  padding-top:30px;
  height:90px;
}
.contact_col .address p {
  padding-top:10px;
  height:90px;
}
.contact_col .address img.mapbtn {
  padding-left:101px;
}
.contact_col .network p {
  margin-left:60px;
  padding-top:30px;
  font-size:26px;
}
.contact_col .email p {
  padding-top:30px;
}
.contact_col .email div.contact_form {
  background:transparent url('../img/contact/form_back.jpg') no-repeat scroll 0 0;
  margin-top:20px;
  height:379px;
  width:450px;
  float:left;
}
.contact_form input.form_text, .contact_form textarea {
  margin:20px 20px 0 20px;
  padding:5px;
  width:395px;
}
.contact_form input.form_text {
  background:transparent url('../img/contact/form_blank_a.jpg') no-repeat scroll 0 0;
}
.contact_form textarea {
  background:transparent url('../img/contact/form_blank_b.jpg') no-repeat scroll 0 0;
}
.contact_form .error_message {
  float:left;
  color:red;
  margin:10px 20px 0 20px;
  width:auto;
  background-color:#fff;
}

.contact_form input {
  float:right;
  margin:10px 20px 0 20px;
}
/* about */
.about_row #col1 {
  float:left;
  width:550px;
}
.about_row #col2 {
  float:right;
  margin-right:10px;
}
.about_row #col3 {
  float:left;
  width:900px;
}
.about_row .intro {
  background:transparent url('../img/about/about_back.jpg') no-repeat scroll 0 0;
  width:561px;
  height:379px;
  padding:20px;
}
.about_row span {
  display:none;
}
.about_row .intro p {
  padding-bottom:10px;
  font-size:13px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  width:520px;
}
.about_row .press img.photo,.about_row .press div.photo {
  background:transparent url('../img/about/about_photo_back.jpg') no-repeat scroll 0 0;
  padding:10px;
}
.about_row .press img {
  padding:25px 5px 5px 5px;
}
.about_row .work p {
  padding:10px;
  font-size:20px;
}