/* CSS Document */

html{
margin:auto;
width:100%;
height:100%;
background:#FFFFFF;
-webkit-text-size-adjust: 100%; 
}

body{
margin:auto;
width:100%;
height:100%;
background:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#828282;
line-height: 1.50;
}

@font-face{
font-family:font_mistral;
src:url("../web_fonts/Mistral.ttf")

}

a{
text-decoration:none;
color:#666666;
}

li{
list-style-image:url(../media/images/bullet_2.png);
}

.layer_0
{
margin:auto;
position:fixed;
overflow:auto;
box-sizing:border-box;
top:0px;
right:0px;
bottom:0px;
left:0px;
/*background:#00CC99*/
-webkit-overflow-scrolling: touch;
}


.layer_0_0{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:960px;
/*background:#FFFF66;*/
}


.layer_0_0_0{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:130px;
padding:10px;
float:left;
background:#FFFFFF;
}

.layer_0_0_1{
margin:auto;
position:absolute;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
padding:10px;
left:40px;
right:0px;
top:0px;
bottom:0px;
-background:#00CC33;
font-family: 'font_mistral';
font-size:30px;
color:rgb(196,143,91);
}

.layer_0_0_2{
margin:auto;
position:absolute;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:34px;
padding:8px;
right:0px;
/*background:#00CC33;*/
cursor:pointer;
display:none;
}


.layer_0_0_3{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
padding:10px;
float:right;
font-size:11px;

}


.layer_0_1{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
max-width:960px;
border:3px solid #CCCCCC; 
}

.layer_0_1_0{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
float:left;
height:400px;
width:49.99%;
border-right:1px solid #CCCCCC;
}

.layer_0_1_1{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
float:right;
height:400px;
width:49.99%;
border-left:1px solid #CCCCCC; 
}


.layer_0_1_2{
/*for the slideshow*/
margin:auto;
position:absolute;
overflow:hidden;
box-sizing:border-box;
width:100%;
height:100%;
background:#00CC33
}

.layer_0_2{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:960px;
}

.layer_0_2_0{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
float:left;
padding:10px 0px 10px 20px;
font-size:12px;
color:#993300;

cursor:pointer;
text-decoration:none;
}


.layer_0_2_1{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
float:left;
padding:10px 0px 10px 20px;
font-size:12px;
color:#0066CC;

cursor:pointer;
text-decoration:none;
}

.layer_0_2_2{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
float:left;
padding:10px 0px 10px 20px;
font-size:12px;
color:#999999;

text-decoration:none;
}

.layer_0_3{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:960px;
/*background:#FAFEFE;*/
}





.layer_0_4{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:960px;
/*background:#FAFEFE;*/
border-top:2px solid #CCCCCC; 
}

.layer_0_4_0{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
/*background:#00CC99;*/
padding:10px 20px ;
float:left;
font-size:11px;
color:#666666;
text-decoration:none;
min-height:60px;
}



.layer_0_4_1{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
/*background:#00CC99;*/
padding:10px 20px;
float:right;
font-size:11px;
color:#666666;
text-decoration:none;

}


/*layer 1 css*/


.layer_1
{
margin:auto;
position:fixed;
overflow:auto;
box-sizing:border-box;
top:0px;
right:0px;
bottom:0px;
left:0px;
background:#FFFFFF;
visibility:hidden;
-webkit-overflow-scrolling: touch;
}

.layer_1_0{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:960px;
background:#FFFFFF;

}


.layer_1_0_0{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:130px;
padding:10px;
background:#FFFFFF;

}

.layer_1_0_1{
margin:auto;
position:absolute;
overflow:hidden;
z-index:1;
box-sizing:border-box;
width:34px;
padding:8px;
top:0px;
right:0px;
/*background:#00CC33;*/
cursor:pointer;
}

.layer_1_1{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:960px;
background:#FFFFFF;
padding:10px 20px;
}

.layer_1_1_0{
margin:10px;
position:relative;
overflow:hidden;
box-sizing:border-box;
font-size:12px;
color:#666666;

cursor:pointer;
text-decoration:none;
display:block;
}


.layer_1_1_1{
margin:10px;
position:relative;
overflow:hidden;
box-sizing:border-box;
font-size:12px;
color:#0066CC;
cursor:pointer;
text-decoration:none;
display:block;
}

.layer_1_1_2{
margin:10px 10px 10px 30px;
position:relative;
overflow:hidden;
box-sizing:border-box;
font-size:12px;
color:#666666;
cursor:pointer;
text-decoration:none;
display:block;
}


.layer_1_1_3{
margin:10px 10px 10px 30px;
position:relative;
overflow:hidden;
box-sizing:border-box;
font-size:13px;
color:#0066CC;

cursor:pointer;
text-decoration:none;
display:block;
}


.layer_1_2{
margin:auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
min-width:0px;
max-width:960px;
padding:10px;
background:#FFFFFF;
text-align:center;
font-size:13px;
color:#666666;

}

@media only screen and (max-width: 800px) {/*768px*/
    /* For mobile phones: */

.layer_0_0_0{
width:100px;
}

.layer_0_1{
-height:300px;
}

.layer_0_2{
display:none;

}

.layer_0_0_2{
display:inline;
}

.layer_0_0_3{
display:none;
}

.layer_0_4_0
{
width:50%;
}

.layer_0_4_1
{
width:50%;
}

.layer_0_4_2
{
width:100%;
}

.layer_0_0_1{
font-size:20px;

}

}


@media only screen and (max-width: 480px) {/*768px*/
    /* For mobile phones: */

.layer_0_1{
-height:200px;
}

.layer_0_4_0
{
width:100%;
text-align:center;
}	

.layer_0_4_1
{
width:100%;
}


.layer_0_1_0
{
width:100%;
border-bottom:1px solid #CCCCCC;
border-right:0px ;
}

.layer_0_1_1
{
width:100%;
border-top:1px solid #CCCCCC;
border-left:0px ;
}


.layer_0_0_1{
font-size:12px;

}

}