@media all {

  img, abbr, acronym {border: 0;}
  #propDetails td {vertical-align: top; padding: 1em 5px;}
  #relatedProperties h2 {font-size: 140%; margin: 0 0 1em;}
  #propDetails h2 {font-size: 120%; margin: 0 0 1em;}
  #propDetails h3 {font-size: 110%; margin: 0 0 .5em; font-weight: normal; font-style: italic;}
  #propDetails ul {margin: 0 0 1.5em 25px; padding-left: 0;}
  #propDetails li {margin-bottom: 2px; list-style: circle;}
  #propDetails .propDescription {white-space: pre-line; padding-bottom: 15px;}
  #propDetails .propDivider {border-bottom: 1px solid #999;}
  #propDetails .callLink, .phoneLink {text-decoration: none; color: #000; cursor: default;}
  #propDetails #propImages {padding: 1em 10px 1em 0;}
  #propImages #featuredPhoto, .testimonialImg img {border: 3px solid #fff; box-shadow: 0 0 4px #000;}
  #imgGallery {margin-top: 10px;}
  #imgGallery img {margin: 3px;}
  #relatedProperties {margin: 20px 0; border-top: 1px solid #999; padding: 20px 0;}
  #searchAddendum {border-top: 1px solid #ccc; padding: 10px 0 0 15px; background: #dbe0e7; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
  #favoritesList {margin: 1em 0 2em;}
  #inquiryForm h2, .infoPolicy h2 {font-size: 140%; font-weight: normal; margin-top: 2em;}
  #inquiryForm h2 {margin-top: .5em;}
  #inquiryPhotos {background: #eee; padding: 10px; border-radius: 12px; border: 2px solid #ccc; margin-top: 10px;}
  #quickSearch .homeSearchBtn {padding-bottom: 15px;}
  #mapContainerOuter, #mapLightboxBG {display: none;}
  .testimonialPg h2 {font-size: 160%; font-weight: normal;  margin-top: 1em;}
  .infoPolicy h3 {font-size: 110%;}
  .clr, .clrProp, .property p {clear: both;}
  .error, .reqFld {color: red;}
  .ctr {text-align: center;}
  .rt {text-align: right;}
  .property {float: left; margin: 0 17px 40px 0; width: 312px;}
  .property h2 {font: bold 110%/1.3 arial,helvetica,sans-serif;}
  .property ul {margin: 0; padding: 0; list-style: none; float: left;}
  .property img {float: left; margin-right: 10px;}
  .property li, .relatedProp li {margin-bottom: 4px;}
  .property h2 a, .relatedProp a, #inquiryPhotos a {color: #000;}
  .property h2 span {font-size: 90%;}
  .property h2 span, .property h2 span a {color: #185d98; text-decoration: none;}
  .relatedProp {float: left; width: 165px;}
  #inquiryPhotos ul, .relatedProp ul {list-style: none; margin: 0 0 0 4px; padding: 0;}
  #inquiryPhotos ul {margin-bottom: 1.5em;}
  #inquiryPhotos p, .relatedProp p {margin: 4px;}
  #inquiryPhotos h2 {margin: 0 0 5px; font-size: 140%; font-weight: normal; font-style: italic;}
  .testimonialImg {float: left; width: 400px; height: 293px; margin: 0 15px 60px 0;}
  .testimonialImg a:hover img {border: 3px solid #000;}
  .testimonialTxt {float: left; width: 400px; font-size: 120%;}
  .testimonialAttribution {margin-top: .5em; font-size: 90%; font-style: italic;}
  .introTxt {font-size: 120%;}
  .callUs a {cursor: default; text-decoration: none; color: #000;}
  .req {font-weight: bold;}
  .formList {margin: 0 0 2em; padding: 0; list-style: none;}
  .formList li {clear: both; margin-bottom: .75em;}
  .formList label {float: left; text-align: right; width: 8em; margin-right: .5em;}
  .formList.noFloatLabel label, .formList .noFloatLabel label {float: none; text-align: left; width: auto; margin: 0;}
  .formList input[type="text"] {width: 125px; padding: 3px; border: 1px solid #ccc;}
  .formList input, .formList select {vertical-align: middle;}
  #inquiryForm textarea {width: 605px; height: 70px; padding: 3px; border: 1px solid #ccc;}
  .formList input[type="text"]:focus, #inquiryForm textarea:focus {border: 1px solid #000; background: #f9f9f9;}
  #inquiryForm input[type="submit"], #commentform input[type="submit"] {cursor: pointer; padding: 5px 10px; border: 1px solid #000; border-radius: 9px; background: #eee;}
  #finderTable td {vertical-align: top; width: 273px;}
  #finderTable textarea {width: 480px; height: 110px;}
  .instructionsBox {border: 2px solid #fff; padding: 10px; background: #eee; margin: .5em 0 1.5em;}
  .instructionsBox.inquiryPage {margin-right: 3em;}
  #container a, #subSidebar #primary a {color: #000;}
  .contentSpacer {margin-bottom: 3em;}
  .entry-utility {margin: 2em 0 4em; font-size: 90%;}
  .entry-meta {font-size: 90%;}
  #propDetails .marginAbove {margin-top: 1em;}
  .cat-links, .tag-links, .comments-link {display: block;}
  .meta-sep {display: none;}

}

@media screen {

  body {font: 75%/1.3 arial,helvetica,sans-serif;}
  input, select, textarea {font: 100%/1.3 arial,helvetica,sans-serif;}
  .exterior {width: 985px; margin: 0 auto; min-height: 960px;}
  .exterior, #footer, #subPage, #mainImg {position: relative; top: 0; left: 0;}
  #disclaimer {width: 930px; margin: 6px auto 12px;}
  #mapContainerOuter {position: fixed; width: 700px; height: 450px; border: 4px solid #fff; left: 50%; margin-left: -352px; top: 60px; z-index: 900;}
  #mapClose {position: absolute; top: -18px; right: -18px; height: 32px; width: 32px; z-index: 1000;}
  #mapLightboxBG {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; filter:alpha(opacity=80); z-index: 500;}
  #annamaria {background: url(../i/anna-maria-vacation-rentals.jpg) no-repeat;}
  #aspen {background: url(../i/aspen-vacation-rentals.jpg) no-repeat;}
  #beavercreek {background: url(../i/beaver-creek-vacation-rentals.jpg) no-repeat;}
  #breckenridge {background: url(../i/breckenridge-vacation-rentals.jpg) no-repeat;}
  #captivasanibel {background: url(../i/captiva-sanibel-vacation-rentals.jpg) no-repeat;} 
  #deervalley {background: url(../i/deer-valley-vacation-rentals.jpg) no-repeat;}
  #destin {background: url(../i/destin-vacation-rentals.jpg) no-repeat;}
  #holmesbeach {background: url(../i/holmes-beach-vacation-rentals.jpg) no-repeat;}
  #lidokey {background: url(../i/lido-key-vacation-rentals.jpg) no-repeat;}
  #longboatkey {background: url(../i/longboat-key-vacation-rentals.jpg) no-repeat;}
  #maui {background: url(../i/maui-vacation-rentals.jpg) no-repeat;}
  #naplesftmyers {background: url(../i/naples-fort-myers-vacation-rentals.jpg) no-repeat;}
  #positano {background: url(../i/positano-italy-vacation-rentals.jpg) no-repeat;}  
  #rosemarybeach {background: url(../i/rosemary-beach-vacation-rentals.jpg) no-repeat;}
  #sarasota {background: url(../i/sarasota-vacation-rentals.jpg) no-repeat;}
  #siestakey {background: url(../i/siesta-key-vacation-rentals.jpg) no-repeat;}
  #vail {background: url(../i/vail-vacation-rentals.jpg) no-repeat;}

  #rentalFavsBtn, #contact, #nav, #featured, #quickSearch, #homeSidebar, #social, #social a, #logos, #logos a, #footer .col, #homeLink, #ftrLine, #searchForm, #backImg, #forwardImg, #propertyActions {position: absolute;}
  #searchAddendum #searchForm {position: static; width: 810px; border: 0;}
  #propertyActions {top: 160px; right: 63px; width: 400px; text-align: right;}
  #propertyActions a, #triggerMapBtn, #prevPgBtn {text-decoration: none; font-size: 120%; padding: 5px 10px; border-radius: 9px; background: #000; color: #fff; opacity: .7; filter:alpha(opacity=70); border: 2px solid #000;}
  #propertyActions a:hover, #triggerMapBtn:hover, #prevPgBtn:hover {background: #fff; color: #000;}
  #triggerMapBtn, #prevPgBtn {font-size: 110%; margin-top: 1em; display: inline-block;}
  #prevPgBtn {margin-left: 1em;}

  @keyframes colorCycle {
    0% {background-color: hsl(0, 100%, 50%);}
    50% {background-color: hsl(120, 100%, 50%);}
    75% {background-color: hsl(240, 100%, 50%);}
    100% {background-color: hsl(360, 100%, 50%);}
  }

  @-webkit-keyframes colorCycle {
    0% {background-color: hsl(0, 100%, 50%);}
    50% {background-color: hsl(120, 100%, 50%);}
    75% {background-color: hsl(240, 100%, 50%);}
    100% {background-color: hsl(360, 100%, 50%);}
  }

  #rentalFavsBtn {top: 0; right: 350px; width: 225px; font-family: georgia,serif; background: #000; color: #fff; text-decoration: none; font-size: 130%; text-align: center; padding: 2px 6px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border: 2px solid #000; border-top: 0;
   background: red -webkit-linear-gradient(top, black, black 50%, transparent);
   background: red linear-gradient(180deg, black, black 50%, transparent);
   -webkit-animation: colorCycle linear infinite 8s;
   animation: colorCycle linear infinite 8s;
  }
  #backImg, #forwardImg {display: block; width: 24px; height: 24px; top: 267px;}
  #propImages #backImg img, #propImages #forwardImg img {box-shadow: none;}
  #backImg {left: 8px;}
  #forwardImg {left: 364px;}
  body, #nav, .contentArea ul {margin: 0; padding: 0;}
  #contact .callus {font-size: 140%; color: #FFFFFF; font-weight: bold; text-align: center; text-shadow: 2px 2px 2px #000; margin-right: 25px; font-style: italic; cursor: pointer;}
  #homeLink {top: 31px; left: 40px; width: 572px; height: 55px;}

  #contact {top: 0; right: 45px; text-align: right; width: 375px; color: #FFF; font-size: 160%; padding-right: 15px; z-index: 200;}
  #contact a, .propCall a {font-weight: bold; cursor: default; text-decoration: none; color: #fff;}
  #contact a {font-weight: normal;}
  .propCall a {color: #000;}
  .headerContact a {text-shadow: #000000 2px 2px 2px;}
  #contact span {padding-right: 8px; font-style: italic;}
  
  #nav {width: 905px; left: 39px; top: 99px; color: #000; list-style: none;}
  #nav li {float: left; text-align: center; font-size: 120%;}
  #nav a, #nav strong {color: #000; line-height: 30px; text-decoration: none;}
  #nav .finder {width: 160px;}
  #nav .bedroom {width: 91px;}
  #nav .fourbedroom {width: 98px;}
  #nav .about {width: 61px;}
  #nav .testimonials {width: 102px;}
  #nav .blog {width: 54px;}
  #nav .contact {width: 75px;}
  #nav .mobile {width: 80px;}
  
  #featured, #quickSearch {width: 418px; top: 220px; left: 60px;}
  #quickSearch {left: 500px;}
  #featured h1, #quickSearch h1 {margin: 0; padding: 10px 0 6px 13px; font: 165%/1.3 arial,helvetica,sans-serif; color: #185d98; border-top-left-radius: 12px; border-top-right-radius: 12px; opacity: .8; filter:alpha(opacity=80); background: #fff; border: 1px solid #A6A4A5; border-bottom: 0;}  
  #featured .contentArea {background: #fff;}
  #featured .contentArea li {margin-bottom: 4px;}
  #quickSearch .contentArea {background: #DBE0E6;}
  #quickSearch td {padding: 3px;}
  #quickSearch .extraPadding {padding-right: 25px;}
  #featured img, .property img, #propImages img, #relatedProperties img, #favoritesList img, #inquiryPhotos img, .entry-content img {box-shadow: 2px 2px 2px #000;}
  #quickSearch img {vertical-align: middle;}
  #quickSearch .bordered, #searchForm .bordered {padding: 5px; width: 170px; border: 1px solid #000; margin-right: 10px;}
  #quickSearch .contentArea h3 {margin: 0 0 1em; font: bold 120%/1.3 arial,helvetica,sans-serif;} 
  #quickSearch select, #searchForm select {width: 150px; border: 1px solid #000; padding: 3px;}
  .contentArea {height: 285px; min-height: 285px; border: 1px solid #A6A4A5; padding: 15px 0 0 15px;}
  .contentArea a {color: #000;}
  .briefDesc {font-size: 13px; margin: 8px 0 0;}

  #homeContent {padding: 620px 0 30px 60px; margin-right: 300px; font-size: 120%;}
  #homeContent h1 {color: #21527b; font: 140%/1.3 arial,helvetica,sans-serif;}
  #homeContent h2,  #homeSidebar h2 {color: #21527b; font: 130%/1.3 arial,helvetica,sans-serif; margin: 2em 0 0;}
  #homeSidebar .topHdr {margin-top: 0;}
  #homeContent h2 a {color: #21527b; cursor: default; text-decoration: none;}
  #homeContent li, .contentList li {margin-bottom: 1em; list-style: circle;}
  #columnLine {padding-right: 25px; border-right: 1px solid #e6bf08;}
  #homeSidebar {font-size: 110%; top: 675px; right: 60px; width: 215px;}
  #homeSidebar h2 {font-size: 140%;}
  .quote {margin-bottom: 2em;}
  .quote span {font-size: 80%;}
  
  #footer {background: #eceaeb url(../i/footer.png) top left no-repeat; min-height: 200px; height: 200px; border-bottom: 5px solid #9fbad5;}
  #footer h2 {font: bold 110%/1.3 arial,helvetica,sans-serif; margin: 0 0 3px;}
  #footer a {color: #000; text-decoration: none;}
  #footer a:hover {text-decoration: underline;}
  #footer ul {margin: 0; padding: 0;}
  #footer li {margin-bottom: 2px; list-style: none;}
  #footer .col {width: 130px; font-size: 11px;}
  #footer .col1 {font-size: 14px; top: 20px; width: 380px; left: 20px;} 
  #footer .col1a {left: 60px; top: 20px;}
  #footer .col1b {left: 60px; top: 145px;}
  #footer .col2a {left: 190px; top: 20px;}
  #footer .col2b {left: 190px; top: 145px;}
  #footer .col3a {left: 325px; top: 38px;}
  #footer .col3b {left: 325px; top: 145px;}
  #footer .col4 {left: 460px; top: 75px; width: 180px;}
  #disclaimer {padding: 5px 60px 0; font-size: 90%;}
  #logos {top: 60px; right: 60px; width: 263px; height: 69px;}
  #social {top: 150px; right: 170px; width: 150px; height: 22px;}
  #social a, #logos a, #homeLink {display: block; z-index: 100; background: url(../i/ie.png);}
  #social a {top: 0; width: 22px; height: 22px;}
  .asta {top: 22px; left: 2px; width: 109px; height: 45px;}
  .c2c {top: 0; left: 130px; width: 132px; height: 67px;}
  .twitter {left: 0;}
  .linkedin {left: 32px;}  
  .youtube {left: 64px;}  
  .facebook {left: 96px;} 
  .gplus {left: 128px;} 
  
  #emailSignupAdr, #blogPage #s {padding: 5px; width: 190px; border: 1px solid #000; margin-bottom: 6px;}
  #emailSignupBtn, #blogPage #searchsubmit {font-weight: bold; padding: 5px 15px; background: #6391cf; cursor: pointer; color: #fff; border-radius: 12px; border: 1px solid #6391cf;}
  #blogPage #emailSignupAdr, #blogPage #s {width: 135px;}
  #blogPage #emailForm {margin: 0 0 3em;}
  .screen-reader-text {position: absolute; top: -8000px; left: 0; width: 200px;}
  #searchform {margin-top: 2em;}

  #subPage {padding: 147px 60px 0 60px;}
  #subPage h1 {margin: 0; padding: 10px 13px 6px 13px; display: inline-block; font: 165%/1.3 arial,helvetica,sans-serif; color: #185d98; border-top-left-radius: 12px; background: #fff; border-top-right-radius: 12px; opacity: .9; filter:alpha(opacity=90); border: 2px solid #b8c1ca; border-bottom: 0;}
  #subContent {min-height: 340px; border: 1px solid #b8c1ca; border-bottom: 0; background: #fff; padding: 5px 15px 15px 15px; background: #fff url(../i/sub-bg.png) repeat-x top left;}
  #subContent.search {padding-top: 130px;}
  #subSidebar.search {top: 320px;}
  #ftrLine {right: 60px; width: 1px; top: 0; height: 45px; background: #b8c1ca;}
  #propertyHolder {float: left; width: 660px;}
  #subSidebar {font-size: 90%; width: 170px; float: left;}
  #subSidebar h3 {font: bold 100%/1.3 arial,helvetica,sans-serif; margin: 0;}
  #subSidebar form div {margin-bottom: 1.5em;}
  #subSidebar label {display: block; margin-bottom: 2px;}
  #subSidebar input, #searchForm input, #searchForm img {vertical-align: middle;}
  #subSidebar .off {color: #ccc;}
  #filterControls {margin-top: 8px;}
  #filterControls h2 {margin: 0 0 .75em; font-size: 130%; font-weight: normal;}
  #filterControls, .contactBlock {background: #eee; border: 2px solid #ccc; border-radius: 12px; padding: 10px 0 10px 10px;}
  .contactBlock {font-size: 115%; background: #fff; margin: 1em 0; padding-bottom: 5px;;}
  .contactBlock a {text-decoration: none; color: #000; font-size: 130%;}
  .headsetHeidi {margin-top: 5px;}
  #searchForm {top: 200px; left: 75px; width: 835px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
  #searchForm td {padding: .25em .25em 0 .25em;}
  #searchForm .spc {padding: .25em 2em 0 .25em;}
  #searchForm .borderLine {border-right: 1px solid #ccc;}
  #searchAddendum #jumpToFld {width: 390px;}
  #jumpToFld {float: right; width: 415px; line-height: 2;}
  #jumpToFld input {margin-right: 3px;}
  #jumpToFld p {margin: 0 0 5px;}

  #propDetails #propImages {width: 400px;}
  #propDetails .amenitiesCol {width: 200px; float: left; margin-top: 1em;}

  .formColumn {float: left; width: 285px;}
  .formColumn2 {float: left; width: 350px;}  

  #blogPage #primary ul {list-style: none; margin: 0 0 1em; padding: 0;}
  #blogPage #primary ul ul {list-style: circle; margin: 0; padding-left: 20px;}
  #blogPage #propertyHolder {float: left; width: 630px; margin-right: 30px;}
  #blogPage #container h1 {margin: 1em 0; padding: 0; display: block; font: 160%/1.3 arial,helvetica,sans-serif; color: #000; border-radius: 0; background: transparent; opacity: 1; filter:alpha(opacity=100); border: 0;}
  #blogPage #container h2 {font: 140%/1.3 arial,helvetica,sans-serif;}
  #blogPage #container .entry-title {margin-bottom: 3px;}
  #blogPage #container h3 {font: bold 120%/1.3 arial,helvetica,sans-serif;}
  #blogPage #container .entry-content {font-size: 110%;}
  #blogPage #subSidebar h2, #blogPage #subSidebar h3 {font: 15px/1.3 arial,helvetica,sans-serif; margin-top: 2em;}
  #blogPage #subSidebar .noBottomMargin {margin-bottom: 0;}
  #comments-title, #reply-title {margin-top: 3em;}
  #commentform label {width: 8em; display: inline-block; text-align: right; margin-right: .5em;}
  #commentform textarea {vertical-align: top;}
  .reducedMargin {margin: .5em 0;}
  .entry-summary {padding: 0 4px; background: #fff; border: 1px solid #fff; border-radius: 9px; margin: 1em 0;}
  .mr_social_sharing_wrapper .mr_social_sharing {margin-right: 5px;}
  .contactHeadset {width: 250px; float: right;}
  
  .favsInquiry .req {color: red;}

}

@media print {

  body, h1, h2, h3, h4 {font: 12pt/1.3 georgia,serif;}
  h1 {font-size: 20pt; margin-top: 1.5em;}
  h2 {font-size: 17pt; margin-top: 1.5em;}
  h3 {font-size: 14pt;}
  h4 {font-size: 13pt;}
  #disclaimer {padding-top: 12pt; border-top: 1px solid #000; margin-top: 12pt;}
  #nav, #footer, #quickSearch, #subSidebar, #searchForm, #backImg, #forwardImg, #propertyActions, #rentalFavsBtn {display: none;}
  #contact a {color: #000; text-decoration: none;}
  #propDetails td {display: block;}

}