@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
@import "layout.css";
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,900&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,latin-ext);
/* 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;
	background-image:url('../images/ddback.jpg');
	font: 15px/24px 'ubuntu condensed', sans-serif;
	color: #FFF;
	width: 1940px;
	min-height: 920px;

	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

p #hak{
	font-size:26px;
	}

h1 {
	position: relative;
	margin: 0px 0 124px 0;
	display: block;
}
h1>a {
	position: relative;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 300px;
	height: 102px;
	background: url(../images/logo1.png) center no-repeat;
}
h2 {
	letter-spacing: 1px;
	font: 30px/52px  'ubuntu condensed', sans-serif;
	color: #FFF;
	padding-bottom: 37px;
	text-transform: uppercase;
}
h3 {
	font: 35px/38px  'ubuntu condensed', sans-serif;
	color: #FFF;
	padding-bottom: 37px;
	text-transform: uppercase;
}
h4 {
	position: relative;
	margin-bottom: 1px;
	font: bold 15px/22px 'Georgia', sans-serif;
	color: #d32a26;
}
p {
	margin-bottom: 18px;
}
a {
	font: 12px/22px 'Georgia', sans-serif;
	color: #d32a26;
}
#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/loading.gif") 50% 50% no-repeat #000;
}
header, footer {
	position:relative;
	width:340px;
	z-index:100;
}
#bgStretch {
	background-color: #000;
	z-index:1; 
}

/**************header*************/
header {
	overflow: hidden;
	top: 0px; 
}
/**********end header**************/
/**************menu****************/
.menu {
	position:relative;
	z-index:1;
	display: inline-block;
}
#menu {
	z-index:3;
	position:relative;
	display: inline-block;
	float: left;
}
#menu > li {
	position:relative;
	color: white;
	text-align: left;
	display: inline-block;
	float: left;
	width: 100%;
	
	
}
#menu > li > a {

    text-decoration: none;
	margin-top:-17px;
    display: inline-block;
	position:relative;
    color: #a88e8b;
	z-index: 1;
	width: 100%;
    letter-spacing: -3px;
	overflow: hidden;
    height:55px;
}
#menu > li > a:hover {
	text-decoration:none;
    color: #FFF;
}
#menu > li._last {
	position:relative;
	color: white;
	text-align: left;
	display: inline-block;
	float: left;
	width: 100%;
 	background: none;
}
#menu ._last {
	padding: 0;
	border: none;
}
#menu > li > a.last {
	padding: 0;
	border: none;
	background: none;
}
.submenu_1 {
	background: #4e0f0e;
	position: absolute;
	z-index:2;
	top: 17px;
	left: 145px;
	display: block;
	width: 150px;
	padding-top: 3px;
}
.submenu_1 li {
	position:relative;
	display:inline-block;
	float: left;
	width: 150px;
	margin-bottom: 3px;
}
.submenu_1 a {
    margin-left: 5px;
	text-decoration: none;
    text-transform: uppercase;
	color: #a57c79;
    font: 16px/24px 'Oswald', sans-serif;
	display:inline-block;
	
	text-align: left;
}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a {
	text-decoration:none;
	color:#fff;
}
.submenu_1 .last {
	border: none;
	margin: 0;
}
.submenu_2 {
	background: #400807;
	position: relative;
	z-index:3;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	width: 150px;
	padding-top: 4px;
}
.submenu_2 li {
	position:relative;
	display:inline-block;
	float: left;
	width: 150px;
	height: 24px;
	margin-bottom: 3px;
}
.submenu_2 a {
    margin-left: 5px;
	text-decoration: none;
	color: #8b615e;
    font: 14px/20px 'Oswald', sans-serif;
	display:inline-block;
	
	text-align: left;
}
.submenu_2 li > a:hover, .submenu_2 li.sfHover > a {
	text-decoration:none;
	color:#fff;
}
.submenu_2 .last {
	border: none;
	margin: 0;
}

