@charset "utf-8";
*
{
margin: 0;
padding: 0;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

html * 
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

html
{
font-size: 100%;
vertical-align: baseline;
padding: 0;
margin: 0;
border: 0;
outline: none;
overflow-y: scroll;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background-color: #003366;
}

body
{
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 12px;
color: #000000;
}

ol, ul
{ 
list-style: none; 
margin: 0;
}

ul li
{
margin: 0; 
padding: 0;
}

a,
a:visited
{
text-transform: none;
text-decoration: none;
outline: none; 
border: 0;
}

a:hover
{
text-decoration: none;
cursor: pointer;
}

.none
{
display: none;
}

input, 
select
{
vertical-align: middle;
}

input, 
textarea, 
select 
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}

strong,
b
{
font-weight: bold;
}

.hide
{
display: none;
} 

hr 
{
width: 100%;
height: 1px;
margin: 20px 0 20px 0;
background-color: #FFFFFF;
border: 0;
color: #FFFFFF;
clear: both;
}

.highlight_title
{
color: #000000;
}

.highlight_view
{
color: #000000;
}

.section
{
padding: 0;
margin: 0;
clear: both;
}

.group:before,
.group:after
{
content: "";
display: table;
padding: 0;
}

.group:after
{
clear: both;
}

.group
{
zoom:1;
}

/*HEADER 
=========================================================================
*/

.header_top
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 190px;
margin: 0;
padding: 0;
text-align: center;
background: url("../images/background.png") left top repeat-x #FFFFFF;
}

.header_top_wrapper
{
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0;
}

.logo img
{
width: 278px;
height: 153px;
margin: 20px 0 10px 0;
padding: 0;
border: 0;
outline: none;
}

.header_bottom
{
position: absolute;
top: 190px;
left: 0;
width: 100%;
height: 45px;
margin: 0;
padding: 0;
text-align: center;
background-color: #003366;
-webkit-box-shadow: -1px 7px 10px -3px rgba(0,0,0,0.45);
-moz-box-shadow: -1px 7px 10px -3px rgba(0,0,0,0.45);
box-shadow: -1px 7px 10px -3px rgba(0,0,0,0.45);
}

.header_bottom_wrapper
{
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0;
height: 45px;
}

.menu
{
position: absolute;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
display: none;
}

.menu_text
{
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: normal;
padding: 0 0 0 25px;
}

a.hamburger
{
width: 20px;
height: 20px;
padding: 2px;
background: url('../images/hamburger_icon.png') no-repeat;
}

a.hamburger.opned
{
background: url('../images/close_menu_icon.png') no-repeat;
}

#navigation_menu
{
display: block;
padding: 0;
margin: 0; 
}

#navigation_menu li
{
display: inline-block;
padding: 0;
width: 170px;
list-style: none;
margin-right: 1px;
}

#navigation_menu li:last-child
{
margin-right: 0;
}

#navigation_menu li a:link, 
#navigation_menu li a:visited
{
display: block;
padding: 15px 0 15px 0;
margin-right: 0;
color: #FFFFFF;
font-weight: bold; 
text-decoration: none;
text-align: center;
}

#navigation_menu li a:hover, 
#navigation_menu li a.selected
{
color: #FFFFFF;
font-weight: bold; 
background-color: #FF0000;
}

#navigation_menu li a.firstbox
{ 
margin-left: 1px;
}

#navigation_menu li a.lastbox
{ 
margin-right: 0;
}

/* CONTAINER 
=========================================================================
*/

.container
{
padding: 255px 0 25px 0;
margin: 0 auto;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
color: #003366;
font-size: 12px; 
font-weight: normal;
background-color: #FFFFFF;
overflow: hidden;
clear: both;
}

/* BANNER */

#banner
{
width: 100%;
padding: 0;
margin: 0;
background-color: #003366;
}

.banner_wrapper
{
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0;
text-align: center;
}

.banner_wrapper img
{
display: block;
max-width: 100%;
height: auto;
padding: 0;
border: 0;
}

/* CONTENT */
#content_index
{
padding: 0;
margin: 50px 0 0 0;
}

#content
{
padding: 0;
margin: 30px 0 0 0;
}

#content_gallery
{
padding: 0;
margin: 0;
}

.content_wrapper
{
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0;
text-align: center;
}

#content h1,
#content_index h1
{
font-family: Verdana, Geneva, sans-serif;
font-size: 14px; 
color: #FF0000;
line-height: 16px;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin: 0;
}

#content .col,
#content_index .col
{
display: block;
float: left;
padding: 0;
margin: 0;
}

#content .span_1_of_1,
#content_index .span_1_of_1
{
width: 100%;
padding: 0;
margin: 0;
}

#content .span_1_of_2
{
width: 50%;
padding: 0;
margin: 0;
}

#content .span_1_of_3
{
width: 33.3333%;
padding: 0;
margin: 0;
}

#content .span_1_of_1 p,
#content_index .span_1_of_1 p
{
font-family: Verdana, Geneva, sans-serif;
color: #003366;
font-size: 12px;
line-height: 25px;
font-weight: normal;
text-transform: none;
text-align: justify;
padding: 0; 
margin: 10px 0 10px 0;
}

#content .span_1_of_1 img,
#content_index .span_1_of_1 img
{
display: block;
outline: none;
padding: 0;
margin: 0;
}

