/* CSS Mastery: Advanced Web Standards Solutions - pramit mehta copyright @ Gnharcid */

body, p			{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}
/*body, p			{
	font-family:Verdana;
}*/
img 			{ border: 0}
p				{
	padding:3px 0;
	margin:200;
	font-size:13px
}
body, h1, h2, h3, h4, h5, h6, li  { margin:0; padding:0}

.ul				{ padding:0 0 0 15px; margin:0 0 0 15px}
.ul li			{ font-size:13px; color:#333; line-height:17px}

/* default links */
a 		 		{ font-size:12px; color: #000}
a.black	 		{ color: #000; font-size:12px}
a.gray    		{ font-size:11px; font-weight:700; color:#a2a2a2}
a.orange    	{ font-size:13px; color:#bc5d00}
.orange a { font-size:13px; color:#bc5d00; text-decoration:underline;}

a:hover, a.black, a.gray, a.orange	{ text-decoration: underline}
a, a:hover.black, a:hover.gray, a:hover.orange	{ text-decoration: none}

a:hover        	{ color: #7A001C}
a:hover.black 	{ color: #7A001C}
a:hover.gray	{ color: #666}
a:hover.orange  { color: #7A001C}

a.currentblack 	{ color: #7A001C; font-size:13px}


.style1
        {
            width: 100%;
        }
        .style2
        {
            width: 389px;
        }
        .auto-style1 {
            width: 199px;
        }
        .auto-style2 {
            width: 368px;
        }

/* -- content ------*/
h1					{ font-size:22px; color:#F60; font-weight:100; border-bottom:1px dashed #CCC; padding-bottom:5px}

.floatl				{ float:left}
.floatr				{ float:right}
.clear				{ clear:both; overflow:hidden; height:1px}

.contentmain             { font-size:12px; color:#656565; padding:5px 0}
.content15px             { font-size:15px; color:#333}
.content13		         { font-size:13px; color:#333}
.content12px             { font-size:12px; color:#333}
.content11px             { font-size:11px; color:#333}
.content10px 			 { font-size:10px; color:#333}
.content13org	         { font-size:13px; color:#bc5d00}
.content13red	         { font-size:13px; color:#f00}

.padding5px				 { padding:5px}
.padding10px			 { padding:15px}
.padding15px			 { padding:0 15px}
.padding20px			 { padding:20px}
.space30px               { height:30px}
.space25px               { height:25px}
.space20px               { height:20px}
.space15px               { height:15px}
.space10px               { height:10px}
.space5px                { height:5px}

.footer			{ background:url(../images/footer-2.jpg) 0 0 repeat-x}
#wrapper{

}
@font-face
{
font-family: 'Gunatit';
src:url('Gunatit.eot?#iefix') format('embedded-opentype'),
	url('Gunatit.eot') format('eot'),
	url('Gunatit.eot'),
	url('Gunatit.ttf') format('truetype'),
	url('Gunatit.woff') format('woff'),
	url('Gunatit.otf') format('opentype'),
	url('Gunatit.svg#Gunatit') format('svg');
}
.myguj
{
font-family: 'Gunatit';
font-size:16px;
/*letter-spacing: 1px;*/
}
.btn
{
	border:1px solid #999999; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius:5px;
	font-size:13px;
	font-family:verdana; 
	height:25px; width:65px;
	text-align:center;padding:3px;
	/*padding:0px;*/
	/*margin:0px;*/
	/*padding: 5px 15px 5px 15px;*/
	text-decoration:none;
	display:inline-block;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	linear-gradient(to bottom, #FFF500, #FF9900)
	/*font-weight:bold; */ color: #000000;
	background-color: #FFF500; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF500), to(#FF9900));
	background-image: -webkit-linear-gradient(top, #FFF500, #FF9900);
	background-image: -moz-linear-gradient(top, #FFF500, #FF9900);
	background-image: -ms-linear-gradient(top, #FFF500, #FF9900);
	background-image: -o-linear-gradient(top, #FFF500, #FF9900);
	background-image: linear-gradient(to bottom, #FFF500, #FF9900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFF500, endColorstr=#FF9900);
}
.btn:hover
{
	background-color: #d5d5d5; background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#CFCFCF));
	background-image: -webkit-linear-gradient(top, #d5d5d5, #CFCFCF);
	background-image: -moz-linear-gradient(top, #d5d5d5, #CFCFCF);
	background-image: -ms-linear-gradient(top, #d5d5d5, #CFCFCF);
	background-image: -o-linear-gradient(top, #d5d5d5, #CFCFCF);
	background-image: linear-gradient(to bottom, #d5d5d5, #CFCFCF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5d5d5, endColorstr=#CFCFCF);
}
/* -- nav div ------*/
ul#navmenu,
ul#navmenu li,
ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none}

ul#navmenu:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden} 

ul#navmenu li { float: left; display: block !important; display: inline; position: relative}

/* Root Menu */
ul#navmenu a { border-bottom:1px dashed #CCC; padding: 0 6px; display: block; background:url(menubg.jpg) 0 0 repeat-x ; color: #000;
 font: normal 15px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none; height: auto !important; height: 1%}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a { color: #000; background:url(../images/menubg.jpg) 0 -40px repeat-x}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a { height:20px; background: #F90; color: #000}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a { background:url(../images/menubg.jpg) 0 -40px repeat-x; color: #000}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a { background: #EEE; color: #666}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 200px}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul { display: none} 

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul { display: block}
.news p { margin:15px 5px; font-size:18px; font-weight:100; color:#7A001C;  }
.title { font-size:18px; font-weight:bold; text-align:center; line-height:26px; width:334px; float:left;}
.title2 { font-size:14px; font-weight:bold; text-align:center; line-height:20px; width:334px; float:left;}
.mobile-thumb  {float:left; /*width:200px;*/ padding:5px ; margin:5px; border:1px solid #fc8616;}
.our-publication {float:left;/* width:200px; */ padding:5px ; margin:5px; border:1px solid #fc8616;}
.our_publication {float:left; /*width:200px;*/ min-height:235px; padding:5px ; margin:12px; border:1px solid #fc8616;}

.mobile-thumb h4{ background:#f4f4f4; text-align:center;  /*width: 147px;*/  color:#F90;  height: 20px; display:table-cell; vertical-align:middle}
/*.our_publication h4{ background:#f4f4f4; text-align:center; /*width: 147px; */ /*color:#F90;  height: 40px; display:table-cell; vertical-align:middle}*/
.our_publication a img{ max-width:100%;vertical-align: middle;height: 235px;}
.our_publication .predown { background:#f4f4f4;vertical-align:middle;border:0px solid;height:30px; display:block;}
.our_publication .predown .preview { border:0px solid;float:left;width:40%;margin:5px;}
.our_publication .predown .download img{ width:21x;height:21px; float:right;}
.our_publication .predown .download { border:0px solid;float:right;width:20%;margin:5px;}
.our_publication .predown h4{ background:#f4f4f4; color:#F90;  height: 20px;}
/*.our_publication .preview{ background:#f4f4f4;display:inline; text-align:center; width: 38%;  color:#F90;  height: 40px; display:table-cell; vertical-align:middle}*/



.mobile-thumb a{ text-decoration:none; font-size:13px; font-weight:100;   color:#333;}
.our_publication a { text-decoration:none; font-size:15px; font-weight:100;   color:#333;}


.mobile-thumb a:hover{ text-decoration:none; font-size:13px; font-weight:100;   color:#F90;}
.our_publication a:hover{ text-decoration:none; font-size:15px; font-weight:100;   color:#F90;}

.sw-bg { float:left; width:335px; margin:0px 179px; background:url(../images/sw_bg.png) left bottom no-repeat; padding-bottom:49px;}
.sw-pic { float:right; border:1px solid #ff8c27; margin:7px 20px;}
.sw-name { color:#28509a; font-size:15px; text-align:center; width:215px; display:table-cell; vertical-align:middle; height:78px;
 font-family:Arial, Helvetica, sans-serif; /*font-family:verdana; */}
.sw-name_div { width:215px;  height:78px; padding:7px 0px 7px 11px; float:left;  }
.sw2-bg { float:left; width:335px; margin-left:19px; background:url(../images/sw3_bg.png) left bottom no-repeat; padding-bottom:20px;}
.sw3-bg { float:right; width:335px; margin-right:19px; background:url(../images/sw3_bg.png) left bottom no-repeat; padding-bottom:20px;}
.contact  { padding-top:15px;}
.contact p { font-size:20px; font-weight:bold; color:#BC5D00; line-height:30px; }.ladila {
	color: #A41EA4;
}
