html {
  position: relative;
  min-height: 100%;
}

body { 
  background-color: #094670;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:300;
  font-size: 15px;
  line-height: 1.8;
  color: #333;
 }


.pg-header {
 /* position: fixed;
  top: 0;
  text-align: center;
  width:100%;*/
  background:#1f1e1c url(../img/headChalkboard.jpg) center top no-repeat;
  height:110px;
  z-index: 1031;
}

#pg-logo {
    position: relative;
  float: left;
  padding: 0 60px;
}

#cg-logo {
    position: relative;
  float: left;
  padding: 0 60px;
}


.callUs {
  background-color:#29ABE2; 
  padding:0 20px; 
  font-weight:700; 
  color:#fff; 
  line-height: 50px; 
  text-align: center;
/*  width: 220px; 
  float: right; 
  margin: 0 30px;*/
}

#country-club-IT .callUs {background-color:#900; color:#fff;}

#cg-logo {display: none;}

#country-club-IT #pg-logo {display:none;}
#country-club-IT #cg-logo {display:block;}
  
/***********Nav bar overrides***************/

/*.navbar-fixed-top {
  top: 0;
  border-width:0;
  background-color: #000000;
}*/

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;
  border: none;
}

.navbar-default {
  background-color:#1f1e1c;
  /* border-color: #e7e7e7; */
}

.navbar-default .navbar-nav>li>a {
  color: #777;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #ffffff;
}

.navbar-title {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
}

.vert-gap {margin-top:20px;}

.chalkboard { background-color:#1f1e1c;
    background:#1f1e1c url(../img/blackboardBackground.jpg) 50px -90px no-repeat;
    overflow:auto;
      padding: 40px 0;
  }

  .whiteboard {
    background-color: #ffffff;
    overflow: auto;
    padding: 40px 0;
  }

.chalkboardStrip {
  background:#1f1e1c url(../img/headChalkboard.jpg) center top no-repeat;
  min-height:97px;
}

#country-club-IT .chalkboardStrip {
  background:#1f1e1c url(../img/headGolfcourse.jpg) center top no-repeat;
}

#medical-practice-IT .chalkboardStrip {
  background:#1f1e1c url(../img/headStethoscope2.jpg) center top no-repeat;
}


.h1, h1 {
    font-size: 23px;
  font-weight: 300;
  margin-top:0px;
}

.chalkboard a:link { color:#ffffff; text-decoration: underline;}
.chalkboard a:visited {color:#ffffff; text-decoration: underline;}
.chalkboard a:hover {color:#CCC; text-decoration:none;}

/*.chalkboard p {
  margin-bottom: 15px;
  font-size: inherit;
  font-weight: inherit;
}*/

h2 {
  font-size: 1.7em;
  margin: 0.83em 0;
  font-weight: lighter;
  line-height: 1.2em;
  padding: 30px;
  color: #FFF;
  float: left;
}

a:link { color:#333; text-decoration: underline;}
a:visited {color:#333; text-decoration: underline;}
a:hover {color:#29ABE2; text-decoration:none;}

.darkgrey {color:#1f1e1c;}
.white {color:#ffffff;}
.red {color:#900;}
.blueFont {color:#29ABE2;}
.lightgrey {color:#999;}

.blueBackground {background-color:#29ABE2;}
.redBackground {background-color:#900;}
.darkBackground {background-color:#1f1e1c;}

.whiteDotted {border-left:1px dotted #FFF;}
.greyDotted {border-right: 1px dotted rgb(153, 153, 153); padding-right: 30px;}

.boldCap {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 14px;
  text-transform: uppercase;
}

.serviceList, .genericList {
  margin:0 0 15px 15px;
  padding:0;
}

.serviceList li {list-style:none; padding: 0px 0px 10px 0px;
line-height: 1.3em;}

.genericList li {list-style:none; padding: 0px 0px 10px 0px;}



.clientTitle {
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.3em;
    list-style: none outside none;
    margin: 2px 0;
    text-transform: uppercase;  
}

.clientName {
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.3em;
    list-style: none outside none;
    margin: 4px 0;
    text-transform: uppercase;  
}

blockquote {border-left:none; font-size: inherit; font-style: italic;}

.testimonial {
    margin: 20px 0 0 0;
}

.remoteAccess {
    margin: 10px 15px;
    padding: 15px;
    border: 1px dotted #CCCCCC;
    background-color: #EEE;
}

.button {
  
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin:30px 0 0 15px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% ;
  padding: .5em 2em .55em;
}

.blue:link, .blue:visited {
  color: #FFFFFF;
  background-color: #29ABE2;
  
}
.blue:hover {
  background-color:#000;  
}
.blue:active {
  background-color: #29ABE2;

}

.footer {
  position: relative;
  background-color: #094670;
  color:#F5F5F5;
  padding:30px 0;
    font-size:.82em;
  color:#CCC;
}

.footer-blue {background-color: #094670;}

.copyright {clear:both; padding:20px;}

.footIcon {float:left;   margin: 0 10px 50px 0;}

.footer a:link, .footer  a:visited {
  color:#CCC;
  text-decoration:underline;
}

.footer  a:hover {
  color:#FFF;
}


/********** iphone 5 **********/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

.chalkboardStrip, #country-club-IT .chalkboardStrip {
  background-color:#1f1e1c;
  background-image: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: none;
    border:none;
    box-shadow: none;
}

.whiteDotted {
  border:none;
  margin-top: 20px;
}

#cg-logo {padding: 0px;}


.remoteAccess {margin: 20px 15px;}


.footCol {margin-top:20px;}

.footIcon {
    float: left;
    margin: 0px 10px 0px 0px;
}


  } /*end iphone5*/


/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

.whiteDotted {border-left:none;}

.remoteAccess {margin:30px;}

.callUs { position: relative; float: right;}

}