@import url(mobile.css) handeld, only screen and (max-device-width: 480px);
body {
    font-family: Georgia, Garamond, 'Times New Roman', serif;
    margin-bottom: 15px;
}

h1 {
    font-family: Florentine, 'Stone Sans', 'ITC Stone Sans Std Medium', 'Trebuchet MS', Arial, sans-serif;
    color: #8000c9;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 400%;
}

h2, h3, h4, h5, h6 {
    font-family: 'Stone Sans', 'ITC Stone Sans Std Medium', 'Trebuchet MS', Arial, sans-serif;
    padding-top: .5em;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-weight: bold;
}

ol {
    list-style-type: decimal;
}

li {
    list-style-type: disc;
}

ol, ul {
    padding-left: 2em;
    margin: 1em 0
}

p, dd {
    padding: .5em 0em;
}

blockquote {
    margin-left: 1.5em;
}

th {
    font-weight: bold;
    vertical-align: top;
}
.yui-tt {
    max-width: 16em;
    text-align: left;
}

#ft, .note {
    padding-top: 1em;
    font-family: Tahoma, Verdana, sans-serif;
    color: #888888;
}

em {
    font-style: italic;
}

strong, dd {
    font-weight: bold;
    color: #8000c9;
}

#bd {
    clear: both;
}

.portrait {
    float: right;
}

.staff {
    clear: both;
}

.staff .portrait {
    float: left;
    margin: 0 1em .5em 0;
}

.portrait, .photo-strip, .art {
    border: 6px solid #E4F4F8;
}

.portrait {
    margin: 0 0 .5em 1em;
}

.photo-strip {
    margin: .5em 0;
}

.art {
    float: left;
    margin: 0 1em .5em 0;
}

.art.right {
    float: right;
    margin: 0 0 .5em 1em;
}

.appointment {
    clear: both;
    padding: 1em 0.5em;
    font-style: italic;
    background-color: #E4F4F8;
    -moz-border-radius: 8px;
    border: 1px solid #A0B0B0;
}

li > ul, #addthis {
    margin: 0;
    padding-left: 1em;
}

.menu > ul > li {
    padding-bottom: 1em;
}

#yui-main .yui-b {
    min-height: 700px;
    border-right: 1px solid #CCCCCC;
    padding-right: 10px;
    padding-bottom: 10px;
}

#bd > .yui-b {
    font-family: Tahoma, Verdana, sans-serif;
}

#bd > .yui-b li {
    list-style-type: circle;
}

#hd {
    padding: 10px 0px 4px;
    height: 94px;
    position: relative;
    border-bottom: 1px solid #CCCCCC;
}

#hd h1 {
    padding-top:10px;
}

#logo {
    float: left;
    padding-right: 10px;
 }

.photo {
    background-repeat: no-repeat;
    background-position: center;
    width: 240px;
    height: 131px;
}

#detail-photo {
    background-image: url(http://farm2.static.flickr.com/1045/1217222116_1c54ae1183_m.jpg);
    background-x: -10px;
}

#room-photo {
    background-image: url(http://farm1.static.flickr.com/109/315104730_ac95214d92_m.jpg);
}

#night-photo {
    background-image: url(http://farm2.static.flickr.com/1402/1201166938_125c106012_m.jpg);
}

.geo {
    display: block;
    position: absolute;
    left: -999px;
    top: -999px;
}

.buttons a, .buttons button {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    background-image: url(/images/button-bg.png);
    background-repeat: repeat-x;
    background-color: #a406ff;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    font-family: "Stone Sans", "ITC Stone Sans Std Medium", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 130%;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
}

.buttons button {
    width: auto;
    overflow: visible;
    text-align: center;
    padding: 4px 10px 7px 7px; /* IE6 */
}

.buttons button[type] {
    padding: 5px 10px 9px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}

*:first-child+html button[type] {
    padding: 4px 10px 7px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
    margin: 0 3px -5px 0 !important;
    padding: 0;
    border: none;
    width: 22px;
    height: 22px;
}

.buttons a img.small {
    height: 16px;
    width: 16px;
    margin-bottom: -3px !important;
}

.badge a, .badge button {
    margin: 1em 0;
}

.badge + p {
    clear: left;
}

#ft {
    border-top: 1px solid #CCCCCC;
    text-align: center;
}

.news-item {
    padding-bottom: 2em;
}

.news-item .info {
    font-style: italic;
    background-color: #ffb9ff;
    clear: both;
    padding: .5em;
    margin-top: 1em;
    -moz-border-radius: 8px;
}

q {
    display: block;
    padding: .5em 0 .5em 20px;
    font-style: italic;
    color: #000000;
    font-weight: normal;
    background: transparent url(/images/quote.png) no-repeat scroll 0px top;
}

#vickers-news-item q {
    padding-left: 340px;
    background-position: 320px top;
}

.bio {
    padding-top: 1em;
}

.new {
    background: #FFE28A;
    font-size: 80%;
    font-family: "Bitstream Vera Sans Mono", monospace;
    padding: 0pt .25em;
}

.buttons+h3 {
    clear: left;
}

div.testimonial {
    font-family: sans-serif;
    padding-right: 2em;
    padding-top: .5em;
}

div.testimonial + div.testimonial {
    padding-top: 1.25em;
}

div.testimonial span.client, div.testimonial span.location {
    display: block;
    text-align: right;
}

div.testimonial span.client {
    font-weight: bold;
}