/* Model House */

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

#index {}
#index ul.list {width:720px; margin:30px 20px; color:#ffffff;}
#index ul.list li {position:relative; clear:both; width:720px; height:320px; margin:0px 0px 20px; background:#332115; overflow:hidden;}
#index ul.list li h2 {height:30px; margin:10px 10px 3px; border-bottom:solid 1px #b3a075; text-indent:-2000px;}
#index ul.list li div.sName {display:inline; width:135px; height:25px; margin:0px 0px 0px 12px; font-size:10px; line-height:1.2; color:#b3a075; float:left; text-indent:-2000px;}
#index ul.list li.contemporary h2 {background:transparent url('../images/model/sttl_queenannehill.png') no-repeat 0px 0px;}
#index ul.list li.contemporary div.sName {background:transparent url('../images/model/ssttl_queenannehill.png') no-repeat 0px 0px;}
#index ul.list li.colonial h2 {background:transparent url('../images/model/sttl_newporthill.png') no-repeat 0px 0px;}
#index ul.list li.colonial div.sName {background:transparent url('../images/model/ssttl_newporthill.png') no-repeat 0px 0px;}
#index ul.list li.traditional h2 {background:transparent url('../images/model/sttl_snowshill.png') no-repeat 0px 0px;}
#index ul.list li.traditional div.sName {background:transparent url('../images/model/ssttl_snowshill.png') no-repeat 0px 0px;}
#index ul.list li.ohori h2 {background:transparent url('../images/model/sttl_ohori.png') no-repeat 0px 0px;}
#index ul.list li.ohori div.sName {background:transparent;}
#index ul.list li div.category {display:inline; height:25px; margin:0px 10px 0px 0px; font-size:10px; line-height:1.2; color:#b3a075; float:right;}

#index ul.list li div.boxL {display:inline; width:360px; height:240px; margin:0px 0px 10px 10px; overflow:hidden; float:left;}
#index ul.list li div.boxR {clear:both; display:inline; width:320px; margin:0px 10px 10px 0px; float:right;}
#index ul.list li div.boxR h3 {margin:5px 0px 10px; font-size:15px; color:#e4d9b4;}
#index ul.list li div.boxR p {margin:0px 10px 20px 0px; line-height:1.6;}

#index ul.list li div.address {width:320px; height:70px; background:transparent url('../images/model/bg_address.png') no-repeat 0px 0px; overflow:hidden;}
#index ul.list li div.address h4 {color:#e4d9b4; margin:7px 10px 0px;}
#index ul.list li div.address p.add {margin:3px 0px 0px 0px; padding:0px 0px 0px 30px; line-height:1.4; background:transparent url('../images/model/icon_address.png') no-repeat 10px 2px;}
#index ul.list li div.address p.tel {margin:3px 0px 0px 0px; padding:0px 0px 0px 30px; line-height:1.4; background:transparent url('../images/model/icon_tel.png') no-repeat 10px 2px;}

#index ul.list li div.more {position:absolute; bottom:10px; left:390px;}
#index ul.list li div.more a {padding:5px 15px; text-align:center; background:#533e2f; overflow:hidden; float:left;}
#index ul.list li div.more a:hover {background:#000000;}


#model {}
#model div.image {position:relative; width:700px; height:490px; margin:30px 30px 0px; overflow:hidden;}
#model div.image h1 {position:absolute; font-size:10px; font-weight:normal; overflow:hidden; z-index:30;}
#model div.image h2 {height:20px; text-indent:-2000px; overflow:hidden;}
#model div.image p {height:20px; text-indent:-2000px; overflow:hidden;}
#model div.image div.category {position:absolute; font-size:10px; overflow:hidden; z-index:30;}


#model div.image img {position:absolute; top:0px; left:0px; display:block; width:700px; height:490px; overflow:hidden; z-index:10;}
#model p.text {margin:0px 30px; padding:15px; color:#ffffff; line-height:1.6; background:#533e2f; overflow:hidden;}

