body {

	background: url(../img/body-bkg.png) repeat scroll;

	margin: 0;

	padding: 0;

}



.container{

	margin: 0pt auto;

	width:100%;

}



#header{

	background: url(../img/hdr-bkg.png) repeat-x scroll;

	height:171px;

	position:absolute;

	z-index :100;

	top: 0px;

	left:0px;

	width:100%;

	font-size:440%;

}



#navigation{

	height:60px;

}



#home, #home div, 

#about_us, #about_us div, 

#services , #services div, 

#projects, #projects div, 

#photo_gallery, #photo_gallery div,

#contact_us,  #contact_us div {

	height:80px;

	position:absolute;

	width:97px;

	float:left;

}



font{

color:#FFFFFF;

}



#home, #about_us, #services, #projects, #photo_gallery, #contact_us{

	background-image: url(../img/nav.png);

	background-attachment: scroll;

	background-repeat: no-repeat;

	top:171px;

}



#home{

	background-position: 0px -25px;

	margin-left:206px;

}



#about_us{

	background-position: -98px -25px;

	margin-left:305px;

}



#services{

	background-position: -196px -25px;

	margin-left:404px;

}



#projects{

	background-position: -294px -25px;

	margin-left:503px;

}

#photo_gallery{

	background-position: -392px -25px;

	margin-left:602px;

}

#contact_us{

	background-position: -490px -25px;

	margin-left:701px;

}





h3 {

color: #eee;

font-family: Verdana;

}



.thumbnails img {

height: 80px;

border: 4px solid #555;

padding: 1px;

margin: 0 10px 10px 0;

}



.thumbnails img:hover {

border: 4px solid #00ccff;



}



.preview img {

border: 4px solid #444;

padding: 1px;

height: 300px;

}

	

#home div, #about_us div, #services div, #projects div, #photo_gallery div, #contact_us div {

	background-image: url(../img/white.png);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: 0px -60px;



}	



.pri-nav a{

	display:block;

	text-decoration:none;

	text-indent:-300em;

	margin-top:0px;

	height:49px;

}



.content{

	margin-top:160px;

	color:white;

	font-family:Catholic;

	font-style:italic;

	font-size:13pt;

}



#content-title{

	background: url(../img/content-title.png) repeat scroll;

	height:32px;

	position:relative;

	width:100%;

	margin-left:0px;

}









.varsha{

color:#FFFFFF;

}



.varshav{

color:#353E22;

font-size:18px;

}



.varshav li{

color:#FFFFFF;

}

.gallerycontainer{

position:fixed;



/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail img{

border: 1px solid white;

margin: 0 5px 5px 0;

height:70px;

width:90px;

}



.thumbnail:hover{

background-color: transparent;

}



.thumbnail:hover img{

border: 1px solid blue;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

height:400px;

width:auto;

}



.thumbnail:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: 0;

left: 230px; /*position where enlarged image should offset horizontally */

z-index: 50;

}