@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;
}
/*global*/
body {
position:absolute;
font:14px/20px Arial, sans-serif;
color:#b1b9c0;
min-width: 1200px;
min-height:900px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #3b4853;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #3b4853; 
}
.Logo_sil {
position: absolute;;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 350px;
height: 115px;
background: url(../images/Logo_sil.png) center no-repeat;
}
/*footer*/
footer {
position:absolute;
width: 100%;
z-index:100;
bottom:0px;
height:180px;
}
footer>div{
display: inline-block;
position: relative;
/* float: right; */
height: 100%;
white-space: nowrap;
}
footer>div:first-child{
width: 100%;
background: url(../images/footer_bg_R.jpg) center left no-repeat;
z-index: -1;
position: absolute;
left: 800px;
}
footer>div:first-child+div{
width: 100%;
background-color: #d4a412;
background: url(../images/footer_bg.jpg) center right no-repeat;
z-index: -1;
position: absolute;
right: 680px; 
}
footer p {
position: relative;
text-transform: uppercase;
color: #6d7c89;
font-size: 11px;
padding-left: 30px;
}
footer p a{
color: #6d7c89;
}
.separator{
white-space: pre;
color: #b1954a;
}
.soc_icons{
display: inline-block;
float: right;
margin: 146px 0 0;
right: 10px;
position: relative;
}
.soc_icons>li{
display: inline-block;
width: 18px;
height: 18px;
margin-left: 4px;
}
.soc_icons>li>a{
display: block;
width: 100%;
height: 100%;
}
.soc_icons>li>a>img{
position: relative;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: inline-block;
padding: 25px 50px 21px;
}
#menu>li {
display: block;
position: relative;
}
#menu>li.no_disp{
display: none;
}
#menu>li>a {
position: relative;
display: inline-block;
font: 16px/19px Arial, sans-serif;
color: #fff;
text-transform: uppercase;
}
#menu>li>strong{
display: inline-block;
position:absolute;
height: 19px;
width: 500px;
top: 0;
left: -250px;
z-index: -1;
background: url(../images/menu_bg_over.png) left center no-repeat;
}
.submenu_1 {
position:absolute;
z-index:9100;
width: 450px;
left: 130px;
top: 0px;
display: none;
background: url(../images/submenu_bg.png) right 0px no-repeat;
}
.submenu_1 li:first-child {
margin-left: 2px;
}
.submenu_1 li {
position:relative;
display: inline-block;
background: url(../images/menu_bullet.png) 2px 6px no-repeat;
margin-right: 1px;
}
.submenu_1 a {
position:relative;
display: block;
font: 14px/19px Arial, sans-serif;
color: #b9170c;
text-transform: uppercase;
margin-left: 10px;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#fff;
}
/*end menu*/
/*pages*/
#content {
position: relative;
width: 1001px;
height:450px;
z-index: 50;
bottom: -238px;
margin: 0 auto; 
}
#content>ul {
width: 1001px;
display: inline-block;
position: relative;
height: 100%;
}
#content>ul>li.no_bg{
background: none;
}
#content>ul>li {
position:absolute;
width: 1001px;
height:100%;
overflow: hidden;
background: url(../images/content_bg.jpg) center no-repeat;
}
#slogan{
margin-top: 183px;
}
.readMore {
position: relative;
display: inline-block;
color:#8999a5;
font: 11px/13px Arial, sans-serif;
text-transform: uppercase;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 1px 1px rgba(38,46,52,1);
-moz-box-shadow: 0 1px 1px rgba(38,46,52,1);
-webkit-box-shadow: 0 1px 1px rgba(38,46,52,1);
background: #49555f;
background: -moz-linear-gradient(top, #49555f, #383f45);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49555f), color-stop(100%,#383f45));
background: -webkit-linear-gradient(top, #49555f, #383f45);
background: -o-linear-gradient(top, #49555f, #383f45);
background: -ms-linear-gradient(top, #49555f, #383f45);
background: linear-gradient(top, #49555f, #383f45);
padding: 8px 15px;
}
.readMore:hover {
text-decoration: none;
background: #fbdd54;
background: -moz-linear-gradient(top, #fbdd54, #f19706);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdd54), color-stop(100%,#f19706));
background: -webkit-linear-gradient(top, #fbdd54, #f19706);
background: -o-linear-gradient(top, #fbdd54, #f19706);
background: -ms-linear-gradient(top, #fbdd54, #f19706);
background: linear-gradient(top, #fbdd54, #f19706);
}
.readMore2 {
display: inline-block;
background: url(../images/arrow.png) left center no-repeat;
margin: 6px 0 0 1px;
width: 12px;
height: 9px;
}
.vline{
display: inline-block;
float: left;
width: 2px;
height: 291px;
background: url(../images/vline.png) right 0 no-repeat;  
margin: 11px 19px 0 8px;
position: relative;
}
.vline.v2{
height: 384px;
margin: 35px 30px 0 68px;
}
.vline.v4{
height: 384px;
margin: 35px 27px 0 8px;
}
.closeBtn{
position: absolute;
right: 30px;
top: 36px;
width: 30px;
height: 30px;
background: url(../images/close_icon.png) center bottom no-repeat;
z-index: 100;
}
.list1>li{
margin-bottom: -6px;
width: 280px;
}
.list1>li.marBot{
margin-bottom: 10px;
}
.list1>li>div{
overflow: hidden;
}
.list1>li>img{
float: left;
margin: 9px 2px 0 8px;
}
.list2{
margin-top: 14px;
}
.list2>li{
margin-right: 30px;
padding: 0 10px 40px 0;
width: 280px;
display: inline-block;
position: relative;
float: left;
background: url(../images/vline.png) right center no-repeat;
}
.list2>li.right{
margin-right: 0;
background: none;
}
.list2>li.last{
padding-bottom: 3px;
}
.list2>li>h4+p{
width: 270px;
padding-bottom: 7px;
}
.list2>li>h4+p+p{
margin-right: 17px;
}
.list3{
margin: 14px 0;
}
.list3>li{
margin: 0 20px 0 0;
width: 140px;
display: inline-block;
position: relative;
float: left;
}
.list3>li.right{
margin-right: 0;
}
.list3>li.last{
margin-bottom: 10px;
}
.list3>li>h4{
line-height: 24px;
padding: 6px 0 19px;
}
.list3>li>h4+p{
padding-bottom: 7px;
}
.list4{
background: url(../images/vline.png) right 0 repeat-y;
margin-left: 30px;
width: 290px;
position: relative;
}
.list4.no_mar{
margin: 0;
}
.list4.no_bg{
background: none;
}
.list4>li{
width: 270px;
}
.list4>li>p{
}
.list4>li>h4{
line-height: 24px;
padding: 9px 0 13px;
}
.list4>li.last>p{
padding-bottom: 3px;
}
/*scroll*/
.scroll{
position: relative;
width: 311px;
height: 304px;
}
.scroll.v2{
width: 940px;
height: 310px;
}
.scroll.v3{
width: 380px;
height: 240px;
}
.scroll.v4{
width: 940px;
height: 303px;
}
.scroll.v5{
width: 455px;
height: 200px;
}
._track,._track3{
width: 10px;
height: 295px;
background: url(../images/scroll_bg.png) center top no-repeat;
top: 0px;
right: 0px;
margin-top: 10px;
}
._track3,._trackBG3{
margin-top: -50px; 
}
._trackBG{
margin-top: 10px;
}
._shuttle{
cursor: pointer;
width: 10px;
height: 50px;
background: url(../images/scroll_btn.png) 0 top no-repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*end scroll*/
/*scroll2*/
/*.scroll2{
position: relative;
width: 311px;
height: 304px;
}
.scroll2.v2{
width: 940px;
height: 310px;
}
.scroll2.v3{
width: 380px;
height: 240px;
}
.scroll2.v4{
width: 940px;
height: 303px;
}
.scroll2.v5{
width: 455px;
height: 200px;
}
._track,._track3{
width: 10px;
height: 290px;
background: url(../images/scroll_bg.png) center top no-repeat;
top: 0px;
right: 0px;
margin-top: 10px;
}
._track3,._trackBG3{
margin-top: -50px; 
}
._trackBG{
margin-top: 10px;
}
._shuttle{
cursor: pointer;
width: 10px;
height: 50px;
background: url(../images/scroll_btn.png) 0 top no-repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}*/
/*end scroll2*/
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
/*PADDINGS*/
.pad1 {
padding-top: 44px;
}
.pad2 {
padding: 0 3px 4px 0px;
}
.pad3 {
padding-top: 23px;
}
.pad4 {
padding-bottom: 14px;
}
.mar1{
margin-right: 18px;
}
.color1{
color: #f8c21f;
}
.imHolder1,.imHolder2,.imHolder3,.imHolder4{
background: url(../images/shadow_1.png) center bottom no-repeat;
height: 262px;
margin: 11px 31px 0 0; 
}
.imHolder1{
float: left;
}
.imHolder1>img,.imHolder2>img,.imHolder3>img{
border: 5px solid #fff;
}
.imHolder2{
height: 132px;
margin: 0 0 -3px;
}
.imHolder3{
height: 152px;
margin: 0; 
background-image: url(../images/shadow_2.png);
}
.imHolder4{
float: left;
height: 272px;
margin: 0; 
}
.w1{
display: inline-block;
width: 82px;
}
.w2{
width: 300px;
}
/*///////////////////////////*/
h1,h2,h3,h4{
position: relative;
}
h1 {
float: right;
padding: 26px 57px 0 0;
display: block;
width: 265px;
height: 86px;
}
h2 {
font: 72px/86px 'Oswald', Tahoma, sans-serif;
color:#fff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: -3px;
padding-bottom: 6px;
}
h3 {
font: 52px/62px 'Oswald', Tahoma, sans-serif;
color:#fff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: -1px;
padding-bottom: 12px;
}
h4 {
font: 24px/30px 'Oswald', Tahoma, sans-serif;
color:#f8c21f;
text-transform: uppercase;
font-weight: 300;
padding: 6px 0 10px;
}
p {
padding-bottom: 20px;
}
/*additional classes*/
.block {
display:block;
}
.inblock {
display:inline-block;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.all {
text-align:left;
}
.alr {
text-align:right;
}
.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.box{
overflow:hidden;
}
a.und,.und a {
text-decoration:none;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
.nocolor,.nocolor a {
color:inherit;
}
.upc {
text-transform:uppercase;
}
.nopad {
padding:0;
}
.nomar {
margin:0;
}
.clear {
clear:both;
line-height:0;
}
.rel {
position:relative;
}
/*google map*/
.google_map{
border-radius: 0px;
width: 330px;
height: 240px;
border: 5px solid #fff;
box-shadow: none;
background-color: #3b4853;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
position:  relative;
overflow: hidden;
float: left;
margin: 11px 30px 0 0;
}
/*end google map*/
/* Forms*/
#form1 {
position: relative;
margin: 11px 0 0 3px;
height: 297px;
}
#form1 input,
#form1 textarea {
position: relative;
background: #fff;
border: none;
color: #b1b9c0;
padding: 6px 9px;
width: 202px;
outline:none;
box-shadow:none;
line-height: 17px;
}
#form1 textarea {
width: 282px;
height: 120px;
overflow:auto;
resize: none;
}
#form1 label {
display:inline-block;
min-height: 40px;
position: relative;
width: 220px;
}
#form1 .success{
position: absolute;
margin-top: -22px;
font-size: 12px;
}
#form1 .error, #form1 .empty {
text-align: left;
display:none;
font-size:10px;
color:#fff;
margin-left: 225px;
margin-top: -32px;
position: relative;
line-height: 12px;
position: absolute;
width: 77px;
}
#form1 .message .error,#form1 .message .empty{
margin-left: 2px;
margin-top: 9px;
}
fieldset{
height: 210px;
}
.btns{
padding: 10px 0 0;
position: relative;
float: right;
}
.btns a{
display:inline-block;
margin-left: 14px;
}
/* Form defaults */
input, select, textarea {
font-family: Arial, sans-serif;
vertical-align:middle;
font-weight:normal;
font-size: 14px;
}
/*end forms*/
.spinner_logo {
   margin: 50px auto;
  -webkit-animation: sk-rotateplane 5s infinite ease-in-out;
  animation: sk-rotateplane 5s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(0px) }
  50% { -webkit-transform: perspective(0px) rotateY(360deg) }
 /* 100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(0deg) }*/
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(0px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(360deg) rotateY(0deg);
    -webkit-transform: perspective(0px) rotateX(360deg) rotateY(0deg) 
  } /*100% { 
    transform: perspective(120px) rotateX(0.1deg) rotateY(179.9deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(179.9deg);
  }*/
}