html {
font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}
body {font-size: 16px;}

/* START Responsive Layout */
* {box-sizing: border-box;}

/* For mobile phones: */
[class*="col-"] {width: 100%;}
/* Logo and Contact Area */
div.motp-logo {text-align: center;}
a.motp-button {font-size:20px;}
a.motp-button-phone {font-size:20px;}	
a.motp-button-facebook {font-size:20px;}
a.motp-button-youtube {font-size:20px;}
a.motp-button-commission {font-size:20px;}

/* For tablets: */
@media only screen and (min-width: 640px) {
.col-t-1 {width: 8.33%;}
.col-t-2 {width: 16.66%;}
.col-t-3 {width: 25%;}
.col-t-4 {width: 33.33%;}
.col-t-5 {width: 41.66%;}
.col-t-6 {width: 50%;}
.col-t-7 {width: 58.33%;}
.col-t-8 {width: 66.66%;}
.col-t-9 {width: 75%;}
.col-t-10 {width: 83.33%;}
.col-t-11 {width: 91.66%;}
.col-t-12 {width: 100%;}
/* Logo and Contact Area */
div.motp-logo-t {text-align: center;}
a.motp-button-t {font-size:20px;}
a.motp-button-phone-t {font-size:20px;}		
a.motp-button-facebook-t {font-size:20px;}
a.motp-button-youtube-t {font-size:20px;}
a.motp-button-commission-t {font-size:20px;}
}

/* For desktop: */
@media only screen and (min-width: 1000px) {
.col-d-1 {width: 8.33%;}
.col-d-2 {width: 16.66%;}
.col-d-3 {width: 25%;}
.col-d-4 {width: 33.33%;}
.col-d-5 {width: 41.66%;}
.col-d-6 {width: 50%;}
.col-d-7 {width: 58.33%;}
.col-d-8 {width: 66.66%;}
.col-d-9 {width: 75%;}
.col-d-10 {width: 83.33%;}
.col-d-11 {width: 91.66%;}
.col-d-12 {width: 100%;}
/* Logo and Contact Area */	
div.motp-logo-d {text-align: left;}
a.motp-button-d {font-size:20px;}
a.motp-button-phone-d {font-size:20px;}	
a.motp-button-facebook-d {font-size:20px;}
a.motp-button-youtube-d {font-size:20px;}
a.motp-button-commission-d {font-size:20px;}
}

[class*="col-"] {float: left; padding: 0px; border: 0px solid red;}
.row:after {content: ""; clear: both; display: block;}
/* END Responsive Layout */

/* Logo and Contact Area */
img.motp-logo {max-width: 100%; height: auto; padding: none; border: none;}
div.motp-phone {text-align: center;	max-width: 100%; min-height: 30px; padding-top: 10px; padding-bottom: 10px; border: none;}

