@import "reset.css";
@import "layout.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
html, button, input, select, textarea {
font-family: sans-serif;
}
/* Normalizing form elements
*******************************************************************************/
fieldset { border: none; }
textarea, button, input, select { font-size: 100%; vertical-align: baseline; }
textarea { overflow: auto; min-height: 30px; max-height: 400px; resize: vertical; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; vertical-align: middle; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="search"]{ -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button[disabled],
input[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
select, input, textarea {
color: #000;
font-size: 12px;
font-family: Arial, sans-serif;
}
/*global*/
html,body {
    height: 100%;
}
html{
    overflow-y: scroll;
}
body {
font:16px/22px Arial, sans-serif;
color:#748288;
min-width: 900px;
width:100%;
z-index:1;
background: url(../images/bg_piece.png);
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
a {
text-decoration:none;
}
h1 {
/*float: right;*/
/*display: inline-block;*/
width: 374px;
margin: 42px auto 0;
}
h1>a{
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 374px;
height: 64px;
background: url(../images/logo.png) right center no-repeat;
}
h2 {
font: 24px/1.2em 'Average', serif;
color: #fff;
text-transform: uppercase;
display: inline-block;
padding-bottom: 23px;
}
h3 {
font: 18px/18px 'Fanwood Text', italic;
color: #65ab45;
font-style: italic;
padding-bottom: 11px;
}
p {
padding-bottom: 18px;
}
#glob {
min-height: 100%;
    overflow: hidden;
/*background: url(../images/bg_glow.png) 0 0 no-repeat transparent;*/
}
#page {
    padding-bottom: 52px;
}
#topShadow, #bottomShadow{
position: absolute;
left: 0;
width: 100%;
height: 234px;
z-index: -1;
}
#topShadow{
top: 0;
background: url(../images/shadow_top.png) center top repeat-x;
}
#bottomShadow{
bottom: 0;
background: url(../images/shadow_bot.png) center bottom repeat-x;
}
.spinner {
position:fixed;
left:0;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #18191a;
}
/*footer*/
footer {
position: relative;
overflow: hidden;
margin-top: -52px;
height:52px;
background: url(../images/footer_bg.png) center repeat-x;
z-index: 250;
}
footer p {
position: relative;
display: inline-block;
font: 10px/14px Arial, sans-serif;
color: #666;
padding: 13px 0 0 2px;
}
footer p.copy {
padding: 4px 0 0 0;
font-size: 38px;
line-height: 46px;
}
footer p a{
color: #fff;
}
/*end footer*/
/*menu*/
.main-nav {
margin: 35px 0 37px;
background: url(../images/content_bg_out.png);
font-size: 15px;
line-height: 35px;
}
.main-nav ul {
text-align: center;
}
.main-nav li {
display: inline-block;
vertical-align: middle;
padding: 0 19px;
}
.main-nav li a {
color: #93b0c3;
display: block;
border-bottom: 3px solid transparent;
padding: 0 13px;
}
.main-nav li a:hover {
color: #c3bea3;
}
.main-nav li.active a {
color: #fff;
border-color: #c4bfa4;
}
/*end menu*/
/*pages*/
#content {
position:relative;
width:100%;
z-index: 50;
margin-bottom: 37px;
}
.content-holder {
background: url(../images/content_bg_out.png);
overflow: hidden;
padding: 0 20px;
box-sizing: border-box;
}
.content-holder .data {
text-align: justify;
    padding-top: 18px;
}
.content-holder .data .box {
    margin-bottom: 18px;
    border-bottom: 1px dashed #fff;
}
.content-holder .data ul {
list-style: disc outside;
color: #f00;
}
.content-holder .data ul p {
color: #748288;
}
.content-holder .data ul p span {
font-weight: bold;
color: #fff;
}
.content-holder .col3 img{width:100%;}
#content>ul {
width:100%;
height: 419px;

}
#content>ul>li {
position:absolute;
width: 1060px;
overflow: hidden;
margin-left: 248px;
}
.sloganHolder{
position: relative;
float: left;
width: 247px;
height: 419px;
background: url(../images/splash_bg.png) left center no-repeat;
z-index: 10;
}
.sloganHolder+img{
float: left;
margin-left: -10px;
}
.sloganHolder>p{
padding: 97px 50px 21px 32px;
font: 30px/32px 'Average', serif;
color: #fff;
text-shadow: #486cb8 0 1px 0px;
}
.sloganHolder>p:first-child+p{
padding: 0 0 0 29px;
font: 18px/1.2em 'Fanwood Text', serif;
font-style: italic;
color: #81cbf9;
text-shadow: #3f62aa 0px 1px 0px;
}
.readMore {
font: 14px/1.2em 'Fanwood Text', italic;
color: #65ab45;
font-style: italic;
display: inline-block;
margin: 6px 0 0 3px;
}
.readMore>span{
display: inline-block;
background: url(../images/more_arrow.png) center no-repeat;
width: 8px;
height: 5px;
margin: 6px 0 0 10px;
}
.readMore:hover {
text-decoration: underline;  
}
.list1{
margin-top: -5px;
}
.list1>li{
width: 233px;
display: inline-block;
margin: 0 35px 8px 0;
}
.list1>li.right{
margin-right: 0;
}
.list1>li>span{
color: #65ab45;
}
.list1>li>a{
color: #65ab45;
text-decoration: underline;
}
.list1>li>a:hover{
text-decoration: none;
}
.list2{
margin: -3px 1px;
}
.list2>li{
margin-bottom: 2px;
}
.list2>li>img{
float: left;
margin-right: 20px;
}
.list2>li>div{
overflow: hidden;
}
.list2>li>div>h3{
margin-top: 3px;
}
.list3{
margin-top: -8px;
}
.list3>li{
display: inline-block;
position: relative;
width: 236px;
margin-right: 42px;
}
.list3>li.right{
margin-right: 0;
}
.list3>li>div:first-child{
background: #65ab45;
width: 54px;
height: 54px;
border-radius: 27px;
-moz-border-radius: 27px;
-webkit-border-radius: 27px;
text-align: center;
float: left;
margin: 4px 13px 0 0;
position: relative;
}
.list3>li>div:first-child>p{
text-transform: uppercase;
padding: 4px 0;
font: 38px/1.2em 'Average', serif;
color: #fff;
}
.list3>li>div:first-child+div>p{
margin-top: 0;
}
.divider{
position: relative;
display: inline-block;
width: 1px;
height: 20px;
margin: 3px 23px 0;
background: url(../images/divider.png) center no-repeat;
}
/*PADDINGS*/
.pad1 {
padding: 18px 0 0;
box-sizing: border-box;
}
.pad2 {
padding-bottom: 42px;
}
.mar1{
margin-bottom: 32px;
}
.mar2{
margin-top: -6px;
}
.color1{
color: #fff;
}
.width1{
display: inline-block;
width: 78px;
}
/*additional classes*/
.block {
display:block;
}
.wrapper {
width:100%;
overflow:hidden;
}
a.und,.und a {
text-decoration:underline;
}
a.und:hover,.und a:hover {
text-decoration:none;
}
/*form-block*/
.form-block{
position:  relative;
border-radius: 0px;
width: 315px;
border: none;
box-shadow: none;
float: left;
margin: -5px 50px 0 1px;
}
.form-block div {
padding-bottom: 5px;
}
.form-block label {
display: block;
margin-bottom: 6px;
color: #fff;
}
.form-block label span{
color: #999;
font-size: 11px;
font-style: italic;
font-weight: normal;
padding-left: 5px;
}

.form-block input[type="text"] {
margin-bottom: 13px;
width: 300px;
height: auto;
padding: 13px;
border: 1px solid #748288;
border-radius: 3px;
box-shadow: 1px 1px 2px #748288 inset;
font-size: 14px;
box-sizing: border-box;
}
.form-block textarea{
height: 125px;
min-height: 125px;
max-height: 125px;
width: 600px;
max-width: 600px;
min-width: 600px;
padding: 13px;
border: 1px solid #748288;
border-radius: 3px;
box-shadow: 1px 1px 2px #748288 inset;
font-size: 14px;
box-sizing: border-box;
margin-bottom: 13px;
resize: none;
}
.form-block input[type="submit"] {
border: 0 none;
border-radius: 2px;
color: #f4f4f2;
cursor: pointer;
display: inline-block;
font-size: 0.9em;
letter-spacing: 0.6px;
line-height: 20px;
opacity: 1;
padding: 10px 18px;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: opacity 400ms ease 0s;
vertical-align: middle;
background: #f00;
font-weight: bold;
}
.form-block input[type="submit"]:hover{
opacity: 0.6;
}
/*end form-block*/