/* Works */

h1.ttl,
div.ttl {background:transparent url('../images/works/ttl_works.jpg') no-repeat 0px 0px;}

#index {}
#index h2 {margin:20px 30px 3px; padding:4px 13px 10px; font-weight:normal; background:transparent url('../images/works/bg_sttl.png') no-repeat 0px 0px;}

#index ul.list {width:700px; margin:10px 30px 40px; overflow:hidden;}
#index ul.list li {position:relative; width:700px; margin:0px 0px 20px; overflow:hidden;}

#index ul.list li h3 {width:700px; height:45px; margin:0px 0px 5px; text-indent:-2000px;}
#index ul.list li h3#contemporary {background:transparent url('../images/works/sttl_contemporary.png') no-repeat 0px 0px;}
#index ul.list li h3#colonial {background:transparent url('../images/works/sttl_colonial.png') no-repeat 0px 0px;}
#index ul.list li h3#traditional {background:transparent url('../images/works/sttl_traditional.png') no-repeat 0px 0px;}
#index ul.list li h3#insist {background:transparent url('../images/works/sttl_insist.png') no-repeat 0px 0px;}
#index ul.list li h3#refine {background:transparent url('../images/works/sttl_refine.png') no-repeat 0px 0px;}
#index ul.list li h3#town {background:transparent url('../images/works/sttl_town.png') no-repeat 0px 0px;}
#index ul.list li h3#maison {background:transparent url('../images/works/sttl_maison.png') no-repeat 0px 0px;}
#index ul.list li h3#maple {background:transparent url('../images/works/sttl_maple.png') no-repeat 0px 0px;}

#index ul.list li ul.house {width:712px; margin:10px -12px 0px 0px;}
#index ul.list li ul.house li {display:inline; position:relative; width:166px; height:145px; margin:0px 12px 20px 0px; background:transparent url('../images/works/bg_house.png') no-repeat 0px 0px; float:left;}
#index ul.list li ul.house li h4 {position:absolute; bottom:3px; right:7px; font-weight:normal; overflow:hidden;}
#index ul.list li ul.house li h4 a {color:#533e2f;}
#index ul.list li ul.house li span {display:block; margin:5px 0px 0px 8px; font-size:10px; overflow:hidden;}
#index ul.list li ul.house li img {position:absolute; top:21px; left:9px; display:block; width:150px; height:100px; overflow:hidden;}




#house {width:700px; margin:30px 30px; overflow:hidden;}
#house h1 {display:inline; width:700px; height:40px; margin:30px 0px 0px; background:transparent url('../images/works/bg_ttl.png') no-repeat 0px 0px; overflow:hidden; float:left;}
#house h1 span {display:block; width:110px; height:40px; text-indent:-2000px; float:left;}
#house h1 strong {margin:13px 0px 0px; font-size:18px; float:left;}
#house h2 {display:inline; width:700px; height:30px; margin:-70px 0px 0px; overflow:hidden; float:left; text-indent:-2000px;}
#house h2.contemporary {background:transparent url('../images/works/ttl_contemporary.png') no-repeat 0px 0px;}
#house h2.colonial {background:transparent url('../images/works/ttl_colonial.png') no-repeat 0px 0px;}
#house h2.traditional {background:transparent url('../images/works/ttl_traditional.png') no-repeat 0px 0px;}
#house h2.insist {background:transparent url('../images/works/ttl_insist.png') no-repeat 0px 0px;}
#house h2.refine {background:transparent url('../images/works/ttl_refine.png') no-repeat 0px 0px;}
#house h2.town {background:transparent url('../images/works/ttl_town.png') no-repeat 0px 0px;}
#house h2.maison {background:transparent url('../images/works/ttl_maison.png') no-repeat 0px 0px;}


#house div.zoom {margin:0px; padding:3px 3px 5px 20px; font-size:10px; background:transparent url('../images/model/icon_zoom.png') no-repeat 0px 3px; float:right;}

#house div.photo {display:inline; width:600px; height:400px; margin:15px 50px 30px; overflow:hidden; float:left;}
#house div.photo img {display:block; width:600px; height:400px; overflow:hidden;}

#house p.text {clear:both; margin:0px; padding:15px; color:#ffffff; line-height:1.6; background:#533e2f; overflow:hidden;}


