/*
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
| Created By: Rajesh H. Rane |
|	Date:05-12-2007 |
| Please don't steal this code |
| |
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
---------Global-----------*/
* {
margin:0;
padding:0;
}
html {
font-size:100.1%;
}
body {
background:#000 url(images/bg.gif) repeat left top;
font:11px Georgia, "Times New Roman", Times, serif;
text-align:center;
color:#666;
letter-spacing:0;
}
#footergreen a,#footerbg a {
color:#FFC;
text-decoration:none;
}
#footergreen a:hover,#footerbg a:hover {
color:#7AABC6;
text-decoration:none;
}
div,p,th,td,li,dd,dl,dt {
font-family:Georgia, "Times New Roman", Times, serif;
}
.clearer {
height:1px;
overflow:hidden;
clear:both;
}
.style1,#stats .style1 {
color:#E5239D;
}
/*---------Links-----------*/
a:link,a:visited {
color:#966;
}
a:focus,a:hover,a:active {
color:#004382;
}
* html #main-container {
width:800px;
height:791px;
text-align:left;
margin:20px auto;
}
html>body #main-container {
width:800px;
min-height:791px;
height:auto;
text-align:left;
margin:20px auto;
}
#topbg {
height:100px;
background:url(images/topbg.jpg) repeat-x left top;
position:relative;
}
.logo-th {
background:url(images/logo.JPG) no-repeat left top;
float:left;
height:100px;
width:320px;
position:absolute;
left:0;
top:0;
}
.logo-th a {
display:block;
height:100px;
width:320px;
}
.menu-th {
float:right;
width:478px;
height:100px;
background:url(images/right-th.jpg) no-repeat right top;
position:absolute;
top:0;
right:0;
}
.home a {
background:url(images/home.gif) no-repeat 0 0;
height:42px;
width:86px;
display:block;
float:left;
}
.logo-th h1 {
height:100px;
width:320px;
background:url(images/logo.jpg);
}
.home a:hover {
background:url(images/home.gif) no-repeat 0 -42px;
height:42px;
width:86px;
display:block;
float:left;
}
.aboutus a {
background:url(images/aboutus.gif) no-repeat 0 0;
height:42px;
width:154px;
display:block;
float:left;
}
.aboutus a:hover {
background:url(images/aboutus.gif) no-repeat 0 -42px;
height:42px;
width:154px;
display:block;
float:left;
}
.gallery a {
background:url(images/gallery.gif) no-repeat 0 0;
height:42px;
width:111px;
display:block;
float:left;
}
.gallery a:hover {
background:url(images/gallery.gif) no-repeat 0 -42px;
height:42px;
width:111px;
display:block;
float:left;
}
.contact a {
background:url(images/contact.gif) no-repeat 0 0;
height:42px;
width:127px;
display:block;
float:left;
}
.contact a:hover {
background:url(images/contact.gif) no-repeat 0 -42px;
height:42px;
width:127px;
display:block;
float:left;
}
#colage {
height:220px;
background:#FEF2C4;
position:relative;
}
.cimage01 {
height:110px;
width:400px;
position:absolute;
left:0;
top:0;
background:url(images/colage_01.jpg) no-repeat left top;
}
.cimage02 {
height:110px;
width:400px;
position:absolute;
left:400px;
top:0;
right:0;
background:url(images/colage_02.jpg) no-repeat left top;
}
.cimage03 {
position:absolute;
height:110px;
width:400px;
left:0;
top:110px;
background:url(images/colage_03.jpg) no-repeat left top;
}
.cimage04 {
position:absolute;
height:110px;
width:400px;
top:110px;
right:0;
background:url(images/colage_04.jpg) no-repeat left top;
}
.cimage04 .datetime {
width:240px;
height:25px;
margin-top:80px;
margin-left:160px;
}
* html #mid-green {
background:#577600 url(images/mid-green.jpg) repeat-x left top;
height:223px;
}
html>body #mid-green {
background:#577600 url(images/mid-green.jpg) repeat-x left top;
min-height:223px;
height:auto;
}
.potraits {
background:url(images/cats.jpg) no-repeat right top;
height:222px;
}
.potraits h2 {
background:url(images/welcome.gif) no-repeat left top;
height:60px;
width:370px;
margin-left:15px;
}
.grungtop {
background:url(images/tptop.jpg) no-repeat 0 8px;
}
* html #bot-yellow {
height:269px;
position:relative;
background:#E8DBB8 url(images/bot-yellow.jpg) repeat-x left top;
}
.cls {
clear:both;
height:0;
}
.gnews {
width:265px;
float:left;
height:237px;
}
.gcontact {
float:right;
width:265px;
top:0;
right:0;
background:url(images/dotdiv.gif) no-repeat left top;
height:237px;
}
.ggallery {
width:265px;
float:left;
background:url(images/dotdiv.gif) no-repeat left top;
height:237px;
}
.gnews h2 {
background:url(images/gnews.gif) no-repeat left top;
height:45px;
width:249px;
margin-left:7px;
margin-top:8px;
}
.ggallery h2 {
background:url(images/ggallery.gif) no-repeat left top;
height:45px;
width:249px;
margin-left:6px;
margin-top:8px;
}
.gcontact h2 {
background:url(images/gcontact.gif) no-repeat left top;
height:45px;
width:249px;
margin-top:8px;
}
html>body #bot-yellow {
min-height:269px;
height:auto;
background:#E8DBB8 url(images/bot-yellow.jpg) repeat-x left top;
position:relative;
border-bottom:1px solid #E8DBB8;
}
#footerbg {
height:40px;
background:url(images/footerbg.png) no-repeat left top;
}
#footerbg p {
color:#FFF;
margin-top:19px;
float:right;
margin-right:15px;
letter-spacing:1px;
font-size:11px;
font-weight:700;
}
.potraits p {
margin-right:275px;
margin-left:21px;
margin-top:15px;
color:#FFF;
}
.ggallery p {
margin-right:28px;
margin-left:28px;
color:#5E5E56;
}
.gnews img,.ggallery img,.gcontact img {
margin-left:26px;
margin-top:8px;
margin-bottom:8px;
}
.menu-th ul,.menu-th li {
display:inline;
list-style:none;
}
.menu-th ul {
margin-top:58px;
clear:both;
height:42px;
width:480px;
display:block;
}
.menu-th li {
display:block;
float:left;
}
* html #tgreen {
background:#6B8300 url(images/vgreen.jpg) repeat-x left top;
width:800px;
height:428px;
}
html>body #tgreen {
background:#6B8300 url(images/vgreen.jpg) repeat-x left top;
width:800px;
min-height:428px;
height:auto;
}
.repgrung {
background:url(images/grungrep2.png) repeat-y 29px 0;
}
* html .grungtp {
background:url(images/tptop.jpg) no-repeat left top;
height:428px;
}
html>body .grungtp {
background:url(images/tptop.jpg) no-repeat left top;
min-height:428px;
height:auto;
}
html>body #footergreen {
height:105px;
background:url(images/greenbot.png) no-repeat left top;
}
*:first-child+html #footergreen{
height:105px;
background:url(images/greenbot2.png) no-repeat left top;
}
* html #footergreen {
height:105px;
background:url(images/greenbot2.png) no-repeat left top;
}
.grungtp h2 {
background:url(images/aboutme.png) no-repeat left bottom;
text-indent:-9999px;
height:31px;
width:160px;
margin-left:27px;
padding-top:22px;
margin-bottom:25px;
}
.grungtp .contact {
background:url(images/contact.png) no-repeat left bottom;
}
.grungtp .gallery {
background:url(images/gallery2.png) no-repeat left bottom;
}
.grungtp p {
margin:0 75px;
padding:3px 0;
}
#footergreen p {
color:#FFF;
margin-top:83px;
float:right;
margin-right:15px;
letter-spacing:1px;
font-size:11px;
font-weight:700;
}
.grungtp b,.gnews b {
color:#966;
font-style:italic;
}
label {
float:left;
width:120px;
font-weight:700;
}
input,textarea {
width:180px;
font:12px Georgia, "Times New Roman", Times, serif;
margin-bottom:5px;
padding:1px;
}
textarea {
width:250px;
height:150px;
}
.boxes {
width:1em;
}
#submitbutton {
margin-left:120px;
margin-top:5px;
width:90px;
}
br {
clear:left;
}
.grungtp form {
width:450px;
margin-left:85px;
margin-top:25px;
}
.gcontact p,.gnews p {
margin-right:26px;
margin-left:26px;
color:#5E5E56;
}
.ggwrap {
margin: 0px 0px 0px 65px;
width: 500px;
}
/*---------ThumbBox css-----------*/ 
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
font: normal 11px Tahoma;
text-align: center;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#block{
margin:0px;
padding:0px;
float:left;
width:500px;
height:400px;
border:0px solid #FF9900;
}
#block ul{
margin:0px;
padding:0px;
}
#block li{
margin:10px 0 0 10px;
float:left;
display:block;
width:66px;
height:37px;
border:none;
list-style:none;
}