@charset "utf-8";

body { margin:0; padding: 0; background-color:#fff; }
body { color:#9b9b9c; font-size: 1em; line-height: 1.4em; font-family:'Roboto', sans-serif; font-weight:normal; }
p, div, td, th, ol, ul, li { font-size:1em;}
input, textarea, select { font-family:'Roboto', sans-serif; font-size:1em; color:#000; border:1px solid silver; background:#fff; width: 100%; }

td { font-family:'Roboto', sans-serif; font-size:1em; color:#9b9b9c; line-height:1.333em; }

img { max-width:100%; height:auto; border:0;  }
a img { text-decoration:none; border:0; }


a { color:#f87831; text-decoration:none; }
a:hover { color:#000; }
h1, h2, h3, h4, h5, h6 { color:#373b44; }

h1 { font-size: 1.8em; line-height: 1.3em; font-family:'Roboto', sans-serif; font-weight:bold; padding:1em 0 1em 0; margin:0; color: #373b44; text-transform: uppercase; }
h2 { font-size: 1.8em; line-height: 1.3em; font-family:'Roboto', sans-serif; font-weight:bold; padding:1em 0 1em 0; margin:0; color: #373b44;  text-transform: uppercase; }
h3 { font-size: 1.2em; line-height:1.3em; color: #373b44; font-weight:bold; margin:0; padding: 1em 0; }
h3.white { color: #fff; }
h4 {font-size: 1.1em; line-height:1.3em; font-weight: bold; }

h1.mobile { display:none; margin:1em 0 1em 0;}

#top_outer { width: 100%; background:transparent; position: fixed; top: 0; left: 0; right:0; margin:0 auto; height:60px; z-index:2000; background-color: #30333b; }
#top_inner { width: 96%; max-width: 1155px; margin:0 auto; padding: 0 2%; position:relative; }

#top_left { width: 60%; float:left; text-align: left; }
#top_left p { margin:0; padding: 1em 0; }
#top_right { width: 40%; float:right;   text-align: right; }
#top_right p { margin:0; padding: 1em 0; }
.topphone { padding-right: 10px;}

#top_left img { padding: 0 5px; }
#top_right img { padding: 0 5px;  }


#logo_box_outer { width: 100%; background:transparent; position: fixed; top: 60px; left: 0; right:0;  margin:0 auto; height:auto; z-index:2000; background-color: #373b44; }
#logo_box { width: 96%; max-width: 1155px;  margin:0 auto; padding: 0 2%; position:relative; }
#logo { float: left; padding-top: 6px; display: block;}

#banner { width: 100%; height:auto; position:relative; line-height:0; margin:0; padding:0; }
.bannerimg { width:100%; height:auto; }

#mid { width: 100%; height: auto; background-color: #000; margin: 0 auto; position:relative; margin-top: 145px; }

.parallax1 { 
    /* The image used */
    background-image: url("images/banner.jpg");

    /* height set dynamically with jquery */
	width:100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}

.parallax1_inner { 
    /* The image used */
    background-image: url("images/banner_inner.jpg");

    /* height set dynamically with jquery */
	width:100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}

#tagline_outer { width: 60%; padding: 30px 20% 30px 20%; position: relative; }

#tagline { font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: left; position: relative; }
#tagline h1, #tagline h2 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 2.8em; line-height: 1.3em; padding:1em 0 .2em 0; margin: 0; text-shadow: 2px 3px 10px #333; text-transform: uppercase; }
#tagline p, #tagline h3, #tagline h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 1.4em; line-height: 1.3em; padding:auto; margin: auto; }

#content { width: 100%; background-color: #fff; padding-top: 1em; margin:0; }

.col100 { width: 100%; max-width:1155px; margin:0 auto; position:relative; }
.col-inner {padding: 15px; position:relative; }

.col10 { width: 10%; float:left; }
.col20 { width: 20%; float:left; }
.col25 { width: 25%; float:left; }
.col33 { width: 33%; float:left; }
.col34 { width: 34%; float:left; }
.col50 { width: 50%; float:left; }
.col40 { width: 40%; float:left; }
.col60 { width: 60%; float:left; }
.col75 { width: 75%; float:left; }
.col80 { width: 80%; float:left; }

.col10r { width: 10%; float:right; }
.col20r { width: 20%; float:right; }
.col25r { width: 25%; float:right; }
.col33r { width: 33%; float:right; }
.col34r { width: 34%; float:right; }
.col50r { width: 50%; float:right; }
.col40r { width: 40%; float:right; }
.col60r { width: 60%; float:right; }
.col75r { width: 75%; float:right; }
.col80r { width: 80%; float:right; }

#content-gray { width: 100%; background-color: #eee; padding-top: 1em; }

#footer { width: 100%; background-color: #373b44; padding-top: 1em; color:#9197a8; font-size: .9375em; line-height:1.4em; }
#footer h2, #footer h3 { text-transform:uppercase; color: #fff; font-size: 1.25em; line-height:1.3em; padding: 0 0 15px 0; margin: 0;  }
#footer p { color: #9197a8; }
#footer a { color: #9197a8; text-decoration:none; }
#footer a:hover { color: #fff; }
#footer .col-inner { margin-bottom: 5px; padding-bottom: 5px; }

#footer2 { margin: 0; padding: 2em 0; background-color: #30333b; color: #9197a8; font-size: .9em; line-height:1.46em; }
#footer2 p { color: #9197a8; }
#footer2 a { color: #9197a8; text-decoration:none; }
#footer2 a:hover { color: #fff; }


.testimonial { font-style: italic; }
.testimonial-signature { font-style: italic; font-weight:bold; }
.graybg { background-color: #eee; }

.breadcrumb { padding: 10px; font-size:0.9333em; color: #000; }

.biobox { position:relative; line-height:1em; max-width: 250px; z-index: 2;}
.biobox img { width: 100%; height:auto;}
.overlayeffect { width: 100%; height:54px; position:absolute; left: 0; bottom: 0; line-height:1em; transition:2s all; background:rgba(0, 0, 0, 0.7); z-index: 10; }
.biobox:hover .overlayeffect { background:rgba(91, 200, 255, 0.85); transition:2s all }
.bioinfo { position: absolute; width: 100%; height:54px; position:absolute; left: 0; bottom: 0; line-height:1em; z-index: 11; }
.bioinfo h4 { color: #fff; padding: 5px 0px; margin:0; }
.bioinfo p { color: #fff; font-size: .8em; line-height:1em; padding: 5px 0px; margin:0; }


#sponsor-box { width: 100%; background-color: #fff; }
#sponsor-box img.awardimg { margin: 0 10px; vertical-align:middle; }

a.readmore-button { background-color: #f87831; color: #000; text-decoration:none; padding: 8px 35px; border: none; line-height:1em; }
a:hover.readmore-button { background-color: #fff; color: #f87831; }

.blue { color: #000077; }
.black { color: #000; }
.white { color: #fff; }

.clearb, .clearb0 { clear:both; height: 0px; line-height:0px; }
.clearb1 { clear:both; height: 1px; line-height:1px; }
.clearb5 { clear:both; height: 5px; line-height:5px; }
.clearb10 { clear:both; height: 10px; line-height:10px; }
.clearb20 { clear:both; height: 20px; line-height:20px; }
.clearb30 { clear:both; height: 30px; line-height:30px; }

#ajax-cf-image { vertical-align:middle; display:inline-block; }

ul, li { margin-bottom:5px; margin-top:5px; }
.bold { font-weight: bold; }
.warning, .errormsg { color: maroon; padding: 5px 0; font-weight:bold; }
.infomsg { color: darkgreen; padding: 5px 0; font-weight:bold; }
.floatleft { float: left; margin-right: 1.5em; }
.floatleft_content { float: left; margin-right: 1.5em; margin-bottom: .75em; }
.floatleft-icon { float: left; margin-right: 1.5em; margin-bottom: 4em; }
.floatright_content { float: right; margin-left: 1.5em; margin-bottom: .75em; }
.floatright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.inlineblk { display:inline-block; }

.errormsg { padding: 5px; margin: 5px 0px; border: solid 1px maroon; }
.infomsg { padding: 5px; margin: 5px 0px; border: solid 1px darkgreen; }

img.imgborder { border: solid 1px #ccc; padding: 1px; max-width: 99%; height:auto; }

div.inputfield { clear: left; font-weight: normal; padding:5px 0px; text-align:left;}
div.inputfieldright { clear: left; font-weight: normal; padding:5px 0px; text-align:right; width: 100%;}
div.inputfieldn { display: none; }
label { display:block; text-align: left; font-size:1em; line-height:1.333em; padding-bottom: 8px; }
label.short1 { width: 38px; text-align: right; float:left; padding: 2px 3px 0 0; }
label.short2 { width: 30px; text-align: right; float:left; padding: 2px 3px 0 0; }
label.short { width: 70px; text-align: right; float:left; padding: 2px 3px 0 0; }
label.med1 { width: 110px; text-align: right; float:left; padding: 2px 3px 0 0; }
label.med { width: 150px; text-align: right; float:left; padding: 2px 3px 0 0; }
label.long { width: 220px; text-align: right; float:left; padding: 2px 3px 0 0; }
input { padding: 10px 2%; width: 95%; }
textarea { height: 100px; padding: 10px 2%; width: 95%; }
input.btn { width:auto; background-color: #f87831; color: #fff; text-decoration:none; padding: 5px 30px; line-height:1em;  font-size: 1.2em; vertical-align:middle; border: none; }
.mt0 { margin-top:0;}
.pt0 { padding-top:0;}

.hr { height: 1px; line-height: 1px; width: 100%; background-color: #ccc; margin: 10px; padding:0; }

.left, .fleft {
	text-align: left;
}

.center, .fcenter {
	text-align: center;
}

.right, .fright {
	text-align: right;
}

.justify {
	text-align: justify
}

 .captcha { width: 430px; height: 60px; margin: 5px 0px 5px 0; }