@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: 10px/18px 'Trebuchet MS', sans-serif;
	color: #adadad;
	min-width: 1000px;
	min-height:1000px;
	width: 100%;
	z-index: 1;
	height: 100%;
	background: url(../images/bg.jpg) top center no-repeat;
	overflow-y: scroll;
}
body p a {
	text-decoration: none;
}
body p a:hover {
	text-decoration: underline;
}
h1 {
	margin: -37px 0 0;
	display: inline-block;
	width: 940px;
	text-align: center;
}
h1>a{
	position: relative;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 670px;
	height: 157px;
	background: url(../images/logo.png) center no-repeat;
}
h2 {
	font: 35px/1.2em 'Playball', cursive;
	color: #f5a4a5;
	letter-spacing: 1px;
	padding-bottom: 3px;
}
h2  span{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 16px;
	background: url(../images/marker_1.png) center no-repeat;
	margin: 13px 0 0 5px;
}
.text_1{
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #f5a4a5;
}
.text_2{
	font: 11px/20px 'Tahoma', sans-serif;
	color: #898989;
	text-transform: uppercase;
}
.text_2 a{
	color: #f5a4a5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.text_2 a:hover{
	color: #fff;
	text-decoration: none;
}
#page_about .text_2 a{
	color: #fff;
	text-decoration: underline;
}
#page_about .text_2 a:hover{
	color: #f5a4a5;
}
.text_3{
	font: 11px/20px 'Tahoma', sans-serif;
	text-transform: uppercase;
}
/*additional classes*/
.extra-wrap {
	overflow:hidden;
}
a {
	text-decoration:none;
}
.clear {
	clear: both;
	line-height:0;
}
/*end additional classes*/
.marg_0{
	margin: -14px 0 0 370px;
}
.marg_1{
	margin: 0 0 10px;
}
.marg_2{
	margin: -14px 0 0 387px;
}
.marg_3{
	margin: -14px 0 0 382px;
}
.marg_4{
	margin: 0 0 28px;
}
.marg_5{
	margin: 20px 0 0 1px!important;
}
.marg_6{
	margin-top: -12px;
}
.marg_7{
	margin: 5px 0 0 -21px;
}
.marg_8{
	margin: -8px 0 0 357px;
}
.marg_9{
	margin: 0 0 38px;
}
.marg_10{
	margin: 0 0 10px;
}
.marg_11{
	margin: 0 0 19px;
}
.pad_1{
	padding: 34px 0 0;
}
.main {
	position: relative;
	width: 1227px;
	margin: 0 auto;
}
.box_menu{
	position: absolute;
	display: block;
	width: 1227px;
	left: 50%;
	margin-left: -613px;
	top: 0;
}
#glob {
	position: absolute;
	width: 100%;
	z-index: 2;
	height: 100%;
}
.spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url( "../images/ajax-loader.gif") 50% 50% no-repeat #fff;
}
/*header*/
header{
	width: 100%;
	z-index: 300;
	position: absolute;
	top: 697px;
}
/*end header*/
/*menu*/
.menu_mov{
	font: 48px/1.2em 'Mystery Quest', cursive;
	position: relative;
	display: inline-block;
	z-index: 150;
	margin-top: 0px;
	margin-left: 393px;
}
.menubutton{
	position: relative;
	display: inline-block;
	width: 286px;
	height: 239px;
	background: url('../images/bg_button.png') 0 0 no-repeat;
	text-align: center;
	z-index: 20;
}
.menubutton a{
	position: relative;
	display: inline-block;
	margin-top: 151px;
	margin-left: 15px;
	color: #f38f90;
}
.mask{
	position: absolute;
	display: block;
	overflow: hidden;
	width: 560px;
	height: 400px;
	top: 205px;
}
.menu {
	position: relative;
	display: inline-block;
	z-index: 15;
	margin-top: 0px;
	margin-left: 59px;
	width: 175px;
	background: #fff;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 3px solid #333;
	padding-top: 27px;
	padding-bottom: 5px;
}
#menu>li {
	display: block;
	position: relative;
	width: 100%;
	height: 35px;
	margin-top: 0px;
	margin-left: 32px;
	margin-bottom: 13px;
}
#menu>li.no_bg {
	
}
#menu>li>a {
	position: relative;
	display: inline-block;
	font: 30px/1.2em 'Bad Script', cursive;
	color: #1d1813;
	padding:  0;
}
#menu>li>a>span{
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 31px;
	left: 0;
	z-index: 127;
	background: url(../images/line_menu2.png) 0 0 repeat-x;
}
.submenu_1, .submenu_2 {
	position: absolute;
	z-index: 9100;
	width: 145px;
	left: 124px;
	top: -35px;
	background: #f4f3e8;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 3px solid #333;
	padding-bottom: 10px;
	padding-top: 11px;
}
.submenu_1 li {
	position: relative;
	display: block;
	height: 40px;
}
.submenu_2 li {
	position: relative;
	display: block;
	height: 40px;
	margin: 0 0 5px;
}
.submenu_1 a {
	position: relative;
	display: inline-block;
	font: 30px/1.2em 'Bad Script', cursive;
	color: #1d1813;
	margin: 0px 0 0px 34px;
}
.submenu_1:before {
	display: block;
	position: absolute;
	content: "";
	width: 15px;
	height: 30px;
	overflow: hidden;
	background: url(../images/submenu_marker.png) left top no-repeat;
	top: 33px;
	left: -15px;
}
.submenu_2:before {
	display: block;
	position: absolute;
	content: "";
	width: 15px;
	height: 30px;
	overflow: hidden;
	background: url(../images/submenu_marker.png) left top no-repeat;
	top: 33px;
	left: -15px;
}
.submenu_1>li>a>span{
display: inline-block;
position:absolute;
width: 100%;
height: 2px;
top: 31px;
left: 0;
z-index: 127;
background: url(../images/line_menu2.png) 0 0 repeat-x;
}
.submenu_2 {
position: absolute;
z-index: 9100;
width: 143px;
left: 135px;
top: -32px;
box-shadow: 0 0 1px rgba(255,255,255,0.32);
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.32);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.32);
padding-bottom: 11px;
padding-top: 8px;
}
.submenu_2 a{
display: inline-block;
margin-left: 0;
color: #1d1813;
margin: 9px 0 0 30px;
}
.submenu_2>li>a>span{
display: inline-block;
position: absolute;
width: 100%;
height: 2px;
top: 31px;
left: 0;
z-index: 127;
background: url(../images/line_menu2.png) 0 0 repeat-x;
}
/*end menu*/
.picMain{
	position: absolute;
	display: block;
	width: 811px;
	height: 533px;
	background: url(../images/main_pic.png) top center no-repeat;
	left: 50%;
	margin-left: -421px;
	z-index: 40;
	top: 137px;
}
.picMain_2{
	position: absolute;
	display: block;
	width: 301px;
	height: 178px;
	background: url(../images/main_pic2.png) top center no-repeat;
	left: 50%;
	margin-left: 327px;
	z-index: 100;
	top: 588px;
}
#content {
	position:relative;
	width: 1000px;
	margin: 0 auto;
	z-index: 50;
	width: 947px;
	height: 529px;
	background: #f6f6f6;
	background: url(../images/content_bg.png) top center no-repeat;
	overflow: hidden;
}
/**********************************Content**********************************/
.title_1{
	position: relative;
	display: inline-block;
	width: 341px;
	height: 81px;
	background: url(../images/title_1.png) top center no-repeat;
	margin: 42px 0 0 295px;
}
/*-----carousel-----*/
#carousel, #carousel_3 {
	width: 730px !important;
	height: 290px;
	display: inline-block;
	margin-top: -2px;
	margin-left: 99px;
}
#carousel li, #carousel_3 li {
	width: 730px;
	height: 290px;
	margin-right: 8px;
}
.prev, .prev01, .prev02, .prev03  , .next , .next01, .next02, .next03{
	position: relative;
	display: block;
	z-index: 3;
}
.arrows {
	position: absolute;
	bottom: 159px;
	right: 29px;
}
.prev, .prev01, .prev02, .prev03 {
	width: 37px;
	height: 38px;
	background: url(../images/arrow_prev.jpg) 0 0 no-repeat;
	cursor: pointer;
	margin: -38px 0 0 -844px;
}
.next , .next01, .next02, .next03 {
	width:37px;
	height:38px;
	background:url(../images/arrow_next.jpg) 0 0 no-repeat;
	cursor:pointer;
}
.img_indent1{
	float: left;
	margin: 0 21px 0 0;
}
.box_1{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 34px 0 0;
}
.title_2{
	position:relative;
	display: inline-block;
	width: 353px;
	height: 79px;
	background: url(../images/title_2.png) top center no-repeat;
	margin: 41px 0 3px 298px;
}
/*----------Slider1--------------*/
.slider1{
	width: 777px;
	height: 313px;
	overflow: hidden;
	position: relative;
	margin: -2px 0 0 98px;
}
.slider1 li{
	line-height: 18px;
	display: inline-block;
	margin: 0 21px 0 2px;
}
.slider1 figure{
	position: relative;
	display: inline-block;
	width: 233px;
	height: 232px;
	background: url(../images/circle.png) 0 0 no-repeat;
}
.list-1>li>a{
	position: relative;
	display: block;
	font: 30px/1.2em 'Bad Script', cursive;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.slider1 a:hover{
	color: #f5a4a5;
}
.nav_portfolio{
	font: 23px/1.2em 'Playball', cursive;
	height: 33px;
}
.slider_nav{
	white-space: pre;
	margin: 1px 0 0 379px;
}
a.nav_item{
	color:	#f5a4a5;
	position: relative;
	display: inline-block;
	width: 21px;
	text-align: center;
	line-height: 24px;
	margin: 0 20px 0 0;
	text-decoration: underline;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.nav_item:hover{
	color: #fff;
}
a.nav_item.active, a.nav_item.active:hover{
	color: #fff;
}
.prev1, .next1 {
	position: relative;
	display: block;
	z-index: 3;
}
#arrows1 {
	position: absolute;
	margin-top: -254px;
	right: 29px;
}
.prev1 {
	width: 37px;
	height: 38px;
	background: url(../images/arrow_prev.jpg) 0 0 no-repeat;
	cursor: pointer;
	margin: -38px 0 0 -844px;
}
.next1 {
	width:37px;
	height:38px;
	background:url(../images/arrow_next.jpg) 0 0 no-repeat;
	cursor:pointer;
}
.sitem_over {
	position: absolute;
	background: url('../images/pic_bg_over.png') center no-repeat;
	
	z-index: 2;
	width: 198px;
	height: 198px;
	display: none;
	overflow: hidden;
}
.sitem_over>strong {
	position: relative;
	background: url( '../images/icon_zoom.png') center no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
.img_indent2{
	padding: 19px 0 0 0;
}
.img_indent3{
	padding: 2px 0 0 25px;
}
/*----------End Slider1--------------*/
.title_3{
	position: relative;
	display: inline-block;
	width: 330px;
	height: 76px;
	background: url(../images/title_3.png) top center no-repeat;
	margin: 44px 0 3px 304px;
}
.readMore_1{
	font: 24px/1.2em 'Just Another Hand', cursive;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0px;
	position: relative;
	display: inline-block;
padding: 10px 34px 6px;
	background: #f5a4a5;
border-radius: 20px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.readMore_1:hover {
	text-decoration: none;
	color: #f5a4a5!important;
	background: #fff;
}
.title_4{
	position:relative;
	display: inline-block;
	width: 392px;
	height: 82px;
	background: url(../images/title_4.png) top center no-repeat;
	margin: 36px 0 0 283px;
}
.box_2{
	position: relative;
	display: inline-block;
	margin: -3px 0 0 100px;
	width: 755px;
}
#page_mail figure{
	position: relative;
	display: inline-block;
	width: 312px;
	height: 314px;
	background: url(../images/bg_map.png) top center no-repeat;
	float: left;
	margin: 0 27px 0 0;
}
.box_map{
	position: relative;
	display: block;
	width: 276px;
	height: 276px;
	margin: 18px 0 0 18px;
	float: left;
	overflow: hidden;
}
.google_map {
	width: 276px;
	height: 276px;
	border-radius: 100%;
	background: #f5a4a5;
}
/* Forms*/
.box_3{
	position: relative;
	display: inline-block;
	width: 201px;
	margin: 0 5px 0 1px;
}
#form1 {
	margin: 11px 0 0;
}
#form1 input {
	font: 11px 'Tahoma','Trebuchet MS', sans-serif;
	border: 3px solid #cccccc;
	background-color: #1d1813;
	padding: 9px 13px 9px 13px;
	width: 170px;
	box-shadow: none;
	margin: 0 0 6px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}
