.body {
		background-color: #175f84;
	}
	
.main {
/*         text-decoration: bold; */
        text-size: 1em;
        
        color: white;
        text-align: center;
        font-family: Raleway;
    }
    
    
    .section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */

}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	text-align:center;
	image-rendering: auto;
/* 		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */

}

.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}
	
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.span_1_of_3 img{
    vertical-align:bottom;
    border:0;
/*         box-shadow: 0 4px 6px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
    display: inline-block;
}

.align_right {
  text-align:right;
}

.align_left {
  text-align:left;
}

    
.form-box {

  border-top: 20px solid transparent;
  border-bottom: 50px solid transparent;
  
}
	
/* GLOBAL STYLES */

* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #fdfdfd;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0.5px;
	color: #656a73;
	font-size: 18px;
	text-align: left;
}

body>header {
	padding: 10px 60px;
	background-color: #175f84;
}

body>header img { zoom: 50% }

body>section {
	padding: 60px;
}

body>footer {
	padding: 20px 60px;
	background-color: #232f39;
	color: #777;
	font-size: 14px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	font-weight: 200;
	color: #00add9;
	margin-top: 20px;
	margin-bottom: 10px;
}

h1 { font-size: 36px }

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

a { color: #00add9 }
a:hover { color: #175f84 }

small { color: #777 }

form th {
	text-align: right;
	padding-right: 15px;
}

label { font-weight: bold }

input {
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
	color: rgb(85, 85, 85);
	font-size: 14px;
	padding: 8px 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

input[type="submit"] {
	cursor: pointer;
	padding: 10px 25px;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #00aed9;
	color: #fff;
	border: none;
	border-radius: 3px;
}

input[type="submit"]:hover { background-color: #23527c }

.flash { 
	color: #ffffff;
	border-radius: 6px;
	background: rgba(212, 4, 4, 0.75);
	padding: 18px;
	width: 90%;
    height: 20px;
}

.flash.success { background: rgba(0, 149, 246, 1); }
@import "main";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *




 */