/* Kalpesh.org.uk CSS Document */

body
{
  margin: 0px;
  text-align: center;
}

#container
{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#homeMain, #contactMain
{
  width: 1000px;
  height: 581px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  
  text-align: left;
  
  background: url(images/home/i_background.jpg) no-repeat;
}




#banner
{
  height: 110px;
  padding-top: 40px;
  text-align: center;
}
#titleImg
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}




#body
{
  height: 480px;
}




#contactDetails
{
  padding-top: 100px;
  text-align: center;
  font: normal 24px Garamond, Arial, Helvetica;
}
#contactDetails span
{
  font-size: 16px;
}

#tblHistory
{
  font: normal 18px Garamond, Arial, Helvetica;
}
#tblHistory th
{
  text-align: left;
  text-decoration: underline;
}




#grid
{
  width: 100%;
  text-align: center
}
#grid td
{
  padding-right: 2px;
  padding-left: 2px;
}
#grid a, #grid a:link, #grid a:active, #grid a:visited
{
  display: block;
  /*height: 141px;*/
  text-decoration: none;
}
#grid a img
{
  display: block;
  border: 3px solid white;
}
#grid a:hover img
{
  border: 3px solid black;
}




.galleryFolder
{
  font: bold 24px Garamond, Arial, Helvetica;
  text-decoration: none;
  color: black;
}
.galleryFolder img
{
  margin-bottom: 10px;
}




.caption
{
  width: 240px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font: normal 9px Arial, Helvetica;
  color: black;
}
.videoCaption
{
  width: 480px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font: normal 12px Arial, Helvetica;
  color: black;
}
.caption span, .videoCaption span
{
  float: left;
  text-align: left;
}




#navigation
{
  text-align: center;
}




#mainMenu
{
  margin: 0px;
  padding-left: 70px;
  list-style: none
}
#homeMain #mainMenu
{
  padding-top: 330px;
}
#mainMenu li a, #mainMenu li a:link, #mainMenu li a:active, #mainMenu li a:visited
{
  display: block;
  width: 180px;
  height: 30px;
  font: normal 20px Garamond, Aria, Verdana, Helvetica;
  text-decoration: none;
  color: black;
}
#mainMenu li a:hover
{
  font-weight: bold;
}




#menu, #pages
{
  margin: 0px;
  padding-top: 25px;
  padding-left: 0px;
  list-style: none;
}
#pages
{
  height: 25px;
  padding-top: 40px;
}
#menu li, #pages li
{
  display: inline;
}
#menu li a
{
  display: inline-block;
  
  margin-left: 25px;
  margin-right: 25px;
}
#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited
{
  font: normal 20px Garamond, Arial, Helvetica;
  text-decoration: none;
  color: black;
  border-bottom: 4px solid white;
}
#menu li a:hover
{
  border-bottom: 4px solid black;
}
#menu li a.selected
{
  border-bottom: 4px solid red;
}
#pages li a
{
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 5px;
  border: 1px solid black;
}
#pages li a:hover, #pages a.selected
{
  background: black;
}
#pages #next, #pages #previous
{
  width: 20px;
  height: 20px;
  margin-bottom: 0px;
  border: none;
}
#pages #previous
{
  margin-right: 30px;
  background: url(images/i_prev.png) no-repeat;
}
#pages #previous:hover
{
  background: url(images/i_prev_f2.png) no-repeat;
}
#pages #previous.disabled
{
  background: url(images/i_prev_f3.png) no-repeat;
}
#pages #next
{
  margin-left: 30px;
  background: url(images/i_next.png) no-repeat;
}
#pages #next:hover
{
  background: url(images/i_next_f2.png) no-repeat;
}
#pages #next.disabled
{
  background: url(images/i_next_f3.png) no-repeat;
}




#footer
{
  padding-top: 40px;
  text-align: center;
  font: normal 10px Arial;
  color: #999;
}
#footer a:link, #footer a:active, #footer a:visited
{
  text-decoration: none;
  color: #999;
}