/* Fonts */
/* Color Scheme */
/* Some Other Schemes
	$main-color:#7289da;
	$secondary-color: #99aab5;

	$main-color:#ae1313;
	$secondary-color: #bd3449;

	$main-color:#34193d;
	$secondary-color: #694280;
*/
/* Dimesions */
body {
  background: #fff;
  font-family: Arial;
  font-size: 16px;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  color: #333333; }

h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma; }

.container {
  width: 80%;
  margin: auto;
  overflow: auto; }

header {
  background: #000000;
  color: #ffffff;
  height: 60px; }

#logo {
  float: left; }

nav {
  float: right; }
  nav ul {
    padding-top: 4px; }
    nav ul li {
      list-style: none;
      float: left;
      padding-right: 20px; }
      nav ul li a {
        color: #ffffff;
        text-decoration: none; }
      nav ul li a:hover, nav ul li a.active {
        color: #767688; }

.showcase {
  height: 400px; }
  .showcase .container {
    height: 500px;
    overflow: auto; }

.showcase-inner {
  height: 150px; }

.showcase, .showcase-inner {
  background: url("../img/city.jpg") no-repeat 0 -400px;
  color: #ffffff;
  font-size: 21px;
  line-height: 1.7em; }
  .showcase h1, .showcase-inner h1 {
    background: #000000;
    padding: 20px;
    opacity: 0.7; }

.button, .button-a, .button-b {
  padding: 20px;
  color: #ffffff;
  text-decoration: none;
  border: none; }

.button-a {
  background: #1c1b3a; }

.button-b {
  background: #000000; }

.button-a:hover {
  background: #32314d; }

.button-b:hover {
  background: #191919; }

.section-a {
  background: #1c1b3a;
  color: #ffffff;
  padding: 20px;
  text-align: center;
  font-size: 22px; }

.section-b {
  padding: 20px 0; }

.box {
  width: 24%;
  float: left;
  text-align: center; }

.fa {
  font-size: 60px;
  color: #1c1b3a; }

.home-list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .home-list li {
    background: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px; }

footer {
  padding: 30px 0;
  margin-top: 30px;
  background: #000000;
  color: #ffffff; }

.port {
  width: 24%;
  float: left;
  padding-right: 10px;
  text-align: center; }
  .port img {
    width: 100%; }

form#contact div {
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 5px; }
  form#contact div input[type='text'] {
    width: 100%;
    height: 30px;
    border: #ccc solid 1px;
    padding: 4px; }
  form#contact div textarea {
    width: 100%;
    height: 70px;
    border: #ccc solid 1px;
    padding: 4px; }

/*# sourceMappingURL=style.css.map */