@charset "utf-8";
/* CSS Document */

* {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-decoration: none;
	}
	
	body {
		width: 100%;
		background-color:  #daefe6;
		overflow-x:hidden;
		
		
		
	}
	
	
	#demo-bar-inside {
		
		
		width: 100%;
		height: 963px;
		position:relative;
		background-image: url("co_work3.jpg");
		background-size: cover;
        background-repeat: no-repeat;
		float: left;
		vertical-align:bottom;
			
			
		
		}
		
   
		
		
	#demo-bar-inside img {
		
		width: 20%;
		height: auto;
		text-align:left;
		padding: 2% 0 2% 0;
		
		
		
		
		}	
		
		
	nav {
		text-align: center;
		float: right;
		padding: 2% 2% 10% 0; 
		display: inline;
		
				
	}
	
	nav a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-size: 1em;
	color: #FFFFFF;
}
nav a:link {
	text-decoration: none;
	color: #FFFFFF;
	
}
nav a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
nav a:hover {
	text-decoration: none;
	color:#67bf9a;
}
nav a:active {
	text-decoration: none;
	color: #67bf9a;
}
	
	
	#buttons {
		width: 100%;
		padding: 1% 0 0 0;
		text-align: center !important;
			
		
		}		
 
		 

	
	h1 {
        font-size: 2.75em;
		font-family: verdana, san-serif;
		padding: 2%;
		
    }
	
	h3 {
        font-size: 1.2em;
		line-height: 1.2em;
		font-weight: lighter;
		padding: .5%;
		
    }
	
	h2 {
        font-size: 2.3em;
		line-height: 1em;
		font-weight: lighter;
		padding: .5%;
		
    }
 
    h4 {
        font-size: .8em;
		line-height: 1.5em;
		font-weight: lighter;
		
    }
	
	#top{
		
		text-align:left;
		float:right;
		padding: 0 2% 3% 0;
		
	}
	
	#multiColumn {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;	
	text-align:left;
	padding: 2% 1% 3% 25%;
	
	
}

   #multiColumn ul li {
   list-style-type: disc;
   font-size: 1.5em;
   font-weight: lighter;
   
}


#coffeehouse{
	width: 100%;
	height: 700px;
	
	}
	
	#section2 {
        background-color: #5c6a54;
		color: #b1caa2;
		width: 100%;
		text-align: center;
		padding: 2% 0 2% 0;
    }
	
	#section3 {
        background-color: #b87d71;
		color: #e6d9d0;
		width: 100%;
		text-align: center;
		padding: 2% 0 2% 0;
    }
	
	#section4 {
        background-color: #e6d9d0;
		color: #b87d71;
		width: 100%;
		text-align: center;
		padding: 2% 0 2% 0;
    }
	
	#section5 {
        background-color: #96b2b8;
		color: #e6d9d0;
		width: 100%;
		text-align: center;
		
		
    }
	
	#footer {
	padding: 0 10px; 
	height: 400px;
	width: auto;
	background:#96b2b8;
	color: #ffffff;
	
} 
	
	
 
.fnavl{
    padding-left: 6%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:15%;
	float: left;
	height:auto;
	padding-right: 2%;
	color: #ffffff !important;
	padding-bottom: 2%;
	padding-top: 2%;
	line-height: 1.5em;
	font-size: 1em;
	}
	
	.fnavl ul{
	list-style-type: none;
	color: #ffffff;
	background-color: #96b2b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
		}
		
.fnavl li{
	list-style-type: none;
	color: #ffffff;
	background-color: #96b2b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	
		}
		
	.fnavl a:link  {
	color: #ffffff;
	text-decoration: none;
}


.fnavl a:active  {
	
	padding-top: 2%;
	padding-bottom: 2%;
	color: #ffffff;
}
	
.fnavl a:hover {
	text-decoration: none;
	color:#eddd9e;
}
	
	.fnavr {
	padding-right:2%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 15%;
	float: left;
	height:auto;
	color: #ffffff;
	padding-bottom: 2%;
	padding-top: 2%;
	line-height: 1.5em;
	
}


.fnavr ul{
	list-style-type: none;
	color: #ffffff;
	background-color: #96b2b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
.fnavr li{
	list-style-type: none;
	color: #ffffff;
	background-color: #96b2b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	
		}				


 .fnavr a:link  {
	color: #ffffff;
	text-decoration: none;
}

.fnavr a:active  {
	
	padding-top: 2%;
	padding-bottom: 2%;
	color: #ffffff;
}

.fnavr a:hover {
	text-decoration: none;
	color:#eddd9e;
}	
	
.social {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 15%;
	float: left;
	line-height: 1.5em;
	background-color: #96b2b8;
	padding: 2%;
	
}

.social img{
	
	padding: 1%;
	
	}

address {
	padding-right: 2%;
	padding-left: 2%;
	background-color: #96b2b8;
	text-align: left;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 30%;
	height: auto;
	padding-top: 2%;
	font-size: .75em;
	line-height: 1.5em;
	float: right;
	clear: right;
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
		 p {
			
	text-align: center;
	font-size: 1em;
	color: #ffffff;
	padding: 10% 10% 1% 10%;
	width: 80%;
	
	}