@import url("reset.css");
@font-face
{
font-family: BellGothic;
src: url('fonts/BellGothicStd-Bold.otf'); /* IE9 */
}
@font-face
{
font-family: "Arial Rounded MT Bold";
src: url('fonts/ARLRDBD.TTF'); /* IE9 */
}

/* ------------------------------------
								=== STRUCTURE: =======================================
							
							
							
								* Page Width:			960px
								* Max Width:			1150px
								* Number of Columns:	2

---------------------------------------------------------------------------- 
 GLOBAL SETTING

-------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body{
	background:#f1f3f1 url(images/header-bg.jpg) repeat-x 0 0;
	font:12px/18px  Arial,"Helvetica Neue", Helvetica,  sans-serif;
	color:#52504d;
}

.left{text-align:left;float:left;}
.right{	text-align:right;float:right;}

img{border:0px;}

a{	text-decoration:none;}
a:hover{color:#cc6633;	text-decoration:none;}
a:focus{	outline: none;}
.clear{clear:both;}
.nobdr{ border:none !important;}


#outerwrapper, #middle-box, #bottom-box, #middle-box-2{height:100%;}
#body{min-height:100%; position:relative;}
#outerwrapper{width:100%; }
.wrapper, #header, the_body{width:1100px; margin:0 auto;}

#wrapper{width:100%; }

#header{ height:145px;}
#header .header-left{float:left; width:225px; display:inline;padding:5px 0px 0px 0px; }
#header .header-right{float:right; display:inline;  text-align:right; width:875px; margin-top: 31px;}
.logo{ width:300px; height:106px;}
.slogan{ clear:both;  font:normal 12px "calibri"; color:#999999;}
.header_rtpart .reclogo{ padding:15px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#6b706d;}
.header_rtpart p{  margin:-6px 0px 0px 0px;  float:right; text-align:right; color:#fff; font:normal 14px Calibri; clear:both;}

ul.top-menu {margin:13px 0px 0px 2px; }
ul.top-menu li{ display:inline-block;line-height:56px; margin-right:2px; padding:22px 0px; font:normal 18px Arial; color:#fff;border-radius:0px 0px ; }
ul.top-menu li a{ color:#303f44; padding:22px 20px;}
ul.top-menu li a:hover{color:#FFFFFF !important; }
ul.top-menu li:hover{background: url(images/menu-active.png) repeat-x 0 0;color:#FFFFFF !important;
background: linear-gradient(to bottom, rgb(17, 28, 97), rgb(183, 14, 36));
/* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */  
background: linear-gradient(to bottom, rgb(17, 28, 97), rgb(183, 14, 36));
 }
ul.top-menu li.active{ color:#FFFFFF !important; border-radius: 0px 0px ;background: url(images/menu-active.png) repeat-x 0 0;

background:linear-gradient(to bottom, rgb(17, 28, 97), rgb(183, 14, 36));
/* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */  
background:linear-gradient(to bottom, rgb(17, 28, 97), rgb(183, 14, 36));
 }
