/*
	=====================================
	project: Distinctive
	author:  Luka Cvrk (www.solucija.com)
	-------------------------------------
	2009. Solucija
	=====================================
*/

*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}
body.index{ font: .8em Arial, Tahoma, Verdana; background: none; color: #777; }
body { font: .8em Arial, Tahoma, Verdana; background: #fff url(../images/bg.gif) repeat-x; color: #777; }
.wrapper { width:100%; /*background:url(../images/mainbg.gif) no-repeat center center; height:auto; overflow:auto*/}
a { text-decoration: none; color: #B20F0F; }

.front_logos a.mpp { text-decoration: none; color: #B20F0F; background: url(../images/mainthumb1.jpg) no-repeat; width:145px; height:145px; display:block }
.front_logos a:hover.mpp { background: url(../images/mainthumb1_hv.jpg) no-repeat}

.front_logos a.guthi { text-decoration: none; color: #B20F0F; background: url(../images/mainthumb2.jpg) no-repeat; width:145px; height:145px; display:block }
.front_logos a:hover.guthi { background: url(../images/mainthumb2_hv.jpg) no-repeat}

.front_logos a.jagdamba { text-decoration: none; color: #B20F0F; background: url(../images/mainthumb3.jpg) no-repeat; width:145px; height:145px; display:block }
.front_logos a:hover.jagdamba { background: url(../images/mainthumb3_hv.jpg) no-repeat}

.front_logos a.ltk { text-decoration: none; color: #B20F0F; background: url(../images/mainthumb4.jpg) no-repeat; width:145px; height:145px; display:block }
.front_logos a:hover.ltk { background: url(../images/mainthumb4_hv.jpg) no-repeat}

.front_logos a.shanti { text-decoration: none; color: #B20F0F; background: url(../images/mainthumb5.jpg) no-repeat; width:145px; height:145px; display:block }
.front_logos a:hover.shanti { background: url(../images/mainthumb5_hv.jpg) no-repeat}

h1 { font-size: 1.4em; font-weight: normal; }
.exibition h1 { font-size: 1.2em; font-weight: normal; }
	h1 a { color: #fff; font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; background: #B00A0A url(../images/redbg.gif) repeat-x left bottom; padding: 12px 7px 0; color: #fff; font-weight: bold; margin: 0 0 1px; float: left; width:270px; height:37px }
h4 { margin: 0 0 15px; color: #555; font-weight: normal; font-size: 1.6em; font-weight: normal; }
.subheading {font-size:11px; font-weight:normal}
h3 a {color:#fff; text-decoration:none; margin-left:6px}
h3 a:hover {color:#f1f1f1 }
p { clear: both; line-height: 1.64em; margin: 0 0 15px; }
.line { clear: both; border-bottom: 1px solid #ddd; margin: 0 0 15px; }
.clear { clear: both; }
#content { width: 970px; margin: 0 auto; }
	#top { color: #ccc; padding: 6px 20px 0; font-size: .84em; text-align: right; }
	#logo { float: left; background: url(../images/logo.png) repeat-x; width:157px; padding: 100px 25px 33px; margin: -46px 0 20px; }
		#logo h1 { text-shadow: 1px 1px 1px #7E0E0E; }
	#menu { float: right; margin: 63px 20px 0; }
		#menu li { display: inline; font-size: 1.3em; }
			#menu li a { float: left; color: #808080; padding: 0 0 5px; margin: 0 0 0 55px; }
			#menu li a:hover, #menu li.current a, #menu li a:focus { color: #000; border-bottom: 1px solid #ddd; }
	#pitch { padding: 0; border-bottom: 0px solid #ddd; height: auto; overflow:auto;  margin: 0 0 35px; }
		#pitch h1 { font-size: 2.2em; color: #666; margin: 0 0 20px 0;  }
		#pitch h2 { line-height: 1.5em; margin-top:30px }
		.intro {float:left; width:550px; height:auto; margin-right:20px}
		.intro-detail {float:left; width:600px; height:auto; margin-right:20px}
		.gallery-detail {float:left; width:666px; height:auto; margin-right:20px}
		.intro-detail ul { margin:0; padding:0; width:auto}
		.intro-detail ul li { list-style:disc; float:left; padding:9px; margin-left:20px; width:500px}
		
		.intro-detail ol { margin:0; padding:0; width:auto}
		.intro-detail ol li { list-style:none; padding:5px; list-style-position:inside}
		
		.search-detail  {float:left;height:auto;margin-right:20px;width:100%;}
		.recs { padding:5px; }
		.slide {float:right; width:300px; height:auto; background:#ccc; margin-right:25px}
		.rt-col {float:right; width:300px; height:auto;  margin-right:25px}
	.left { float: left; width: 250px; margin-right:20px; clear:both}	
	.right { float: left; width: 235px; margin: 0 20px ; }
		.right h3 { background: #808080; font-size: .84em; }
	.programs {float:left; width:700px}
		.programs h3 { background: #808080; font-size: .84em; }
	.programs ul{width:auto}
	.programs ul li { list-style:circle; list-style-position:inside; }
	.third { float: left; width: 270px; margin: 0 72px 20px 0; }
	.third-rt { float: left; width: 250px; margin:0; padding:0 9px }
	.third-rt-gallery { float: left; width: 250px; margin:55px 0 0; padding:0 9px }
		.last { margin-right: 0; }
	#footer { clear: both; font-size: .84em; border-top: 1px solid #ddd; padding: 20px 0 0; }
	
table tr, td, th  { padding:5px}
.print {padding:5px; font-size:10px; float:right}
	
	/**********/
.front_logos { background:url(../images/mpplogobg.gif) no-repeat center 0; width:957px; height:533px; margin:0 auto}
.front_logos ul { width:435px; margin:35px auto ; padding:357px 0 0 }
.front_logos ul li { list-style:none; float:left; width:145px; height:145px}
#bc{font-size:10px;margin:0 0 14px;padding:2px 0 5px; background:#fff; width:auto}
#bc ul {display:inline;list-style-type:none; padding:1px 6px 1px 0 ; margin-left:0}
#bc ul li {border:0 none;color:#333;margin:0;padding:0 12px 0 2px; float:left; background:transparent url(../images/artgrna.gif) no-repeat scroll right center; font-size:12px}
#bc ul li.a1 {background-image:none;padding-left:4px;}
#bc ul li.active {background-image:none;padding-left:4px;}
#bc ul li a {background:transparent url(../images/artgrna.gif) no-repeat scroll right center;color:#666; padding:0 12px 0 2px; font-size:12px}
#bc ul li a:hover {color:#ccc;}
.periodicals { background:url(../images/periodicalsHeading.jpg) no-repeat right center; width:385px; height:50px; display:block; float:right}
.ephemera { background:url(../images/ephemeraHeading.jpg) no-repeat right center; width:385px; height:50px; display:block; float:right}
.monographs { background:url(../images/monographsHeading.jpg) no-repeat right center; width:385px; height:50px; display:block; float:right}
.manuscripts { background:url(../images/manuscriptsHeading.jpg) no-repeat right center; width:385px; height:50px; display:block; float:right}
.audiovideo { background:url(../images/audioHeading.jpg) no-repeat right center; width:385px; height:50px; display:block; float:right}
.pictures { background:url(../images/picuturesHeading.jpg) no-repeat right center; width:385px; height:50px; display:block; float:right}
.microfilm { background:url(../images/millenium-movies.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.ebook{ background:url(../images/acroread.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.catalog{ background:url(../images/Bloc-notes.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.download{ background:url(../images/downloadlist.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.searchdspace{ background:url(../images/searchDspace.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.electronic{ background:url(../images/Computer-2.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.indexing{ background:url(../images/85.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.audio{ background:url(../images/audiovideo.png) no-repeat left center; width:22px; height:22px; display:block; float:left}
.gallery{ background:url(../images/Movie-Clip.png) no-repeat left center; width:22px; height:22px; display:block; float:left}


/*******slide*/
.shell { width:300px; margin:0 auto; float:right; height:200px }
.projects { position:relative; }
.projects ul{ list-style-type: none; height:200px; overflow:hidden; width:300px; position:relative; }
.projects ul li{ float:left; width:306px; height:200px; background:url(../images/project.png) no-repeat 0 0; padding:0px;}
/*.projects ul li .project-info{ float:left; width:295px; padding:10px; }*/
.projects ul li .project-image{ float:right; width:300px; height:200px; position:relative; overflow:hidden; font-size:0; line-height:0;}
.projects p { padding-bottom:15px; }
.projects h4 { padding:5px 0 10px 0; }

/** jCarousel **/
.slide .jcarousel-clip { width:300px; height:200px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; width:20px; height:20px; cursor:pointer; position:absolute; top:205px; z-index:2;}
.jcarousel-prev { left:250px; background:url(../images/prev.gif); }
.jcarousel-next { right:0px; background:url(../images/next.gif); }