/* @group reset */ * { margin: 0; padding: 0; } ul { list-style: none; } p { margin: 0px ; } a img, frameset { border: 0; } html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } .clear {height: 1px;clear: both;margin-top: -1px;overflow: hidden;} .clearfix:after, #footer:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} body {font: 15px "Helvetica Neue", Sans-Serif; -webkit-user-select: none;-webkit-text-size-adjust: none;color: #fff;background: #ECEAE4 url(../images/bg.jpg) center top no-repeat;} body[orient="landscape"] {min-height: 270px;background: #ECEAE4 url(../images/bg2.jpg) center top no-repeat;} #main_wrapper {padding-top: 170px;width:300px; margin:0px auto; overflow-x: hidden;} body[orient="landscape"] #main_wrapper {width: 300px; padding-top: 80px;} a, a:link {text-decoration: underline; color: #fff;} a:visited {} a:hover {text-decoration: none;} a:active {} p {font: 13px "Helvetica Neue", Sans-Serif;line-height:14pt; -webkit-user-select: none;-webkit-text-size-adjust: none;} h1 {font: 18px "Helvetica Neue", Sans-Serif; -webkit-user-select: none;-webkit-text-size-adjust: none; color: #fff; } h2 {font: 15px "Helvetica Neue", Sans-Serif; font-weight:400; -webkit-user-select: none;-webkit-text-size-adjust: none; color: #fff; line-height:15px; padding-left:90px; } h3 {font: 15px "Helvetica Neue", Sans-Serif; font-weight:400; -webkit-user-select: none;-webkit-text-size-adjust: none; color: #fff; background-color:#C4B497; padding-left:20px; height:21px; line-height:21px; } .subtittle {font: 11px "Helvetica Neue", Sans-Serif; color: #767474; line-height:15px; padding-left:90px;} #address {font: 13px "Helvetica Neue", Sans-Serif; color: #FFF; line-height:13pt; padding:10px 0px 0px 10px;} #main-rows {font-size:12px;margin-bottom: 100px;width:100%;float: left;} #main-rows li {display: block; width:300px; text-decoration: none;color: #000; padding:0px; margin:0px;} #main-rows li a {display: block; width:300px; position:relative; padding:15px 0px; background-color: #252424;text-decoration: none;border-top: 1px solid #484646; border-bottom:1px solid #1A1818;} #main-rows li:first-child a {-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px; border-top: none; border-bottom:1px solid #1A1818;} #main-rows li:last-child a {border-bottom: none; -webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;} #main-rows li a:hover { color:#FFF;} a.first {background: url(../images/01.jpg) left top no-repeat;} a.second {background: url(../images/02.jpg) left top no-repeat;} a.third {background: url(../images/03.jpg) left top no-repeat;} a.fourth {background: url(../images/04.jpg) left top no-repeat;} #main-rows li a.fifth {border-bottom:none;} #main-rows li a.email_btn {border-top:none; padding:0px 0px 30px 0px; font: 13px "Helvetica Neue", Sans-Serif; color: #767474; line-height:13pt;} .email {padding-left:10px;} .arrow {width:9px; height:10px; position: absolute; top:26px; right:20px; background: url(../images/arrow.png) left top no-repeat;} .home_btn {width:27px; height:27px; position: absolute; top:187px; right:20px; background: url(../images/home_btn.png) left top no-repeat; z-index:100;} body[orient="landscape"] .home_btn {width:27px; height:27px; position: absolute; top:97px; right:100px; background: url(../images/home_btn.png) left top no-repeat; z-index:100;} #main-rows li a.phone_btn {font: 20px "Helvetica Neue", Sans-Serif; color: #767474; line-height:20px; padding:0px 0px 20px 10px; border-top:none;border-bottom:none;} #main-rows li.content {background-color:#FFF; padding:0px; margin:0px;} #main-rows li.content p {width:260px;background-color:#FFF; padding:30px 20px; margin:0px;} #main-rows li.content p.last {padding-bottom:100px;} #main-rows li.content p.map {padding-bottom:20px;} #main-rows li.content a {border-top:none;border-bottom:none; background:none; padding:0px 0px 30px 20px; margin:0px;} #main-rows li.gallery_wrapper {background-color:#FFF; width:300px; padding:0px; margin:0px;} #main-rows li.gallery_wrapper img {width:280px; height:187px;} #photos {width:100%; list-style:none;} #photos li {display: block; width:300px; text-decoration: none;padding:0px 10px 10px 10px; margin:0px;} #photos li:first-child { padding-top:10px;} #footer {width:100%; position:relative; clear:both; background-color:#FFF; overflow:hidden;} #footer_content {width:280px; position:relative; margin:0px auto; padding:30px 0px 20px 0px; font: 9px "Helvetica Neue", Sans-Serif; color: #8C8B8B; line-height:13pt; text-align:left;} #flag {width:27px; position:absolute; top:33px; right:10px;} body[orient="landscape"] #footer_content {width:280px;} #footer_content a:link {text-decoration: none; color: #8C8B8B;} #footer_content a:visited {text-decoration: none; color: #8C8B8B;} #footer_content a:hover {text-decoration: underline; color: #8C8B8B;} #footer_content a:active {text-decoration: none; color: #8C8B8B;} body.gallery #main_wrapper {padding-top: 20px;width:300px; margin:0px auto; overflow-x: hidden;} body.gallery .home_btn {top:37px; right:20px;} body.gallery[orient="landscape"] {min-height: 270px; width:480px;background: #e5ded8 url(../images/bg2.jpg) center top no-repeat;} body.gallery[orient="landscape"] #main_wrapper {width: 460px; padding-top: 10px;} body.gallery[orient="landscape"] #main-rows li {width:460px;} body.gallery[orient="landscape"] #main-rows li a {width:460px;} body.gallery[orient="landscape"] .home_btn {top:27px; right:20px;} body.gallery[orient="landscape"] #main-rows li.content p {width:420px;} body.gallery[orient="landscape"] #main-rows li.gallery_wrapper {width:460px;} body.gallery[orient="landscape"] #main-rows li.gallery_wrapper img {width:440px; height:293px;} body.gallery[orient="landscape"] #photos {width:100%;} body.gallery[orient="landscape"] #photos li {width:460px;} body.gallery[orient="landscape"] #footer {width:100%;} body.gallery[orient="landscape"] #footer_content {width:440px;}