﻿html, body {
	font-size:13px;
	font-family:Arial Unicode MS;
	max-width:100%;
	margin:0 auto;
	color:#333333;
	line-height:1.6;
	text-align:justify;
	 background: url(../images/1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a
{
    text-decoration:none;
}
a:hover
{
    text-decoration:none;
}
#slideshow {
    position:relative;
   
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
/*******************************************************************Content*************************************************************/
	#main
	{
	     width:100%;
	     margin:0 auto;
}

#bk_left
{
    float:left;
    width:30%;
    position:fixed;
}

#bk_right
{
    float:right;
    width:40%;
    margin-right:10px;
}
	    
	#head_bk
{
    width:100%;
    height:120px;
    float:left;
    margin-top:15px;
    z-index: 2;
    position:relative;
}

.bk_blank
{
    height:550px;
    width:100%;
}
.bk_r1
{
   width:96.5%;
   background: #53473D;
   padding:10px;
} 

.r1_subf
{
   height:200px;
   width:100%;
   color:#fff;
   border-bottom:1px solid #999999;
}
.r1_subs
{
   width:100%;
   color:#fff;
   border-bottom:1px solid #999999;
}

.r1_subl
{
   width:100%;
   color:#fff;
   text-align:center;
}

.bk_r2
{
    margin-top:20px;
    width:96.5%;
   background: #FFCB67;
   padding:10px;
} 
.r2_subf
{
   width:100%;
   color:#333;
   border-bottom:1px solid #33cc33;
}

.r2_subl
{
  
   width:100%;
   color:#333;
}

.bk_r3
{
    margin-top:20px;
   height:510px;
    width:96.5%;
   background: #FF5D2D;
   padding:10px;
} 
.r3_subf
{
   height:220px;
   width:100%;
   color:#333;
   border-bottom:1px solid #ff9933;
   background-image:url(../images/bday.png);
   background-repeat:no-repeat;
   background-position:center top;
}
.r3_subs
{
   height:210px;
   width:100%;
   color:#333;
   border-bottom:1px solid #ff9933;
}
.r3_subl
{
   height:60px;
   width:100%;
   color:#333;
   padding-top:10px;
   text-align:center;
   background: #FF5D2D;
   
}
.r3_subl a
{
    text-decoration:none;
    color:#333;
}

.r3_subl a:hover
{
    text-decoration:none;
    color:#fff;
}


#footer
{
 background-color:#53473D;
    opacity:0.8;
    width:100%;
    height:55px;
    margin-top:25px;
    position:relative;
    clear:both;
    
}
.foot
{
    width:80%;
	height:40px;
	margin:0 auto;
	padding:5px;
	color:#fff;
}

.foot a
{
    text-decoration: none;
            color: #ccffcc;
}
.foot a:hover
{
    text-decoration: none;
            color: #ACF2F3;
}


/********************************************************************Master***********************************************/

#blank
{
    width:100%;
margin:0 auto; 
height:180px;
}

#man_side_r
{
    width:55%;
    float:right;
    margin-right:10px;
}
#man_side_r_ad
{
    width:70%;
    float:right;
    margin-right:10px;
}
.m_bk_r
{
     width:100%;
    float:right;
    background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255, .8);
}

#bk_bot
{
    width:100%;
    height:500px;
    position:relative;
}

/*******************************************************************Ribben******************************************************************/

/* ribbon style */

 .ribbon-wrapper {
	position: relative;
}
  .ribbon-front {
	background-color: #53473D;	height: 100px;
	width: 350px;
	position: relative;
	left:0px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 100px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: 0px;
	border-color: transparent #90867D transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 0px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 0px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 290px;
	border-color: transparent transparent transparent #90867D;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 10px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 5px 10px;
}

  .ribbon-back-left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 100px;
	background-color: #53473D;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 5px;
	right: -85px;
	width: 30px;
	height: 100px;
	background-color: #53473D;	z-index: 0;
}

.or-spacer {
  margin-top:100px; margin-left:100px; width:400px; 
  position:relative; 
  
}
  
.container
{
width:160px;
height:65px;
padding:5px;
float:left;	
background-color:#FFCB67; 
margin-top:5px;
} 
.container:hover .image{
-webkit-transform: rotateY(360deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(360deg);
transform-style: preserve-3d;
}
.container .image, .container:hover .image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.mas_h
{
    font-family:Gabriola;
            font-size: 30px;
            color: #ffffff;
            height: 50px;
            background-color:#53473D;
            padding-left:10px;
}
.mas_h_ad
{
     font-family:Gabriola;
            font-size: 30px;
            color: #ffffff;
            height: 50px;
            background-color:#53473D;
            padding-left:10px;
            }
.adm_bk
{
     background: url(../images/1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 