@import "reset.css";

@import "grid.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/18px Calibri, sans-serif;

color:#00000;

min-width: 1140px;

min-height:1024px;

width:100%;

height:100%;

overflow:hidden;
z-index:1;

}


#glob {

position:absolute;

width:100%;

height:100%;

overflow:hidden;

z-index:2;

background: url(../images/content_bg.jpg);

}

.spinner {

position:fixed;

left:0px;

top:0px;

width:100%;

height:100%;

z-index:9999;

background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #222222;

}

.logo {

position:relative;

display:inline-block;

text-indent: 100%;

white-space: nowrap;
overflow: hidden;

width: 100%;

height: 180px;

background: url(../images/Final_logo.png) center no-repeat;

}

#mainHolder>footer{

position:absolute;

width: 3000px;

z-index:100;

bottom:0px;

height:76px;

background: url(../images/footer_bg.png) center bottom repeat-x;

margin-left: -1500px;

}

#mainHolder>footer p
{

position: relative;

color: #fff;

white-space: pre;

padding: 34px 0 0 496px;

}

#mainHolder>footer p a{
color: #fff;
}

/*end footer*/

/*panel*/

#leftPanel{

position: absolute;

width: 268px;

height: 100%;

background: url(../images/panel_bg.png);

display: inline-block;

left: -12px;

z-index: 200;

}

#leftPanel>div{

height: 1024px;

width: 100%;

}

#leftPanel footer{

position: absolute;

width: 243px;

height: 70px;

background: url(../images/panel_divider1.png) center top no-repeat;

bottom: 7px;

z-index: 100;

left: 12px;

text-align: center;

}

.soc_icons{

margin: 23px auto 0;

height: 30px;

display: inline-block;

z-index: 100;

position: relative;

}

.soc_icons>li{

display: inline-block;

position: relative;

float: left;

width: 28px;

height: 30px;

margin: 0 1px;

}

.soc_icons>li>a{

position: relative;

display: block;

width: 28px;

height: 30px;

}

.soc_icons>li>a>img{

position: relative;

width: 100%;

height: 100%;

display: block;

}

#botLine{

position: absolute;

display: block;

width: 100%;

height: 2px;

background: url(../images/panel_divider2.png) center bottom no-repeat;
bottom: 0px;

}

/* end panel*/

/*splash*/

.splash {
position: absolute;

display:block;

height: 1012px;

width: 1915px;

z-index: -1;

margin-top: 6px;

margin-left: -478px;

overflow: hidden;

}

.splash>div>ul{

position: relative;

height: 1012px;

}

.splash li {

cursor:pointer;

width: 239px;

height:100%;

overflow: hidden;

float: left;

display: inline-block;

}

.splash li>a{

position: relative;

display: block;

width: 100%;

height: 100%;

}

.splash li>a>img{

position: relative;

}

.sitem_over {

position:absolute;

background:url( '../images/pic_bg_over.png');

z-index:2;

width:100%;

height:100%;

overflow: hidden;

}

.over_info {

position: absolute;

width: 100%;

margin-top: 456px;

z-index: 100;

display: block;

height: 100px;

}

.over_info>strong{

position:relative;

background:url( '../images/icon_zoom.png') center no-repeat;

width: 100%;

height: 40px;

display: block;

margin-bottom: 17px;

}

.over_info>em {

font: 10px/12px Arial, sans-serif;

font-style: normal
;
color: #fff;

text-transform: uppercase;

text-shadow: #2d2d2c 0 1px 3px;

text-align: center;

display: block;

position: relative;

}

.separ{

position: absolute;

display: block;

width: 100%;

height: 100%;

background: url(../images/splash_bg_over.png) right center repeat-y;

z-index: 150;

}

#hint{

display: none;

}

.arrowL, .arrowR{

position:fixed;

display:inline-block;

width: 79px;

height:100%;

top: 0;

z-index: 100;

background: url( '../images/arrow_bg.png');

opacity: 0;

}

.arrowL{

left: 0;
   
}

.arrowR{

right: 0;

}

.arrowL>a, .arrowR>a {

width: 79px;

height: 100%;

position:relative;

display:inline-block;

}

.arrowL>a{

background: url('../images/arrowL.png') right center no-repeat;

}

.arrowR>a{

background: url('../images/arrowR.png') left center no-repeat;

}

/*end splash*/

/*menu*/

.menu {

position: relative;

display: inline-block;

margin: 129px 0 0 19px;

background: url(../images/menu_divider.png) center top no-repeat;

}

#menu{

margin-top: 3px;
}

#menu>li {

display: block;

position: relative;

text-align: center;

width: 228px;

background: url(../images/menu_divider.png) center bottom no-repeat;