#model div.photo {position:relative; width:700px; margin:30px 30px 0px; overflow:hidden;}
#model div.photo ul {width:700px; position:relative;}
#model div.photo ul li.box {display:inline; width:350px; height:240px; margin:0px 0px 1px; overflow:hidden; float:left;}
#model div.photo ul li img {display:block; width:350px; height:240px;}
#model div.photo ul li ol {font-size:10px;}
#model div.photo ul li ol li {padding:0px 0px 10px 20px; line-height:1.6;}
#model div.photo ul li ol li.no1 {background:transparent url('../images/model/icon_1.png') no-repeat 0px 3px;}
#model div.photo ul li ol li.no2 {background:transparent url('../images/model/icon_2.png') no-repeat 0px 3px;}
#model div.photo ul li ol li.no3 {background:transparent url('../images/model/icon_3.png') no-repeat 0px 3px;}
#model div.photo div.zoom {position:absolute; top:240px; right:0px; padding:3px 3px 5px 20px; font-size:10px; background:transparent url('../images/model/icon_zoom.png') no-repeat 0px 3px;}

#model div.gallery {clear:both; position:relative; margin:30px 0px 0px; padding:23px 0px 30px; overflow:hidden;}
#model div.gallery h3 {position:absolute; top:0px; right:30px; width:105px; height:25px; background:transparent url('../images/model/ttl_photo.png') no-repeat 0px 3px; text-indent:-2000px; z-index:20;}
#model div.gallery ul {width:760px; margin:0px; padding:10px 0px 10px; background:#e6e0d5; overflow:hidden; z-index:10;}
#model div.gallery ul li {display:inline; width:120px; height:120px; margin:0px -5px 0px 30px; overflow:hidden; float:left;}
#model div.gallery div.zoom {clear:both; margin:0px 0px 0px 30px; padding:3px 3px 5px 20px; font-size:10px; background:transparent url('../images/model/icon_zoom.png') no-repeat 0px 3px;}

#model div.map {width:700px; margin:20px 30px 0px; background:#533e2f url('../images/line_dot_orc.png') repeat-x 0px 30px; overflow:hidden;}
#model div.map h3 {margin:8px 10px; font-size:15px; color:#e4d9b4;}
#model div.map div.address {width:340px; margin:0px 10px 5px 0px; color:#ffffff; float:left;}
#model div.map div.address p.add {margin:3px 0px 0px 0px; padding:0px 0px 0px 30px; line-height:1.4; background:transparent url('../images/model/icon_address.png') no-repeat 10px 2px;}
#model div.map div.address p.tel {margin:3px 0px 0px 0px; padding:0px 0px 0px 30px; line-height:1.4; background:transparent url('../images/model/icon_tel.png') no-repeat 10px 2px;}

#model div.map div.access {width:340px; margin:3px 0px 5px 0px; color:#ffffff; float:left;}
#model div.map div.access ul {}
#model div.map div.access ul li {font-size:10px;}


#model div.map p.more {clear:both; margin:0px 7px; text-align:right; font-size:10px;}
#model div.map #map_canvas {width:690px; height:500px; margin:0px 5px 5px;}


div.contemporary {}
div.contemporary div.image h1 {top:55px; left:12px; color:#533e2f;}
div.contemporary div.image div.category {bottom:5px; right:10px; color:#ffffff;}
div.contemporary div.photo ul li ol {margin:40px 20px 0px;}

div.colonial {}
div.colonial div.image h1 {top:55px; right:12px; color:#533e2f;}
div.colonial div.image div.category {bottom:5px; left:10px; color:#ffffff;}
div.colonial div.photo ul li ol {margin:40px 20px 0px;}

div.traditional {}
div.traditional div.image h1 {top:55px; left:12px; color:#ffffff;}
div.traditional div.image div.category {bottom:5px; right:10px; color:#ffffff;}
div.traditional div.photo ul li ol {margin:30px 20px 0px;}

div.ohori {}
div.ohori div.image h1 {top:55px; right:12px; color:#ffffff;}
div.ohori div.image div.category {bottom:5px; left:10px; color:#ffffff;}
div.ohori div.photo ul li ol {margin:40px 20px 0px;}
div.ohori div.gallery ul li {width:220px !important; height:220px !important; margin:0px -10px 0px 30px !important;}

div.ohori div.btn {margin:0px 0px 20px; text-align:center; background:#ffffff;}
div.ohori div.btn p {font-size:14px; font-weight:bold; color:#bb0000;}
div.ohori div.btn a {display:block; width:400px; height:50px; margin:5px auto 0px; text-align:left; background:transparent url('../images/model/btn_mansion.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
div.ohori div.btn a:hover {background-position:0px -50px;}