/*CSS Document*/



*{
margin:0;
padding:0;
border:0
}

body{
   background-color:#F0F8FF;
   font-family: Arial,verdana,sans-serif;
   font-size: 120%;
        
    
}
header,section,footer,aside,shadow,article,figure{
display:block;
}
div.clear{clear: both}

#container{
    max-width:1366px;
	margin:auto;
	
	
}
#header{
height: 130px;
width: 100%;
background-color:#007DDA;
text-align: left;
font-family:Mv Boli;
color:#FFFFFF;
font-size: 300%;
letter-spacing:-1px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:3px 3px 5px #2e2e2e ;
box-shadow:0 0 5px #3a3a3a;
-moz-box-shadow:0 0 5px #3a3a3a;
-webkit-box-shadow:0 0 5px #3a3a3a;
}
#logo{
float:left;
 
}
#socialicons{
    float:right;
	display: block;
	position: absolute;
	margin:15px;
	right: 10px;
	top: 0px; 
}

#tel { 
position: absolute;
 right: 220px;
 top: 50px;
 z-index: 20;  
 color:#FFFFFF; 
 font-size: 22px;}
#tel2 { 
position: absolute;
 right: 70px;
 top: 80px;

}

div.menu2
{
    /*width:500px;margin:0 auto;*//*Uncomment this line to make the menu center-aligned.*/
    text-align:left;
    background-image: url(bg1.gif);
    /* border:1px solid black; */
	border:0;
    font-size:0;
}

div.menu2 a
{
    display: inline-block;
    padding: 0 30px;
    background-image: url(bg.gif);
    color:White;
    text-decoration:none;
    font: bold 14px Arial;
    line-height: 42px;
}

div.menu2 a:hover, div.menu2 a.current
{
    background-position:0 -60px;
}

div.menu2 a.dummy
{
    width:2px;
    padding:0 0px;
}
.breadcrumb{
     float:left;
	 margin:0px 15px;
	 
}
section{
   width:1002px;
   float:left;
   padding:0 20px 0 0;
   margin:0 20px 0 0;
   font-size: 120%;
   border-right:2px dotted #007DDA
}
section article{ margin:0 0 20px 0 
}
section article p {
        text-align: justify;
        line-height: 140%;
		margin:10px 30px;
        padding:0;
        color:#000000;
		
}

section article h1 {
        margin: 0 0 10px 0;
        font-size: 150%;
        color: #ffb400;
        font-family: "Arial";
        text-shadow: 1px 1px 1px #6d2a15
}
aside{
     float:right;
     width:210px;
     padding:5px;
     font-size: 120%
   
}
figure {
   margin:0px 15px; 
   max-width:100%;
   height: auto;
}
img {
   
   margin:0px 15px;
   height: auto;
   max-width:100%
  
}


.menubar2 ul{
    list-style:none;
	width:210px;
	background-color:#FFA324;
}
.menubar2 ul li{
    border:1px solid #000000;
    padding:5px;
}
.menubar2 ul li a{
    color:#007DDA;
}

.shadow{
width:75%;
margin-right:auto;
margin-left:auto;
background:#FFA324;
padding:8px 12px 10px 8px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:1px 1px 2px #2e2e2e ; 
}


h1{
  font-size:260%;
  color:blue;
  text-align: center;
  margin:0px 15px;
  padding:10px;  
} 

h2{
font-size:140%;
  color:#ffb400;
  margin:15px 15px;
  padding:0; 
} 
h3{
  font-size:110%;
  color:#ab5927;
  margin:10px  15px ; 
} 
i{
  color:blue;
  font-size:100%;
}
b{
  color:#000000;
  font-size:100%;
}
p{
  line-height:20px;
  margin:10px 30px;
  padding:0;
  color:#000000;
  text-align: left;
  font-size:120%;  
}
 
p1{
	color:#ffffff;
	font-size:150%;
	text-align: center;
}

img.top {
    vertical-align: text-top;
	margin:0px 0px 10px 10px;
	box-shadow:3px 3px 5px 1px #cccccc;
}

ul.box {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin:0px 20px;
padding: 0;
}

ul.box li {
position: relative;
float: left;
width: 310px;
height: 500px;
padding: 0;
border: 1px solid #efefef;
margin: 0 13px 17px 0;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
 
ul.box li:before,
ul.box li:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 68%;
max-width: 315px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 500px;
height: 55%;
-webkit-box-shadow: 0 8px 13px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 13px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 13px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg);
}
 
ul.box li:after {
left: auto;
right: 8px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg);
}



footer{
font-size:120%;
clear:both;
background-color:#0060b9;
text-decoration:none;
height:170px;
width:auto;
color:white;
border:1px solid grey;
margin:5px;
margin-bottom:15px;
padding:5px;
  
}

Copyright{
    text-align: center;
}
 scrollPage{
    text-align: center;
	margin:15px;
 }

a:link {
    text-decoration: none;
	color: #FF0000;
	
}


/* visited link */
a:visited {
    color: #0033CC;
	
}

/* mouse over link */
a:hover {
    color: #000066;
}

/* selected link */
a:active {
    color:#FF0000;
}
/* scroll to top */
.scrollup {
        position: fixed;
        width: 32px;
        height: 32px;
        bottom: 0px;
        right: 20px;
        background:#cacc00
}
a.scrollup {
        outline: 0;
        text-align: center;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
        opacity: 1;
        text-decoration: none;
}
a.scrollup i {
        margin-top: 10px;
        color: #000;
}
a.scrollup i:hover {
        text-decoration: none;
}


a.lablecmenu:link {
    text-decoration: none;
	color: white;
}

/* visited link */
a.lablecmenu:visited {
    color: white;
}

/* mouse over link */
a.lablecmenu:hover {
    color: #000066;
}

/* selected link */
a.lablecmenu:active {
    color: white;
}


.popcornvatta {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 2px; /* Chrome, Safari, Opera */
    -moz-column-gap: 2px; /* Firefox */
    column-gap: 2px;
}

.lablec {
	margin-right: 5px;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-gap: 5px; /* Chrome, Safari, Opera */
    -moz-column-gap: 5px; /* Firefox */
    column-gap: 5px;
	text-align:right;
}