/* ==================================================
   Global Styles
================================================== */

*, *:after, *:before
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body
{
	height: 100%;
	width: 100%;
}

html
{
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body
{
	font-family: "Open Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.8em;
	color: #333;
	background-color: #DDD;
	background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='https://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cccccc' fill-opacity='0.4'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	letter-spacing: -0.01em;
	padding: 20px;
	
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
}

::selection
{
	background: #0066FF;
	color: #FFF;
}

::-moz-selection
{
	background: #0066FF;
	color: #FFF;
}

a
{
	color: #0066FF;
	text-decoration: none;
}

	a:hover
	{
		color: #333;
	}
	
.mobonly
{
	display: none;
}
	
/* ==================================================
   Main Styles
================================================== */

.outercontainer
{
	max-width: 1000px;
	margin: 0 auto;
	background: #FFF;
	
	-moz-box-shadow: 0 0 10px #AAA;
	-webkit-box-shadow: 0 0 10px #AAA;
	box-shadow: 0 0 10px #AAA;
}

	.outercontainer .container-fluid
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
#headercont
{
	
}

	#headercont .container-fluid
	{
		padding-top: 40px;
		padding-bottom: 35px;
	}
	
		#headercont #headerleft
		{
			
		}
		
			#headercont #headerleft h1
			{
				margin: 0;
				font-size: 1.8em;
			}
		
				#headercont #headerleft h1 a
				{
					color: #333;
					font-weight: 700;
					letter-spacing: -0.02em;
					text-align: left;
				}
				
					#headercont #headerleft h1 a:hover
					{
						text-decoration: none;
						color: #0066FF;
					}
			
		#headercont #headerright
		{
			
		}
		
			#headercont #headerright p
			{
				font-size: 1.4em;
				color: #999;
				font-weight: 600;
				text-align: right;
				margin: 0;
			}
			
				#headercont #headerright p span
				{
					color: #555;
				}
				
#menucont
{
	padding: 0 0 2px 0;
}

	#menucont .container-fluid
	{
		padding: 0 15px;
	}

				
#gallerycont
{
	
}

	#gallerycont .row
	{
		background: #066aff;
		background: -moz-linear-gradient(top, #066aff 0%, #0049b7 100%);
		background: -webkit-linear-gradient(top, #066aff 0%,#0049b7 100%);
		background: linear-gradient(to bottom, #066aff 0%,#0049b7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066aff', endColorstr='#0049b7',GradientType=0 );
		
		color: #FFF;
		line-height: 22px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
		#gallerycont #middleleft h5
		{
			margin: 0 0 10px 0;
			color: #FFF;
		}
		
		#gallerycont #middleleft p
		{
			margin: 0 0 15px 0;
			font-size: 1em;
		}
		
			#gallerycont #middleleft p:last-child
			{
				margin: 0;
			}

		#gallerycont #middleright #homegallery
		{
			margin: 0;
			width: 100%;
			max-width: 700px;
		}

			#gallerycont #middleright #homegallery .slide
			{
				position: relative;
			}
			
				#gallerycont #middleright #homegallery .slide img
				{
					width: 100%;
				}
				
#maincont
{
	width: 100%;
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

	#maincont > .container-fluid > .row
	{
		background: url("../images/bg-maincont.png") repeat-y 25% 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
		#maincont #mainleft
		{
			padding-right: 10px;
			
			min-height: 400px;
			height: auto !important;
			height: 400px;
		}

		#maincont #mainright
		{
			padding-left: 20px;
			text-align: left;
		}
		
			#maincont #mainright img
			{
				display: block;
				width: 100%;
				max-width: 300px;
				padding: 15px;
				background: #FFF;
			}
		
.footerouter
{
	max-width: 1000px;
	margin: 0 auto;
}

	.footerouter .container-fluid
	{
		padding-left: 15px;
		padding-right: 15px;
	}
		
		#footercont
		{
			margin: 0 auto;
			width: 100%;
			padding-top: 30px;
			padding-bottom: 30px;
			font-size: 0.95em;
			color: #777;
			line-height: 1.6em;
			text-align: center;
		}
		
			#footercont p
			{
				margin: 0;
			}

/* ==================================================
   Media Queries
================================================== */

@media only screen and (max-width: 1200px)
{
	
	
	
}

@media only screen and (max-width: 992px)
{
	
	.mobonly
	{
		display: block;
	}
	
}

@media only screen and (max-width: 768px)
{
	
	body
	{
		background: #FFF;
		background-image: none;
		padding: 0;
	}
	
	.outercontainer
	{	
		-moz-box-shadow: 0 0 0 #FFF;
		-webkit-box-shadow: 0 0 0 #FFF;
		box-shadow: 0 0 0 #FFF;
	}

		.outercontainer .container-fluid
		{
			padding-left: 20px;
			padding-right: 20px;
		}
	
	#menucont
	{
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		background: #066aff;
	}
		
	#headercont
	{
		
	}
	
		#headercont .container-fluid
		{
			padding: 30px 20px;
		}
		
			#headercont #headerright p
			{
				text-align: left;
				padding-top: 5px;
			}
	
	#gallerycont
	{
		padding: 0;
	}
	
		#gallerycont .container-fluid
		{
			padding: 0;
		}
	
		#gallerycont .row
		{
			background: #FFF;
			padding: 0;
		}
		
			#gallerycont #middleleft
			{
				display: none;
			}
	
	#maincont
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	
		#maincont .container-fluid .row
		{
			background-image: none;
			padding-top: 20px;
			padding-bottom: 20px;
		}
		
			#maincont #mainleft
			{
				padding-right: 15px;
			}
	
			#maincont #mainright
			{
				padding-left: 15px;
			}
			
				#maincont #mainright a
				{
					display: inline-block;
				}
			
					#maincont #mainright img
					{
						padding: 0;
						max-width: 220px;
					}
			
	.footerouter
	{
		
	}
			
		#footercont
		{
			border-top: 1px solid #CCC;
			text-align: left;
		}
			
	
}

@media only screen and (max-width: 576px)
{
	
	
	
}

