@font-face {
  font-family: 'MadridRegular';
  src: url('http://www.sandboxsuites.com/css/madrid2e-webfont.eot');
  src: url('http://www.sandboxsuites.com/css/madrid2e-webfont.eot#iefix') format('embedded-opentype'),
       url('http://www.sandboxsuites.com/css/madrid2e-webfont.woff') format('woff'),
       url('http://www.sandboxsuites.com/css/madrid2e-webfont.ttf') format('truetype'),
       url('http://www.sandboxsuites.com/css/madrid2e-webfont.svg#MadridRegular') format('svg');
  src: local('Madrid Regular'), local('Madrid'), url('http://www.sandboxsuites.com/css/madrid2e.ttf') format('truetype');
}

/* =============================================================================
   Base
   ========================================================================== */

body {
  color: #525252;
  text-align: justify;
}

.bottom-border {border-bottom: 1px solid #E0E0E0;}

#offers {
  position: absolute;
  top: -20px;
  right: 350px;
  z-index: 9999;
}

#offers img {
  width: 110px;
  height: auto;
}

.logged-in #offers {
  top: 8px;
}

#social-tab {
  position: absolute;
  top: 0;
  right: 50px;
  width: 960px;
  text-align: right;
}

.logged-in #social-tab {
  top: 28px;
}

#social-tab img {
  width: 32px;
  vertical-align: top;
}

#social-tab a {
  display: inline-block;
  width: 32px;
  height: 55px;
  margin: 0 2px;
  border: 1px solid #bbb;
  border-top: none;
  border-radius: 0 0 7px 7px;
  text-align: center;
  opacity: 0.75;
  box-shadow: 0 3px 3px #9a9a9a;
}

#social-tab a:hover {
  box-shadow: 0 3px 3px #444;
  border: 1px solid #fff;
  border-top: none;
  opacity: 1;
}

#social-tab a.fb {
  background: url('../assets/fb-tab1.png') #5B79A8 no-repeat center 10px;
}
#social-tab a.fb:hover {
  background-color: #3B5998;
}
#social-tab a.tw {
  background: url('../assets/tw-tab1.png') #8DC7CA no-repeat center 10px;
}
#social-tab a.tw:hover {
  background-color: #8DC7CA;
}
#social-tab a.ln {
  background: url('../assets/ln-tab1.png') #33739D no-repeat center 10px;
}
#social-tab a.ln:hover {
  background-color: #13537D;
}
#social-tab a.yp {
  background: url('../assets/yp-tab1.png') #E84231 no-repeat center 10px;
}
#social-tab a.yp:hover {
  background-color: #C82211;
}


/* =============================================================================
   Header
   ========================================================================== */

#banner {
  min-width: 960px;
  background: url('../assets/bg-texture.png') repeat #777;
}

/* Fixed Topbar Navigation */
body.admin-bar .navbar-fixed-top { top: 28px; }

.navbar-inner {
  background: url('../img/head-gradient.png') repeat-x bottom;
  width: 100%;
  min-width: 960px;
  padding: 20px 0 0 0;
  border-bottom: 1px solid #333;
}

.navbar-inner .container {
  width: 960px;
  margin: 0 auto;
}

.navbar-inner a.brand img {
  width: 200px;
  margin-bottom: 30px;
}

.navbar-inner .tagline {
  font-family: 'Dorsa', sans-serif;
  color: #db6;
  font-size: 2.1em;
  letter-spacing: 3px;
  text-shadow: -1px 1px 5px #311;
  margin-left: 50px;
}

#nav-main ul {
  text-align: center;
  margin-bottom: 5px;
}

ul.nav li {
  display: inline-block;
}

#nav-main ul li a {
  color: #ddd;
  font-size: 0.9em;
  display: inline-block;
  padding: 5px 20px;
  margin: 0;
  background-color: transparent;
  text-transform: uppercase;
  text-shadow: 0 0 4px #000;
}

.home #nav-main ul li.active a {
  color: #ddd;
}

.home #nav-main ul li.active a:hover, #nav-main ul li a:hover, #nav-main ul li a:focus, #nav-main ul li.active a {
  color: #ECB445;
}

#nav-main ul li.dropdown a:hover {
  border-bottom: none;
}