margin-bottom: 0px;

}

#menu>li.no_disp {

display: none;

}

#menu>li>a {

position: relative;

display: block;

font: 14px/50px 'Open Sans', sans-serif;

font-weight: 700;

color: #211c1b;

text-transform: uppercase;

text-shadow: #c1c1c1 0 1px 3px;

z-index: 2;

}

#menu>li>strong{

display: inline-block;

position:absolute;

height: 100%;

width: 100%;

top: 0px;

left: 0;

z-index: 1;

background: url(../images/menu_bg.png) center no-repeat;

}

#menu>li.sfHover>a,#menu>li.active>a,#menu>li>a:hover {

text-shadow: rgba(0,0,0,0.28) 0 1px 3px;

}

.submenu_1 {

position:relative;

z-index:9100;

width: 100%;

left: 0px;

top: 0;

display: none;

padding: 16px 0;

}

.submenu_1 li {

position:relative;

display: block;

}

.submenu_1 a {

position:relative;

display: block;

font: 12px/14px 'Open Sans', sans-serif;

font-weight: 700;

color: #858585;

text-transform: uppercase;

text-shadow: #c1c1c1 0 1px 3px;

}

.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{

color:#000;

}

/* end menu */

/*pages*/

#mainHolder{

position:relative;

width:961px;

height: 100%;

margin: 0 auto;

z-index: 50;

}

#content {

position:relative;

width:961px;

height: 100%;

margin: 0 auto;

z-index: 50;

}

#content>ul {

width:100%;

height: 100%;

background: url(../images/more_bg.jpg);

overflow: hidden;

position: relative;

}

#content>ul>li.no_disp{

display: none;

}

#content>ul>li {

position:absolute;

width:100%;

overflow: hidden;

height: 100%;

}

.readMore {

display: inline-block;

position: relative;

font: 14px/17px 'Open Sans', sans-serif;

font-weight: 600;

text-transform: uppercase;

color: #211c1b;

background: url(../images/more_bg.jpg);

text-shadow: #b0b0b0 0 1px 3px;

padding: 7px 12px;

border-radius: 3px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

letter-spacing: -1px;

}

.readMore:hover {

text-decoration: none;

background: #000;

}

.readMore2 {

position: relative;

color: #fff;

text-decoration: underline;

}

.readMore2:hover{

text-decoration: none;

}

.hr{

width: 100%;

height: 2px;

background: url(../images/hline.png) repeat-x;
margin-bottom: 44px;

}

/*scroll*/

.scroll {

height:678px;

position: relative;

overflow: hidden;

}

.scroll.v2{

height: 228px;

margin-bottom: 33px;

}

.scroll.v2.mar2{

margin-bottom: 48px;

}

._shuttle {

width: 0px;

}

._track{

width: 0px;

}

.scrollBtns{

position: absolute;

right: 89px;

top: 112px;

z-index: 100;

}

.closeBtn,.scrollUp,.scrollDown{

position: relative;

display: block;

width: 42px;

height: 42px;

margin-top: -8px;

}

.scrollDown{

background: url(../images/arrow_down.png) center top no-repeat;

}

.scrollUp{
background: url(../images/arrow_up.png) center top no-repeat;

}

/*end scroll*/

body p a {

text-decoration:none;

}

body p a:hover {

text-decoration:underline;

}

.list1{

float:left;
margin-top: 5px;

}

.list1>li{

position: relative;

display: inline-block;

width: 260px;

margin: 0 20px 16px 0;

float: left;

}

.list1>li.right{

margin-right: 0;

}

.list1>li>img{

margin-bottom: 17px;

box-shadow: 0px 1px 7px #191919;

-moz-box-shadow: 0px 1px 7px #191919;

-webkit-box-shadow: 0px 1px 7px #191919;

}

.list2{

margin: 5px 1px;

}

.list2>li{

position: relative;

display: inline-block;

width: 260px;

margin: 0 60px 20px 0;

float: left;

}

.list2>li.right{

margin-right: 0;

}

.list2>li.last{

margin-bottom: 0px;

}

.list2>li>img{

float: left;

margin: 0 19px 10px 0;

box-shadow: 0px 1px 7px #191919;

-moz-box-shadow: 0px 1px 7px #191919;

-webkit-box-shadow: 0px 1px 7px #191919;

}

.list2>li>h3{

padding-top: 30px;

}

.list2>li>p{
}

.list2>li>p>a:hover{

color: #fff;

}

.list2>li.last>p{

padding-bottom: 11px;

}

.list3>li{
position: relative;

float: left;

display: inline-block;

height: 1012px;

}

.list3>li>img{
}

