body{

margin:0px;

font-family:Arial, Helvetica, sans-serif;

font:Arial, Helvetica, sans-serif;

font-size:80%;

color:#666666;

text-align:justify;

line-height:21px;
background-color:#c6e5f4;

}

.wrapper{

width:1010px;

margin:0 auto;


}

.header{

width:100%;

height:80px;

}
.blk1{
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
color:#003366;
}
.left{

width:50%;

float:left;

}
.lnk{
text-decoration:none;
color:#003366;
}
.lnk a{
text-decoration:none;
color:#003366;
}
.lnk a:hover{
text-decoration:none;
color:#990000;
}
.prof{
width:100%;
max-width:201px;
float:left;
margin:0px 5px 5px 0px;
}
.right{

width:45%;

float:right;

}
.left1{

width:48%;
height:180px;

float:left;

}
.right1{
height:180px;
width:48%;

float:right;

}
.left2{

width:48%;

float:left;

}
.right2{
width:48%;

float:right;

}
.flash{
width:690px;
float:left;
}

.ask{
width:313px;
float:right;

}

.top_mar{
margin-top:10px;
clear:both;
}

.clear{
clear:both;

}

.query{
background-color:#f9f9f9;
padding:10px;
border:1px #CCCCCC solid;
border-top:none;
height:270px;

}

.wel_img{
float:left;
margin:0px 5px 5px 0px;
max-width:145px;

}
.gallery{
width:100%;
font-size:11px;
}
.gallery ul{
width:100%;
padding:5px;
font-size:11px;
text-decoration:none;
color:#000000;
}
.gallery ul li{
display:inline;
font-size:11px;
text-decoration:none;
text-align:center;
color:#000000;
}
.gallery ul li a{
padding:5px 18px 5px 18px;
font-size:11px;
text-decoration:none;
text-align:center;
color:#000000;
}
.gallery ul li a:hover{
font-size:11px;
text-decoration:none;
text-align:center;
color:#000000;	
}
.img1
{
width:100%;
max-width:150px;
}
.pad{

padding:2px;

}

.tab{

width:250px;

border:1px #999999 solid;

border-radius:5px;

padding:4px;

}

.grey_bg{

margin-top:10px;
background-color:#F0F0F0;
height:287px;

}

.title{

font-family:calibri;

font:calibri;

font-size:24px;

}

.title_blue{

font-family:calibri;

font:calibri;

font-size:24px;

color:#02adff;

}

.box{

width:32%;

float:left;

margin-left:10px;

margin-top:5px;

}

.foot{

background-color:#5a5f63;

height:100px;
bottom:0;

    z-index:150;

margin-top:10px;
margin:0 auto;
}

.ft_menu{

width:58%;

float:left;

color:#FFFFFF;

text-decoration:none;

margin-top:10px;

}

.ft_menu a{


color:#FFFFFF;

text-decoration:none;

margin-top:10px;

}

.ft_menu a:hover{


color:#FFFFFF;

text-decoration:underline;

margin-top:10px;

}

.copy{

width:30%; 

margin-top:10px;

float:right;

font-size:12px;

color:#FFFFFF;

text-align:right;

}
.enq{
height:30px;
background-color:#2a89bf;
font-size:200%;
color:#FFFFFF;
padding:15px;
font-weight:bold;
}

