body { font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; line-height: 1.6em; font-size: 16px; color: #222;  }
html, body { height: 100%; }
h1, h2, h3, h4, h5, .nav a { line-height: 1.6em; margin: 0; font-family: "trajan-pro-3",sans-serif; }
h1 { font-size: 200% }
h2 { font-size: 175% }
h3 { font-size: 150% }
h4 { font-size: 135% }
h5 { font-size: 120% }

a.dropdown-toggle {
    display: none!important;
}
ol.carousel-indicators {
    DISPLAY: NONE;
}
a.left.carousel-control, a.right.carousel-control {
    display: none;
}
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; }
h1 p,h2 p,h3 p,h4 p,h5 p,h6 p {padding:0}
hr{  border: 0;  height: 0;   border-top: 1px solid rgba(0, 0, 0, 0.1);   border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.main-bg a, a:visited {color:#32583E; text-decoration:underline; font-weight:bold}
a:hover {color:#212c0a}
ul {margin-left:10px; list-style-position:inside}
.wrapper {margin:0; padding;0}
.top-bar {background:url(/assets/jaxgcc/Media/top-bar.png); position:fixed; height:28px; width:100%; z-index:1000}
.top-bar .top-buttons {background:url(/assets/jaxgcc/Media/top-buttons.png) no-repeat right top; height:35px; position:relative; z-index:99;
float:right; width:452px;}
a.login-link, a.contact-link, span.phone-num {float:left; display:block; margin:0 10px; line-height:30px; text-align:center; color:#225b26; font-family: "trajan-pro-3",sans-serif; }
.login-link {width:139px; font-size:14px;}
.contact-link {width:118px; font-size:14px;}
.phone-num {width:140px; margin-right:0!important; font-size:16px;}
.header {position:relative; z-index:100}
.header-bg, .home-bg, .main-bg {background:url(/assets/jaxgcc/Media/white-bg.png);}
.header-bg {padding:30px 0 3px; min-height:135px;}
.navbar-brand {background:url(/assets/jaxgcc/Media/web-logo-new.png) no-repeat center center; width:180px; height:100px; display:block; text-indent:-5000px}
.green-bar {background:url(/assets/jaxgcc/Media/green-bar-rpt.jpg) repeat 0 0; position:relative; height:2px;}
.green-bar h5 {margin:0; padding:0; color:#fff}
.home-content, .main-content {margin-top:0px;}
.home-slideshow {min-height:410px; overflow:hidden}
.home-bg, .main-bg {
 -webkit-box-shadow: 0px 0px 4px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 0px 4px 0px #000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}
.home-footer {min-height:80px;}

.social-links {padding:15px 0}
/* icon */
.social-links a { 	display:inline-block; 	width:42px; height:42px; 	line-height:42px; 	text-align:center; 	border-bottom:0; 	font-size:40px; 	color:#fff;}
.social-links a:hover {text-decoration:none; color:#386245}

.main-bg {padding-top:1px; background:#f2f2f2; }
.nav-col {min-height:500px; padding-top:30px; background:#f2f2f2;}
.nav-col ul {margin:0; padding:0}
.nav-col li {margin:5px; list-style-image:url(/assets/jaxgcc/Media/bullet2.gif)}
.nav-col li a{font-size:20px;}
.content-col {background:#fff; min-height:500px;padding-bottom:30px}

.navbar-collapse {padding:0}
.nav li {width:220px; height:104px; margin: 0 1px; position:relative;}
.nav li a {padding: 0; color: #fff; font-size: 17px; height: 30px;  display: block; line-height: 30px; padding:0 4px; padding-left: 4px; text-align: right; bottom: 5px; position: absolute; right: 0; width: 100%; background: rgba(0,0,0,.5);}
.nav>li>a:hover {background:transparent;}
.nav li.about-link {background:url(/assets/jaxgcc/Media/link-1.jpg);}
.nav li.membership-link {background:url(/assets/jaxgcc/Media/link-2.jpg);}
.nav li.weddings-link {background:url(/assets/jaxgcc/Media/link-3.jpg);}
.nav li.amenities-link {background:url(/assets/jaxgcc/Media/link-4.jpg);}
.nav li:hover {opacity:.7}
.nav li.home {display:none}
.nav li .dropdown-toggle {display:none}
.address-input {  width: 200px;  background-color: transparent;  border: 0px none;  border-bottom: 1px solid #333;  color: #666;  font-size: 12px}
.submit-link {  background: none;  border: 0px none;  border-bottom: 1px solid #666;  font-size: 14px;  color: #666;  padding: 0 5px;  margin-left: 10px}

#footer {margin-top:10px}
#foot-info, #foot-info a, #foot-info p, #foot-info span{font-family: "trajan-pro-3",sans-serif;}
#foot-info .address {float:right; text-align:right; font-size:11px; color:#fff}
#foot-info .wht-divide {height:1px; width:100%; border-bottom:1px solid #fff; margin:10px auto}
#foot-nav {float:left; margin-top:15px}
#foot-nav li {height:52px; width:auto; background:transparent; margin:0 10px;}
#foot-nav li a{color:#fff; font-size:13px; line-height:52px; position:relative; padding:4px; width:auto; height:auto; text-decoration:underline; position:relative; background:transparent}
#footer .clubsoft {float:left; font-size:11px; color:#fff}
#footer .clubsoft a{color:#fff}
#footer .copyright{float:right; font-size:10px; color:#fff}

  .navbar-collapse .navbar-nav > li > a {
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;}

.nav .login {display:none}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 993px) {
.header-bg {min-height:115px}
.header .nav li {width:125px; height:45px; margin: 0 1px; position:relative;}
.header .nav li a {padding: 0; color: #fff; font-size: 17px; height: 20px; width: 140px; display: block; line-height: 20px;
padding-top: 16px; padding-left: 4px;}
.navbar-brand {background:url(/assets/jaxgcc/Media/logo-bw.png); width:99px; height:60px; display:block; text-indent:-5000px}
.nav li.about-link,.nav li.golf-link,.nav li.tennis-link,.nav li.events-link {background-image:none!important; }
  #foot-nav {width:100%}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.header-bg {min-height:115px}
.header .nav li {width:140px; height:65px; margin: 0 1px; position:relative;}
.header .nav li a {padding: 0; color: #fff; font-size: 17px; height: 30px; width: 140px; display: block; line-height: 30px;
padding-top: 36px; padding-left: 4px;}
  .navbar-brand {background:url(/assets/jaxgcc/Media/web-logo-sm.png); width:99px; height:60px; display:block; text-indent:-5000px}
  .nav li.about-link,.nav li.golf-link,.nav li.tennis-link,.nav li.events-link {background-image:none!important; }
  #foot-nav {width:100%}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.header-bg {min-height:115px}
.header .nav li {width:140px; height:65px; margin: 0 1px; position:relative;}
.header .nav li a {padding: 0; color: #fff; font-size: 17px; height: 30px; width: 140px; display: block; line-height: 30px;padding-left: 4px;}
  .navbar-brand {background:url(/assets/jaxgcc/Media/assets/web-logo-sm.png); width:99px; height:60px; display:block; text-indent:-5000px}
.header  .nav li.about-link,.nav li.golf-link,.nav li.tennis-link,.nav li.events-link {background-image:none!important; }
 #foot-nav {width:100%}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1200px) {
.header-bg {min-height:115px}
.header .nav li {width:195px; height:84px; margin: 0 1px; position:relative;}
.header .nav li a {padding: 0; color: #fff; font-size: 17px; height: 30px;  display: block; line-height: 30px; padding:0 4px;}
.header .nav li a { padding-left: 4px; text-align: right; bottom: 5px; position: absolute; right: 0; width: 100%; background: rgba(0,0,0,.5);}
  .navbar-brand {background:url(/assets/jaxgcc/Media/web-logo-sm.png) no-repeat 0 0; width:99px; height:60px; display:block; text-indent:-5000px}
  .nav li.life-link,.nav li.golf-link,.nav li.tennis-link,.nav li.events-link {background-image:none!important; }

}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 993px) {
.header-bg {min-height:95px}
.header .nav li {width:140px; height:55px; margin: 0 1px; position:relative;}
.header .nav li a {padding: 0; color: #fff; font-size: 12px; height: 30px;  display: block; line-height: 30px; padding:0 4px;}
.header .nav li a { padding-left: 4px; text-align: right; bottom: 5px; position: absolute; right: 0; width: 100%; background: rgba(0,0,0,.5);}
.navbar-brand {background:url(/assets/jaxgcc/Media/web-logo-sm.png); width:99px; height:60px; display:block; text-indent:-5000px}
.nav li{background-image:none!important; }
    #foot-nav {width:100%}
}

/* small device ----------- */
@media only screen and (min-width : 320px) and (max-width:767px) {
.header-bg {min-height:95px}
  .top-bar {background:none!important}
  .top-bar .top-buttons{background:none!important; display:none}
  .navbar-brand {width:80%; background-repeat:no-repeat}
  .green-bar {height:1px;}
  .green-bar h5 {font-size:14px}
  .main-content {margin-top:0}
  .home-bg {background:#225b26 none}
  .home-slideshow {min-height:200px; height:200px}
  .nav li.about-link,.nav li.golf-link,.nav li.tennis-link,.nav li.events-link {background-image:none!important; }
  .navbar-collapse.in {overflow-y:visible; display:block; margin-top:0px;}
  .navbar-collapse.in ul {width:50%}
  .navbar-collapse.in ul li{position:relative;}
  .navbar-toggle {background:#fff; margin-top:24px; width:10%; text-align:center}
  .navbar-toggle .icon-bar {background:#386245; width:100%}
  .nav li .dropdown-toggle {display:inline-block; float:right; position:relative; margin-right:5px; z-index:99; padding:0 10px}
  .navbar-nav {margin:0; }
 .nav li a {margin:0; padding:5px 0;  padding-left: 2px; height:auto; width:auto; color:#000}
 .nav li a:hover {background:#386245; color:#fff}
 .nav li {margin: 5px 0px; position:relative; height:auto; width:auto}
 .nav li.home {display:block; background:url(/assets/jaxgcc/Media/jaxgc-logo-mobile.png) no-repeat 0 0; text-indent:-5000px; height:40px}
  .nav li.home a:hover {background:transparent}
  .nav-col {display:none; }
  #foot-nav, #foot-nav .navbar-collapse.in{display:none; visibility:hidden}
  .navbar-collapse .navbar-nav > li > a {
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;}
  .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background:#386245; color:#fff}
  .nav .login {display:block}
  .header .nav li {height:auto; width: auto}
  .header .nav li a {padding-left: 0px; text-align: left;  position: relative; width: 100%; background: transparent; color:#000 }
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse{text-align:left}
  .navbar-nav {float:none;}
.navbar-nav>li {float:none;}
.nav >li {display:block;}
.nav li  a {margin-right:100px; bottom:0}
.dropdown-toggle {visibility:hidden; display:none!important; width:100px; margin-right:0px!important; text-align:center}
.dropdown-menu > li > a {font-size:16px; color:#fff; font-weight:100}
  h2 {font-size:120%}
  .img-responsive {margin-right:0!important; margin-left:0!important; float:none!important}
}