@charset "UTF-8";


/*------------ERIK MEYER RESET------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/*-------------COMMON ELEMENTS------------------*/
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  background-image: url(../images/webtile-seamlesswhite.jpg);
  font-size: 1.0em;
  color: #fff;
  padding: 0px;
  margin: 0px;
}

h1, h2, h3, h4, h5, h6, .componentheading {
  font-family: 'Montserrat', sans-serif;
  font-weight: 100;
}

h1, .componentheading {
  font-size: 2.9em;
  line-height: 45px;
  color: #fff;
  margin: 40px 0px;
}

h2 {
  font-size: 1.8em;
  color: #fff;
  line-height: 25px;
  margin: 10px 0px;
}

h3 {
  font-size: 1.8em;
  color: #fff;
  margin: 24px 0px;
}

h4 {
  font-size: 1.4em;
  color: #fff;
}

a:link, a:visited {
  color: #5b84c3;
  text-decoration:underline;
}

a:hover {
  color: #536a8d;
}

ul, ol {
     margin: 10px 0px 10px 15px;
}

img {
     behavior: url(../iepngfix.htc);
     border: none;
}

section p {
    margin: 8px 0px;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}
/*-------------COMMON STRUCTURE Change Elements-----------------*/


/*-------------HEADER AREA-------------------------*/

#header-wrapper {
  position: absolute;
  z-index: 9999;
  width: 100%;
  background-image: url(../images/header-bkg.png);
}

header {
  margin: 0px auto;
  padding: 0px 0px;
  max-width: 1200px;
  text-align: right;
}

#logo {
  padding: 30px 0px 30px 0px;
  z-index: 600;
  width: 20%;
}

#info {
  width: 60%;
  text-align: right;
  padding: 20px 20px 0px 0px;
  float: right;
  margin: 
}


#nav-wrapper {
  padding: 0px;
  margin: 30px 0px 0px 0px;
  float: right;
  width: 740px;
  display: block;
}


.dropdown_css3 li ul {
	background: #666;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	width: 18.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	padding: 5px 0;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	visibility: hidden;
	opacity: 0;
	margin: 20px 0 0 0;
}

.dropdown_css3 > li > a:hover,
.dropdown_css3 > li:hover > a,
.dropdown_css3 > li.active > a {
	box-shadow: none;
        
}

.dropdown_css3-container .menubar,
.dropdown_css3 li a {
	font-family: 'Montserrat';
        font-size: 1.1em;
        padding: 10px 25px;
        color: #fff;
}

.dropdown_css3 li a,
.dropdown_css3 li:hover > a,
.dropdown_css3-container .menubar {
	color: #fff!important;
}

.dropdown_css3 li:hover,
.dropdown_css3 li a:hover,
.dropdown_css3 li a:active,
.dropdown_css3 li a:focus,
.dropdown_css3 li.active > a,
.dropdown_css3 li ul li.sfhover,
.dropdown_css3 li ul li > a:hover,
.dropdown_css3 li ul li.active > a:hover,
.dropdown_css3 li ul li.sfhover li.sfhover > a,
.dropdown_css3 li ul li.sfhover li.sfhover li.sfhover > a,
.dropdown_css3 li ul li.sfhover li.sfhover li.sfhover li > a:hover {
	color: #ccc!important;
	background: none!important;
}


/*------------BANNER AREA-------------------*/

#wrapper-banner {
  display: block;
  margin: 0px auto;
}

#banner img {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

#banner-in img {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.theme-default .nivoSlider {
  background: url(loading.gif) no-repeat 50% 50%!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  margin-bottom:0px;
}

/*---------------SECTION AREA---------------------*/
#wrapper-section {
  background-image: url(../images/webtile-seamless.jpg);
  background-color: #000;
  padding: 40px 0px 0px 0px;
}

section.home {
  margin: 0px auto;
  padding: 60px 20px;
  text-align: center;
  max-width: 1200px;
  background: url(../images/accentblk-top.png) no-repeat top center;
  line-height: 1.9em;
}
section.inside {
  margin: 0px auto;
  padding: 60px 20px;
  text-align: left;
  max-width: 1200px;
  background: url(../images/accentblk-top.png) no-repeat top center;
  line-height: 1.9em;
}
 
article {
  padding: 0px 0px 60px 0px;
  background: url(../images/accentblk-bottom.png) no-repeat bottom center;
}

article table {
   border-collapse: collapse;
   width: 100%;
}

article table td {
   padding: 5px;
}

a.websitelink {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 20px;
  margin: 30px;
  border: 1px solid #fff;
  font-weight: 600;
}
a.websitelink:hover {
  color: #000;
  background-color: #fff;
}


#logo-section {
  display: block;
  width: 100%;
  padding: 0px 0px;
  background-image: url(../images/background-pic.jpg);
  background-position: fixed;
  background-size: cover;
  background-color: #000;
  text-align:center;
}

.logos {
  margin: 0px auto;
  padding: 90px 20px;
  text-align: center;
  max-width: 1200px;
}

.logos h3 {
  font-size: 2.5em;
  color: #fff;
  margin: 0px 0px 40px 0px;
}

.footerlogos {
  float: left;
  width: 18%;
  margin: 0px 10px;
  font-style: italic;
}

.footerlogos p {
  padding: 40px 0px 0px 0px;
  font-size: 0.9em;
  color: #ccc;
}

#test-wrapper {
  clear: both;
}

.page-header h2, .items-more {
  border-top: 1px solid #ddd;
  padding: 20px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}


/*---------------FOOTER AREA----------------------*/

#wrapper-footer {
  margin: 0px;
  padding: 0px 0px 60px 0px;
}

