@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: Main.css
* Purpose: All the main CSS Rules required to design web pages.
* Author: Swapnil Telkar telkar[dot]swapnil8[at]gmail[dot]com
****************************************************************************************************/
@import url("basic.css");

@font-face {font-family:"brh-dev"; src:"brh_dev.ttf"}

/*** BODY (GLOBAL SETTING)***/
body {font:normal 15px brh-dev; background:#f9d5a6 url(../images/pagebg.jpg) 0 0 repeat-x; color:#000}

a {color:#900a0b}
textarea:focus, input:focus {outline:none}

/*** MAIN WRAPPERS ***/
#topwrapper {background:url(../images/topbg.png) 0 0 repeat-x}
#midwrapper {background:url(../images/shanivarwada.png) center 0 no-repeat}
#wrapper {width:836px; margin:0 auto}

/*** HEADER ***/
#header {width:100%; height:206px; padding-bottom:60px}

/*** WEBSITE LOGO ***/
#logo {width:305px; height:141px; padding-left:8px}
#logo a, #logo a:hover {text-decoration:none; width:305px; height:141px; background:url(../images/logo.png) 0 0 no-repeat; display:block}

/** MAIN NAV **/
ul#globalnav {height:56px; padding-bottom:15px}
ul#globalnav li {display:inline; float:left; height:56px}
ul#globalnav li.home img {margin-top:13px}
ul#globalnav li.home a {padding:0}
ul#globalnav li a {display:block; float:left; color:#8b0002; font-size:18px; font-weight:normal; line-height:56px; padding:0 20px; height:56px}
ul#globalnav li a:hover, ul#globalnav li a.active {background:url(../images/menuover.png) center 100% no-repeat}

/*** SUB NAVS ***/

/*** MAIN CONTENTS (section wise) ***/
#maincontent {width:100%; margin-bottom:38px}
#sidebar {width:256px; background:url(../images/bg1.png) 0 0 repeat}
#content {width:705px}

/*** LISTINGS ***/
ul.list1 {margin-bottom:10px}
ul.list1 li {display:inline; float:left; padding-bottom:10px; background:url(../images/pointer.png) 0 3px no-repeat; padding-left:15px}
ul.list2 li {width:600px}

/*** CONTENT MODULES ***/
#containertop {background:url(../images/conttop.png) 0 0 no-repeat; height:20px}
#containerend {background:url(../images/contend.png) 0 0 no-repeat; height:13px}
#containermid {background:url(../images/contmid.png) 0 0 repeat; padding:0 20px 7px}

/*** Welcome ***/
.welcome {font-size:16px; padding-bottom:67px; line-height:25px}
.welcome h2 {font-size:18px; color:#b8181e; padding-bottom:8px; font-weight:normal}
.welcome a {text-decoration:underline}
.welcome a:hover {text-decoration:none}

/*** Home page columns ***/
.colcont .col {width:250px; margin-right:23px; line-height:25px}
.colcont .col.lastcol {margin-right:0}

/*** Home event box ***/
.eventbox {padding-bottom:18px}
.eventbox p {margin-bottom:15px}

/*** Home Contact ***/
.contactbox {background:url(../images/contactbg.png) 0 0 no-repeat; width:250px; height:155px}
.contactbox h2 {font-size:30px; color:#900a0b; padding:10px 0 0 15px; font-weight:normal; height:40px}
.contactbox .desc {padding:0 14px}
.contactbox .desc .phone {font-size:28px; color:#393636; color:#000; height:40px}

.vastavyadarshika h2 {font-size:20px; color:#8B0002; padding-bottom:5px; border-bottom:1px solid #666; margin-bottom:20px}
.vastavyadarshika p {line-height:25px; font-size:15px; color:#000; padding-bottom:10px}
.vastavyadarshika .download {background:url(../images/pdficon.png) 0 0 no-repeat; line-height:32px; padding-left:35px; font-weight:bold; font-size:15px; color:#000; display:block; margin-right:30px}
.vastavyadarshika .adobereader {background:url(../images/adobereader.png) 0 0 no-repeat; line-height:32px; padding-left:35px; font-weight:bold; font-size:15px; color:#000; display:block}

.links h2 {font-size:20px; color:#8B0002; padding-bottom:5px; border-bottom:1px solid #666; margin-bottom:20px}
.links p {font-size:15px; color:#000; line-height:25px; padding-bottom:10px}

.wanisamaj h2 {font-size:20px; color:#8B0002; padding-bottom:5px; border-bottom:1px solid #666; margin-bottom:20px}
.wanisamaj p {font-size:15px; color:#000; line-height:25px}

.contact h2 {font-size:20px; color:#8B0002; padding-bottom:5px; border-bottom:1px solid #666; margin-bottom:20px}
.contact {color:#000; width:100%; line-height:25px; min-height:406px; padding-bottom:25px}
.contact .col1 {width:321px; padding-right:40px; background:url(../images/divider2.png) 100% center no-repeat}
.contact .col1 .notify {background:#009933; color: #fff; padding:0 5px; line-height:30px; font-size:15px; margin-bottom:10px}
.contact .col1 .padbtm {padding-bottom:10px}
.contact .col1 .row {padding-bottom:15px; overflow:hidden; width:100%}
.contact .col1 .row label {text-align:right; font-weight:bold; width:77px; float:left; padding-right:12px}
.contact .col1 .row .field {float:left; width:230px}
.contact .col1 .row .field input, .contactus .col1 .row .field textarea {padding:3px; height:16px; border:1px solid #9ea4a8; width:224px}
.contact .col1 .row .field textarea {height:100px; width:224px}
.contact .col1 .submit {background:url(../images/morebtn.png) 0 0 no-repeat; width:85px; height:27px; border:none; color:#fff; cursor:pointer; font-size:15px; margin-right:5px}
.contact .col1 .reset {background:url(../images/morebtn.png) 0 0 no-repeat; width:85px; height:27px; border:none; color:#fff; line-height:27px; text-align:center; display:block} 
.contact .col2 {width:418px}
.contact .col2 .section {background:url(../images/btmbrd2.png) center 100% no-repeat; padding-bottom:24px; margin-bottom:10px}
.contact .col2  p.strong {padding-bottom:10px}
.contact .col2 .section a {color:#000}
.contact .col2 .section a:hover {text-decoration:underline}


.aboutus h2 {font-size:20px; color:#8B0002; padding-bottom:5px; border-bottom:1px solid #666; margin-bottom:20px}
.aboutus p {line-height:25px; padding-bottom:20px}

/*** Rounded Module ***/
.top, .top h2, .end, .end div {background:url(../images/round.png) 0 0 no-repeat}
.top {background-position:0 0; padding-left:32px; margin-right:23px; position:relative}
.top h2 {background-position:100% 0; height:49px; margin-right:-23px; color:#900a0b; font-size:20px; line-height:56px; font-weight:normal}
.top .tag {background:url(../images/tag.png) 0 0 no-repeat; width:36px; height:42px; position:absolute; top:-22px; left:-14px}
.end {background-position:0 -49px; padding-left:20px; margin-right:23px}
.end div {background-position:100% -49px; height:16px; margin-right:-23px}
.bg {background:#fff; border:1px solid #f9d5a6; border-width:0 1px; padding:10px 10px 0}

/*** Button ***/
.morebtn {background:url(../images/morebtn.png) 0 0 no-repeat; width:85px; height:27px; line-height:27px; text-align:center; color:#fff; font-size:15px; display:block}
.eventbtn {background:url(../images/eventbtn.png) 0 0 no-repeat; width:183px; height:33px; line-height:33px; text-align:center; color:#fff; font-size:20px; display:block; margin:0 auto}
/*** Footer ***/
#footer {background:url(../images/footer.png) 0 0 no-repeat; height:40px; line-height:40px; width:836px; margin:0 auto; font-size:12px; color:#0a0a0a}
#footer .btmlink {padding-left:12px}
#footer .btmlink a {color:#000; padding:0 3px}
#footer .btmlink a:hover {text-decoration:underline}
#footer .copy {padding-right:15px}

#slides .next, #slides .prev {width:85px; height:27px; line-height:27px; text-align:center; color:#fff; font-size:15px; display:block; float:left}
#slides .prev {margin-left:9px; background:url(../images/prevbtn.png) 0 0 no-repeat}
#slides .next {float:right; margin-right:8px; background:url(../images/nextbtn.png) 0 0 no-repeat}
.slides_container {
			width:800px;
			display:none;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:800px;
			height:1106px;
			display:block;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			list-style:none;
			margin:0;
			padding:0; display:none
		}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}