a.motp-button {background-color: #f1b515; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #f1b515; display: inline-block; cursor: pointer; color: #FFFFFF; padding:3px 1px 3px 1px; text-decoration: none; margin-bottom: 5px; margin-right: 4px;}
a.motp-button:hover {background-color: #f1b515; color: #FFFFFF; text-decoration:none;}
a.motp-button:active {position:relative; color: #FFFFFF; top: 1px;}
a.motp-button:visited {color: #FFFFFF;}
p.motp-button {margin-top: 10px; line-height: 22px;}

a.motp-button-book {background-color: #6c3a06; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #6c3a06; display: inline-block; cursor: pointer; color: #FFFFFF; padding:3px 3px; text-decoration: none; margin-bottom: 5px;}
a.motp-button-book:hover {background-color: #6c3a06; color: #FFFFFF; text-decoration:none;}
a.motp-button-book:active {position:relative; color: #FFFFFF; top: 1px;}
a.motp-button-book:visited {color: #FFFFFF;}
p.motp-button-book {margin-top: 10px; line-height: 22px;}

a.motp-button-phone {background-color: #339933; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #339933; display: inline-block; cursor: pointer; color: #FFFFFF; padding:3px 1px 3px 1px; text-decoration: none; margin-bottom: 5px; margin-right: 4px;}
a.motp-button-phone:hover {background-color: #339933; color: #FFFFFF; text-decoration:none;}
a.motp-button-phone:active {position:relative; color: #FFFFFF; top: 1px;}
a.motp-button-phone:visited {color: #FFFFFF;}
p.motp-button-phone {margin-top: 10px; line-height: 22px;}

a.motp-button-facebook {background-color: #425f9c; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #425f9c; display: inline-block; cursor: pointer; color: #FFFFFF; padding:3px 4px 3px 4px; text-decoration: none; margin-bottom: 5px; margin-right: 4px;}
a.motp-button-facebook:hover {background-color: #425f9c; color: #FFFFFF; text-decoration:none;} 
a.motp-button-facebook:active {position:relative; color: #FFFFFF; top: 1px;}
a.motp-button-facebook:visited {color: #FFFFFF;}
p.motp-button-facebook {margin-top: 10px; line-height: 22px;}

a.motp-button-instagram {background-color: #FFFFFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #f5922c; display: inline-block; cursor: pointer; color: #FFFFFF; padding:3px 2px 1px 2px; text-decoration: none; margin-bottom: 5px; margin-right: 4px;}
a.motp-button-instagram:hover {background-color: #FFFFFF; color: #FFFFFF; text-decoration:none;} 
a.motp-button-instagram:active {position:relative; color: #FFFFFF; top: 1px;}
a.motp-button-instagram:visited {color: #FFFFFF;}
p.motp-button-instagram {margin-top: 10px; line-height: 22px;}

a.motp-button-youtube {background-color: #e62117; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e62117; display: inline-block; cursor: pointer; color: #FFFFFF; padding:3px 1px; text-decoration: none; margin-bottom: 5px; margin-right: 4px;}
a.motp-button-youtube:hover {background-color: #e62117; color: #FFFFFF; text-decoration:none;}
a.motp-button-youtube:active {position:relative; color: #FFFFFF; top: 1px;}
a.motp-button-youtube:visited {color: #FFFFFF;}
p.motp-button-youtube {margin-top: 10px; line-height: 22px;}

a.motp-button-commission {background-color: #ab3a66; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ab3a66; display: inline-block; cursor: pointer; color: #FFFFFF; padding:3px 2px; text-decoration: none; margin-bottom: 5px;}
a.motp-button-commission:hover {background-color: #ab3a66; color: #FFFFFF; text-decoration:none;}
a.motp-button-commission:active {position:relative; color: #FFFFFF; top: 1px;}
a.motp-button-commission:visited {color: #FFFFFF;}
p.motp-button-commission {margin-top: 10px; line-height: 22px;}

/* START Menu */
@media (min-width: 600px) {
#main-menu {position: relative; z-index: 9999; width: auto;}
#main-menu ul {width: 12em;} /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block;height: auto; float: left; width: 100%; border: 0;}
/* END Menu */

h1 {font-size:16px; line-height: 22px; font-style: normal; font-weight: normal; text-transform: uppercase; color: #433C30; padding-left: 8%; padding-right: 8%; margin-top: 30px; margin-bottom: 16px;}

p {font-size: 16px; line-height: 24px; color: #433C30; padding-left: 8%; padding-right: 8%; margin-top: 0px; margin-bottom: 16px; text-align: justify;}

a {color: #ab3a66; text-decoration: none;}
a:visited {color: #ab3a66; text-decoration: none;}
a:hover {color: #ab3a66; text-decoration: underline;}

ul {font-size: 16px; line-height: 22px; color: #433C30; padding-left: 8%; padding-right: 8%; margin-left: 10px; margin-top: 0px; margin-bottom: 16px; text-align: justify;}
li {margin-left: 10px; margin-bottom: 4px;}

table {color: #433C30;}

/* Availability Page */
h1.availability {font-size:20px; color: #ab3a66; margin-bottom: 10px;}
ul.availability {text-align: left;}

/* Review Page */
h1.review-rating {margin-top: 20px; margin-bottom: 60px; text-transform: none;}
p.review-quote {color: #433C30;}

/* Forms */
input {background-color: #e6e5e1; height: 28px; margin-top: 5px;}
input.button {background-color: #ab3a66; color: #ffffff; height: 40px; width: 270px; font-size:14px;}
select {background-color: #e6e5e1; height: 28px; margin-top: 5px;}
textarea {background-color: #e6e5e1; margin-top: 5px;}

/* START YouTube Responsive */
div.youtube {float: none; clear: both; width: 100%; position: relative; padding-bottom: 53.25%; padding-top: 25px; height: 0;}
div.youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* END YouTube Responsive */

/* News Page */
div.main-news-image {width: 220px; margin-top: 30px; margin-right: 10px; margin-left: 60px; float:left; display:inline;}
div.main-news-text {max-width: 600px; min-width: 200px; float:left; display:inline; margin: none; padding: none;}
p.news-byline { text-align:right; color: #433C30;}
a.news-byline {color: #433C30; text-decoration: none;}
a.news-byline:visited {color: #433C30; text-decoration: none;}
a.news-byline:hover {color: #433C30;text-decoration: underline;}

/* Custom Error Pages */
h1.error {color: #ab3a66;}
address {font-size: 16px; line-height: 22px; color: #ab3a66; padding-left: 8%; padding-right: 8%; margin-top: 0px; margin-bottom: 16px; text-align: justify;}

/* Footer Area */
p.footer {font-size: 12px; color: #433C30; margin-top: 20px; padding-left: 8%; padding-right: 8%; text-align: center;}
a.footer {color: #433C30; text-decoration: none;}
a.footer:visited {color: #433C30; text-decoration: none;}
a.footer:hover {color: #433C30;text-decoration: underline;}

/* News Pages */
#news_picture_container {position: relative; float: left; margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 50px; width: 140px; height: 286px; text-align: center; border: none; padding: 0px;}
#news_picture_frame {position: relative; margin: 0px; width: 140px; height: 215px; text-align: center; border: none; padding: 0px; background-image: url(../img/layout/small_picture_frame_extended_bg.jpg); background-repeat: no-repeat;}
#news_picture_card_top {position: relative; margin: 0px; width: 140px; height: 7px; text-align: center; border: none; padding: 0px; background-image: url(../img/layout/small_picture_card_top_bg.jpg); background-repeat: no-repeat;}
#news_picture_card_middle{position: relative; margin: 0px; width: 140px; min-height: 100px; text-align: center; border: none; padding: 0px; background-image: url(../img/layout/small_picture_card_middle_bg.jpg); background-repeat: repeat-y; }
#news_picture_card_bottom{position: relative; margin: 0px; width: 140px; height: 11px; text-align: center; border: none; padding: 0px; background-image: url(../img/layout/small_picture_card_bottom_bg.jpg); background-repeat: no-repeat;}
#news-matrix-container {max-width: 1000px; margin-top: 30px;}

a.side_panel {color: #ab3a66; text-decoration: none;}
a.side_panel:visited{color: #ab3a66; text-decoration: none;}
a.side_panel:hover {color: #ab3a66; text-decoration: underline;}
h2.side_panel {color: #433C30; font-size:12px; font-style: normal; font-weight: normal; padding: 0px; margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
p.side_panel {font-size: 11px; line-height: 13px; color: #ab3a66; padding: 0px; margin-left: 15px; margin-right: 15px; margin-top: 5px; margin-bottom: 0px; font-style: italic; text-align: center;}
p.side_panel_extended {font-size: 11px; line-height: 13px; color: #534741; padding: 0px; margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 0px; font-style: italic; text-align: center;}
img.side_panel {border: solid; border-width: 2px; border-color: #534741; padding: 0px; margin-top: 22px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; height: 120px; width: 80px;}