.footerinfo {
  color: #000;
  padding: 0px 0px;
}

.footerinfo p {
  padding: 20px 0px;
  font-size: 1.6em;
  letter-spacing: 4px;
}

footer {
  margin: 0px auto;
  padding: 10px 0px 60px 0px;
  max-width: 1200px;
  color: #000;
  font-size: .9em;
  text-align: center;
  background: url(../images/accentwht-bottom.png) no-repeat bottom center;
}

.customcopyright {
  margin: 40px 0px 60px 0px;
}

/*--------------VideoWrapper--------------*/
.video {
        width: 55%;
        float: right;
        margin: 0px 0px 0px 20px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe, .videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*--------------MISC Formatting-----------*/
.pagination li {
   float: left;
   list-style: none;
   margin: 0px 10px;
}

.pagination ul {
   display: block;
   padding: 10px 0px;
}

/*------------SEARCH FIELDS -------------------*/
.phrases, .only {
  display: none;
}

.result-title {
  margin: 20px 0px 0px 0px;
}

.result-category, .result-created {
  font-style: italic;
  font-size: 10px;
}

.moduletable .search input.inputbox {
  float: left;
  width: 180px;
  height: 26px;
  padding: 0px;
  margin: 0px;
}

.moduletable .search .button {
 background: none;
 border: none;
 margin: 1px 0px;
 padding: 0px;
 width: 35px;
 height: 35px;
}

.edocman_document_list a {
   font-size: 12px;
   color: #333;
   margin: 0px 0px 0px 0px;
}

.edocman_document a img {
   vertical-align: middle;
   margin: 0px 10px 0px 0px
}

.edocman-thumb-left {
   display: none;
}

/* --------------------------------------------
   Clear
-------------------------------------------- */
.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.clr {
    clear: both;
}

.clearfix:after {
	clear: left;
}

/*-----------RS FORM STYLING-------------------*/
.rsform-block {
   font-family: 'Montserrat';
}

.inputbox {
  color:#888;
  width: 40%;
  background-color: #ffffff;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);
  -moz-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);
  -webkit-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);
  border:1px solid #c0c0c0;
  margin: 2px 3px 2px 0px !important;
  padding: 3px 3px !important;
}

a.button {
  color: #fff;
  text-decoration: none;
  font-family: 'Montserrat';
  display: block;
  padding: 10px 10px;
}

.rsform-input-box, .rsform-text-box, .rsform-captcha-box, .button {
  color:#888;
  width: 30%;
  background-color: #ffffff;
  border-radius:2px;
 -moz-border-radius:2px;
  -webkit-border-radius:2px;
  box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);
 -moz-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);
  -webkit-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);
  border:1px solid #c0c0c0;
  margin: 2px 3px 2px 0px !important;
  padding: 3px 3px !important;
}

.rsform-submit-button, .rsform-reset-button, .button, .buttonsearch {
}

.formResponsive input[type="submit"], .button {
  background-color: #333;
  *background-color: #333;
  background-image: -ms-linear-gradient(top, #333, #666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#666));
  background-image: -webkit-linear-gradient(top, #333, #666);
  background-image: -o-linear-gradient(top, #333, #666);
  background-image: -moz-linear-gradient(top, #333, #666);
  background-image: linear-gradient(top, #333, #666);
  background-repeat: repeat-x;
  border-color: #333;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333', endColorstr='#666', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.formResponsive input[type="submit"]:hover,
.formResponsive input[type="submit"]:active,
.formResponsive input[type="submit"].active,
.formResponsive input[type="submit"].disabled,
.formResponsive input[type="submit"][disabled] {
  background-color: #333;
  *background-color: #333;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.formResponsive input[type="reset"] {
  background-color: #333;
  *background-color: #333;
  background-image: -ms-linear-gradient(top, #333, #666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#666));
  background-image: -webkit-linear-gradient(top, #333, #666);
  background-image: -o-linear-gradient(top, #333, #666);
  background-image: -moz-linear-gradient(top, #333, #666);
  background-image: linear-gradient(top, #333, #666);
  background-repeat: repeat-x;
  border-color: #333;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333', endColorstr='#666', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.formResponsive input[type="reset"]:hover,
.formResponsive input[type="reset"]:active,
.formResponsive input[type="reset"].active,
.formResponsive input[type="reset"].disabled,
.formResponsive input[type="reset"][disabled] {
  background-color: #333;
  *background-color: #666;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/*-----------------NAVIGATION---------------------------*/
.clr {clear:both;}





/*---------------MEDIA QUERIES---------------------------------*/
@media only screen and (max-width:767px){

/*-------------HEADER AREA-------------------------*/

#header-wrapper {
  position: relative;
  z-index: 9999;
  width: 100%;
  background-image: none;
  background-color: #000;
}

header {
  margin: 0px auto;
  padding: 0px 0px;
  max-width: 1200px;
  text-align: right;
}

#logo {
  padding: 30px 0px 30px 0px;
  z-index: 0;
  width: 100%;
  text-align: center;
}
#logo img {
  width: 50%;
}

#info {
  display:none; 
}


#nav-wrapper {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: none;
  width: 100%;
  display: block;
  z-index: 99999;
  clear: both;
}

.dropdown_css3 li ul li {
  background: #666;
}


.footerlogos {
  float: none;
  width: 90%;
  margin: 30px 0px;
  padding: 20px 20px;
  font-style: italic;
  border-bottom: 1px solid #ccc;
}

.video {
        width: 100%;
        float: none;
        margin: 0px 0px 0px 0px;
}

}
/*-------------------------------------------------------*/

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



}