@import url(http://fonts.googleapis.com/css?family=Chivo:400,900);
.mText {

    text-transform: uppercase;
    font:39px/65px 'Chivo', sans-serif;
	font-weight:800;
	color: #969696;
	position: relative;
	width: 100%;
	z-index: 2;
    text-align: left;
}
.mText_over {

    text-transform: uppercase;
    font: 39px/65px 'Chivo', sans-serif;
		font-weight:800;
	color: #FFF;
	position: absolute;
	width: 100%;
	z-index: 2;
	text-align: left;
	top: -44px;
}
._area {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 3;
	left: 0;
	display: block;
}
/*************end menu***********/
/***************Pages Content******************/
#content {
	position: relative;
	width: 620px;
	height: 0%;
    top: 50%;
	margin: 0 0 0 320px;
    overflow: hidden;
	z-index: 50;

}
#content>ul {
	width: 100%;
	height: 100%;
}
#content>ul>li.no_disp {
	display: none;
	width: 0;
	height: 0;
}
#content>ul>li {
	position: absolute;
	width: 100%;
	overflow: hidden;
}
.leftbg{
    left: -1599px;
    top:0;
    position: absolute;
    float: right;
    width: 1920px;
    height: 100%;
    background: #000 0px -390px repeat-y;
}
.left{
    position: absolute;
    width: 580px;
}
.link1{
	font:13px/20px 'Georgia', sans-serif;
    color: #FFF;
    text-decoration: none;
}
.link2{
    text-transform: uppercase;
}
.link3{
	font:15px/20px 'Georgia', sans-serif;    
    text-transform: none;
}
.link4{
	font: bold 15px/22px 'Georgia', sans-serif;
	color: #d32a26;
    text-decoration: none;
}
.list1 > li {
    position: relative;
    display: block;
    margin-bottom: 12px;
}
.list1 > li > img{
    position: relative;
    display: inline-block;
    margin-right: 10px;
}
.list1 > li > div > h4{
    margin-bottom: 0;
}
.list1 > li > div{
    top: -6px;
    position: relative;
    display: inline-block;
    width: 175px;
}
.list1 > li > div > p{
    position: relative;
    top: -3px;
    margin-bottom: 0;
}
.list2{
    top: -6px;
    position: relative;
}
.list2 > li {
    position: relative;
    margin-bottom: 12px;
    border-bottom: 1px solid #5f1311;
}
.list2 > li.last {
    position: relative;
    margin-bottom: 0;
    border-bottom: none;
}
.list2 > li > h4{
    margin-bottom: 4px;
}
.list2 > li > p{
    position: relative;
    top: -3px;
    margin-bottom: 11px;
}
.list3 {
    position: relative;
    display: inline-block;
    float: left;
    overflow: hidden;    
}
.list3 > li{
    position: relative;
    display: inline-block;
    float: left;
    width: 140px;
    margin: 0 20px 25px 0;
    overflow: hidden;    
}
.list3 > li > p{
    margin-bottom: 2px;
}
.list3 > li > figure{
    margin-bottom: 12px;
}
.list3 > li.last{
    position: relative;
    display: inline-block;
    float: left;
    width: 140px;
    margin: 0 0 25px 0;
    overflow: hidden;    
}
.list4 > li{
    width: 200px;
    display: inline-block;
    float: left;
    margin: 0 20px 22px 0;
    overflow: hidden;
    background: #191919;  
    padding: 10px;  
}
.list4 > li > figure{
    margin-bottom: 8px;
  
}
.list4 > li.last{
    margin-right: 0;
  
}
.list4 > li > p{
    margin-bottom: 0;
  
}
.sitem_over {
	position: absolute;
	z-index: 2;
	width: 140px;
	height: 89px;
	display: none;
	overflow: hidden;
}
.sitem_over2 {
	position: absolute;
	z-index: 2;
	width: 200px;
	height: 207px;
	display: none;
	overflow: hidden;
}
.sitem_over>strong {
	position: relative;
	background: url( '../images/zoomimg.png') center no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
.sitem_over2>strong {
	position: relative;
	background: url( '../images/zoomimg2.png') center no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
.list5{
    position: relative;
    display: inline-block;
}
.list5 > li{
    position: relative;
    
    margin-bottom: 6px;
}
.list5 > li > a{
    font-size: 15px;
    text-decoration: none;
}
.list5 > li > a > img{
    margin: 8px 10px 0 0;
    position: relative;
    
    display: inline-block;
}
.box1{
    top: 5px;
    position: relative;
    margin-bottom: 30px;
}
.box1 > figure{
    display: inline-block;
    margin-right: 15px;
}
.box1 > div{
    position: relative;
    display: inline-block;
    width: 250px;
}
/*----------Uscroll-------------*/
.scroll {
	float:left;
}
#buttons .scroll {
	width: 220px;
	height: 210px;
}
.scroll-btns {
	right: 0;
	float: right;
	top: 451px;
	position: absolute;
}
.downbtn {
	display: inline-block;
	overflow: hidden !important;
	height: 33px !important;
	width: 33px !important;
	float: left;
	margin-right: 1px;
}
.upbtn {
	display: inline-block;
	overflow: hidden !important;
	height: 33px !important;
	width: 33px !important;
	float: left;
}
/*---------end scroll-------------*/

/*google map*/
.google_map {
	float: left;
	display: inline-block;
	margin: 0 0 31px 0;
	position:  relative;
	overflow: hidden;
	width: 460px;
	height: 315px;
	box-shadow: none;
	background-color: #FFF;
	background-image: url(../images/googleMapLoader.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}
/*---end map---*/
.address {
	display: inline-block;
	float: left;
	width: 205px;
}
.contactText_1{
	margin-bottom: 25px;
	font: bold 15px/24px 'ubuntu condensed', sans-serif;
	color: #d32a26;    
}
.phone2 {
	color: #FFF;
	display:inline-block;
	width: 86px;
}
.c1 {
	line-height: 23px;
	color: #FFF;
	width: 210px;
}
.contactText_2 {
	font: 15px/24px 'ubuntu condensed', sans-serif;
	display: inline-block;
	cursor: pointer;
	color: #d42b27;
	text-decoration: none;
	margin: 0 0px 0 -33px;
}
.contactText_3 {
	font: 15px/24px 'ubuntu condensed', sans-serif;
	display: inline-block;
	cursor: pointer;
	color: #d42b27;
	text-decoration: none;
	margin: 0 0px 0 -39px;
}
.contactText_4 {
	font: 15px/24px 'ubuntu condensed', sans-serif;
	display: inline-block;
	cursor: pointer;
	color: #d42b27;
	text-decoration: none;
	margin: 8px 0 0 0;
}
/*********************Footer**********************/
footer {
    margin-top: 107px;
    position: relative;
}
.mainFooter {
    height: 77px;
    width: 120px;
	color: #1c1c1e;
	margin: 0 auto;
	margin-left:7px;
	position: relative;
}
.mainFooter p {
	font:13px/20px 'ubuntu condensed', sans-serif;
	color: #ffffff;
	float: left;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#follow-icon {
	left: 2px;
	float: left;
	position: relative;
    
	width: 300px;
}
#follow-icon a {
	position: relative;
	display: inline-block;
}
#follow-icon>li {
	margin-right: 7px;
	position: relative;
	display: inline-block;
}
#follow-icon .img_act {
	position:absolute;
	top:0;
	left:0;
}
/*********************end footer********************/
/**************************Margin Padding*************************/
.mp_clear {
	margin:0;
	padding:0;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.margin_right1{
    margin-right: 20px;
}
.margin_right2{
    margin-right: 38px;
}
.margin_right3{
    margin-right: 52px;
}
.margin_bot1{
    margin-bottom: 16px;
	margin-top:50px
}
.margin_bot2{
    margin-bottom: 47px;
	margin-top:130px
}
.margin_bot3{
    margin-bottom: 54px;
}
.margin_bot4{
    margin-bottom: 47px;
}
.padding_bot1{
    padding-bottom: 34px;
}
.pad1{
    padding: 0px 59px 0 41px;
}
.pad2{
    padding: 153px 75px 0 81px;
}