.list3>li>div{

position: absolute;

bottom: 0px;
left: 0px;

width: 100%;

height: 292px;

background: url(../images/splash_info_bg.png) center bottom repeat-x;

}

.list3>li>div>div>h3{

padding-bottom: 22px;

}

.list3>li>div>div>p{

padding-bottom: 8px;

}

.shadow1{

box-shadow: 0px 1px 7px #191919;

-moz-box-shadow: 0px 1px 7px #191919;

-webkit-box-shadow: 0px 1px 7px #191919;

}

.closeBtn{

position: absolute;
right: 17px;

top: 20px;

width: 34px;

height: 34px;

background: url(../images/close_bg.png) center bottom no-repeat;

}

.closeBtn>span{

position: relative;

display: block;

width: 100%;

height: 100%;

background: url(../images/close_icon.png) center bottom no-repeat;

}

.col1{

width: 791px;

float: left;

position: relative;

}

/*PADDINGS*/

.pad1 {

padding-top: 146px;

}

.pad2 {

padding-bottom: 92px;

}

.pad3 {

padding: 5px 0 0 243px;

}

.pad4 {

padding: 36px 25px 0 30px;

}

.pad5 {

padding-bottom: 10px;

}

.pad6 {

padding: 5px 0 0 100px;

}


.mar1{

margin: 5px 22px 15px 0;

}

.color1{

color: #696969;

}

.color2{

color: #fffff;

}

.w1,.w2,.w3{

display: inline-block;

}

.w1{

width: 69px;

}

.w2{

width: 52px;

}

.w3{

width: 262px;

margin-right: 15px;

}

/*///////////////////////////*/

h1 {

margin-top: 36px;

}

h2 {

font: 18px/22px 'Open Sans', sans-serif;

font-weight: 700;

color: #000000;

letter-spacing: -1px;

padding-bottom: 22px;

}

h3 {

font: 14px/17px 'Open Sans', sans-serif;

font-weight: 700;

color: #fff;

text-transform: uppercase;

text-shadow: #1d1d1d 0 1px 3px;

padding-bottom: 3px;

letter-spacing: -1px;

}


p1 {

text-transform: uppercase;

padding-bottom: 18px;

color: #C0C0C0;
}

p {

text-transform: uppercase;

padding-bottom: 18px;

}

/*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:underline;

}

a {

text-decoration:none;

}

a.und:hover,.und a:hover {

text-decoration:none;

}

.nocolor,.nocolor a {

color:inherit;

}
.upc {

text-transform:uppercase;

}

.nopad {

padding:0;

}

.nomar {

margin:0;

}

.clear {

clear:both;

line-height:0;

}

.rel {

position:relative;

}

.automargin {

margin:0 auto;

}

.ws{

white-space: pre;

}

/*google map*/

.google_map{

border-radius: 0px;

width: 370px;

height: 308px;

border: none;

background-color: #222222;

background-image: url(../images/ajax-loader.gif);

background-repeat: no-repeat;  

position:  relative;

overflow: hidden;

box-shadow: 0px 1px 7px #191919;

-moz-box-shadow: 0px 1px 7px #191919;

-webkit-box-shadow: 0px 1px 7px #191919;

margin: 5px 21px 0 1px;

float: left;
}

/*end google map*/

/* Forms*/

#form1 {

position: relative;

margin: 1px;

height: 286px;

}

#form1 input,
#form1 textarea {

position: relative;

background: url('../images/form_bg.png');

border: none;

color: dimGray;

padding: 8px 2px;

text-transform: uppercase;

width: 256px;

outline:none;

box-shadow:none;

box-shadow: 0 1px 7px #191919;

-moz-box-shadow: 0 1px 7px #191919;

-webkit-box-shadow: 0 1px 7px #191919;

line-height: 12px;

}

#form1 textarea {

width: 258px;

height: 137px;

overflow:auto;

resize: none;

}

#form1 label {

display:inline-block;

min-height: 62px;

position: relative;

width: 301px;

}

#form1 label>span{

text-transform: uppercase;

}

#form1 .success{

position: relative;

padding-bottom: 3px;

text-transform: uppercase;

color: #fff;

}

#form1 .error, #form1 .empty {

text-align: left;

display:none;

font-size: 9px;

color:#fff;

margin-left: 3px;

top: -3px;

position: relative;

}

fieldset{

height: 210px;

}

.btns{

padding: 24px 0 0;

position: relative;
float: right;

}

.btns a{

display:inline-block;

margin-left: 10px;

}

/* Form defaults */

input, select, textarea {

font-family: Arial, sans-serif;

vertical-align:middle;

font-weight:normal;

font-size: 10px;

}

/*end forms*/