.dropup, .dropdown {
  position:relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active, .open .dropdown-toggle {
  outline:0;
}
.caret, .home #nav-main ul li.active .caret {
  display:inline-block;
  width:0;
  height:0;
  vertical-align:top;
  border-top:4px solid #fff;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:"";
  opacity:.3;
  filter:alpha(opacity=30);
}
.dropdown .caret {
  margin-top:8px;
  margin-left:2px;
}
.home #nav-main ul li:hover .caret, .dropdown:hover .caret,.open .caret, li.active .caret {
  opacity:1;
  border-top: 4px solid #ECB445;
  filter:alpha(opacity=100);
}
.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  background-color: #FFF;
  display:none;
  float:left;
  padding: 0;
  margin: 0;
  list-style-type:none;
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow:0 7px 3px 2px rgba(0,0,0,0.9);
  -moz-box-shadow:0 7px 3px 2px rgba(0,0,0,0.9);
  box-shadow:0 7px 3px 2px rgba(0,0,0,0.9);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
}
.dropdown-menu.pull-right {
  right:0;
  left:auto;
}
.dropdown-menu .divider {
  *width:100%;
  height:1px;
  margin:8px 1px;
  *margin:-5px 0 5px;
  overflow:hidden;
  background-color:#e5e5e5;
  border-bottom: 1px solid #fff;
}

ul.nav li.dropdown:hover ul.dropdown-menu,
#nav-main ul.dropdown-menu li {
  display: block;
}

#nav-main ul.dropdown-menu {
  text-align: left;
  padding-bottom: 5px;
}
#nav-main ul.dropdown-menu li a {
  min-width: 120px;
  color: #000 !important;
  padding: 3px 10px;
  font-size: 0.8em;
  text-transform: none;
  border: none;
  text-shadow: none !important;
  border-bottom: 1px dotted #888;
}

#nav-main ul.dropdown-menu li a:hover,
#nav-main li.active ul.dropdown-menu li a:hover {
  color: #000;
  background: #ECB445;
  border-bottom: 1px dotted #888;
}

#nav-main ul li.active .dropdown-menu a {
  background-color: transparent;
}

.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover {
  color:#fff;
  text-decoration:none;
  background-color:#08c;
}
.open {
  *z-index:1000
}
.open .dropdown-menu {
  display:block
}
.pull-right .dropdown-menu{
  right:0;
  left:auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top:0;
  border-bottom:4px solid #000;
  content:"\2191";
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
  top:auto;
  bottom:100%;
  margin-bottom:1px;
}

/* Membership subnav */

#sub-menu ul.nav {
  text-align: center;
}

#sub-menu ul.dropdown-menu {
  background-color: #FFF;
}

#sub-menu ul.dropdown-menu a {
  background-color: transparent;
  display: block;
}

#sub-menu ul.dropdown-menu a:hover, #sub-menu a.active {
  color: #c90101;
}

/* =============================================================================
   Content
   ========================================================================== */

.home #wrap.container {
  width: 100%;
  min-width: 960px;
  background-color: #FFF;
  padding: 60px 0;
  border-top: 1px solid #384E6A;
}

#front-slider {
  width: 100%;
  min-width: 960px;
  padding-top: 25px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 0 5px #bbb;
}

#front-slider #slide-content {
  width: 1000px;
  margin: 0 auto;
}

#front-slider h3 {
  margin-top: 0;
}

#content {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0 50px 0;
  overflow: hidden;
  background-color: #FFF;
}

.home #content {
  margin-top: 5px;
}

.home #content h3,
.home #content h3.tweets_header {
  color: #555;
  text-shadow: 0 1px 0 #fff;
  margin-top: 0;
}

.page #main ul {
  list-style-type: disc;
  margin-left: 20px;
}

/* Blog and Column Styles from Old Site */

#right-column {
  float: right;
  width: auto;
}

#right-column iframe {
  padding: 0 15px;
}

#right-column article {
   padding-bottom: 80px;
}

#right-column ul {
  padding: 0;
}

#right-column ul li {
  list-style-type: none;
  font-size: 1.2em;
}

#content .locations {
  width: 450px;
  margin: 0;
  padding: 5px 0 0 0;
}

div.slickr-flickr-slideshow {
  margin-top: 20px;
}