.span_2_of_3 img
{
display: block;
width: 100%;
height: auto;
outline: none;
padding: 0;
margin: 0;
outline: none;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.col_form_left h2 
{
font-family: Verdana, Geneva, sans-serif;
font-size: 14px; 
color: #FF0000;
line-height: 16px;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 0 0 15px 0;
margin: 0;
}

.span_1_of_1 .col_form_left
{
display: block;
float: left;
width: 48%;
padding: 0;
margin: 0 2% 0 0;
text-align: left;
}

.span_1_of_1 .col_form_right
{
display: block;
float: right;
width: 50%;
padding: 0;
margin: 0;
text-align: left;
}

.onlineForm
{
width: 100%;
padding: 0;
margin: 0;
text-align: left;
}

ul.contacts
{
list-style: none;
margin: 0 0 25px 0;
padding: 0;
overflow: hidden;
}

ul.contacts li
{
display: block;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #003366;
line-height: 20px;
font-weight: normal;
text-transform: none;
text-align: left;
}

ul.contacts li a,
ul.contacts li a:visited
{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #003366;
font-weight: normal;
text-transform: none;
text-decoration: underline;
text-align: left;
}

ul.contacts li a:hover
{
color: #FF0000;
font-weight: normal;
text-transform: none;
text-decoration: none;
}

.asterisk
{
color: #FF0000;
font-size: 100%;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: none;
}

#ContactResponse p
{
font-family: Verdana, Geneva, sans-serif;
color: #003366;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: left;
line-height: 20px;
padding: 5px 0 5px 0;
margin: 0;
}

.onlineForm label
{
font-family: Verdana, Geneva, sans-serif;
color: #003366;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: none;
}

.contact_error
{
font-family: Verdana, Geneva, sans-serif;
color: #FF0000;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: none;
padding: 5px 0 10px 0;
}

.contact_success
{
font-family: Verdana, Geneva, sans-serif;
color: #009900;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: none;
padding: 5px 0 10px 0;
}

.onlineForm input[type=text]
{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #003366;
font-weight: normal;
font-style: normal;
text-align: left;
text-transform: none;
margin-bottom: 20px;
margin-top: 10px;
width: 100%;
padding: 10px;
border: 1px solid #003366;
background-color: #FFFFFF;
outline: none;
-webkit-appearance: none;
}

.onlineForm textarea
{
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
color: #003366;
font-weight: normal;
font-style: normal;
text-align: left;
text-transform: none;
width: 100%;
max-width: 100%;
height: 130px;
max-height: 130px;
padding: 10px;
margin-top: 10px;
border: 1px solid #003366;
background-color: #FFFFFF;
margin-bottom: 20px;
resize: none;
outline: none;
-webkit-appearance: none;
} 

.onlineForm input[type=text]:focus,
.onlineForm textarea:focus
{
border: 1px solid #CCCCCC;
background-color: #F3F3F3;
outline: none;
-webkit-appearance: none;
}

.onlineForm input[type=submit]
{
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
color: #FFFFFF;
font-weight: normal;
font-style: normal;
text-align: center;
text-transform: none;
margin-bottom: 20px;
width: 100%;
padding: 10px;
border: 0;
background-color: #003366;
cursor: pointer;
outline: none;
-webkit-appearance: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.onlineForm #submit:hover, 
.onlineForm #submit:focus
{
outline: none;
-webkit-appearance: none;
opacity: 0.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
-moz-opacity: 0.95;
-webkit-opacity: 0.95;
-khtml-opacity: 0.95;
filter: alpha(opacity=95);
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}

/* FOOTER */

.footer
{
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
line-height: 20px;
text-align: left;
padding: 50px 0 5px 0;
margin: 0 0 5px 0;
webkit-box-shadow: -1px -7px 5px -5px rgba(0,0,0,0.55);
-moz-box-shadow: -1px -7px 5px -5px rgba(0,0,0,0.55);
box-shadow: -1px -7px 5px -5px rgba(0,0,0,0.55);
}

.footer_wrapper
{
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0;
}

.footer .col
{
display: block;
float: left;
margin: 0;
}

.footer .span_1_of_3
{
width: 23%;
text-align: left;
}

.footer .span_2_of_3
{
width: 52%;
text-align: left;
}

.footer .span_3_of_3
{
width: 25%;
text-align: right;
}

.footer .span_3_of_3 img
{
width: 40px;
height: 40px;
padding: 0;
border: 0;
outline: none;
}

.footer .span_1_of_3 ul li,
.footer .span_2_of_3 ul li
{
display: block;
}

.footer .span_1_of_3 ul a,
.footer .span_1_of_3 ul a:visited,
.footer .span_2_of_3 ul a,
.footer .span_2_of_3 ul a:visited
{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
letter-spacing: 0;
line-height: 25px;
text-decoration: underline;
}

.footer .span_1_of_3 ul a:hover,
.footer .span_2_of_3 ul a:hover
{
color: #CCCCCC;
text-decoration: none;
}

.footer .span_1_of_1
{
width: 100%;
}

.copyright
{
padding: 0;
margin: 90px 0 5px 0;
}

.copyright ul
{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.copyright ul li
{
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #CCCCCC;
letter-spacing: 0;
line-height: 20px;
font-size: 12px;
font-style: normal;
}

.copyright img
{
display: block;
max-width:100%;
height: auto;
padding: 0;
border: 0;
outline: none;
}

/* BACK TO TOP */

.cd-top 
{
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(0, 51, 102, 0.9) url('../images/arrowTop.png') no-repeat center 50%;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
}

.cd-top.cd-is-visible 
{
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.cd-top.cd-fade-out 
{
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
}

.no-touch .cd-top:hover 
{
background-color: #FF0000;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
}

.cd-top.cd-is-visible, 
.cd-top.cd-fade-out, 
.no-touch .cd-top:hover 
{
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}