/* CSS Document */
@import url(../../../fonts.googleapis.com/css@family=Rokkitt-3A400,700);
@font-face {
    font-family: 'RockwellCondensedRegular';
    src: url('../fonts/rocc____.eot');
    src: url('../fonts/rocc____.eot') format('embedded-opentype'),
         url('../fonts/rocc____.woff') format('woff'),
         url('../fonts/rocc____.ttf') format('truetype'),
         url('../fonts/rocc____.svg#RockwellCondensedRegular') format('svg');
}
@font-face {
    font-family: 'RockwellRegular';
    src: url('../fonts/rock.eot');
    src: url('../fonts/rock.eot') format('embedded-opentype'),
         url('../fonts/rock.woff') format('woff'),
         url('../fonts/rock.ttf') format('truetype'),
         url('../fonts/rock.svg#RockwellRegular') format('svg');
}

body{ margin:0px;
      padding:0px;
	  font:14px  'RockwellRegular', serif;
	  background:url(../images/back.jpg) no-repeat fixed center center; 
	  background-size: 100% 100%;
	  }
#maindiv
{ width:1024px;
  margin:20px auto;
   }
#topdivcenter
{ 
  margin:0px;
  height:120px;
  width:1024px;
  float:left;
  }
 #navidiv  .active
{ background: url(../images/menubackover.jpg) repeat-x; }       
/*#menudiv
{  float:left;

  height:35px;
  background:#e1ebf5;
  border-left:none;
  border-right:none;
  margin:0px;
  height:123px;
  }*/
#navidiv {
width: 1024px;
margin: auto;
float:left;
background: url(../images/menuback.jpg) repeat-x;
}
#navidiv ul {
list-style-type: none;
width: 1024px;
margin: 0; 
}

#navidiv ul li {
float: left;
 display: inline-block;
 list-style:none; 
 margin:0px;

}
#navidiv ul li a {
margin: auto;

padding: 48px 0px 48px 0px;
width:123px;
text-align:center;
display: block;
text-decoration: none;
font:20px 'RockwellCondensedRegular', serif;
color: #666666;
background: url(../images/menuback.jpg) repeat-x;
border-right: solid 1px #cbcbc9;
 
}  
#navidiv ul li a:hover {
color:#f67210;
/*background: url(../images/menubackover.jpg) repeat-x;*/
}

#bannerdiv  
{   height:420px;
  
  width:100%;
  }
#bimg
{ 
  margin:0px auto;
  min-width:1021px;
   height:420px;
    background:#FFFFFF;

  }
#bimg img
{ width:1021px;
  height:420px;
  padding:1px;
  background:#FFFFFF;
  position:absolute;
  }

  
 
#contentarea
{ width:1024px;
 margin:0px auto;
 
  
 
 }
#noticeboard
{ -webkit-box-shadow: 0 0 6px 0px #2E2E2E;
box-shadow: 0 0 6px 0px #2E2E2E;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
  width:260px;
  height:200px;
  background: #FFFFFF;
  margin:7px 0px 7px 5px;
  float:left;
}	
.noticehead
{  font-family: 'Englebert', sans-serif;
   font-size:22px;
   color:#FFFFFF;
   
   display:block;
   padding:4px;
   text-align:left;
  }
 #leftarea 
 { float:left;
   width:260px;
   }
 #midcontent
 { width:1000px;
    float:left;
    /*background:#fff;*/
	padding:6px 3px;
	margin:5px;
  } 
   #midcontent h2
 { font-family: 'RockwellCondensedRegular', serif;
   font-size:28px;
   font-weight: 400; 
   color:#666666;
   margin:0px;
  }
   #midcontent h4
 { font-family: 'RockwellCondensedRegular', serif;
   font-size:18px;
   font-weight: 300; 
   color:#fff;
   margin:0px 0px 12px 0px;
  }
 #midcontent h3
 { font-family: 'RockwellCondensedRegular', serif;
   font-size:30px;
   font-weight: 400; 
   color:#666666;
   padding-left:50px;
   margin:30px 0px 12px 0px;
   background:url(../images/grapramid.png) no-repeat left;
  }
 #midcontent p
 { font-family: 'RockwellRegular', serif;
   font-size:13px;
   line-height:22px;
   color:#333333;
   display:block;
   padding:0px 4px;
  
   text-align:justify;
  } 
 

.imgb
  { background:#5c9278;
    border:1px solid #342d34;
	-webkit-box-shadow: 2px 2px  2px 0px #787676;
     box-shadow: 2px 2px  2px 0px #787676;
	 margin:2px 4px;
	 padding:2px;
	 display:block; 
	 float:right;
   
   }
#footerdiv
{  
  padding:15px 5px;
  color:#fff;
  font-size:12px;
  }  
#footerdiv a
{ color:#fff; text-decoration:none;
  }
