@charset "utf-8";

/* CSS Document */

/* --------------------------------------------Notes---------------------------------------------- */

/* -------------------------------------------Global---------------------------------------------- */

h1 {
text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
margin-top: -10px;
margin-bottom: -10px;
behavior: url(../ie/PIE.htc);
}

body {
	margin: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #666666;
	background-image: url(images/background.jpg);
}

img {
     
}
.outer-container {
}

@media screen and (max-device-width: 1000px) 
              and (orientation:landscape){
.outer-container { max-width: 80%; 
                   margin-left: auto;
				   margin-right: auto;
				   }
}


.container {
	margin-right: auto;
	margin-left: auto;
}

/* -------------------------------------------Header---------------------------------------------- */

.header {
	height: 150px;
	font-weight: lighter;
	padding-top: 20px;
	behavior: url(../ie/PIE.htc);
}

.inner-header {
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* -----------------------------Logo Top---------------------------- */

.logo-top {
	height: 100px;
}

@media screen and (min-width: 480px) {
  .logo-top { float: left; }
}

@media screen and (max-width: 480px) {
  .logo-top { text-align: center; }
}

@media screen and (max-width: 480px) {
  .logo-top { margin-left: auto; }
}

@media screen and (max-width: 480px) {
  .logo-top { margin-right: auto; }
}

@media screen and (max-width: 800px) {
  .logo-top { margin-bottom: 15px; }
}

/* -----------------------------Contact---------------------------- */

.contact {
	font-size: 20px;
	font-weight: lighter;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	behavior: url(../ie/PIE.htc);
	overflow: visible;
}

@media screen and (min-width: 800px) {
  .contact { float: right; }
}

@media screen and (max-width: 800px) {
  .contact { text-align: center; }
}

@media screen and (max-width: 800px) {
  .contact { margin-left: auto; }
}

@media screen and (max-width: 800px) {
  .contact { margin-right: auto; }
}

@media screen and (min-width: 800px) {
  .contact { margin-top: 33px;; }
}

@media screen and (max-width: 800px) {
  .contact { margin-top: 40px;; }
}

/* -------------------------------------------Top-Nav---------------------------------------------- */

.nav {
	height: 40px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	text-align: center;
	color: #333;
	vertical-align: middle;
	font-size: 20px;
	padding-top: 12px;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: lighter;
	behavior: url(../ie/PIE.htc);
	margin-bottom: 20px;	
	box-shadow: 0px 2px 10px rgba(1,1,1,0.2);
	webkit-box-shadow: 0px 2px 10px rgba(1,1,1,0.2);
	background-color: linear-gradient;
	background-image: url(images/nav-background2.jpg);
	background-position: bottom;
}
	
/* -------------------------------------------Images---------------------------------------------- */
	
.images {
	margin: 20px;
	behavior: url(../ie/PIE.htc);
}

/* ------------------------------------------Content---------------------------------------------- */

.content {
	margin: 20px;
	text-align: center;
	overflow: visible;
}



.content-withform {
	margin: 20px;
	text-align: justify;
	overflow: visible;
}

@media screen and (min-width: 480px) {
  .content-withform { height: 450px; }
}

@media screen and (max-width: 480px) {
  .content-withform { text-align: center; }
}

.right-column {
	float: right;
	width: 47%;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 20px;
	border-left-style: groove;
}

.panel {
	width: 47%;
	box-shadow: 0px 2px 10px rgba(1,1,1,0.2);
	background-color: rgba(1,1,1,0.1);
	margin-left: 20px;
	overflow: visible;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #999;
	margin-bottom: 20px;
}

@media screen and (min-width: 480px) {
  .panel { float: right; }
}

@media screen and (max-width: 480px) {
  .panel { display: none; }
}

.panel-low {
	box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	background-color: rgba(1,1,1,0.1);
	behavior: url(../ie/PIE.htc);
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 1px solid #999;
	margin-bottom: 20px;
}

@media screen and (min-width: 480px) {
  .panel-low { display: none; }
}



/* -----------------------------------------Bottom Nav-------------------------------------------- */

.bottom-nav {
	margin: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	behavior: url(../ie/PIE.htc);
}

@media screen and (min-width: 0px) and (min-width: 800px) {
  .bottom-nav { display: none; }
}

.bottom-nav-button-top {
	height: 40px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
	/* Gradient */	
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	padding-top: 12px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	behavior: url(../ie/PIE.htc);
}

.bottom-nav-button {
	height: 40px;
	/* Gradient */	
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	padding-top: 12px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	behavior: url(../ie/PIE.htc);
}

.bottom-nav-button-bottom {
	height: 40px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
	/* Gradient */	
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	padding-top: 12px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	behavior: url(../ie/PIE.htc);
}

/* -------------------------------------------Footer---------------------------------------------- */

.footer {
	color: #CCCCCC;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	font-weight: lighter;
	background-image: url(images/footer-background.jpg);
	height: 250px;
	behavior: url(../ie/PIE.htc);
}

@media screen and (max-width: 800px) {
  .footer { text-align: center; }
}

@media screen and (max-width: 800px){
   .rwd-break { display: none; }
}

@media screen and (min-width: 800px){
   .comma { display: none; }
}

.inner-footer-container {
}

.inner-footer {
	padding: 20px;
}

@media screen and (max-device-width: 1000px) 
              and (orientation:landscape){
.outer-container { max-width: 80%; 
                   margin-left: auto;
				   margin-right: auto;
				   }
}

/* ---------------------------Logo Bottom-------------------------- */

.logo-bottom {
	font-size: 20px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4)
	behavior: url(../ie/PIE.htc);
}

@media screen and (min-width: 800px) {
  .logo-bottom { float: right; }
}

@media screen and (max-width: 800px) {
  .logo-bottom { text-align: center; }
}

@media screen and (max-width: 800px) {
  .logo-bottom { margin-left: auto; }
}

@media screen and (max-width: 800px) {
  .logo-bottom { margin-right: auto; }
}

@media screen and (max-width: 800px) {
  .logo-bottom { margin-bottom: 20px; }
}