body { margin:0; padding:0; background:#b4ccf0; font-size:12px; color:#2f2a2b;  font-family: 'trebuchet_msregular';}
a {text-decoration:none; border:0; color:#fff; outline:none;}
img {border:0; vertical-align:middle;}
a:hover { text-decoration:none;}
ul,li,h1,h2,h3,h4,h5,p { margin:0; padding:0; list-style:none; font-weight:normal;}
.clear{ clear:both}
.right { float:right}
.left { float:left}



@font-face {
    font-family: 'skiaregular';
    src: url('../fonts/skia-webfont.eot');
    src: url('../fonts/skia-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/skia-webfont.woff') format('woff'),
         url('../fonts/skia-webfont.ttf') format('truetype'),
         url('../fonts/skia-webfont.svg#skiaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'trebuchet_msregular';
    src: url('../fonts/trebuc-webfont.eot');
    src: url('../fonts/trebuc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trebuc-webfont.woff') format('woff'),
         url('../fonts/trebuc-webfont.ttf') format('truetype'),
         url('../fonts/trebuc-webfont.svg#trebuchet_msregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/Preloader_3.gif) center no-repeat #fff;
}

.wrapper { width:960px; margin:0 auto;}

.header-in {background:url(../images/top-images.png) no-repeat left top #000000; width:960px; height:100px; margin:5px 0 0 0}
.header-div  { width:950px;}
.logo { float:left; width:160px; margin:11px 0 0 0}
.menu { margin:0; padding:0; float:right;font-family: 'skiaregular';}
.menu ul { margin:29px 8px 0 0; padding:0; float:left}
.menu ul li { margin:0 1px 0 1px; padding:0; float:left; letter-spacing:-1px; font-size:18px; word-spacing:-2px; line-height:23px;}
.menu ul li a { display:block}

.yellow-h a { color:#fff; padding:3px 8px 3px 8px}
.yellow-h a:hover { background:#ffed00; color:#000; border-radius:25px;}
.yellow-h .active { background:#ffed00; color:#000; border-radius:25px;}

.orange-h a { color:#fff; padding:3px 8px 3px 8px}
.orange-h a:hover { background:#f48220; color:#000; border-radius:25px;}
.orange-h .active { background:#f48220; color:#000; border-radius:25px;}

.news-h a { color:#fff; padding:3px 8px 3px 8px}
.news-h a:hover { background:#ffed00; color:#000; border-radius:25px;}

.blue-h a { color:#fff; padding:3px 8px 3px 8px}
.blue-h a:hover { background:#6b8cc7; color:#000; border-radius:25px;}
.blue-h .active { background:#6b8cc7; color:#000; border-radius:25px;}

.green-h a { color:#fff; padding:3px 8px 3px 8px}
.green-h a:hover { background:#98d2ab; color:#000; border-radius:25px;}
.green-h .active { background:#98d2ab; color:#000; border-radius:25px;}

.gray-h a { color:#fff; padding:3px 8px 3px 8px}
.gray-h a:hover { background:#aaaaaa; color:#000; border-radius:25px;}
.gray-h .active { background:#aaaaaa; color:#000; border-radius:25px;}





.yellow-h2 a { color:#fff; padding:2px 7px 2px 7px}
.yellow-h2 a:hover { background:#ffed00; color:#000; border-radius:25px;}
.yellow-h2 .active { background:#ffed00; color:#000; border-radius:25px;}


.orange-h2 a { color:#fff; padding:2px 7px 2px 7px}
.orange-h2 a:hover { background:#f48220; color:#000; border-radius:25px;}

.news-h2 a { color:#fff; padding:2px 7px 2px 7px}
.news-h2 a:hover { background:#ffed00; color:#000; border-radius:25px;}

.blue-h2 a { color:#fff; padding:2px 7px 2px 7px}
.blue-h2 a:hover { background:#6b8cc7; color:#000; border-radius:25px;}

.green-h2 a { color:#fff; padding:2px 7px 2px 7px}
.green-h2 a:hover { background:#98d2ab; color:#000; border-radius:25px;}

.gray-h2 a { color:#fff; padding:2px 7px 2px 7px}
.gray-h2 a:hover { background:#aaaaaa; color:#000; border-radius:25px;}


.tab-div { background:url(../images/tab2.jpg) no-repeat left top; width:960px; height:9px;}
.cantain-part { background:#fff; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; float:left; width:934px; padding:8px 12px 0 12px}
.cantain-part a { color:#444;}


.cantain-part-in { float:left; width:960px; background:#fff;}
.cantain-part-in a { color:#444;}

.top-bg { background:url(../images/top-bg.jpg) no-repeat center top; width:958px; height:13px; border-left: solid 1px #aaa; border-right: solid 1px #aaa}
.center-bg { background:url(../images/center-bg.jpg) repeat-y center top; width:934px; border-left: solid 1px #aaa; border-right: solid 1px #aaa; padding:0 12px 0 12px}
.bottombg { background:url(../images/bottom-bg.jpg) no-repeat center top; width:958px; height:13px; border-left: solid 1px #aaa; border-right: solid 1px #aaa}


.top-bg1 { background:url(../images/top-bg1.jpg) no-repeat center top; width:936px; height:7px;}
.center-bg1 { background:url(../images/center-bg1.jpg) repeat-y center top; width:936px;}
.bottombg1 { background:url(../images/bottom-bg1.jpg) no-repeat center top; width:936px; height:7px; margin:0 0 10px 0}


.banner { width:936px; float:left; margin:0 0 6px 0; padding:0 0 8px 0; border-bottom:solid 1px #ccc; height:312px;}
.welcome { width:281px;  padding:10px 13px 12px 14px; float:left}
.welcome h1 { color:#2f2a2b;    font-family: 'skiaregular'; font-size:18px; letter-spacing:-1px; margin:0 0 6px 0; word-spacing:-2px}
.welcome p { margin:0 0 15px 0;  font-size:12px; color:#2f2a2b; line-height:14px; width:258px;}
.welcome  span { color:#2f2a2b; font-family: 'skiaregular'; word-spacing:0px;}

.right-side { width:615px; float:right;padding:0; margin:0 -2px 0 0 }
.cantain1 { float:left; width:100%; border-bottom:dotted 1px #ccc; margin:0 0 5px 0; padding:0 0 10px 0}
.cantain1 h1 {font-family: 'skiaregular'; font-size:18px; color:#000000; line-height:19px; margin:0 0 5px 0; word-spacing:-5px;}
.cantain1 .img-left { float:left; margin:0 12px 3px 0; border:solid 1px #ccc; max-width:230px}
.cantain1 a { color:#a9dabb; text-decoration:underline;}
.cantain1 a:hover { color:#000}
.footer-div { margin:0 auto; padding:0; width:960px; }
.bottom-bg { background:url(../images/footer-bg.jpg) no-repeat left top; width:960px; height:10px}
.footer-in { background:#000; padding:42px 4px 42px 14px}
.footer-menu  { float:right; margin:0; padding:0;}
.footer-menu li{ margin:0; padding:0; float:left; word-spacing:-2px;} 


.abour-left { margin:5px 0 0 0; padding:0 3px 0 3px; width:234px; min-height:312px; float:left}
.abour-left h2 { font-size:16px; color:#000; margin:0; font-family: 'skiaregular';border-bottom: solid 1px #86a9de; text-transform:uppercase}
.abour-left ul { margin:0; padding:0;}
.abour-left ul li{ margin:0; padding:7px 0 7px 0; color:#227722; line-height:16px; border-bottom: solid 1px #86a9de; font-size:14px;}
.abour-left ul li a { color:#227722}
.abour-left ul li a:hover { color:#000}
.about-active { color:#000!important}

.abour-right { margin:5px 0 0 0; padding:0 0 130px 0; width:678px; float:right; color:#444; font-size:14px;}
.abour-right h1 { font-size:24px; color:#222;  font-family: 'skiaregular'; word-spacing:-3px;}
.abour-right h4 { padding:0; font-size:18px; color:#444;  font-family: 'skiaregular'; word-spacing:-3px;}
.abour-right h1 span { font-size:16px; color:#444; margin:0 0 7px 0; display:block; font-family: 'trebuchet_msregular';}
.abour-right  p {color:#444; font-size:14px; margin:0 0 13px 0; line-height:20px;}
.about-img { float:left; margin:0 12px 23px 0}
.abour-right a { color:#227722;}
.abour-right a:hover { color:#444;}


.news { margin:5px 0 0 0; padding:0 0 130px 0; width:678px; float:right; font-family: 'trebuchet_msregular'; min-height:201px;}
.news h1 { font-size:24px; color:#222;  font-family: 'skiaregular'; word-spacing:-3px; border-bottom:solid 1px #ccc; margin:0 0 6px 0; line-height:25px;}
.cantain1 h2 {font-family: 'skiaregular'; font-size:18px; color:#000000; line-height:19px; margin:0 0 5px 0;}

.gallery-part { background:#fff; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; float:left; width:934px; padding:8px 12px 130px 12px}
.gallery-part h1 {font-size:24px; color:#222;  font-family: 'skiaregular'; word-spacing:-3px;}

.gallery ul { margin:0; padding:0;}
.gallery ul li {margin:0 11px 10px 0; padding:0; float:left; background:#000; position:relative}
.gallery ul li a p{ position:absolute; bottom:0; text-align:center; width:100%; background:url(../images/bg.png) repeat; line-height:20px;}
.gallery ul li img { width:172px; margin:0; height:100%;} 
.gallery ul .last {margin:0 0 10px 0!important; padding:0; float:left}
.gallery ul li a {text-align:center; display:block; color:#fff}

.megas512 {
padding: 3px;
margin: 3px;
text-align:center; font-size:14px;
}

.megas512 a {
border: 1px solid #dedfde;
margin-right:3px;
padding:2px 6px;

background-position:bottom;
text-decoration: none;

color: #99210B;
}
.megas512 a:hover, div.megas512 a:active {
border: 1px solid #000;
background-image:none;
background-color:#777777;
color: #fff;
}
.megas512 span.current {
margin-right:3px;
padding:2px 6px;

font-weight: bold;
color: #99210B;
}
.megas512 span.disabled {
margin-right:3px;
padding:2px 6px;
color: #444;
}
.pageactive{
border: 1px solid #000;
background-image:none;
background-color:#777777;
color: #fff;
}

.back{float:right; color:#000}
.back:hover {float:right; color:#86aade}

.max-width { margin:10px 0 10px 0!important; padding:0; max-width:230px!important; border: 1px solid #CCCCCC;}
.max-width2 { margin:10px 0 10px 0!important; padding:0; max-width:612px!important; border: 1px solid #CCCCCC;}







.menu2 ul li a { width:100%; display:block;}
.menu2 ul li ul li { padding:3px 20px 3px 15px !important}
.menu2 ul li ul li a{ padding:2px 5px!important}


.menu2 { display:none}

.menu2 ul {
	text-align: left;
	display: inline;
	margin: 0;
	padding:0;
	list-style: none; font-size:15px; float:right;
}
.menu2 ul li {
	display: inline-block; margin:0;
	position: relative; cursor:pointer;	padding: 10px 20px; color:#fff
}
.menu2 ul li ul li {
	padding: 10px 20px; margin:0l
}
.menu2 ul li ul {
	padding: 0;
	position: absolute;
	top:44px;
	right:10px;
	width: 210px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s; z-index:999;	 background-color: rgba( 0, 0, 0, 0.9); padding:10px 0 10px 0;
}
.menu2 ul li ul li {

	display: block;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}
.menu2 ul li ul li:hover {}
.menu2 ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}