@import "reset.css";
@import "jquery.fancybox-1.3.4.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:10px/19px Arial, sans-serif;
color:#fff;
text-transform: uppercase;
min-width: 1200px;
min-height:920px;
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 #171717;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #f8b803; 
}
.pagin{
position: absolute;
display: inline-block;
height: 18px;
right: 40px;
bottom: 50px;
z-index: 200;
}
.pagin>ul>li{
position: relative;
display: inline-block;
width: 18px;
height: 18px;
float: left;
margin-right: 10px;
}
.pagin>ul>li>a{
position: absolute;
left: 1px;
top: 1px;
display: inline-block;
width: 18px;
height: 18px;
border-radius: 11px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
overflow: hidden;
background: url(../images/pagin_icon.png) center bottom no-repeat;
}
.pagin>ul>li.active>a{
background: url(../images/pagin_icon.png) center top no-repeat;
}
/*header*/
header{
position: relative;
height:160px;
width:100%;
}
/*end header*/
/*footer*/
footer {
position: absolute;
bottom:0px;
height:180px;
padding-left: 49px;
}
footer p {
position: relative;
color: #616060;
}
footer p a{
color: #f8b803;
}
.soc_icons{
margin: 13px 0 37px;
}
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
.soc_icons>li>a{
position: relative;
display: inline-block;
}
.soc_icons>li>a>img{
position: relative;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: inline-block;
padding: 188px 0 0 48px;
}
#menu>li {
display: block;
width: 246px;
}
#menu>li.with_ul>em{
display: inline-block;
}
#menu>li>em {
display: inline-block;
position: relative;
width: 4px;
height: 41px;
margin-left: 15px;
background: url(../images/submenu_icon.png) right center no-repeat;
display: none;
overflow: hidden;
}
#menu>li.no_disp {
display: none;
}
#menu>li>a{
display: inline-block;
}
#menu>li>a {
position: relative;
display: inline-block;
font: 36px/41px 'Open Sans Condensed', serif;
color: #616060;
text-transform: uppercase;
z-index: 1;
letter-spacing: -1px;
}
.submenu_1, .submenu_2 {
position:absolute;
z-index:9100;
width: 294px;
height: 1050px;
left: 100%;
top: -160px;
padding-bottom: 160px;
background: url(../images/subpanel_bg.png) repeat-y;
display: none;
}
.submenu_1 li, .submenu_2 li {
position:relative;
display: block;
margin-left: 49px;
}
.submenu_1 li:first-child, .submenu_2 li:first-child {
margin-top: 552px;
}
.submenu_1 a, .submenu_2 a {
position:relative;
display: inline-block;
font: 36px/41px 'Open Sans Condensed', serif;
color: #f8b803 !important;
text-transform: uppercase;
letter-spacing: -1px;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a,
.submenu_2 li>a:hover,.submenu_2 li.sfHover>a{
color:#535252 !important;
}
.submenu_2 {
position:absolute;
top: -675px;
}
/*end menu*/
/*panel*/
#leftPanel{
position: absolute;
display: inline-block;
width: 294px;
height: 100%;
background: url(../images/panel_bg.png) center top repeat-y;
}
#leftPanel>div{
position: relative;
width: 100%;
height: 100%;
background: url(../images/panel_glow.png) center top no-repeat;
}
/*end panel*/
/*pages*/
#content {
position:absolute;
width:954px;
height:100%;
margin: 0 auto;
z-index: 50;
}
#contentHolder{
width:660px;
left: 294px;
position: absolute;
height: 100%;
overflow: hidden;    
background: url(../images/content_bg.png);
}
#contentHolder>ul {
width:660px;
position: relative;
height: 100%;
overflow: hidden;
margin-top: 52px;
}
#contentHolder>ul>li.no_disp{
width: 0;
height: 0;
}
#contentHolder>ul>li {
position:absolute;
width:100%;
}
.readMore {
position: relative;
display: inline-block;
font: 22px/27px 'Open Sans Condensed', serif;
color: #fff;
text-transform: uppercase;
padding: 6px 21px 7px;
background: #202020;
}
.readMore:hover {
text-decoration: none;  
}
/*scroll*/
.scroll {
height: 325px;
position: relative;
overflow: hidden;
margin-bottom: 36px;
}
.scroll.v2{
height: 671px;
margin: 0;
}
._shuttle {
width: 0px;
}
._track{
width: 0px;
}
.scrollBtns{
position: relative;
padding: 36px 0 0 0px;
}
.scrollDown, .scrollUp{
position: relative;
display: inline-block;
width: 42px;
height: 21px;
overflow: hidden;
float: left;
margin-right: 2px;
}
.scrollDown{
background: url(../images/arrow_down.png) center bottom no-repeat;
}
.scrollUp{  
background: url(../images/arrow_up.png) center top no-repeat;
}
/*end scroll*/
.list1{
margin: 3px 0 3px;
}
.list1>li{
position: relative;
display: inline-block;
width: 299px;
margin: 0 18px 38px 0;
height: 195px;
}
.list1>li.right{
margin-right: 0;
}
.list1>li>figure{
display: inline-block;
position: relative;
width: 100%;
height: 156px;
}
.list1>li>figure>a{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.list1>li>figure>a>img:first-child{
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.list1>li>figure>a>img{
position: relative;
}
.list1>li>figure>figcaption{
position: relative;
display: block;
margin-top: 16px;
}
.imHolder1{
display: inline-block;
position: relative;
width: 219px;
height: 156px;
float: left;
margin-right: 20px;
margin-top: 6px;
}
.imHolder1>img:first-child{
position: absolute;
left: 0;
top: 0;
}
.list2{
margin-top: -2px;
}
.list2>li{
margin-bottom: 8px;
}
.list2>li>a{
font: 23px/28px 'Open Sans Condensed', serif;
color: #262626;
text-transform: uppercase;
text-shadow: #262626 0 0 1px;
}
.list3{
margin: 3px 0;
}
.list3>li{
position: relative;
display: inline-block;
width: 299px;
margin: 0 18px 20px 0;
height: 206px;
}
.list3>li.right{
margin-right: 0;
}
.list3>li>a{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.list3>li>a>img:first-child{
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
/*PADDINGS*/
.pad1 {
padding-left: 20px;
}
.pad2 {
padding-bottom: 11px;
}
.pad3 {
padding-bottom: 14px;
}
.pad4 {
padding-bottom: 6px;
}
.pad5 {
padding-bottom: 10px;
}
.pad6 {
padding: 2px 0 6px;
}
.pad8 {
padding-bottom:25px;
}
.mar1{
margin: 2px 0 25px;
}
.mar2{
margin-right: 44px;
}
.mar3{
margin-bottom: -15px;
}
.mar4{
margin-right: 22px;
}
.mar5{
margin: -3px 0 -13px;
}
.mar7{
margin-right: 18px;
}
.mar8{
margin: 7px 0 0 18px;
}
.mar9{
margin-right: 24px;
}
.color1{
color: #fff;
}
/*///////////////////////////*/
h1 {
padding: 57px 0 0 47px;
}
h1>a {
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 198px;
height: 101px;
background: url(../images/logo.png) center no-repeat;
}
h2 {
font: 36px/41px 'Open Sans Condensed', serif;
color: #323232;
text-transform: uppercase;
letter-spacing: -1px;
padding-bottom: 17px;
text-shadow: #323232 0 0 1px;
}
h3 {
font: 23px/26px 'Open Sans Condensed', serif;
color: #262626;
text-transform: uppercase;
padding-bottom: 19px;
text-shadow: #262626 0 0 1px;
}
p {
padding-bottom: 21px;
}
/*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;
}
/*google map*/
.google_map{
border-radius: 0px;
width: 100%;
height: 271px;
border: none;
box-shadow: none;
background-color: #171717;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
position:  relative;
overflow: hidden;
margin: 3px 0 41px;
}
/*end google map*/
/* Forms*/
#form1 {
position: relative;
margin-top: 8px;
height: 360px;
}
#form1 input,
#form1 textarea {
position: relative;
background: #d0b96a;
border: none;
color:#fff;
padding: 12px 20px 13px;
text-transform: uppercase;
width: 176px;
outline:none;
box-shadow:none;
margin: 0;
}
#form1 textarea {
width: 339px;
height: 213px;
overflow:auto;
resize: none;
}
#form1 label {
display:inline-block;
min-height: 57px;
position: relative;
width: 217px;
}
#form1 .success{
position: relative;
padding-bottom: 3px;
}
#form1 .error, #form1 .empty {
text-align: left;
display:none;
font-size:10px;
color:#fff;
margin-left: 3px;
top: -3px;
position: relative;
}
fieldset{
height: 210px;
}
.btns{
padding-top: 27px;
position: relative;
float: right;
}
.btns a{
display:inline-block;
margin-left: 17px;
}
/* Form defaults */
input, select, textarea {
font-family: Arial, sans-serif;
vertical-align:middle;
font-weight:normal;
font-size: 10px;
}
/*end forms*/

@media only screen and ( max-width: 32.5em ) /* 520 */
{
	#wrapper
	{
		width: 100%;
		height: auto;
		position: static;
		padding: 8em 1.25em; /* 50 20 */
		margin: 0;
	}
}