html,body {
    margin:0;
    font-size:95%;
    font-family:Verdana,sans-serif
}

h1,h2,h3 {
    font-family:'Raleway',Verdana,sans-serif;
    margin-top:3px;    
}

h1 {
    font-size:150%;
    text-transform:uppercase
}

h2 {
    font-size:140%;
}

h3 {
    font-size:110%;

}

p,ul,li {
    font-family:Times,serif
}

a {
  text-decoration: none;
  color: #005DFF;
  }
  
p>a {
    font-family:'Raleway',Verdana,sans-serif;
	font-weight:600
}


#mainWrapper {
    position:relative;
    float:left;
    width:100%;
    text-align:justify;
    background:url(images/x.gif) repeat-x center top
}

#mainWrapperClip {
    position:relative;
    float:left;
    width:100%;
    text-align:justify;
    background:url(images/x.gif) repeat-x center top;
    background-position:0 -300px
}

#wrapperContent {
    position:relative;
    width:1024px;
    margin:auto
}

.headerWrapper {
    position:relative;
    float:left;
    width:1024px
}

#indexHeaderWrapper {
    height:500px
}

#insideHeaderWrapper {
    height:200px;
    overflow:hidden
}

#midWrapper {
    position:relative;
    float:left;
    width:980px;
    margin:0 22px;
    padding:14px 0 15px
}

#footerWrapper {
    position:relative;
    float:left;
    width:980px;
    height:27px;
    margin:0 22px;
    padding:3px 0 50px;
    color:#2c4f6c;
    border-top:#999 solid 1px;
    font-size:10px;
    clear:both
}

#footerWrapper a {
    color:inherit;
    text-decoration:none
}

.footerList li {
    display:inline;
    float:left;
    padding-top:3px;
    padding-right:25px;
    padding-left:25px;
    border-right:2px solid #999;
    text-align:center;
    text-transform:uppercase;
    list-style-type:none
}

.footerList li:first-child {
    border-left:1px solid #999
}

#footerlistID {
    margin-top:0;
    padding-left:0
}

#menuWrapper {
    position:absolute;
    top:50px;
    right:0;
    left:600px;
    opacity:.95
}

#nav-menu {
	position:absolute;
    top:0;
    left:0;
    width:900px;
    margin-top:60px;
    margin-right:-60px;
    z-index:10;

}

#nav-menu ul {
    margin:0;
    padding-left:20px;
    list-style:none
}

#nav-menu li {
    float:left;
    margin:0 .15em;
    background:#999
}

#nav-menu a {
font-family:'Raleway',Verdana,sans-serif;
}



#nav-menu a {
    display:block;
    float:left
}

.buttonBox a {
    height:1.75em;
    padding-right:10px;
    padding-left:10px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
	box-shadow: 2px 3px 1px #03497E;
    line-height:1.75em
}

.buttonText li a {
    font-size:10.5pt;
    font-weight:700
}

.buttonGradient a {
    background:#0596D5
}

.buttonGradient a:hover {
    background:#03497E
}

.contentbutton {
padding: 5px;
}

.contentbutton a {
    display:table-cell;
    height:1.75em;
    padding-right:10px;
    padding-left:10px;
    margin:10px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
	box-shadow: 2px 3px 1px #03497E;
    line-height:1.75em
}

#logo {
    position:absolute;
    display:block;
    float:left;
    top:0;
    right:0;
    width:110px;
    height:62px;
    margin:10px;
    background-color:#fff;
    cursor:pointer;
    text-align:center;
    box-shadow:1px 2px 1px .5px #999;
    opacity:.99;
    z-index:99
}

#logo2 {
    position:absolute;
    display:block;
    float:right;
    top:0;
    right:0;
    opacity:.9;
    z-index:99
}

#logo img { 
padding-top:5px}

#logo2 a img {
    border:0;
    padding-top:5px
}

#logo p {
    position:relative;
    padding-top:5px;
    color:#fff;
    font-size:18px;
    text-align:center
}

#logoline1 {
    top:11px;
    left:20px;
    font-size:14px;
    font-weight:700;
    text-shadow:#2c4f6c 1px 1px;
    font-family:'Raleway',Verdana,San Serif
}

.logoline2 {
    font-size:18px;
    font-weight:100;
    text-shadow:#2c4f6c 1px 1px;
    font-family:'Raleway',Verdana,San Serif
}

#slideshowID img {
    display:none
}

#slideshowID img.first {
    display:block
}

#pid {
    display:block;
    margin-top:1.1em;
    margin-left:2px
}

.thickBorderOverBox {
    margin-right:5px;
    border-top:#999 solid 3px
}

#mid1 {
    float:left;
    width:242px;
    margin-right:15px;
    overflow:hidden
}