ul.top-menu li a.active{ color:#fff; font: normal 18px "Arial Rounded MT Bold";}

.header-bottom{height:44px; background:#b70e24;}
.header-bottom-left{ float:left; width:720px;}
.header-bottom-right{ float:right; width:350px; border:0px solid #fff; text-align:right;}
.header-bottom-left p{ color:#FFFFFF; padding:12px 5px; font:normal 14px Arial;}

.search-box{ width:400px; margin:5px 0px 0px 0px; float:right; display:inline; text-align:right;}
.search-box input{ float:right;padding:2px 5px; color:#b1c4ba; font:italic 14px Arial;  margin-right:3px;width:282px; height:30px;  border:none;}
input.search-btn{ background: url(images/sch-btn.png) 1px 4px no-repeat; width:42px; height:38px; border:none; float:right; overflow:hidden; display:block; margin:-3px 0px 0px 0px; }


#middle-box{ clear:both; padding-top:10px; background:#d8d9d9;}
#the_body{padding:0px 0px;}

.slide-container{ clear:both; width:1080px; height:347px;  border:10px solid #676363; box-shadow: 0px 8px 10px #b4b3b2; background:#000; position:relative;}



.content{width:1100px;  margin-top:00px; background:#fff;

background: linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
/* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */  
background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
 }
.content p{ color:#5f5c5c; font:normal 14px/22px Arial; padding:5px; text-align:justify;}
.content p img{ padding:10px;}
.content ol{ margin-left:40px;}
.content ol li{ list-style:decimal;  line-height:20px;}

.one-half{ float:left; width:440px; }
.one-half p{ text-align:justify; padding:5px 5px 5px 0px; }
.one-half p img{ padding:8px;}
.content h2{ font:lighter 24px "BellGothic"; color:#fff; padding:5px 10px; border-radius:10px; background:url(images/heading-bg.png) repeat-y 0 0;
background:linear-gradient(to right, rgb(18, 27, 97), rgba(255,255,255,0));
/* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */  
background: linear-gradient(to right, rgb(18, 27, 97), rgba(255,255,255,0));
 }
 .content h2 span{ color:#00ff12;}
.content h3{ color:#1f2420; font:bold 14px Arial, Helvetica, sans-serif; padding:5px 0px;}
.content .f_content{ margin:15px 5px;}
.content .f_content h3{ padding:5px 5px 5px 0px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#547b0d;}
.content .f_content h3 a{color:#547b0d;}
.content .f_content h3 a:hover{color:#006633;}
.content .f_content p{ font:12px/18px Arial, Helvetica, sans-serif; color:#323d33; line-height:18px;}


.two-equalhalf{ float:left; width:240px; overflow:hidden;}
.two-third{ float:left;width:720px; overflow:hidden; margin:15px 0px; padding:5px; background:inherit; }
.one-third{ float:left;width:360px; overflow:hidden; margin:15px 0px;padding:5px;}
.one-full{margin:15px 0px;padding:5px; width:1085px;  float:left;}

.two-third p{ text-align:justify; padding:5px 5px;}
.two-third ul{ margin-left:30px;}
.two-third table tr.tbl-title td{ font:bold 14px Verdana;}
.two-third table td{ text-align:left;font:normal 12px Arial, Helvetica, sans-serif; padding:3px 0px; vertical-align:top;}
.two-third table th{ text-align:left; font:bold 12px Arial, Helvetica, sans-serif; vertical-align:top;}


.two-equalhalf p{ padding:5px 5px 5px 0px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#2b312c; line-height:18px;}

.archive{ border:1px solid #cecdcd; padding:3px;}
.archive h2{ display:block; color:#3a3737; border-radius:0px; font: normal 24px Arial; height:30px; padding:5px; background:url(images/archbg.png) repeat-y 0 0;
background: linear-gradient(left, rgba(246,222,205,1), rgba(255,255,255,0));
/* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */  
background: linear-gradient(to right, rgba(246,222,205,1), rgba(255,255,255,0));}
.archive ul { margin:5px 0px ;}
.archive ul li{ width:346px; height:86px; margin:3px 0px; border:1px solid #cecdcd; padding:2px; background:#f1f6f8; list-style:none; }
.aimg{ float:left; width:125px; height:75px; overflow:hidden; padding:1px;}
.adesc{ float:left; padding:1px; width:216px; height:75px; overflow:hidden; position:relative;}
.adesc p{ color:#444545; font:normal 12px Arial, Helvetica, sans-serif;}
.postedon{ position:absolute; clear:left; font:normal 11px Arial, Helvetica, sans-serif; color:#5a5c5b; font-style:italic; bottom:0px; left:5px;}

.albumbox{ float:left; margin:20px 10px; float:left; border-bottom:1px dashed #666666;}
.albumbox h2{ color:#126275; font:normal 18px BellGothic; padding:5px; font-style:italic; background:none; text-decoration:underline;}
.galbox{ float:left; width:250px; height:240px; margin:5px 8px ; overflow:hidden;  }
.galimg{border:5px solid #000;width:240px; height:180px; overflow:hidden;}
.galbox p{ clear:both; color:#1c1d1d; font:normal 14px Arial, Helvetica, sans-serif; font-style:italic; text-align:center;}
.viewmore{  margin:10px 0px -20px 0px; float:right; padding:10px 20px;  height:24px; background:#084f60; color:#fff; font:normal 18px Arial;}
.viewmore a{ color:#fff;}
.viewmore a:hover{ color:#00CCFF;}


h3.o-h{ color:#1f2420; font:lighter 12px Arial, Helvetica, sans-serif; padding:5px 0px;}
h3.o-h img{ padding:10px;}
.rt-border{ border-right:1px solid #99CC99; }
.one-half-sep150{ padding:5px 30px; float:left; width:1px; background: url(images/v-sep.png) repeat-y 20px 0px; height:150px;}
.mgleft{ margin-left:10px;}
img.support-img{ margin:2px;}

.info-box-list{ clear:both; margin:10px 0px; float:left; border-bottom:1px dashed #003300;}
.info-box-list h3, .info-box-list h3 a{ color:#006633;}
.info-box-list p img{ padding: 0px 10px 10px 10px; float:right;}


#bottom-box{background:#121c62;  width:100%;height:auto;background:#0e185e; float:left; padding:30px 0px;  }
#bottom-box.wrapper{ padding:10px 0px ; margin:0px auto; float:left;  box-shadow: 0px 8px 10px #000;min-height:214px; width:1060px; padding:16px 20px;}
.fb-box{ width:249px; height:194px;float:left;  background:#fff;}
.address-box{ float:left; margin:0px 10px; padding-left:10px; width:300px; height:200px; }
.address-box h2{ font:normal 24px Arial; color:#fff;}
.address-box p{ color:#fff; line-height:12px;}
.address-box p{ padding:5px 5px 5px 0px; font:normal 12px Verdana, Arial, Helvetica, sans-serif;  line-height:15px;}

.about_col{ float:left; width:300px;}
.about_col h2, .list_col h2{ font:bold 20px Arial, Helvetica, sans-serif; color:#fff; padding-bottom:20px;}
.about_col p{ color:#efeaea; text-align:justify;}
.about_col ul{ margin-left:18px;}
.about_col ul li{ color:#fff; line-height:20px;}

.list_col{float:left; width:200px; margin-left:35px;}
.list_col ul{ margin-left:18px;}
.list_col ul li{ color:#fff; line-height:20px; }
.list_col ul li a{ color:#fff;}

.ujuri-box{float:left; margin:0px 0px; width:349px; height:200px; text-align:center; }
.ujuri-box h2{ font:normal 24px Arial; color:#fff;}


.footer-nav{ height:20px; width:100%;}
.footer-nav ul li{ display:inline-block; margin:2px 0px; color:#fff; font:normal 14px Calibri; border-right:1px solid #FFFFFF; padding:0px 10px ;}
.first{ padding-left:0px !important;}
.footer-nav ul li a{ color:#fff;}

.designed{  width:100%;}
.designed p{margin:10px 0px;font:normal 12px Arial;color:#d0d8d3; }
.designed p span a{ color:#d0d8d3; font-weight:700;}


.bottom-bar{ width:100%; height:24px;  background:#c90327; float:left; color:#fff; padding:10px 0px;}

/*---------------------------------------- begins from here*/
.info-block-wrap{ background:#05075a url(images/green-bg.png) 0 0; width:1090px; height:314px; padding-left:10px; padding-top:20px; padding-bottom:20px;}
.info-block{ width:290px; height:250px; float:left; margin:16px 0px;  border-right:1px solid #b70e24;padding:15px 30px;}
.info-block:last-child{ border:none;}
.num{ float:left; width:33px; height:61px; background:#c3af06; border-radius:3px; color:#FFFFFF; font:bold 48px Arial; padding:10px 20px;}
.num-heading{ float:left; width:200px; padding:10px 8px ; margin-bottom:10px; font:normal 30px "BellGothic"; line-height:32px; color:#fff;}
.info-block p{ clear:both; padding:10px 0px; color:#fff; font:normal 14px Arial; line-height:18px; text-align:justify;}
.info-block p.readmore a{ float:right; color:#fff;}
.info-block p.readmore a:hover{ color:#00CCFF;}
.info-block:hover > .num{ background:#00CCFF; transition:background 0.2s linear;}

h3.nostyle{ padding:12px 0px; font:bold 18px Arial;}
.vid-box{ width:365px; height:250px; background:#000; position:relative; position:relative;}
.vid-box .loading{ position:absolute; top:50%; left:50%; font:normal 18px Arial; color:#ffff; position:absolute; top:110px; left:150px;}
.vid-desc{ padding:10px 5px ;}
.vid-desc p{font:normal 12p Verdana;color:#333333; font-style:italic;}

.photobox{ position:relative; width:1080px; height:175px; border:10px solid #312a2a; background:#dde1e2; padding:0px; margin:10px 0px 20px 0px; }
.photobox .prev{ position:absolute; top:60px; left:2px; width:25px; height:72px; background:url(images/arrow.png) no-repeat 0 0;}
.photobox .next{ position:absolute; top:60px; right:2px; width:25px; height:72px; background:url(images/arrow.png) no-repeat -25px 0px;}

.photobox img{ padding:2px; margin:0px 6px; border:1px solid #aaa6a6; background:#fff;}

.gal-box{ border:0px solid #3300CC; margin:0px 0px 20px 0px; clear:both; float:left;}
.viewmore{ clear:both; margin:10px 0px; float:right; width:120px; height:20px; background:#064c45; font:normal 16px 'calibriregular' Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 10px 5px 25px;}
.viewmore a{ color:#fff;}
.viewmore a:hover{ color:#FFFF00;}
.g-item{ width:250px; height:200px; float:left; margin:5px 10px 5px 10px; overflow:hidden; position:relative;}
.g-cap{ position:absolute; bottom:0px; background:rgba(9,89,112,0.8); font:normal 14px 'calibriregular'; color:#fff; padding:5px 5px; width:100%;}
.g-cap  a{ color:#fff;}

ul.release{ display: table; width:100%; }
ul.release li{padding:10px 10px;  display:table-cell; font:bold 16px Arial, Helvetica, sans-serif; color:#fff;}
ul.release li a{color:#fff; display:block;}
ul.release li:hover{ background:#000;webkit-transition: background-color 0.2s linear;-moz-transition: background-color 0.2s linear;transition: background-color 0.2s linear;}
li.rb_1{ background:#0db3ea;}
li.rb_2{ background:#ea850d;}
li.rb_3{ background:#ef4863;}
li.rb_4{ background:#c90327;}
li.rb_5{ background:#669900;}
.release-box{margin:0px 0px 30px 0px; width:100%;  background:#f2f4f8; float:left; height:auto;}
.release_content{ padding:0px 5px; float:left; text-align:center; width:100%;}
.rel_bx{ display:inline-block; padding:0px 1px;}
.rel_bx img{ padding:0px; margin:0px;}
.rel_bx p{ font:normal 14px Arial, Helvetica, sans-serif; color:#000;}
.rel_bx p a{ color:#000;}
ul.items li{ vertical-align:top; list-style:none; color:#333333; font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0px;  text-align:left; border-bottom:1px dotted #999999; float:left; width:97%;}
ul.items li:last-child{ border:none;}
ul.items li a{ color:#009f92; font:bold 12px Arial, Helvetica, sans-serif;}
ul.items li a:hover{ color:#0066FF;}
ul#popular li:hover{background:#BAE7FC; webkit-transition: background-color 0.2s linear;-moz-transition: background-color 0.2s linear;transition: background-color 0.2s linear; }
ul#recent li:hover{  background:#C8E6D3; webkit-transition: background-color 0.2s linear;-moz-transition: background-color 0.2s linear;transition: background-color 0.2s linear; }
.img-lt{ width:110px; float:left; text-align:center; vertical-align:top; }
.info-rt{ float:left; width:235px; vertical-align:top; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#009f92; }
.full-info-rt{ float:left; width:190px; vertical-align:top; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#009f92; }
.full-info-rt p{ font:12px/18px Geneva, Arial, Helvetica, sans-serif; color:#009f92; text-transform:none; text-align:justify; line-height:16px; margin:10px 0px;}
.author_1{ font:normal 12px Arial, Helvetica, sans-serif; color:#797979; margin:8px 0px 3px 0px; clear:both;}
.date{ font: italic 11px Arial, Helvetica, sans-serif; color:#797979; float:left;}
.location{ font:italic 12px Arial, Helvetica, sans-serif; color:#333333;}

h2 span.link{ font: normal 14px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:20px;}
h2 span.link a{ padding-left:20px; color:#FFFFCC; font: normal 18px Arial, Helvetica, sans-serif;}
h2 span.link a:hover{ text-decoration:underline;}