@charset "utf-8";
/* CSS Document */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}
.centre { text-align:center; }
.clear { clear:both; }
.image_left { float:left; margin-right:10px; }
.arial { font-family:Arial, Helvetica, sans-serif;}
a { border:none; outline:none; text-decoration:none; color:#CCCCCC;}
a:hover { border:none; text-decoration:none; color:#6ab0ff; -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
p { text-align:justify; font-size:12px!important ; line-height:20px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.trebuc { font-family:'trebuc';}
.malayalam {font-family:jwala; text-align:justify; font-size:12px;}


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


body { margin:0; padding:0; outline:none; border:none; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px!important ; text-align:justify; color:#666666; height:auto; }

.page { width:997px; height:auto; margin:0px auto; }

header { width:100%; height:156px; background:url(../images/header_bg.jpg) top no-repeat!important; padding:24px 0 0 20px!important; }
#logo { width:415px; height:54px; float:left; margin-top:40px; cursor:pointer;}

nav { height:141px; width:470px; float:right; }
nav > ul { list-style-type:none;}
nav > ul > li { float:left;}
nav > ul > li > a { padding:60px 11px; color:#FFFFFF; line-height:127px; font-family:'trebuc'!important; font-size:16px;}
nav > ul > li > a:hover { background:#6ab0ff; -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; color:#070c11;}


h1 { font-family:'trebuc'!important; font-size:23px!important; color:#FFFFFF;}
h2 { font-family:'trebuc'!important; text-transform:uppercase; font-size:18px!important; font-weight:normal; color:#FFFFFF;}

#contents { width:100%; min-height:400px;}
#column_01 { width:292px; height:auto; float:left;}
#column_02 { width:685px; height:auto; float:right;}

.read { background:#6ab0ff; color:#ffffff; padding: 10px 10px; width:65px; font-weight:bold; cursor:pointer;}
.read:hover { background:#ffffff; color:#000000;  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
.section { width:100%; height:auto;}  
  
  
footer { width:100%; height:103px; background:rgba(0,0,0,0.5)!important; margin-top:10px!important;}
.footer_links { width:100%; height:103px; margin:0px auto!important;}  
footer > p{ text-align:center; margin-top:20px!important;} 
.footer_links > ul { list-style-type:none; width:50%; height:20px; margin-left:260px; padding-top:25px;} 
.footer_links > ul > li { float:left;} 
.footer_links > ul > li > a { color:#FFFFFF; padding:0px 20px;  border-right:1px #FFFFFF solid; line-height:20px;}
.footer_links > ul > li > a:hover { color:#6ab0ff; -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}  
  
  .textbox {
		width:225px;
		height:18px;
		background-color:#FFFFFF;
		border-radius:3px;
		border:solid 1px #b7b7b7;
		resize:none;
		}