/** Main Styles **/

* {
	margin: 0;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #fbfbfb;
}

.container {
	overflow: hidden;
	padding: 0px;
}

h1, h2, h3, h4, h5, p {
	color: #000;
}

a, a:active, a:hover {
	text-decoration: none;
}

textarea {
	resize: vertical;
}

.breadcrumb {
	background-color: transparent;
}

.clearfloat {
	clear: both;
	float: none;
}

.row {
	margin: 0;
	padding: 0;
}

#flashMessage {
	background-color: #5cb85c;
	color: #FFF;
	font-size: 14px;
	padding: 5px 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	text-align: center;
	width: 100%;
}

#badMessage {
	background-color: #d9534f;
	color: #FFF;
	font-size: 14px;
	padding: 8px 0px;
	text-align: center;
	width: 100%;
}

#goodMessage {
	background-color: #5cb85c;
	color: #FFF;
	font-size: 14px;
	padding: 8px 0px;
	text-align: center;
	width: 100%;
}

div[class*='col-'] {
	padding: 0;
}

/* Links */

a {
	color: #00aeef;
}

/* Buttons */

.btn {
	border-radius: 3px;
}

.btn-info {
	background-color: #00aeef;
}

.btn-info:hover {
	background-color: #0096ce;
}

/* Nav Pills */

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color: #00aeef;
}

/* Wrap & Footer */

.page-wrap {
  min-height: 100%;
  margin-bottom: -200px; 
}

.page-wrap:after {
  content: "";
  display: block;
  height: 200px;
}

#footer-row {
    min-height: 200px; 
	width: 100%;
}
#footer-row:after {
	clear: both;
	float: none;
}