body {padding: 0px; margin: 0px;font-family:Segoe UI, "SegoeUIWF", Arial,sans-serif;background-color: #f7f7f7;font-size:18px;color:#454545;}

h1,h2,h3 {font-weight:300;}
h1 {font-size:52px;}
h2 {font-size:42px;}
h3 {font-size:32px;}

p {line-height:30px;}

a:link {text-decoration: none;color: #336699;}
a:visited {text-decoration: none;color: #336699;}
a:active {text-decoration: none;color: #336699;}
a:hover {text-decoration: underline;color: #6096c6;}

/* Styles for menus */
#head-full, #head-mobile {
	position:absolute;
	top:0;
	left:0;
	opacity:0.95;
    height:48px;
    width:100%;
    background: #333333;
    z-index:100;
}

#menu-full {
	width:900px;
    margin: 0 auto;
	overflow: hidden;
	clear: left;
}

#menu-full-spacer {
	height:48px;
}

#menu-full ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-full li {
	float: left;
}

#menu-full a 
{	
    font-size:16px;
    height:20px;
	color: #EDECEC;
	text-decoration: none;
	margin: 1px 1px;
	padding: 12px;
	display: block;
}

#menu-full a:hover {	   
    color: #ffffff;
	height:20px;
}

/* Mobile menu */
#head-mobile {
	display:none;
}

#logo-mobile {
	float:left;
	padding:15px 0px 0px 5px;
}

#menu-mobile {
	float:right;
}

#menu-mobile-spacer {
	height:48px;
	display:none;
}

#menu-mobile .opened {
	display:none;
}

#menu-mobile-items {
	position:absolute;
	top:48px;
	left:0;
	width:100%;
	z-index:100;
    background: #333333;
	opacity:0.95;
	display:none;
	padding-bottom:5px;
}

#menu-mobile-items ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-mobile-items li {
	text-align:center;
}

#menu-mobile-items a 
{	
    font-size:16px;
	color: #EDECEC;
	text-decoration: none;
	margin: 1px 1px;
	padding: 5px;
	display: block;
}

#menu-mobile-items a:hover {	   
    color: #ffffff;
	height:20px;
	background:#666666;
}

.middle-tile {
	border-bottom: 3px solid #ffffff;
	font-size:24px;
	color:#454545;
	text-align:center;	
	display: table;
	height:200px;
	width:100%;
	background: #f7f7f7; /* Old browsers */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
	box-sizing: border-box; 
}

.col-2-of-4 .middle-tile {border-left: 3px solid #ffffff;}
.col-3-of-4 .middle-tile {border-left: 3px solid #ffffff;}
.col-4-of-4 .middle-tile {border-left: 3px solid #ffffff;}

.middle-tile img {
	max-width:100%;
}

.middle-tile span {
  display: table-cell;
  vertical-align: middle; 
}

.bottom-container {
	background:#454545;
}

.bottom-tiles {
	max-width:1000px;
	margin: 0 auto;
}
.bottom-tile {
	margin-left: 10px;
	color:#454545;
	padding: 5px;
}

.bottom-tile h1 {
	color:#ffffff;
	font-size:16px;
	font-weight:lighter;
}

.bottom-tile .link {font-size:small;padding:5px 0 0 0;text-decoration: none;color: #EDECEC;}
.bottom-tile .link a:link {text-decoration: none;color: #EDECEC;}
.bottom-tile .link a:visited {text-decoration: none;color: #EDECEC;}
.bottom-tile .link a:active {text-decoration: none;color: #EDECEC;}
.bottom-tile .link a:hover {text-decoration: underline;color: #EDECEC;}

.section-white {background: #ffffff;}

.section .content {
	padding:10px;
	max-width: 1000px;
	margin: 0 auto;
}

.section .content p {
	max-width: 700px;
}

.section .content img {
	max-width:100%;
}

.footer {
	padding:15px 5px 15px 5px;font-size:small;color:#EDECEC;text-align:center;
}

/* tables BEGIN */
.table {width:100%;border-collapse:collapse;border-spacing:0px;}
.table th {vertical-align:top;font-weight:normal;color:#4e4e4e;width:auto;padding: 5px 5px 5px 5px;}
.table td {vertical-align:middle;text-align:center;padding: 5px 5px 5px 5px;}
/*.table-border-all {border:1px solid #afb5c7;}*/
.table-border-all th {border:1px solid #afb5c7;}
.table-border-all td {border:1px solid #afb5c7;}
.table-th-125 th {width:125px;}
.table-th-150 th {width:150px;}
.no-border {border: 0px!important}

/* Buttons BEGIN */
.btn{-webkit-appearance: none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:13px;cursor:pointer;border:none;padding:8px 8px 8px 8px;}
.btn-block{width:100%;}
.btn-md{font-size:14px;font-weight:bold;padding:7px;}
.btn-lg{font-size:16px;font-weight:bold;padding:10px;}
.btn:disabled{-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;cursor:not-allowed;}
.btn:hover{-webkit-box-shadow:3px 3px 3px 0px rgba(90, 90, 90, 0.75);-moz-box-shadow:3px 3px 3px 0px rgba(90, 90, 90, 0.75);box-shadow:3px 3px 3px 0px rgba(90, 90, 90, 0.75);}

.btn-default{color:#333333;background-color:#fff;border:1px solid #f5f5f5;}
.btn-default:hover{color:#333333;background-color:#f5f5f5;}
.btn-default:active{color:#333333;background-color:#f5f5f5;}

.btn-primary{background-color:#6096C6;color:white;}
.btn-primary:hover{background-color:#336699;}
.btn-primary:active{background-color:#336699;}

.btn-success{background-color:#83B281;color:white;}
.btn-success:hover{background-color:#74AE71;}
.btn-success:active{background-color:#74AE71;}

.btn-info{background-color:#4990B3;color:white;}
.btn-info:hover{background-color:#3780A4;}
.btn-info:active{background-color:#3780A4;}

.btn-warning{background-color:#D8BD8B;color:white;}
.btn-warning:hover{background-color:#CAAD76;}
.btn-warning:active{background-color:#CAAD76;}

.btn-danger{background-color:#B94A48;color:white;}
.btn-danger:hover{background-color:#AF3C3A;}
.btn-danger:active{background-color:#AF3C3A;}

.btn-login{background-color:#336699;color:white;}
.btn-login:hover{background-color:#3770a8;}
.btn-login:active{background-color:#3770a8;}
/* Buttons END */

@media only screen and (max-width: 960px) {
	.col-3-of-4 .middle-tile {border-left: 0;}
	
	h1 {font-size:34px;}
	h2 {font-size:28px;}
	h3 {font-size:22px;}
	body {font-size:16px;}
}

@media screen and (max-width: 900px) {
	#head-full {display:none;}
	#head-mobile  {display:block;}
	#menu-mobile-spacer {display:block;}
	#menu-full-spacer {display:none;}
}

@media only screen and (max-width: 480px) {
	
	.middle-tile {font-size:16px;}
	
	.col-1-of-4 .middle-tile {border-left: 0;border-right:0;}
	.col-2-of-4 .middle-tile {border-left: 0;border-right:0;}
	.col-3-of-4 .middle-tile {border-left: 0;border-right:0;}
	.col-4-of-4 .middle-tile {border-left: 0;border-right:0;}
}