#contact-maps {
  width: 100%;
}

#contact-maps div {
  display: inline-block;
  width: 49%;
  text-align: center;
}

.contact #right-column {
  width: 525px;
}

.contact #right-column h2 {
  margin-top: 0;
}

#content .contact {
  width: 275px;
}

#content .slogin {
  float: left;
  width: 300px;
  margin-right: -300px;
}

#content .sconnect {
  min-width: 500px;
  padding-left: 330px;
}
               
#center-column {
  width: 150px;
  float: none;
  padding: 0;
  margin-center: 20px;
}

.page a.active {
  color: #C90101;
}

.page h3.plans {
  font-family: "Trebuchet MS", sans-serif;
  color: #C90101;
  padding-top: 5px;
}

table#membership {
  border-collapse: collapse;
  font-variant: small-caps;
  font-size: 0.95em;
  font-family: "Signika", "Telex", sans-serif;
  color: #000;
  width: 600px;
}

table#membership td, #membership thead {
  border-bottom: 1px solid #f9bb44;
  text-align: center;
  vertical-align: middle;
}

#membership th {
  border-top: 1px solid #f9bb44;
  padding: 5px 15px;
  line-height: 1.2em;
}

#membership th.first {
  border-top: 1px solid #FFF;
  font-variant: normal;
  font-size: 1em;
  font-family: "Trebuchet MS", sans-serif;
  color: #fea13c;
  min-width: 200px;
}

#membership td.one, #membership th.first {
  border-right: 1px solid #f9bb44;
  padding-left: 10px;
}

#membership td.one {
  text-align: left !important;
}

#membership td a {
  display: block;
  color: #000;
  background-color: transparent;
  padding: 2px;
}

#membership td a:hover {
  color: #FEA13C;
}

#membership td .plans {
  font-size: 1.2em;
  font-weight: bold;
}

#membership p {
  padding: 0;
  margin: 0.25em 0;
}

h2.bottom-border {
  font-size: 1.3em;
}

.privacy-policy p {
  font-size: 0.8em;
}

#recent-clients {margin-bottom: 25px;
                 padding: 0;}

#recent-clients ul {margin: 0;
                    padding: 0;
                    list-style-type: none;}

#recent-clients li {display: inline;
                    padding: 0 1px 0 0;}

#recent-clients li a img {padding: 0;
                          margin: 0;
                          border: 2px solid #edecec;}

#recent-clients li a:hover img {border: 2px solid #425c7e;}

table#partners {
  border-collapse: separate;
  border-spacing: 0 50px;
  font-size: 0.85em;
  padding: 0 20px;
}

#partners .featured {
  color: #316BA9;
  font-size: 1.6em;
  font-weight: bold;
  margin-left: 15px;
  background-color: #fff;
  width: auto;
  display: inline-block;
}

#partners td.feature img.logo {
  width: 300px !important;
  height: auto;
}

#partners td.description {
  padding-left: 20px;
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0 15px 15px 0;
}

#partners td.logo {
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 15px 0 0 15px;
}

#partners td {
  padding: 20px;
}

#partners img.logo {
  display: block;
  width: 200px;
  height: auto;
}

#partners img.social {
  margin: 10px 10px 0 0;
  width: 25px;
  height: 25px;
}


/* =============================================================================
   Primary Content
   ========================================================================== */

#main {
  padding: 0 20px;
}

.home #main {
  width: 260px;
  height: 310px;
  margin-right: 300px;
  float: left;
  background: #fff;
}

.home #main p {
  font-size: 0.9em;
  line-height: 1.6em;
  text-align: justify;
}

#main.right {
  width: auto;
  padding-left: 300px;
  float: none;
}

aside.left {
  width: 220px;
  float: left;
}

/* Press Page */

table.press {
  width: 650px;
}

table.press td {
  padding: 10px 0;
}

/* Bio page */

table#bios {
  border-collapse: separate;
  margin: 0 auto;
  text-align: justify;
}

#bios div {
  display: inline-block;
  vertical-align: top;
}

#bios h5 {
  font-size: 0.9em;
}

.bio-img {
  width: 150px;
  margin: 20px 10px;
  float: left;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #777;
  border-radius: 5px;
  background-size: contain !important;
}

.bio-img.team2 {
  width: 325px;
}