#house div.gallery {margin:30px 0px 0px; overflow:hidden;}
#house div.gallery ul {width:716px; margin:0px -26px 0px 5px; padding:0px; overflow:hidden;}
#house div.gallery ul li {display:inline; width:332px; height:300px; margin:0px 26px 20px 0px; background:transparent url('../images/works/bg_photo.png') no-repeat 0px 20px; overflow:hidden; float:left;}
#house div.gallery ul li h3 {width:332px; height:20px; text-indent:-2000px;}
#house div.gallery ul li h3.entry {background:transparent url('../images/works/sttl_entry.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.living {background:transparent url('../images/works/sttl_living.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.dining {background:transparent url('../images/works/sttl_dining.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.kitchen {background:transparent url('../images/works/sttl_kitchen.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.foyer {background:transparent url('../images/works/sttl_foyer.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.masterbed {background:transparent url('../images/works/sttl_masterbed.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.japanese {background:transparent url('../images/works/sttl_japanese.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.guest {background:transparent url('../images/works/sttl_guest.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.loft {background:transparent url('../images/works/sttl_loft.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.hall {background:transparent url('../images/works/sttl_hall.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.stair {background:transparent url('../images/works/sttl_stair.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.utility {background:transparent url('../images/works/sttl_utility.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.rest {background:transparent url('../images/works/sttl_rest.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.vanity {background:transparent url('../images/works/sttl_vanity.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.den {background:transparent url('../images/works/sttl_den.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.family {background:transparent url('../images/works/sttl_family.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.bath {background:transparent url('../images/works/sttl_bath.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.bed {background:transparent url('../images/works/sttl_bed.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.open {background:transparent url('../images/works/sttl_open.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.free {background:transparent url('../images/works/sttl_free.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.shoes {background:transparent url('../images/works/sttl_shoes.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.dressing {background:transparent url('../images/works/sttl_dressing.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.conservatory {background:transparent url('../images/works/sttl_conservatory.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.hobby {background:transparent url('../images/works/sttl_hobby.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.lavatory {background:transparent url('../images/works/sttl_lavatory.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.garden {background:transparent url('../images/works/sttl_garden.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.garage {background:transparent url('../images/works/sttl_garage.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.theater {background:transparent url('../images/works/sttl_theater.png') no-repeat 0px 0px;}
#house div.gallery ul li h3.overview {background:transparent url('../images/works/sttl_overview.png') no-repeat 0px 0px;}

#house div.gallery ul li img {display:block; width:330px; height:220px; margin:1px; overflow:hidden;}
#house div.gallery ul li p {padding:5px;}

#house div.dataBox {margin:20px 0px 0px; background:transparent url('../images/works/bg_data.png') repeat-y 0px 0px; overflow:hidden;}
#house div.dataBox div.voice {width:435px; padding:0px; overflow:hidden; float:left;}
#house div.dataBox div.voice h3 {width:435px; height:25px; background:transparent url('../images/works/ttl_data.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#house div.dataBox div.voice img {width:150px; height:150px; margin:5px 10px 0px 10px; float:left; overflow:hidden;}
#house div.dataBox div.voice p {margin:5px 10px 0px 10px; line-height:1.6;}

#house div.dataBox div.data {width:250px; padding:0px; overflow:hidden; float:right;}
#house div.dataBox div.data h3 {width:250px; height:25px; background:transparent url('../images/works/ttl_data.png') no-repeat -450px 0px; overflow:hidden; text-indent:-2000px;}
#house div.dataBox div.data table {width:230px; margin:5px 10px -1px; color:#000000; line-height:1.4;}
#house div.dataBox div.data table th {width:70px; padding:5px 5px 3px; font-weight:normal; text-align:left; background:transparent url('../images/line_dot_orc.png') repeat-x 0px 100%;}
#house div.dataBox div.data table td {padding:5px 5px 3px 0px; text-align:left; background:transparent url('../images/line_dot_orc.png') repeat-x 0px 100%;}

#house div.dataBox div.end {width:700px; clear:both; height:10px; margin:0px; background:transparent url('../images/works/bg_data_end.png') no-repeat 0px 0px; overflow:hidden;}
#house div.dataBox {margin:30px 0px 0px; overflow:hidden;}

#house div.model {width:670px; margin:30px 15px; overflow:hidden;}
#house div.model h3 {width:670px; height:20px; margin:0px; background:transparent url('../images/works/sttl_model.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#house div.model img {display:block; width:670px; height:80px; margin:0px; overflow:hidden;}