#footerdiv a:hover
{ text-decoration:underline;
 }
 .flink a
 {padding:0px 12px;
  margin:0px 12px;
  color:#fff;
  }   
 .clear {
	clear:both;
  
	height:0;
 
}	 
.orange
{ font-family: 'RockwellRegular', serif;
  font-size:13px;
  list-style-image: url(../images/greenb.png);
   
  }
.orange li
{ 
  
  padding:5px 0px 0px 12px ;
  color:#fa3b00;
  font-size:13px;
  line-height:20px;
  margin-left:-16px;
  text-decoration:none;
 }
 .orange a
{ 
  
  padding:5px 0px 0px 12px ;
  color:#fa6400;
  font-size:13px;
  line-height:20px;
  margin-left:-16px;
  text-decoration:none;
 }
.orange a:hover
{ color:#5ab612; }


.orangeleft
{ font-family: 'RockwellCondensedRegular', serif;
  font-size:19px;
 
   
  }
.orangeleft li
{ 
  
  padding:5px 0px 0px 10px ;
  color:#FF6600;
 
  line-height:27px;
  margin-left: 16px;
  text-decoration:none;
  list-style-image: url(../images/pramidbwd.png);
 }
.orangeleft li:hover 
{ 
  list-style-image: url(../images/pramidcol.png);
 }
 
 
 .orangeleft li a
{ 
  padding:5px 0px 0px 10px ;
  color:#FF6600;
  line-height:20px;
  text-decoration:none;
 }
.orangeleft a:hover
{ color:#5ab612; }

li.orgactive
{ 
  list-style-image: url(../images/pramidcol.png);
  }  
li.orgactive a
{ 
  color:#5ab612; 
 }  
  
 
.sidebutton
{ border:none;
  margin:7px 4px;
  }
 .socialmedia a
{ margin:0px 2px;
  
} 
.tbox
{ border:1px solid #666666;
  background:#ecf1f5;
  -webkit-box-shadow: -2px 2px 3px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: -2px 3px 3px 0px rgba(0,0,0,0.45);
   box-shadow: -2px 2px 3px 0px rgba(0,0,0,0.45);
   padding:2px;
  }
.redmand
{ color:#CC0000; }
.btn
{  
  color:#FFFFFF;
  border:none;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding:2px 15px;
   font-family: 'Oswald', 'sans-serif';
   font-size:15px;
   font-weight: 400; 
  }  
 #readmore a
 { background:url(../images/readmore.png) no-repeat;
    height:20px;
	width:20px;
	display:block;
	text-align:right;
	float:right;
	margin-top:-15px;
	} 
.hover
{  background:#a1ff23; 
    margin-top:-72px;
    width: 123px;
    height:0px;	
	display:none; 
 
	}	
.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:50px;
			right:50px;
			display:none;			
			background: url('../images/icon_top.png') no-repeat;
		}	
.orgbtn
{ color:#FF6600;
 font-family: 'RockwellRegular', serif;
  font-size:12px;
  font-weight:bold;
 }
 .orgbtn:hover
{ color:#999999;
  cursor:pointer;
 }
 .gb
 { background:#477c22;
   color:#FFFFFF;
   font: bold 14px 'RockwellRegular', serif;
   }
 #clientbaox
 { background:#FFFFFF;
 float:left;
    
  }
   #clientbaox img
 { background: #3A6F9A;
    vertical-align: middle;
    max-height: 100px;
    max-width: 100px;
  }   
 .frame {
    height: 110px;      /* equals max image height */
    width: 110px;
 
    text-align: center; margin: 1em 0;
	float:left;
	margin:5px;
} 
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.btn2
{ 
    font: bold 15px 'RockwellRegular', serif;
	padding:3px;
	width:250px;
	background:url(../images/btnbak.jpg) repeat-x;
}
.getconnected
{
  color:#FF0000;
  font-weight:normal;
}
#scrolltesti
{ color:#FFFFFF;
  }
#scrolltesti li
{ line-height:22px;
  }
<!-- thumb scroll ->
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
	height:55px;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width:304px  !important;
	height: 75px !important;
	float:left !important;
	top:-12px;
}

.als-wrapper{
	position: relative;
	list-style: none;
	} 
.als-viewport ul{
    margin-left: 0;
     padding-left: 3px;
 }
.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	 
	cursor: pointer;
 
}
#demo3 {
	margin: 0px auto;
}

#demo3 .als-item {
	margin: 0px 4px;
	min-height: 55px;
	min-width: 65px;
	text-align: center;
border: 1px solid #00CC00;
border-radius: 8px;
float:left;
}

#demo3 .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#demo3 .als-prev, #demo3 .als-next {
	margin-top: 20px;
}

#demo3 .als-prev {
	float:left;
}

#demo3 .als-next {
float:left;
}

.white_content {
        display: block;
        position: absolute;
        top: 40%;
        left: 40%;
        width: 20%;
        height: 8%;
        padding: 16px;
        border: 3px solid black;
        background-color: white;
        z-index:1002;
        overflow: auto;
		text-align:center;
    }
.closew
{
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
float:right;
top:-16px;
right:-13px;
position:relative;
text-decoration:none;
}