.bio-img img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.bio-img a {
  display: block;
  width: 100%;
  height: 100%;
}

.bio-img:hover {
  border: 1px solid #000;
}

.bio-img img:hover {
  opacity: 0;
}

.roman .bio-img {
  background: url('../bios/img/Roman-2.png') no-repeat center center;
}

.dom .bio-img {
  background: url('../bios/img/Dominick-2.png') no-repeat center center;
}

.shadi .bio-img {
  background: url('../bios/img/Shadi-2.png') no-repeat center center;
}

.team .bio-img {
  background: url('../bios/img/Team-2.png') no-repeat center center;
}

.eric .bio-img {
  background: url('../bios/img/Eric-2.png') no-repeat center center;
}

.kiki .bio-img {
  background: url('../bios/img/Kiki-2.png') no-repeat center center;
}

.melissa .bio-img {
  background: url('../bios/img/Melissa-2.png') no-repeat center center;
}

.dino .bio-img {
  background: url('../bios/img/Dino-2.png') no-repeat center center;
}

.joey .bio-img {
  background: url('../bios/img/Joey-2.png') no-repeat center center;
}

#content.page-text {
  width: 800px;
}

table#colorbox-bios {
  width: 700px !important;
  margin: 30px auto 0;
}

#colorbox-bios .avatar {
  padding-right: 20px;
}

#colorbox-bios img {
  border: 1px solid #777;
  padding: 3px;
  border-radius: 5px;
}

.bio-txt {
  height: auto;
  font-size: 0.9em;
  text-align: justify;
}


/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar { }

.home #sidebar {
  width: 960px;
}

.home #sidebar ul {
  list-style-type: none;
  font-size: 0.9em;
}

.home #sidebar ul a {
  display: block;
  padding: 3px 5px;
}

.home #sidebar .widget-1.widget-inner {
  width: 270px;
  padding-right: 10px !important;
  padding-left: 0 !important;
}

.home #sidebar .widget-1 .textwidget {
  font-style: italic;
  font-size: 0.9em;
}

.home #sidebar #recent-clients {
  width: 100%;
}

.home #sidebar #recent-clients ul {
  width: 200px;
  margin: 0 auto;
}

.home #sidebar #recent-clients li {
  float: left;
  display: inline-block;
}

.home #sidebar .widget-inner {
  display: inline-block;
  padding: 0 20px 20px;
  float: left;
}

.home #sidebar .textwidget p {
  font-weight: bold;
  padding-right: 2px;
}

.home #sidebar .widget-2.widget-inner {
  padding-bottom: 0;
  width: 348px;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

.home #sidebar .tweets div.tweets_footer {
  margin-top: 40px;
}

.home #sidebar .widget-3.widget-inner {
  padding-right: 0 !important;
  width: 270px;
  line-height: 1.1em;
}

.home #sidebar .widget-3 li {
  margin-bottom: 8px;
}

.home #sidebar .tweets_footer {
  padding: 0;
}

.home #sidebar .widget-last {
  width: 100%;
  margin-top: 40px;
  padding: 0;
  border: none;
  background: transparent;
}

.home #sidebar .widget-last ul {
  text-align: center;
  background: transparent;
  padding: 0;
}

.home #sidebar .widget-last ul li {
  position: relative;
  display: inline-block;
}

.home #sidebar .widget-last ul a {
  display: inline-block;
  padding: 0;
  border-radius: 7px;
}

.home #sidebar .widget-last img {
  padding: 2px;
  margin: 4px 2px;
  opacity: 0.6;
  border-radius: 7px;
  border: 1px solid #aaa;

}

.home #sidebar .widget-last ul a:hover img { 
  border: 1px solid #BA1C29;
}

.home #sidebar .widget-last ul img:hover {
  opacity: 1;
}

/* =============================================================================
   Posts
   ========================================================================== */

.hentry {
  padding-bottom: 10px;
  margin-bottom: 50px;
  border-bottom: 1px dotted #888;
}

.hentry header { }
.hentry .post-header {
  font-variant: small-caps;
  font-size: 0.8em;
}
.hentry time { display: inline-block; }
.hentry p.byline { }
.hentry footer {
  clear: both;
}

.blog h2 {
  font-size: 20px;
}

