/** Import CSS **/

@import url("reset.css");
@import url("menu.css");
@import url("buttons.css");
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=Galdeano");

/** Global Styles **/

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html
{
	height: 100%;
	overflow: auto;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body
{
	font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #444;
	padding: 0 0 20px 0;
	background: #FFF;
}

::selection { background: #62B0FF; color: #FFF; }
::-moz-selection { background: #62B0FF; color: #FFF; }

a { color: #0078F0; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
a:hover { color: #111; }

#goomap { padding: 5px; margin: 0 0 20px 0; border: 1px dashed #CCC; }
#goomap .gmap3 { width: 100%; height: 250px; }

/** Layout Styles **/

.container
{
	width: 100%;
	min-width: 280px;
	line-height: 22px;
}

	.bluebg
	{
		background: #62B0FF url("../images/bg-headercont.png") repeat;
	}
	
	.lightbluebg
	{
		background: #222 url("../images/bg-menucont.png") repeat;
		border-bottom: 5px solid #62B0FF;
	}
	
	/** Header **/

	.container #headercont
	{
		width: 80%;
		max-width: 980px;
		padding: 15px 0;
		margin: 0 auto;
	}
	
		.container #headercont #headerlogo
		{
			float: left;
			width: 40%;
			padding: 25px 0 15px 0;
			text-align: left;
		}
		
			.container #headercont #headerlogo h1
			{
				font-size: 36px;
				line-height: 28px;
				font-weight: 400;
				margin: 0 0 5px 0;
				letter-spacing: -0.3px;
				font-family: "Galdeano", Arial, Helvetica, sans-serif;
			}
			
				.container #headercont #headerlogo h1 a
				{
					color: #FFF;
				}
				
					.container #headercont #headerlogo p
					{
						color: #FFF;
					}
				
		.container #headercont #headerright
		{
			float: left;
			width: 60%;
			padding: 2% 0 1% 0;
			text-align: right;
		}
		
			.container #headercont #headerright p
			{
				font-weight: 400;
				font-size: 26px;
				line-height: 26px;
				color: #FFF;
				margin: 0 0 2px 0;
				letter-spacing: -0.3px;
				font-family: "Galdeano", Arial, Helvetica, sans-serif;
			}
			
			.container #headercont #headerright p a
			{
				color: #FFF;
			}
			
			.container #headercont #headerright p.toptelno
			{
				font-size: 30px;
				line-height: 30px;
			}
			
				.container #headercont #headerright p span
				{
					color: #BFDFFF;
				}
		
	/** Menu **/
				
	.container #menucont
	{
		width: 80%;
		max-width: 980px;
		margin: 0 auto;
		color: #FFF;
		
		text-shadow: 1px 1px 1px #000;
	}
					
	/** Main **/
						
	.container #maincont
	{
		width: 80%;
		max-width: 980px;
		margin: 0 auto;
		background: url("../images/bg-maincont.png") repeat-y 74% 0;
	}
	
		.container #maincont p { margin: 0 0 20px 0; }
		.container #maincont h1, .container #maincont h2, .container #maincont h3, .container #maincont h4, .container #maincont h5 { margin: 0 0 20px 0; color: #222; font-weight: normal; letter-spacing: -0.3px; font-family: "Galdeano", Arial, Helvetica, sans-serif; }
		.container #maincont h1 { font-size: 30px; line-height: 30px; }
		.container #maincont h2 { font-size: 28px; line-height: 28px; }
		.container #maincont h3 { font-size: 26px; line-height: 26px; }
		.container #maincont h4 { font-size: 22px; line-height: 22px; }
		.container #maincont h5 { font-size: 20px; line-height: 20px; }
		
		.container #maincont ul { margin: 0 0 20px 35px; list-style-type: square; }
		.container #maincont ul li { padding: 0 0 0 2px; }
		.container #maincont ol { margin: 0 0 20px 35px; list-style-type: decimal; }
		.container #maincont ol li { padding: 0 0 0 2px; }
		
		.container #maincont hr { clear: both; border: 0; height: 0; margin: 0 0 20px 0; border-top: 1px dashed #CCC; }
		
		.container #maincont blockquote { background: #151515; border-left: 3px solid #E2761C; padding: 15px; margin: 0 0 20px 0; }
	
			.container #maincont #mainleft
			{
				float: left;
				width: 75%;
				padding: 20px 3% 0 0;
				
				min-height: 400px;
				height: auto !important;
				height: 400px;
			}
			
				.container #maincont #mainleft img.imgleft
				{
					float: left;
					width: 40%;
					max-width: 400px;
					margin: 0 15px 15px 0;
				}
				
				.container #maincont #mainleft img.imgright
				{
					float: right;
					width: 40%;
					max-width: 400px;
					margin: 0 0 15px 15px;
				}
				
				.container #maincont #mainleft img.imglogos
				{
					float: left;
					width: 100%;
					max-width: 820px;
					margin: 0 0 15px 0;
				}
				
				.container #maincont #mainleft .halfcont
				{
					clear: both;
					margin: 0 0 15px 0;
					width: 100%;
				}
				
					.container #maincont #mainleft .halfcont .half
					{
						float: left;
						width: 50%;
					}
			
			.container #maincont #mainright
			{
				float: left;
				width: 23%;
				padding: 20px 0 0 2%;
			}
			
				.container #maincont #mainright .sidesection
				{
					margin: 0 0 15px 0;
					padding: 0;
				}
				
					.container #maincont #mainright .sidesection h3
					{
						margin: 0 0 10px 0;
						font-size: 24px;
					}
				
					.container #maincont #mainright .sidesection .sidetop
					{
						margin: 0 0 5px 0;
					}
					
						.container #maincont #mainright .sidesection .sidetop a img
						{
							width: 100%;
						}
		
					.container #maincont #mainright .sidesection .sidebottom p
					{
						margin: 0 0 5px 0;
						line-height: 14px;
						font-size: 13px;
						font-style: italic;
					}

				.container #maincont #mainright a.hoverlink
				{
					float: left;
					position: relative;
					width: 100%;
					margin: 0 0 10px 0;
				}
				
					.container #maincont #mainright a.hoverlink img
					{
						display: block;
						width: 100%;
					}
					
						.container #maincont #mainright .overlay
						{
							-moz-transition: opacity 120ms ease-in-out 0s;
							-webkit-transition: opacity 120ms ease-in-out 0s;
							-o-transition: opacity 120ms ease-in-out 0s;

							height: 100%;
							left: 0;
							opacity: 0;
							position: absolute;
							top: 0;
							width: 100%;
							z-index: 40;
						}
						
							.container #maincont #mainright .overlay.link
							{
								background: url("../images/overlay_link.png") no-repeat scroll center center, url("../images/overlay_bg.png") repeat scroll center center transparent;
								display: inline-block;
							}
							
								.container #maincont #mainright .overlay:hover
								{
									opacity: 1;
								}
	
	/** Footer **/
			
	.container #footercont
	{
		width: 80%;
		max-width: 980px;
		margin: 0 auto;
		font-size: 14px;
		text-align: center;
		padding: 15px 0;
		line-height: 20px;
		border-top: 1px dashed #CCC;
		color: #666;
	}


/** Responsive Magic **/

@media screen and (max-width: 900px)
{
	
	.container #headercont #headerright p span
	{
		display: block;
	}
		
}

@media screen and (max-width: 768px)
{

	.container #headercont #headerlogo, .container #headercont #headerright
	{
		float: none;
		width: 100%;
		text-align: center;
	}

	.container #maincont
	{
		background: none;
	}
	
	.container #maincont #mainleft, .container #maincont #mainright
	{
		float: none;
		width: 100%;
		text-align: center;
		
		min-height: 100px;
		height: auto !important;
		height: 100px;
	}
	
		.container #maincont ul { margin: 0 0 15px 0; list-style-type: none; }
		.container #maincont ul li { padding: 0; }
		.container #maincont ol { margin: 0 0 15px 0; list-style-type: none; }
		.container #maincont ol li { padding: 0; }
	
		.container #maincont #mainleft img.imgleft, .container #maincont #mainleft img.imgright, .container #maincont #mainleft img.imglogos
		{
			float: none;
			width: 70%;
			margin: 0 0 15px 0;
		}
		
		.container #maincont #mainleft .halfcont .half
		{
			float: none;
			width: 100%;
		}
	
	.container #maincont #mainright .sidecont
	{
		border-top: 1px dashed #CCC;
		padding: 20px 0 10px 0;
	}
	
		.container #maincont #mainright .sidesection h3
		{
			margin: 0 0 10px 0;
			font-size: 20px;
		}
	
		.container #maincont #mainright .sidesection
		{
			float: left;
			width: 31%;
			padding: 0 1%;
			margin: 0 0 15px 0;
		}
		
}

@media screen and (max-width: 480px)
{

	.container #headercont #headerlogo h1
	{
		font-size: 32px;
		line-height: 28px;
		margin: 0 0 5px 0;
	}

	.container #headercont #headerright p
	{
		font-size: 19px;
		line-height: 19px;
		margin: 0 0 2px 0;
	}
	
	.container #headercont #headerright p.toptelno
	{
		font-size: 24px;
		line-height: 24px;
	}
	
		.container #headercont #headerright p span
		{
			color: #BFDFFF;
		}

	.container #maincont #mainleft img.imgleft, .container #maincont #mainleft img.imgright, .container #maincont #mainleft img.imglogos
	{
		width: 90%;
	}

	.container #maincont #mainright .sidecont
	{
		border-top: 1px dashed #CCC;
	}
	
		.container #maincont #mainright .sidesection h3
		{
			margin: 0 0 10px 0;
			font-size: 24px;
		}

		.container #maincont #mainright .sidesection
		{
			clear: both;
			float: left;
			width: 100%;
			padding: 0%;
			margin: 0 0 15px 0;
		}
		
	.container #footercont
	{
		font-size: 11px;
		line-height: 16px;
	}
}