#mid2 {
    float:left;
    width:232px;
    margin-right:15px;
/*    background-color:#03497E;*/
/*    color:#fff;*/
/*    font-size:80%;*/
    overflow:hidden
}

#mid2text {
    padding:4px
}

#mid3 {
    float:left;
    width:222px;
    margin-right:15px;
/*    font-size:80%;    */
    overflow:hidden
}


#mid3text {
    padding:4px
}

#mid4 {
    float:left;
    width:232px
}

.articleHead {
    padding-top:20px;
    font-size:200%
}

.boldheadfont {
    font-weight:900
}

.fontlight {
    font-weight:100
}

.mid4 {
    float:left;
    width:250px;
    border-top:#000 solid 3px
}

#mainContent {
    float:left;
    width:73%;
    min-height:500px;
    padding:25px;
    background-color:#fff
}

#mapbutton {
    width:169px
}

#insideRightSidebar {
    float:right;
    width:19%;
    min-height:500px;
    padding-top:25px;
    padding:4px;
    background-color:#fff;
    font-size:90%
}

#insideSidebarHeadFont {
    font-family:'Raleway'
}

.imgclass {
    width:20%;
    height:20%;
    border:0
}

.callOutImage {
    float:right;
    margin:10px;
    margin-top:0;
    border:1px solid;
    border-color:#9DEBFC;
    box-shadow:5px 5px 20px #03497E
}

.callOutImage img {
    padding:5px
}

.headshotImage {
    float:left;
    margin:10px;
    margin-top:0;
}

.headshotImage img {
    padding:5px
}
.mobile-only {
    display:none
}

.callToActionButton {
	text-align: center;
    font-size:150%;
    font-weight: 700;
    width: 30%; margin: 0 auto;
}

.pullOutQuote
{
    font-size:150%;
    text-align: center;
    width: 50%; margin: 0 auto;

}
.pullOutQuote:first-letter
{
    font-size:250%;
}/* ===== Generic Callout Box Base ===== */
.callout-box {
  padding: 15px;
  margin: 10px 0;
  border-radius: 5px;
  background-color: #f9f9f9;
}

/* ===== Callout Box Modifiers ===== */

/* Tips / Info */
.callout-tips {
  background-color: #f8f9fa;
  border: 2px solid #007bff;
  margin: 20px 0;
}

.callout-info {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  margin: 20px 0;
}

/* Historic / Highlight */
.callout-historic {
  border-left: 4px solid #ff6b6b;
}

/* Tips */
.callout-tip {
  background-color: #e8f5e8;
  border-left: 4px solid #28a745;
  padding: 15px;
  margin: 20px 0;
  border-radius: 0 5px 5px 0;
}

/* Facts */
.callout-fact {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  padding: 15px;
  margin: 20px 0;
  border-radius: 0 5px 5px 0;
}

.callout-warning {
  border-left: 4px solid #e74c3c;
}

.callout-verified {
  border-left: 4px solid #2c5530;
}

/* ===== El Born Specific Callout Styles ===== */

/* Heritage/Historic Hotel callouts - gradient background with brand border */
.callout-heritage {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 25px;
  margin: 25px 0;
  border-radius: 12px;
  border-left: 5px solid #B9121B;
}

/* Business details box - clean border */
.callout-business {
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  padding: 25px;
  margin: 25px 0;
  border-radius: 10px;
}

/* Booking/reservation callout - brand gradient */
.callout-booking {
  background: linear-gradient(135deg, #B9121B 0%, #4C1B1B 100%);
  color: white;
  padding: 25px;
  margin: 30px 0;
  border-radius: 10px;
  text-align: center;
}

/* Booking/reservation alternate - brown/heritage theme */
.callout-booking-alt {
  background: linear-gradient(135deg, #8B4513 0%, #A0522D 100%);
  color: white;
  padding: 30px;
  margin: 30px 0;
  border-radius: 12px;
  text-align: center;
}

/* Insight/Tip box with brand accent */
.callout-insight {
  background: #f8f9fa;
  padding: 20px;
  margin: 20px 0;
  border-radius: 8px;
  border-left: 4px solid #B9121B;
}

/* Simple info box - clean style */
.callout-simple {
  background: #f8f9fa;
  padding: 20px;
  margin: 20px 0;
  border-radius: 8px;
}

/* Center content box */
.callout-center {
  margin: 30px 0;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  text-align: center;
}

/* Architecture appreciation tip */
.callout-art-tip {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  padding: 20px;
  margin: 20px 0;
  border-radius: 8px;
}

/* Travel info tip */
.callout-travel-info {
  background: #e8f4f8;
  border-left: 4px solid #17a2b8;
  padding: 20px;
  margin: 20px 0;
}