body{
	color: #106793;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3{
	text-transform: uppercase
}
.modulebox h3 {
	background: url(../images/h3-border.png) no-repeat top left;
	padding-top: 30px;
	margin-bottom: 30px;
	font-weight: bold;
}
.main{
	padding: 50px 0 70px 0;
}
.note, .note a {
	color: #b61313;
}
.note a {
	font-style: italic;
	text-decoration: underline;
}
#header-top{
	background: rgba(254, 254, 254, 0.23);
	box-shadow: 0px 0px 24px #9A9A9A;
	padding: 15px 0;
}
#header-top .navbar{margin: 0;}
#header-top .nav {
	display: table;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
#header-top .nav a {
	color: #28576f;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	padding: 8px 0;
	margin: 0 15px;
}
#header-top .nav a:hover { 
	color: #fff;
}
#header-top .nav li.active a {
	border-bottom: 2px solid;
}
#header-top .navbar-toggle{
	border-color: #28576f;
	margin-left: auto;
    margin-right: auto;
    float: none;
}
#header-top .icon-bar{
	background: #28576f;
}
#header-top .btn-default{
	color: #28576f;
	font-weight: bold;
	font-size: 1.2em;
	background: none;
	border: 2px solid #28576f;
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
}
#header-top .btn-default:hover{
	color: #fff;
	background: #28576f;
}
#slideshow img{
	margin-top: -2%;
}
#logo{padding: 0;}
#logo img {
	width: 84px;
}
#header{
	background: url(../images/header-bg.jpg) no-repeat;
}
#row1, #row5 {
	background: url(../images/about-bg.png) no-repeat #f6f4f4 center 30px; 
	background-size: 100%;
}
#row2-main {
	box-shadow: 0px 0px 18px #ccc;
    overflow: hidden;
	margin-top: 30px;
	padding: 30px 0;
}
#row2-main h4 {
	background: #106793;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 10px;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 30px;
}
#row3 {background: #f6f4f4}
#row4{
	background: url(../images/product-bg.png) repeat-y top center #fff;
}
#row4 img {
	margin-top: 30px;
	margin-bottom: 30px;
}
#contact {
	background: url(../images/contact-box-bg.png) no-repeat center top;
	max-width: 500px;
    border-radius: 12px;
	padding: 30px 25px;
}
#contact h3, #contact h4 {
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
#contact .modulebox-content{
	background-color: #dce3e8;
    padding: 30px 15px 20px 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
@media(min-width: 1200px){
	#header{background-size: 100%;}
	#row1, #row5{background-size: 70%;}
}
@media(min-width: 768px){
	.header-center{text-align: center;}
	.header-center h3 {background-position: center top}
	#row1-content{margin-top: 150px;}
	#row2-col1 {
		padding-left: 120px;
		padding-right: 80px;
	}
	#row2-col2 {
		padding-left: 80px;
		padding-right: 120px;
	}
}
@media(max-width: 767px){
	#header-top .navbar-toggle{display: block;}
	#row1 {background-position: bottom;}
	#row1-content{margin-bottom: 50px;}
}