/* Write your CSS! */
@font-face {
    font-family: 'bebasregular';
    src: url(../fonts/bebas___-webfont.eot);
    src: url(../fonts/bebas___-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/bebas___-webfont.woff) format('woff'),
         url(../fonts/bebas___-webfont.ttf) format('truetype'),
         url(../fonts/bebas___-webfont.svg#bebasregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Under Construction */

.under_construction {
	margin-bottom: 20px;
}








html {
  height: 100%;
}

section {
	min-height: 100%;
}

body {
  background-color: #fff;
  font-size: 16px;
}

.bg_container {
	background: url(../background2.png) repeat center center;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0px auto;
}

.container {
	max-width: 980px;
	background-color: #fff;
	margin: 0 auto;
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.75);
}

.logo {
	margin-left: 40px;
	margin-top: 8px;
	padding-bottom: 16px;
	float: left;
}

.band {
	width: 100%;
	background: url(../bar2.png) repeat-x;
	background-color: #fff;
	height: 100px;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 980px;
	z-index: 10000;
	background-color: #fff;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 980px;
	background-color: #c1bcb7;
	background: #c1bcb7 url(../footer_bg.png) repeat center center;
}

.banner {
	width: 100%;
	max-width: 980px;
	height: 400px;
}

.banner-container {
	width: 100%;
	max-width: 980px;
	height: 400px;
	position: relative;
}

.about {
	width: 90%;
	margin: 16px 5% 32px 5%;
}

.left_half {
	float: left;
	width: 45%;
}

.right_half {
	float: left;
	width: 45%;
}

.info_box {
	margin: 0 32px 0 32px;
	padding: 8px;
	width: 310px;
	background-color: #c3cd00;
	float: left;
	height: 334px;
	overflow: hidden;
}

.info {
	margin: 8px 8px 8px 8px;
	background-color: #fff;
	height: 318px;
	overflow: hidden;
}

.gallery {
	float: left;
	overflow: hidden;
	margin: 0 32px 0 0;
	width: 558px;
	height: 350px;
	
}

.item {
	width: 30%;
	margin-top: 16px;
	margin-left: 3.33333%;
	padding: 0;
	float: left;
	background-color: #fff;
}

h1 {
	color: #28277d;
}

h1 {
  font: 2em/1.3 'Bebas', sans-serif;
  word-spacing: 3px;
  margin-bottom: 0em;
  margin-left: 20px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 0px;
}

h2 {
 font: 1.5em/1.3 'Bebas', sans-serif;
 word-spacing: 3px;
  margin-bottom: 0em;
  margin-left: 20px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #c3cd00;
}

.info h2 {
	line-height: 1.0;
	color: #28277d;
	padding-top: 3px;
	margin-left: 4px;
	font-size: 1.2em;
}

h3 {
  font: 400 20px/1.1 'Bebas', sans-serif;
  color: #28277d;
  margin-left: 20px;
}

a {
	text-decoration: none;
	color: #28277d;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #28277d;
}
 
p {
  font: 200 1em/1.6 'Open Sans', Verdana, Helvetica, sans-serif;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}

.info p{
	margin-left: 8px;
	margin-bottom: 4px;
	margin-top: 0px;	
}

.marquee, .project_top {
	padding-top: 116px;
	width: 100%;
	max-width: 980px;
	overflow: hidden;
}

project_top {
	background-color: #fff;
}

.marquee {
	background-color: #2b2b2b;
	background: url(../marquee_bg.png) repeat;
}

.news {
	background-color: #28277d;
	/* padding-bottom: 150px; */
	padding-bottom: 130px;
}

.footeritem {
	float: left;
	width: 45%;
	padding-left: 5%;
}

.contact {
	margin-top: 30px;
}

.contact p {
	margin-left: 20px;
	color: #fff;
	line-height: 0.8;
}

.contact h3 {
	margin-left: 20px;
	line-height: 1.2;
}

.webdesign {
	text-align: center;
	max-width: 100%;
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
/*	margin-bottom: 16px;*/
}

.webdesign p {
	color: #2b2b2b;
	font-size: 0.8em;
}

.webdesign a {
	color: #111;
	text-decoration: none;
}

.webdesign a:hover {
	color: #F60;
}

.print {
	text-align: center;
}

.print_button {
	margin-top: 30px;
	margin-left: 35%;
}

.clear_both {
	clear: both;
	line-height: 1;
}

.white_bar {
	overflow: hidden;
	background-color: #fff;
}

button.css3button {
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		/*#6161e0*/#2f307f 0%,
		#28277f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(/*#6161e0*/#2f307f),
		to(#28277f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f307f', endColorstr='#28277f');
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(0,13,255,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(0,13,255,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(0,13,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

button.css3button:hover {
		background: -moz-linear-gradient(
		top,
		#28277f, 
		/*#6161e0*/#2f307f 0%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#28277f),
		to(/*#6161e0*/#2f307f));
		color: #c3cd00;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28277f', endColorstr='#2f307f');
		text-shadow:
		none;
}





.partners img {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}










/*Dropdown Menu*/




.nav_menu { position: relative; z-index: 1000; margin: 0px; padding: 0px; }

	/* drop menu */
	.nav_menu .dropmenu { margin: 0; padding: 0; height: 28px; display: none; /* displays after menu load */ }
	.nav_menu {padding-top: 60px; margin-left: 180px;}
	
	/* all items  */
	.nav_menu ul.dropmenu li { height: 40px;}
	.nav_menu ul.dropmenu li:hover { color: #c3cd00; background: -moz-linear-gradient(
		top,
		#28277f, 
		/*#6161e0*/#2f307f 0%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#28277f),
		to(/*#6161e0*/#2f307f));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28277f', endColorstr='#2f307f');
		 }
	.nav_menu ul.dropmenu li a { color: #fff; text-decoration: none; padding: 0px; line-height: 24px; }
	.nav_menu ul.dropmenu li.selected a { color: #ffd200; }
	
	/* topitems */
	.nav_menu ul.dropmenu { margin-left: 30px;}
	.nav_menu ul.dropmenu a.toplevel { 
		height: 40px; 
		margin: 8px 20px 7px 20px; 
		text-decoration: none;
		font: 300 24px/1 'Bebas', sans-serif; 
	}
	.nav_menu ul.dropmenu a.toplevel.hover { color: #c3cd00; }
	.nav_menu ul.dropmenu a.toplevel.selected { color: #f7ad0b; }
	.nav_menu ul.dropmenu a.toplevel.hover.selected {	}
	
	/* subitems */
	.nav_menu ul.dropmenu li ul { background-color: #28277d; border-top: 1px solid #2b2b2b; font: 300 16px/1 'Bebas', sans-serif; word-spacing: 3px;}
	.nav_menu ul.dropmenu li ul li a.sublevel { color: #fff; width: 250px; padding: 10px 5px 5px 15px; margin: 0px; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover { color: #c3cd00; background: -moz-linear-gradient(
		top,
		#28277f, 
		/*#6161e0*/#2f307f 0%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#28277f),
		to(/*#6161e0*/#2f307f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28277f', endColorstr='#2f307f'); }
	.nav_menu ul.dropmenu li ul li a.sublevel.selected { color: #f7ad0b; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover.selected {	 }
	
	/* sub subitems */
	.nav_menu ul.dropmenu li ul ul { left: -10px; border: none; border-left: 1px solid #fff; }
	




@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  
  /* Styles for mobile */

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  /* Styles for tablet */

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {

  /* Don't forget your Retina CSS! */
  
  body {
	
  }