.blog h2 a {
  color: #c90101;
}

.blog h2 a:hover {
  color: #e63;
}

.entry-content {
  margin-top: 20px;
  text-align: justify;
}

#main.blog {
  width: 600px;
  padding-right: 300px;
  float: left;
  font-size: 0.9em;
}

aside.blog-sidebar {
  width: 260px;
  padding: 0;
  margin-left: -300px;
  float: right;
  font-size: 0.9em;
  text-align: left;
}

aside.blog-sidebar .widget {
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  padding-bottom: 20px;
  margin: 10px 0 30px;
}

aside.blog-sidebar h3 {
  text-transform: uppercase;
  border-bottom: 1px dotted #888;
  padding: 0 20px 10px 20px;
}

aside.blog-sidebar li {
  margin-bottom: 5px;
  background: none;
}

aside.blog-sidebar ul li a {
  display: block;
  padding: 5px 10px 5px 20px;
}

aside.blog-sidebar ul li a:hover {
  background-color: #ddeef0;
  color: #E63;
}

aside ul.perks {
  list-style-type: circle;
  margin-left: 25px;
}

.archive h1.page-title {
  font-variant: small-caps;
  font-size: 24px;
  border-bottom: 1px dotted #888;
  margin-bottom: 40px;
}

/* =============================================================================
   Post Comments
   ========================================================================== */

#comments, #respond, #submit { clear: both; display: block; }
ol.commentlist img.avatar { float: left; margin-right: 10px; }
#commentform label {
  font-size: 0.8em;
}
#commentform input, #commentform textarea {
  display: block;
  width: 200px;
}

#commentform textarea {
  height: 130px;
  margin-bottom: 30px;
}


/* =============================================================================
   Footer
   ========================================================================== */


#content-info {
  margin: 0 !important;
  padding: 40px 0 !important;
  color: #222;
  font-size: 0.85em;
  line-height: 1.8em;
  background: url('../assets/bg-texture.png') repeat #0a0a0a;
  width: 100%;
  min-width: 960px;
  border-top: 1px solid #666;
  //text-shadow: 0 1px 0 #bbb;
}

#content-info h3 {
  margin-top: 0;
  color: #000;
}

#content-info a {
  color: #000;
  border-bottom: 1px dotted #333;
}

#content-info a:hover {
  color: #333;
  text-shadow: 0 1px 0 #999;
}

#content-info .footer-inner {
  width: 960px;
  background: transparent;
  padding-bottom: 30px;
  margin: 0 auto;
  overflow: hidden;
}

#content-info section {
  width: 320px;
  float: left;
}

#content-info ul.footer-locations li {
  margin-bottom: 15px;
}

#content-info .widget-inner {
  padding: 0 20px 10px;
}

#content-info .widget-4 {
  margin-bottom: 20px;
}

#content-info .footer-icons a {
  border: none;
  display: inline-block;
  background-color: #666;
  padding: 3px;
  margin: 0 5px 0 0;
  border: 1px solid #555;
  border-radius: 5px;
}

#content-info .footer-icons a:hover {
  background-color: #08112F;
  border: 1px solid #fff;
}

#content-info .footer-icons img {
  width: 22px;
}

#content-info .footer-icons a.fb:hover {
  background-color: #3B5998;
}
#content-info .footer-icons a.tw:hover {
  background-color: #8DC7CA;
}
#content-info .footer-icons a.ln:hover {
  background-color: #13537D;
}
#content-info .footer-icons a.yp:hover {
  background-color: #C82211;
}

.copy {
  font-size: .75em;
  color: #eef;
  padding: 10px 0;
  text-align: center;
  background-color: #08112F;
  width: 100%;
  min-width: 960px;
}

.copy a:link {
  color: #ECB445;
}

.copy a:hover, .copy a:focus {
  color: #aaa;
}

/* =============================================================================
   ColorBox popups - Meeting rooms/Membership plans
   ========================================================================== */

#container.colorbox {
  width: 100%;
  margin-top: 10px;
}

table#cBox {
  width: 640px;
  margin: 0 auto;
}

#container.colorbox ul {
  list-style-type: circle;
  margin-left: 20px;
}


/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }



/* =============================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 979px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body.top-navbar {
    padding-top: 0;
  }
}