body { font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;  line-height: 1.6em; font-size: 14px; color: #000;  }
html, body { height: 100%; }
h1, h2, h3, h4, h5 { line-height: 1.6em; margin: 0; font-family: 'Tangerine', cursive;}
h1 { font-size: 400% }
h2 { font-size: 350% }
h3 { font-size: 270% }
h4 { font-size: 125% }
h5 { font-size: 110% }
strong { font-size: 101%; font-weight: bold }
b { font-size: 101%; font-weight: bold }
em { font-style: italic }
i { font-style: italic }
p { padding: 5px 0; }
h2 p {padding:0}


.text-20 {font-size:20px}
.text-25 {font-size:25px}
.text-30 {font-size:30px}
.text-36 {font-size:36px}
a.dropdown-toggle {
    display: none!important;
}
ol.carousel-indicators {
    DISPLAY: NONE;
}
a.left.carousel-control, a.right.carousel-control {
    display: none;
}

#loginLeft {width:400px; float:left}

.wrapper {margin:0; padding:0; background:transparent url(/assets/diablocc/Media/footer-bg.png) repeat-x left bottom; }
.container {width:960px; margin:0 auto; padding:0; position:relative; }

.header {margin:0; padding:0; background:transparent url(/assets/diablocc/Media/tartan_header.jpg) no-repeat top left; position:relative}
.logo {display:block; text-indent:-5000px; width:170px; height:170px; margin:0; background:transparent url(/assets/diablocc/Media/web_logo_2015.png) no-repeat top left; position:absolute; top:3px; z-index:99}
.main-nav {height:60px; border-top:1px solid #ffd800; background:#03364d; margin-top:25px; display:block}

.main {border:8px solid #03364d; background:white url(/assets/diablocc/Media/inner-bg.jpg) repeat-y top center; padding:4px 0px 30px; position:relative;}
.main-wrapper { -webkit-box-shadow: 0px 0px 16px 0px #fff;
  box-shadow: 0px 0px 16px 0px #fff;}

.home-left {float: left; width: 194px; padding-top:0px; position:relative; margin-top:0px; padding-bottom: 44px;}
.page-left {float:left; width:750px; position:relative; left:0px; z-index:10 }
.page-right {float: right; width: 194px; padding-top: 36px; position:relative; margin-top: -26px; padding-bottom: 44px;}
.pin {float:right; width:44px; height:350px; z-index:100; /*background: transparent url(/upload/image_library/putting_post-350.png) no-repeat 0px 0px; */  position:absolute;  right:0; top:0}
.page-right a{display:block; width:163px; height:83px; margin:12px 10px; font-size:20px; background-position:top left; line-height:83px; text-decoration:none; color:#000; border-bottom:1px dotted #000; text-align:center}
.page-right a:hover {background-position:bottom left}
.home-left a{display:block; width:163px; height:63px; margin:8px 10px; font-size:20px; background-position:top left; line-height:63px; text-decoration:none; color:#000; border-bottom:1px dotted #000; text-align:center}
.home-left a:hover {background-position:bottom left}
/*.clubhouse-btn {background:transparent url(/upload/image_library/clubhouse-btn.png) no-repeat }
.amenities-btn {background:transparent url(/upload/image_library/amenities-btn.png) no-repeat }
.golfcourse-btn{background:transparent url(/upload/image_library/golf-btn.png) no-repeat }*/

.page-left .page-header {padding:20px 20px 2px 40px; }
.page-header {padding:10px 20px 2px 20px; }
.page-header h2 {line-height: 55px; height: 55px;}
.page-left .page-content {padding:13px 20px 50px 00px; /*background:transparent url(/upload/image_library/ticket_area_code-250.png) no-repeat left top*/}
.page-full .page-header {padding:10px 20px 2px;}
.page-full .page-content {padding:0px 20px 10px 20px}

.left-nav {width:190px; float:left; display:block}

#images {position:absolute; width:614px; height:380px; z-index:1; bottom:0px; right:150px; overflow:hidden;
  opacity:0.6; filter:alpha(opacity=60); }
#images img { width: 614px; height: 380px; display: none;}

.footer {margin-top:20px; padding-bottom:50px; text-align:right}

.foot-nav {float:right;}
.foot-nav a {color:#fff; font-size:11px;}
.foot-info {color:#a2daf2; font-size:11px}
.footer .divider {padding:0 15px; color:#fff}

li.history a{display:block; width:256px; height:50px; margin:0; text-indent:-5000px; background:transparent url(/assets/diablocc/Media/history.png) no-repeat left bottom}
li.guests a{display:block; width:110px; height:50px; margin:0; text-indent:-5000px;  background:transparent url(/assets/diablocc/Media/guest.png) no-repeat left bottom}
li.members a{display:block; width:140px; height:50px; margin:0; text-indent:-5000px;  background:transparent url(/assets/diablocc/Media/member.png) no-repeat left bottom}
.main-drop  li a:hover {background-position:left -9px}

.home-links .nav-left .li_one,.home-links .nav-left .li_two,.home-links .nav-left .li_three,.home-links .nav-left .li_four,.home-links .nav-left .li_five,.home-links .nav-left .li_six {display:none; visibility:hidden}

.left-nav .nav {height:auto; margin-top:0; border:0px none; background:transparent}

.left-nav {  position: relative; z-index: 2; }
.nav-left { background-color:transparent; min-width:175px; float: left; padding:0px; margin-left:5px }
.left-nav ul { list-style-type: none; }
.left-nav ul li { position:relative}
.left-nav ul li a { padding: 20px 15px; display: block; color: #000; text-decoration: none; border-bottom:1px dotted #000; text-align:center; font-size:20px }
.left-nav ul li a:hover { background-color: #f6f6f6; }
.left-nav ul li > ul { display:none; position: absolute; background-color: #f2f2f2; top: 0; left: -175px; min-width: 175px; z-index: -1;  -webkit-transition: left 200ms ease-in; -moz-transition: left 200ms ease-in; -ms-transition: left 200ms ease-in; transition: left 200ms ease-in; margin-left:0}
.left-nav ul li:hover > ul { left: 175px; -webkit-transition: left 200ms ease-in; -moz-transition: left 200ms ease-in; -ms-transition: left 200ms ease-in; transition: left 200ms ease-in; display:block}
.left-nav ul li > ul li a:hover { background-color: #f6f6f6; }

a.dropdown-toggle {display:none!important; visibility:hidden!important}

#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em;  }
#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
#supersized img { width: auto; height: auto; position: relative; display: block; outline: none; border: none; }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }   /*Quality*/
#supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0px; left: 0; width: 100%; height: 100%; background: #111; }
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: #111; width: 100%; height: 100%; }
#supersized li.image-loading img { visibility: hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }
#slidecaption { width: 400px; display: block; font-size: 18pt; line-height: 1.2em; color: #fff; padding: 20px 30px; position: absolute; bottom: 8em; right: 2em; border: 0px solid #000 !important; background-color: transparent; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);zoom: 1; }

.slideshow-edit-overlay{
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  z-index: 999;
  width: auto;
  padding: 8px 5px;
  background: rgba(0,0,0,.5);
  margin-left: -45px !important;
  margin-top: -20px !important;}


/*    User Default Style  Change the following styles to modify the appearance of the menu. */
.slicknav_menu { font-size: 16px; }
/* Button */
.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #00364f ; }
/* Button Text */
.slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; }
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; }
.slicknav_menu { background: #666 url(/assets/diablocc/media/mobile-logo.png) no-repeat 10px 0px; padding: 5px; }
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
.slicknav_nav ul { padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #00364f ; }
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #00364f ; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.slicknav_nav .slicknav_open a:hover{color:#333}

@media (min-width: 320px) {
  .container {width:100%}
  .main-nav { border-top:1px solid #ffd800; background:#03364d; margin-top:0px; display:block; height:auto}
  ul.main-drop {height:auto}
  .logo {right:0; display:block; text-indent:-5000px; width:120px; height:120px; margin:0; background:transparent url(/assets/diablocc/Media/web_logo-sm.png) no-repeat top left; position:absolute; top:3px; z-index:99}
  .slides, .inner-slides {display:none; overflow:hidden}
  .left-nav {  position: relative; z-index: 2; display:none}
  .right-content {width:96%; padding:2%}
  .page-cols .page-header {padding:10px 20px 2px;}
  .page-cols .page-content {padding:0px}
  .page-cols .left-nav {width:190px; float:left; display:none}
  .page-cols .right-content{margin-left:0px; min-height:auto; padding-right:0px}
  .foot-inner {width:80%; margin:0; padding:10px 20px}
  .main-drop li a{display:block; width:100%; text-align:center; float:none}
  .js .slicknav_menu { display: block; }
}

@media (min-width: 600px) {
  .main-nav { border-top:1px solid #ffd800; background:#03364d; margin-top:0px; display:block; height:auto}
  .main-drop li a {display:block; text-align:center; float:none}
  ul.main-drop {height:auto}
  .logo {right:0; display:block; text-indent:-5000px; width:120px; height:120px; margin:0; background:transparent url(/assets/diablocc/Media/web_logo-sm.png) no-repeat top left; position:absolute; top:3px; z-index:99}
  .slides, .inner-slides {display:none; width:100%; height:325px; margin:0 auto; padding:0; position:relative; z-index:1; overflow:hidden}
  .slides img {}
  .left-nav {  position: relative; z-index: 2; display:none}
  .right-content {width:96%; padding:2%}
  .page-cols .page-header {padding:10px 20px 2px;}
  .page-cols .page-content {padding:0px}
  .page-cols .left-nav {width:190px; float:left; display:none}
  .page-cols .right-content{margin-left:0px; min-height:auto; padding-right:0px}
  .foot-inner {width:80%; margin:0; padding:10px 20px}
  .container {width:100%}
  .js .slicknav_menu { display: block; }
}

@media (min-width: 960px) {
  .main-nav {height:60px; border-top:1px solid #ffd800; background:#03364d; margin-top:25px; display:block}
  .container {width:960px; margin:0 auto; padding:0; position:relative; }
  .logo { left:-64px; display:block; text-indent:-5000px; width:170px; height:170px; margin:0; background:transparent url(/assets/diablocc/Media/web_logo_2015.png) no-repeat top left; position:absolute; top:3px; z-index:99}
  .slides, .inner-slides {display:block; width:920px; height:325px; margin:0 auto; padding:0; position:relative; z-index:1; }
  .slides img {}
  .inner-slides {width:944px; height:325px; margin:0; padding:0; position:relative; z-index:1}
  .inner-slides .frame {width:944px; height:325px; margin:0 auto; position:absolute; z-index:200; background:transparent url(/assets/diablocc/Media/inner-frame.png) no-repeat left top}
  .inner-slides #PageRegionModules_inner_slides img{margin-left:12px}
  .left-nav {  position: relative; z-index: 2; display:block}
  .right-content{width:auto; padding:0; margin-left:190px; min-height:300px; padding-right:30px}
  .page-cols .page-header {padding:10px 20px 2px;}
  .page-cols .page-content {padding:0px 20px 10px 0px}
  .page-cols .left-nav {width:190px; float:left; display:block}
  .page-cols .right-content{margin-left:190px; min-height:300px; padding-right:30px}
  .foot-inner {width:906px; margin:0 auto;  padding:0px}

  ul.main-drop { text-align: center; margin: 0px auto; padding: 0px; width: 760px; background: transparent none no-repeat 0 0; display: block; height: 60px; border-top:0px none}
  .main-drop li a, .main-drop li { float: left; }
  .main-drop li a:hover, .main-drop li.open > a { text-decoration: underline }
  .main-drop li { list-style: none; position: relative; top: 0px; margin:0px 28px; padding: 0 6px; height:60px; line-height:70px; }
  .main-drop li span { }
  .main-drop li a:hover span, .main-drop li.open > a span { }
  .main-drop li a, .main-drop li div { padding: 0 5px; line-height: 70px; text-decoration: none; color: #000; display:block; float:left }
  /* Submenu */
  .main-drop li > ul, .main-drop li > div { text-align: left; display: none; position: absolute; left: 0; top: 100%; padding: 0px; margin: 0px; }
  .main-drop.css-only li:hover > ul, .main-drop.css-only li:hover > div { display: block; }
  .main-drop li ul li, .main-drop li ul li a { padding: 0 2px; margin: 2px; float: none; color: #000; font-size: 12px; line-height: 1.6em; text-decoration: none; }
  .main-drop li ul li { _display: inline; }
  .main-drop li > div { width: 200px; }
  .main-drop li ul li a span { }
  .main-drop li ul { background-color: #e5e5e5; }
  .main-drop li ul li { margin: 2px 0; }
  /* Sub submenu */
  .main-drop li ul li a { width: 150px; display: block; border-top: none; }
  .main-drop li ul li a:hover { color: #fff; background: #1a1a1a; }
  .main-drop li ul li ul, .main-drop li ul li > div { top: 0px; left: 101%; }
  .main-drop .li_4, .main-drop .li_5, .main-drop .li_6  {display:none; visibility:hidden}
  li.history a{display:block; width:256px; height:50px; margin:0; text-indent:-5000px; background:transparent url(/assets/diablocc/Media/history.png) no-repeat left bottom}
  li.guests a{display:block; width:110px; height:50px; margin:0; text-indent:-5000px;  background:transparent url(/assets/diablocc/Media/guest.png) no-repeat left bottom}
  li.members a{display:block; width:140px; height:50px; margin:0; text-indent:-5000px;  background:transparent url(/assets/diablocc/Media/member.png) no-repeat left bottom}

  .js .main-drop { display: block; }
  .js .slicknav_menu { display: none; }
}