/*body .grid-container {
      max-width: 100%;
}
*/

/* LOGO ON THE LEFT */

.site-branding {
      display: inline-block;
}

.site-logo {
      float: left;              
}



/* -----BUTTONS CSS----- */

.button,
.button:visited {
	/*display: inline-block;
	*display: inline;
	*zoom:1;
	padding: 10px 15px;
	font-size: 17px;
	margin-bottom: 5px;*/
  
    width: 100px;
	height:0px;
	padding-bottom: 50%;
    border-radius: 50%;
	border:10px solid #dedad8;
    overflow:hidden;
    background:#faf6f3;
     
    box-shadow: 0 0 3px gray;
    padding-top:50%;
    padding-bottom:50%;
}

.button.green,
.button.green:visited {
	background: #76B711;
	color: #FFF;
}

.button.green:hover {
	background: #67A00B;
}

.button.gray,
.button.gray:visited {
	background:#777;
	color:#FFF;
}

.button.gray:hover {
	background:#606060;
}

.button.blue,
.button.blue:visited {
	background:#1E72BD;
	color:#FFF;
}


.button.light_gray,
.button.light_gray:visited {
	border:10px solid #dedad8;
    overflow:hidden;
    background:#faf6f3;
}

.button.light_gray:hover {
	background: #dedad8;
    color:#000000;
    border:10px solid #858382;
  
  
  
}
/* -----BUTTON ON USE ATM----- */
.button.light_brown,
.button.light_brown:visited {
    display:block;
	float:left;
    width:150px;
	/*max-width:100%;*/
	padding-top:30%;
    padding-bottom:30%;
    padding-left:2%;
    padding-right:2%;
	line-height:1em;
	/*margin-top:-0.5em;*/
    margin-top:2px;
    margin bottom:2px;
    
	text-align:center;
	color:#000000;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:italic;
    text-decoration:none;
}

.button.light_brown:hover {
	background: #dedad8;
    color:#000000;
    border:10px solid #858382;
}


/* ----- BUTTON TEST ----- */

.custom-button,
.custom-button:visited {
      display: inline-block;
      padding: 5px 10px;
      border: 2px solid #FFF;
}

.custom-button:hover {
      background: #000;
      color: #FFF;
}
/* ----- MAIN MENU ----- 

.main-navigation:hover{
	text-decoration:underline;
  
}
*/
/* ----- MAIN MENU:SUB-NAVIGATION  ----- */


/* ----- SECONDARY MENU ----- */
.secondary-menu > li:hover {
text-decoration:underline;
}

.secondary-menu > li:active{
text-decoration:underline;
}

/* ----- BORDERS TOP - BOTTOM ----- */ 
.main-navigation  {
      border: none; !important
}
  

 
      


/* ----- BORDERS -----
.site-header {
	border-left: 40px solid #ABC6C9;
	border-right: 40px solid #ABC6C9;
}
.main-navigation {
	border-left: 40px solid #ABC6C9;
	border-right: 40px solid #ABC6C9;
}
.container {
	border-left: 40px solid #ABC6C9;
	border-right: 40px solid #ABC6C9;
}
.site-footer {
	border-left: 40px solid #ABC6C9;
	border-right: 40px solid #ABC6C9;
}
*/
 .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }



.button1 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button1:hover {
	text-decoration: none;
}
.button1:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}