.clear {
	clear:both;
}
	
h1 {
	font-family:"Open Sans",sans-serif;
	color:#ffffff;
	font-size:2em;
	padding-bottom:0.7em;
}
	
h2 {
	font-family:"Open Sans",sans-serif;
	color:#b7d8e4;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:1em;
	padding-bottom:0.5em;
}
	
em {
	text-transform:italic;
}
	
#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background-color:#ffffff;
	overflow: hidden;
	border-bottom: solid 1px #dadada;
}

#logo {
	float:left;
	margin:20px 0 20px 0;
	width:250px;
}
	
#menu {
	float: left;
	font-family:"Open Sans",sans-serif;
	padding-top:105px;
	margin-bottom:20px;	
}
	
#menu a {
	color:#318dad; 
	text-decoration:none;
	font-weight:bold;
}
	
#menu a:hover {
	color:#89bfcf; 
}
	
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0; 
}

#menu li {
	float: left;
	font-size: 15px;
	margin-left: 60px;
	text-transform: uppercase;
	list-style:none;	
}
	
#content {
	padding-top:180px;
}
	
#services {
	font-family:"Open Sans",sans-serif;
	color:#ffffff;
	margin-top:5em;
	background:#3288C4;
	height:700px;
	padding:3em 0 3em 0; 
}
	
#services p {
	padding-bottom:1em;
	padding-top:0.5em;
	font-weight:bold;
	color:#badaea;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
	
#services li {
	text-indent: -1.1em;
	padding-bottom:1em;
	line-height:1.2em;
}
	
#services li:before {
	content: ">";
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding-right: 0.8em;
	vertical-align: middle;
	line-height: 10px;
}
	
.column-first {
	float:left;
	width: 30%;
	min-width:250px;
}
	
.column {
	float:left;
	width:30%;
	min-width:250px;
	margin-left:5%;
}
	
#contact {
	background:#6b7076; 
	height:700px;
	font-family:"Open Sans",sans-serif;
	line-height:1.2em;
	padding:3em 0 3em 0;
}
	
#contact p {
	padding-bottom:0.1em;
	padding-top:0.5em;
	color:#ffffff; 
}
	
#contact-text {
	float:left;
	width:55%;
	padding-right:5%;
}

#contact-text a {
	color:#ffffff;
	text-decoration:none;
}

#contact-text a:hover {
	text-decoration:underline;
}

#form {
	float:right;
	width:40%;
}	
	
#form input, textarea {
	width:80%;
	margin-bottom:1em;
}
	
#form input.send {
	width:35%;
	background:#6b7076;
	border: 2px solid #DEDEDE;
	border-radius: 2px;
	color: #7E7B7B;
	font: 1em/2em "Open Sans",sans-serif;
	min-width: 120px;
	text-decoration: none;
	color:#ffffff;
}
	
#form input.send {
	width:35%;
	background:#6b7076;
	border: 2px solid #DEDEDE;
	border-radius: 2px;
	color: #7E7B7B;
	font: 0.9em/2em "Open Sans",sans-serif;
	min-width: 120px;
	text-decoration: none;
	color:#ffffff;
}
	
#form input.send:hover {
	background:#939598;
}

#form label {
	display:block;
	color:white;
}



/*  ---------------------------------------------------------------
    Media Queries
    --------------------------------------------------------------- */
	
@media (max-width: 700px) {
    #logo {
		float: none;
		width: 100%;
		margin: 20px auto;
		text-align:center;		
	}
	
	#menu {
		float: none;
		width:100%;
		text-align:center;
		font-family: "Open Sans",sans-serif;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	#content {
		padding-top: 250px;
	}
	
	#services {
		padding:3em;
		height:auto;
	}
	
	
	
	.column-first, .column {
		float:none;
		width:90%;
		margin:1em auto;		
	}
	
	.column {
		margin-top:2em;
	}
	
	#contact {
		padding:3em;
		height:400px;
	}
	
	#contact-text {
		float: none;
		width: 100%;
		padding:0;
	}
}