@import url('normalize.css');

@font-face {
  font-family: 'icons';
  src: url('fonts/icons.eot');
  src: url('fonts/icons.eot?#iefix') format('embedded-opentype'),
       url('fonts/icons.woff') format('woff'),
       url('fonts/icons.ttf') format('truetype'),
       url('fonts/icons.svg#icons') format('svg');
  font-weight: normal; font-style: normal;
}


body {background: url(../img/bg.jpg) repeat;
	background-attachment:fixed;
	font-family: Times New Roman, Georgia, serif;
	font-weight: 400;
	font-size: 15px;
	color: #666;
	overflow-x: hidden;
	transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	}

a {
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	outline:none;
	color: #9B0000;
	font-family: Times New Roman, Georgia, serif;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
a:hover{
	color:#9B0000;}
p {
	font-size: 1em;
	font-weight: 400;
	margin: 0;
	color: #666;
	font-family: Times New Roman, Georgia, serif;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	line-height: 18px;
	margin-top:8px;
	}
img {
	max-width:100%;
	height:auto;
	}
	  
#outer {
	width: 100%;
	position: relative;
	}

.container{
	width: 100%;
	position: relative;
	}
.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

.logo {
	margin-top:0.1%;
	max-width:100%;
	height:auto;
	}

.container > header{
	padding: 10px;
	position: relative;
	display: block;
	height:auto;
	text-align:center;
}

.container > header ul {  margin:0 auto;}
.container > header ul li {
	list-style:none;
	display:inline-block;
	margin-top:10px;
	margin:0 auto;}
	
.container > header ul li a {
	text-decoration:none;
	font-size: 20px;
	font-weight: 800;
	color: #9B0000;
	font-family: Times New Roman, Georgia, serif;
	outline:none;
	padding:6px 20px 13px 0;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.container > header ul li a:hover {
	color: #9B0000; 
	}
.container > header ul li a.active{
	color: #9B0000; 
	}


.container > header h1{
	font-size: 36px;
	line-height: 36px;
	margin: 0;
	position: relative;
	font-weight: 300;
	color: #666;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header h1 span{
	font-weight: 700;
}
.container > header h2{
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding: 15px 0 5px 0;
	color: #666;
	font-family: Times New Roman, Georgia, serif;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}
.container > header h2 strong{
	color: #781430;
}
	 
.main{
	width: 100%;
	padding: 1% 1%;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
} 


.inner{
	 margin:0 auto;
	 width: 100%;
	 height: auto;
	}
.inner h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
	color: #9B0000;
	margin-bottom:5px;
	padding-bottom:5px;
	font-family: Times New Roman, Georgia, serif;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}
.inner h2{
	font-size: 30px;
	font-weight: normal;
	margin: 0;
	color: #666;
	margin-bottom:5px;
	font-family: Times New Roman, Georgia, serif;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	}

.col-1 {
	min-width:280px;
	max-width:31%;
	float:left;
	padding: 3%;
	margin:10px;
	}
.col-1 img {
	float:center;
	max-width:100%;
	border:8px solid #FFF;
	-webkit-box-shadow: 0px 3px 8px #aaa; 
	-moz-box-shadow: 0px 3px 8px #aaa; 
	box-shadow: 0px 3px 8px #aaa;
	max-width:100%;
}

.col-2 {
	min-width:280px;
	max-width:30%;
	float:left;
	padding:1.6%;
	margin:1%;
	margin-top:1.6%;
	}
	
.col-2 img { /*** This style is used for the Team images ***/
	margin:0.8% 1.3% 0 0;
	border:8px solid #FFF;
	-webkit-box-shadow: 0px 3px 8px #aaa; 
	-moz-box-shadow: 0px 3px 8px #aaa; 
	box-shadow: 0px 3px 8px #aaa;
	float:center;
	max-width:100%;
	height:auto;
	}
	
.col-3 {
	min-width:280px;
	max-width:45%;
	float:left;
	padding:2%;
	margin:1%;
	}
	
.col-3 img {
	margin: 20px 20px 5px 5px;
	float:left;
	max-width:30%;
	height:auto;}

.col-4 {
	min-width:280px;
	max-width:45%;
	float:left;
	padding:2%;
	margin:1%;
	text-align: left;
	}
.col-4 img {
	margin:10px 12px 0px 0px;
	float:left;
	max-width:30%;
	height:auto;
	border:8px solid #FFF;}	
	
.col-5 {
	min-width:280px;
	max-width:50%;
	float:left;
	padding:2%;
	margin:1%;
	}
.col-5 img {
	float:left;
	max-width:100%;
	height:auto;
	}	
.read a {
	color:#9B0000;
	font-size:1.05em;
	padding:3px 2.5%;
	text-decoration:none;}
	
.read a:hover {
	color:#fff;
	background-color:#9B0000;
	text-shadow:none;}

/* ------------------------ form ------------------------ */
.form{width:500px;
	float:left;
	clear:both;
	padding:0px 0 40px 20px;
	}
.form_row{width:400px;
	float:left;
	clear:both;
	margin:20px 0 0 0;
	}
.form_input{width:100%;
	min-width:100px;
	height:35px;
	float:left;
	padding:0px 0px 0 10px;
	background: none;
	border: 1px dashed #d30001;
	color:#666; 
	font-family: Times New Roman, Georgia, serif; 
	font-size:12px;
	outline:none;
	}
.form_textarea{width:100%;
	min-width:100px;
	height:90px;
	float:left;
	padding:10px 0px 30px 10px; 
	background:none; 
	border: 1px dashed #d30001; 
	color:#666; 
	font-family: Times New Roman, Georgia, serif;
	font-size:12px; 
	outline:none;
	}
input.form_submit{float:left; 
	clear:both; 
	margin:10px 0px 0 0px; 
	width:100%;
	min-width:100px;
	height:34px; 
	text-align:center;
	color:#9B0000; 
	font-size:16px; 
	background:none; 
	border:1px dashed #9B0000; 
	font-weight:bold;
	padding:0 0 0 0px;
	cursor:pointer;
	}
input.form_submit:hover{ background: #9B0000; 
	color:#fff;
	}
fieldset {
	display: block;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	-webkit-padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.625em;
	border-image: initial;
	}
	
.map-image {
	border:8px solid #FFF;
	-webkit-box-shadow: 0px 3px 8px #aaa; 
	-moz-box-shadow: 0px 3px 8px #aaa; 
	box-shadow: 0px 3px 8px #aaa;
	float:right;
	max-width:100%;
	height:auto;
	}

/* ------------------------ footer ------------------------ */
footer{position: relative; width: 100%;margin: 0 auto; display: block; overflow:visible;text-align: center;}
.mainFooter {display: inline-block; margin: 0 auto; width:100%; margin-top:20px; z-index:2;background-image:url(../img/footer-bg.png) repeat; }
.mainFooter ul li { display:inline-block; padding:2px;}
.mainFooter ul li a { display:inline-block; opacity:0.7;}
.mainFooter ul li a:hover {opacity:1;}

/* ------------------------ Media Queries ------------------------*/

@media screen and (min-width:769px) and (max-width:1024px) {
.col-1 {
	max-width:47%;
	}
.col-2 {
	max-width:31%;
	}
.col-1 img {
	max-width:100%;
	height:auto;
	}
.col-2 img {
	max-width:100%;
	height:auto;
	}
.logo {
	margin-top:0.1%;
	max-width:60%;
	height:auto;
	}
}
.col-4 {
	max-width:54%;
	}
.col-5 {
	max-width:42%;
	}


@media screen and (min-width:321px) and (max-width:768px) {
.col-1 {
	max-width:100%;
	}
.col-2 {
	max-width:100%;
	}
.col-4 {
	max-width:100%;
	}
.col-5 {
	max-width:100%;
	}
.col-1 img {
	max-width:100%;
	height:auto;
	}
.col-2 img {
	max-width:100%;
	height:auto;
	}
.logo {
	margin-top:0.1%;
	max-width:60%;
	height:auto;
	}
}

@media screen and (max-width:320px) {
.col-1 {
	max-width:95%;
	}
.col-2 {
	max-width:100%;
	}
.col-4 {
	max-width:100%;
	}
.col-5 {
	max-width:100%;
	}

	.col-1 img {
	max-width:100%;
	height:auto;
	}
.col-2 img {
	max-width:100%;
	height:auto;
	}
.logo {
	margin-top:0.1%;
	max-width:60%;
	height:auto;
	}
.container > header ul li a {
	margin:0 5px 0 0;
	font-size: 16px;}
}