html {
	font-family: "Open sans", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 400; /* normal */
	color: #555;}

body { margin: 0; font-size: 13px; line-height: 1.6; }
a:hover { color: #000; text-decoration: underline; background: rgba(0, 0, 0, .025);} 
a:visited{opacity:0.9;}
a:active, a:focus{position:relative;top:1px;}

ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
table{border-collapse:collapse; border-spacing:0}

/* -- TYPO
------------------------------------------------------------- */
h1,h2,{margin:0 0 1em; font-weight: normal;}

h1 {font-size: 4.1em; 
	letter-spacing: -0.075em; 
	text-transform: uppercase; 
	line-height: 0.9; 
	color: #555;
	margin: 0 0 0.5em; 
	font-weight: normal; }
h2 { font-size: 2.5em; margin: 0 0 20px; letter-spacing: -0.05em; color: #555; line-height: 1; }


h1 a,h2 a, a{color:#333; text-decoration: none;}
h1 a:hover,h2 a:hover,{color:#0078CF;text-decoration: underline;}



/* -- GRID  https://github.com/mattberridge/Proportional-Grids/
------------------------------------------------------------- */
body{width:100%; background: url(../img/stripes.png) no-repeat 40% 0;}
.container {width: 90%; margin: 5em auto; max-width: 1100px; min-width: 300px;}
 
.grid-wrap {
  margin-left: -3em; /* the same as your gutter */
  overflow: hidden;
  *zoom:1;}
  .grid-wrap:before, .grid-wrap:after{content:""; display:table}
  .grid-wrap:after{clear:both}
  
.grid {
  float: left;
  padding-left: 3em; /* this is your gutter between columns */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/boxsizing.htc); }
  
.half-gutter {margin-left: -1.5em; }
  .half-gutter .grid-col {padding-left: 1.5em; }
  
.col-full {width: 100%; }
.col-one-half {width: 50%; }
.col-one-third {width: 33.333%; }
.col-two-thirds {width: 66.666%; }
.col-one-quarter {width: 25%; }
.col-three-quarters {width: 75%; }

figure { max-height: 100%; overflow: hidden;}
img { max-width: 100%; height: auto; width: auto; }

    
/* -- HEADER
------------------------------------------------------------- */
header#navtop { margin-bottom: 2em; clear: both; overflow: hidden; }
    header nav ul { float: left; overflow: hidden; padding: 0 3em 0 2em; border-left: 1px solid #ddd; line-height: 2em; }


/* -- GENERAL 
------------------------------------------------------------- */
.main > section { margin-bottom: 7em; }
.main header{ color: #555; margin-bottom: 3em; }

.slider { 
	height: 200px;}

/* -------------------------------------------------------------
======	END