@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(http://fonts.googleapis.com/css?family=Lato:100);

html, body { margin:0 auto; }

body {
background: #e6e6e6;
padding-top: 50px;
}

/* WHITE BODY BORDERS */

html{ min-height: 100%; border: solid 20px #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom:none }
body { background: #e6e6e6; }
.border { position:fixed; width:100%; height:20px; background:#fff; left:0; bottom:0; z-index:9999; }
.border-top { position:fixed; width:100%; height:20px; background:#fff; left:0; top:0; z-index:9999; }
.border-right { position:fixed; width:20px; height:100%; background:#fff; right:0; top:0; z-index:9999; }

/* -- GLOBAL STYLES -- */
.pagewrap { margin:0 5%; }
span { font-weight:700;}
.img-responsive { margin: 0 auto; }
.navbar-toggle { border-radius:0; border: 0; float:left;}

a:focus { outline: 0; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* -- TYPOGRAPHY -- */
p { font-size: 0.9em; letter-spacing: 1px; font-family:'Montserrat', sans-serif; }

h1, h2, h3, h4, h5, h6  {
font-family:'Montserrat', sans-serif;
}

a {
  color: #000000;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #999999;
}

a:focus { outline: 0; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }


/* -- NAVIGATION -- */

#mainmenu { display: none; }
#mainmenubottom { display: none; }
#mainmenumobile { display: block; }
#menumobhoriz { display: none; }

.navbar {
width: 88%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background: #e6e6e6;
}

.navbar .nav,
.navbar .nav > li {
    float:none;
    display:block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
    background:#e6e6e6;
}

.navbar-nav { margin:0 -10px; }

.navbar-nav > li > a {padding-top:15px !important; padding-bottom:15px !important;}
/*.navbar {min-height:50px !important}*/

.navbar-default .navbar-nav > li > a {
    padding-top: 52px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em; 
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#000000;
  }
  
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.open > a,
.navbar-default .navbar-nav > li:hover > a {
    background: transparent;
    color:#999999;
  }
  
.leftmenu > section button {
	border: none;
	background: url("../img/cc_bars-mobile.png") no-repeat scroll 0 0 transparent;
	display: inline;
	height:20px;
	width: 75px;
	margin-left:35px;
	cursor: pointer;
	text-align:left;
	float:left;
	font-family: 'Montserrat', sans-serif;
    font-size: 0.9em; 
    text-transform: uppercase;
    letter-spacing: 1px;
}

.leftmenu > section button:hover {
	background: url("../img/cc_bars-mobile-hover.png") no-repeat scroll 0 0 transparent;
}

.leftmenu > section button.active {
	background: url("../img/cc_cross-mobile.png") no-repeat scroll 0 0 transparent;
	margin-left: 240px;
}

#showLeft .pushmenu {
margin-top:35px;
}

  
/* -- STATIC BRANDING -- */

.navbar-fixed-top {
top:20px; 
left:20px;
right:20px;
height:50px !important;
background:#e6e6e6;
}

#logomobile .logo-retina {display:block; text-align:center;}
.logo { display:none; }

.holdimage img { width: 35%; }
.insta {margin: 35px auto 0; text-align:center; }