.social-icon{width:48px;float:left;position:fixed;left:0px;top:150px;z-index:9;}
.social-icon a{width:48px;height:48px;float:left;text-indent:-9999px;}
.l-facebook{background:url(images/sprite.png) left -294px no-repeat #305891;}
.l-facebook:hover{background:url(images/sprite.png) 8px -294px no-repeat #305891;padding:0% 20px 0% 0px;}
.l-twitter{background:url(images/sprite.png) left -342px no-repeat #2ca8d2;}
.l-twitter:hover{background:url(images/sprite.png) 8px -342px no-repeat #2ca8d2;padding:0% 20px 0% 0px;}
.l-hi{background:url(images/sprite.png) left -438px no-repeat #f8694d;}
.l-hi:hover{background:url(images/sprite.png) 8px -438px no-repeat #f8694d;padding:0% 20px 0% 0px;}
.l-mail{background:url(images/sprite.png) left -390px no-repeat #007bb6;}
.l-mail:hover{background:url(images/sprite.png) 8px -390px no-repeat #007bb6;padding:0% 20px 0% 0px;}
.l-print{background:url(images/sprite.png) -86px -438px no-repeat #c44444;}
.l-print:hover{background:url(images/sprite.png) -78px -438px no-repeat #c44444;padding:0% 20px 0% 0px;}
.l-share{background:url(images/sprite.png) -88px -536px no-repeat #f8694d;}
.l-share:hover{background:url(images/sprite.png) -80px -536px no-repeat #f8694d;padding:0% 20px 0% 0px;}
.home-bg{background:url(images/home-bg.jpg) no-repeat left 0px fixed #88ce92;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#wrapperSlider{width:100%;background-size:cover;z-index:-99999;position:fixed;height:100%;top:0px;}

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
.social-icon{width:48px;float:left;position:fixed;left:0px;top:150px;z-index:9; display:none; visibility:hidden}
.wrapper{
width:100%;
}
.header{
width:100%;
height:auto;
}
.img1
{
width:100%;
max-width:150px;
}
.box{
width:90%;
float:none;
margin:10px;
clear:both;
}
.ft_menu{

width:90%;
float:none;
color:#FFFFFF;
text-decoration:none;
margin-top:10px;
text-align:center;
}
img{
width:100%;
}
.copy{

width:95%; 

margin-top:10px;
float:none;
font-size:12px;
color:#FFFFFF;
text-align:right;

}
.flash{
width:95%;
float:none;
margin:5px;
}

.ask{
width:95%;
float:none;
margin:5px;
}
.tab{

width:90%;
margin:0px 10px 0px 10px;
border:1px #999999 solid;
border-radius:5px;
padding:4px;

}
.left{
width:90%;
float:none;
}
.right{
width:90%;
float:none;

}
.query{
background-color:#f9f9f9;
padding:10px;
border:1px #CCCCCC solid;
border-top:none;
height:auto;
}
.grey_bg{
margin-top:10px;
background-color:#EEEEEE;
clear:both;
}
.left1{
height:180px;
width:90%;
text-align:left;
float:none;

}
.left2{
width:90%;
text-align:left;
float:none;

}
.right1{
height:180px;
width:90%;
text-align:left;
float:none;

}
.right2{
width:90%;
text-align:left;
float:none;

}
.copy{

width:90%; 
margin-top:10px;

font-size:12px;

color:#FFFFFF;

text-align:center;

}
.foot{
background-color:#5a5f63;
 position: fixed;
                bottom: 0;
                width: 100%;
                height: 110px;
}
}



@media only screen
and (min-width : 360px)
and (max-width : 640px) {
.social-icon{width:48px;float:left;position:fixed;left:0px;top:150px;z-index:9; display:none; visibility:hidden}
.wrapper{
width:100%;
}
.img1
{
width:100%;
max-width:150px;
}
.header{
width:100%;
height:auto;
}
.left1{
height:180px;
width:90%;
text-align:left;
float:none;
}
.left2{
width:90%;
text-align:left;
float:none;
}
.right1{
height:180px;
width:90%;
float:none;
text-align:left;
}
.right2{
width:90%;
float:none;
text-align:left;
}
.box{
width:90%;
float:none;
margin:10px;
clear:both;
}
.ft_menu{

width:90%;
float:none;
color:#FFFFFF;
text-decoration:none;
margin-top:10px;
text-align:center;
}
img{
width:100%;
}
.copy{

width:95%; 

margin-top:10px;
float:none;
font-size:12px;
color:#FFFFFF;
text-align:right;

}
.flash{
width:95%;
float:none;
margin:5px;
}

.ask{
width:95%;
float:none;
margin:5px;
}
.tab{

width:90%;
margin:0px 10px 0px 10px;
border:1px #999999 solid;
border-radius:5px;
padding:4px;

}
.left{
width:90%;
float:none;
}
.right{
width:90%;
float:none;

}
.query{
background-color:#f9f9f9;
padding:10px;
border:1px #CCCCCC solid;
border-top:none;
height:auto;
}
.grey_bg{
margin-top:10px;
background-color:#EEEEEE;
clear:both;
}

.copy{

width:90%; 
margin-top:10px;

font-size:12px;

color:#FFFFFF;

text-align:center;

}
.foot{
background-color:#5a5f63;
 position: fixed;
                bottom: 0;
                width: 100%;
                height: 110px;
}
}


@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
.wrapper{
width:100%;
}
.header{
width:100%;
height:auto;
}
.box{
width:90%;
float:none;
margin:10px;
clear:both;
}
.img1
{
width:100%;
max-width:150px;
}
.ft_menu{

width:90%;
float:none;
color:#FFFFFF;
text-decoration:none;
margin-top:10px;
text-align:center;
}
img{
width:100%;
}
.copy{

width:95%; 

margin-top:10px;
float:none;
font-size:12px;
color:#FFFFFF;
text-align:right;

}
.flash{
width:95%;
float:none;
margin:5px;
}

.ask{
width:95%;
float:none;
margin:5px;
}
.tab{

width:90%;
margin:0px 10px 0px 10px;
border:1px #999999 solid;
border-radius:5px;
padding:4px;

}
.left{
width:90%;
float:none;
}
.right{
width:90%;
float:none;

}
.query{
background-color:#f9f9f9;
padding:10px;
border:1px #CCCCCC solid;
border-top:none;
height:auto;
}
.grey_bg{
margin-top:10px;
background-color:#EEEEEE;
clear:both;
}
.foot{
background-color:#5a5f63;
 position: fixed;
                bottom: 0;
                width: 100%;
                height: 70px;
}
.copy{

width:90%; 
margin-top:10px;

font-size:12px;

color:#FFFFFF;

text-align:center;

}
}
@media only screen and (min-width : 1024px) and (max-width : 1300px) { 

.wrapper{

width:1010px;

margin:0 auto;

}

.header{

width:100%;

height:80px;

}
.img1
{
width:100%;
max-width:150px;
}
.left{

width:50%;

float:left;

}

.right{

width:45%;

float:right;

}

.flash{
width:690px;
float:left;
}

.ask{
width:313px;
float:right;

}

.top_mar{
margin-top:10px;
clear:both;
}

.clear{
clear:both;

}

.query{
background-color:#f9f9f9;
padding:10px;
border:1px #CCCCCC solid;
border-top:none;
height:270px;

}

.wel_img{
float:left;
margin:0px 5px 5px 0px;
max-width:145px;

}

.pad{

padding:2px;

}

.tab{

width:250px;

border:1px #999999 solid;

border-radius:5px;

padding:4px;

}

.grey_bg{

margin-top:10px;

background-image:url(images/gr_bg.jpg);

height:287px;

}

.title{

font-family:calibri;

font:calibri;

font-size:24px;

}

.title_blue{

font-family:calibri;

font:calibri;

font-size:24px;

color:#02adff;

}

.box{

width:32%;

float:left;

margin-left:10px;

margin-top:5px;

}

.foot{

background-color:#5a5f63;

height:100px;
bottom:0;

    z-index:150;

margin-top:10px;
margin:0 auto;
}

.ft_menu{

width:58%;

float:left;

color:#FFFFFF;

text-decoration:none;

margin-top:10px;

}

.copy{

width:30%; 

margin-top:10px;

float:right;

font-size:12px;

color:#FFFFFF;

text-align:right;

}
.enq{
height:30px;
background-color:#2a89bf;
font-size:200%;
color:#FFFFFF;
padding:15px;
font-weight:bold;
}
}