body
{
margin:0px;
padding:0px;
text-align:center;
background-image:url(../images/Bg.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#000000;
overflow-y:scroll;
}
#tops
{
height:100%;
width:100%;
margin:0px;
float:left;
position:absolute;
z-index:100;
}
.main
{
height:auto;
width:1100px;
margin-left:auto;
margin-right:auto;
}
#left
{
height:auto;
width:24%;
margin-left:0%;
margin-right:4%;
float:left;
}
#left img
{
max-width:100%;
}
#logo
{
height:auto;
width:100%;
padding-top:51px;
text-align:center;
float:left;
}
#logo img
{
max-width:100%;
}
#menu
{
height:auto;
width:100%;
padding-top:50px;
float:left;
}
#right

{
height:auto;
width:72%;
margin:0px;
padding:0px;
float:left;

}

#top1
{
height:auto;
width:100%;
float:left;
padding-top:27px;
padding-bottom:27px;
background-image:url(../images/Line.png);
background-repeat:no-repeat;
background-size:100%;
background-position:center bottom;
}

#top-menu
{
height:auto;
width:auto;
margin-top:12px;
margin-right:25px;
float:right;
text-align:left;
}
#top-menu a
{
float:left;
padding:8px;
}

#top2
{
height:auto;
width:100%;
float:left;
margin-top:20px;
background-image:url(../images/banner-bg.png);
background-repeat:no-repeat;
background-position:center;

}
#banner
{
height:auto;
width:98%;
margin-left:auto;
margin-right:auto;
padding-left:1%;
padding-right:1%;
padding-top:1%;
padding-bottom:1%;
max-width:820px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(212,212,212,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(43%, rgba(246,246,246,1)), color-stop(100%, rgba(212,212,212,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(212,212,212,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(212,212,212,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(212,212,212,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(212,212,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=1 );


}

#top3
{
height:auto;
width:100%;
float:left;
margin:0px;
}
.container
{
height:auto;
width:100%;
margin-bottom:50px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#c0c0c0;
line-height:18px;


}

.brdr
{
height:auto;
width:auto;
margin-left:20px;
margin-top:20px;
margin-right::0px;
margin-bottom:20px;
}
.border-sub
{
height:auto;
width:22%;
margin-left:4px;
margin-right:4px;
float:left;
}

.border-sub img
{
max-width:90%;
}

table a
{
text-decoration:none;
font-size:10px;
color:#95531e;
background-image:url(../images/arw.png);
background-position:right;
background-repeat:no-repeat;
padding-right:20px;
}
table a:hover
{
background-image:url(../images/arw-hvr.png);
background-position:right;
background-repeat:no-repeat;

}
.condition
{
height:auto;
width:100%;
float:left;
margin:2%;
padding:0px;
line-height:15px;
}
.condition ol
{
width:100%;
height:auto;
float:left;
list-style:disc;
line-height:25px;
margin-left:25px;
}
.condition ol li
{
height:auto;
width:100%;
list-style:disc;
padding:0px;
line-height:25px;

}
.title
{
height:auto;
width:100%;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.title a
{
text-decoration:none;
color:#f6c773;

}
.container ul
{
height:auto;
width:100%;
float:left;
margin:0px;
list-style:none;
padding:0px;
line-height:25px;
}
.container ul li
{
width:31%;
height:auto;
float:left;
margin-right:12px;
padding:0px;
text-align:left;
}
ol
{
height:auto;
width:100%;
float:left;
margin:0px;
list-style:none;
padding:0px;
line-height:25px;
}
ol li
{
width:100%;
height:auto;
float:left;
list-style:none;
margin-right:12px;
padding:0px;
text-align:left;
}
.title a:hover
{
color:#FFFFFF;
}
#container-menu
{
height:auto;
width:100%;
text-align:center;
padding-top:15px;
padding-bottom:15px;
float:left;
background-image:url(../images/Line.png);
background-position:bottom;
background-repeat:no-repeat;
background-size:75%;
}
#container-block
{
height:auto;
width:60%;
margin-left:auto;
margin-right:auto;


}

.links
{
height:auto;
width:auto;;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#f6c773;
padding:10px;
float:left;

}

.links a
{
text-decoration:none;
color:#c0c0c0;
}
.links a:hover
{
color:#f6c773;
}
.container h1
{
width:100%;
float:left;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#f6c773;
text-align:left;
letter-spacing:1px;
}
.block
{
height:auto;
width:33.3%;
text-align:right;
float:left;
}
.block img
{
max-width:100%;
}
.box
{
height:auto;
width:100%;
float:left;
list-style:disc;
line-height:25px;
margin-left:25px;
}
.box ul
{
height:auto;
width:100%;
float:left;
list-style:disc;
line-height:15px;
margin:0px;
padding:0px;
color:#c0c0c0;
font-weight:bold;
}
.box ul li
{
height:auto;
width:40%;
float:left;
list-style:disc;
padding:0px;
margin-right:12px;
}
#contact-left
{
height:auto;
width:40%;
float:left;
margin-left:20%;
padding:0px;
}
#contact-right
{
height:auto;
width:30%;
float:left;
margin-left:5%;
padding:0px;

}
#contact-right a
{
text-decoration:none;
color:#c0c0c0;
}
#footer
{
height:auto;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#95531e;
float:left;
margin-top:95px;
margin-bottom:20px
}
#footer-sub
{
height:auto;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#95531e;
float:left;
margin-top:-30px;
margin-bottom:10px;

}
#ftr-left
{
height:auto;
width:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#95531e;
margin-left:23px;
padding-left:23px;
float:left;
}
#ftr-right
{
height:auto;
width:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#95531e;
margin-right:23px;
padding-right:23px;
float:right;
}
#footer a
{
color:#c0c0c0;
text-decoration:none;
}
#footer-sub a
{
color:#c0c0c0;
text-decoration:none;
}
#effects
{
height:338px;
width:100%;
bottom:0px;
float:left;
margin-top:435px;
text-align:left;
background-image:url(../images/F_BG.PNG);
background-position:center;
background-repeat:no-repeat;
}
#effects-sub
{
height:310px;
width:100%;
bottom:0px;
margin-top:-200px;
float:left;
position:relative;
background-image:url(../images/F_BG.PNG);
background-position:center;
background-repeat:no-repeat;

z-index:-1;

}
#effects-sub img
{
max-width:100%;
}
/*-------------------Hover Effect ------------------------*/

.button-wrapper{
	width: 300px;
    padding: 20px 0;
	position:fixed;
	z-index:20;
	right:-5%;
	top:34%;
	z-index:5000;


	
}

.a-btn{
    background:#192c3b;
    padding-left:8px;
    padding-right:70px;
	padding-bottom:10px;
    border-color:#FFFFFF;
    border-width:6px;
    border-style:solid;
    height:64px;
    display:inline-block;
    position:relative;  
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    clear:both;
	float:right;
    overflow:hidden;
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -o-transition:all 1s linear;
    transition:all 1s linear;
}
.a-btn-text{
    padding-top:4px;
	padding-right:4px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#446388;
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -o-transition:all 1s linear;
    transition:all 1s linear;
}
.a-btn-slide-text{
    position:absolute;
    height:auto;
	

    top:15px;
    right:72px;
    width:0px;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
     -webkit-transition:width 1s linear;
    -moz-transition:width 1s linear;
    -o-transition:width 1s linear;
    transition:width 1s linear;
}
.a-btn:hover{
    padding-right:200px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
    width:135px;
	
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}
.water
{
width:20%;
height:auto;
float:left;
margin-left:8%;
padding:0px;
}
.water-sub
{
width:20%;
height:auto;
float:left;
margin-left:0%;
margin-top:-14px;
padding:0px;
}