#form1 textarea {
	font: 11px 'Tahoma','Trebuchet MS', sans-serif;
	resize: none;
	border: 3px solid #cccccc;
	background-color: #1d1813;
	padding: 11px 13px 7px 13px;
	width: 170px;
	height: 56px;
	overflow: auto;
	line-height: 10px;
	margin: 0 0 6px;
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
}
#form1 label {
	position: relative;
	display: inline-block;
	min-height: 36px;
}
#form1 .error, #form1 .empty {
	position: absolute;
	top: 5px;
	left: 15px;
	display: none;
	line-height: 27px;
	color: #fff;
	background: #1d1813;
	width: 174px;
}
.success {
	position: absolute;
	width: 406px;
	text-align: center;
	z-index: 1;
	background-color: #1d1813;
	border: 3px solid #cccccc;
	padding: 19px 0;
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
}
.btns {
	float: right;
	margin: -5px 0 0;
}
.btns a {
	margin: 0 23px 0 -3px;
}
.readMore1 {
	position: relative;
	display: inline-block;
	font: 25px/1.2em 'Playball', cursive;
	color: #f5a4a5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.readMore1 span{
	position: relative;
	display: inline-block!important;
	width: 7px!important;
	height: 7px;
	margin: 9px 8px 0 0;
}
.readMore1:hover {
	text-decoration: none;  
	color: #fff;
}
/* Form defaults */
input, select, textarea {
	color: #a6a6a6;
}
/*end forms*/
.box_4{
	position: relative;
	display: inline-block;
	width: 760px;
	margin: 0 5px 0 1px;
}
.color1{
	color: #f5a4a5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.color1:hover{
	color: #fff;
	text-decoration: none;
}
#content>ul {
	width: 100%;
	height: 100%;
}
#content>ul>li {
	position: absolute;
	width: 100%;
	overflow: hidden;
}
figure{
	display: inline-block;
	position: relative;
}
#carousel_4, #carousel_5 {
	width: 757px !important;
	height:290px;
	display:inline-block;
	margin-top: -2px;
	margin-left: 99px;
}
#carousel_4 li, #carousel_5 li{
	width: 757px;
	height: 290px;
	margin-right: 8px;
}
.title_5{
	position: relative;
	display: inline-block;
	width: 515px;
	height: 103px;
	background: url(../images/title_5.png) top center no-repeat;
	margin: 24px 0 31px 217px;
}
.box_4{
	position: relative;
	display: inline-block;
	margin: 0 5px 0 0;
}
.title_6{
	position: relative;
	display: inline-block;
	width: 384px;
	height: 84px;
	background: url(../images/title_6.png) top center no-repeat;
	margin: 25px 0 49px 273px;
}
/**********************************End Content******************************/
/*footer*/
footer {
display: block;
position: absolute;
font: 20px/1.2em 'Just Another Hand', cursive;
color: #989696;
text-transform: uppercase;
text-align: center;
width: 1227px;
height: 225px;
background: url(../images/bott_bg.png) top center repeat-x;
bottom: 0px;
left: 50%;
margin-left: -594px;
}
footer p {
	position: relative;
	white-space: pre;
	display: block;
	color: #000;
	margin: 107px 0 0;
}
footer p a{
	color: #000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
footer p a:hover{
	color: #a17b46;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
footer strong {
	position: relative;
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url(../images/bullet.png) top center no-repeat;
	margin: 8px 0 0 1px;
}
.follow-icon {
	display: inline-block;
	position: relative;
	right: 4px;
	margin: 13px 0 0 15px;
	z-index: 2;
}
.follow-icon li {
	float: left;
	margin-bottom: 10px;
	width: 39px;
	height: 38px;
	margin-left: 4px;
}
.bottom_line{
	position: relative;
	display: block;
	width: 524px;
	height: 61px;
	background: url(../images/bottom_line.png) top center no-repeat;
	margin: -51px 0 0 364px;
}
/*end footer*/


/* Desktop styles */
@media (min-width: 1024px) {
  /* Add desktop-specific styles here */
}

/* Tablet styles */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Add tablet-specific styles here */
}

/* Mobile styles */
@media (max-width: 767px) {
  /* Add mobile-specific styles here */
}

<script>
  setTimeout(function() {
    window.location.href = "#!/page_main";
  }, 5000); // redirect after 0 seconds
</script>