/* --------------------------------------------------------
   Design by 121website.co.uk
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#333;
font-family: 'Lucida Grande',Verdana,sans-serif;
text-align:center;
}
/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths */

div {
margin:0;
padding:0;
border:0px solid #F00;
}

/* ---------------
   Layout elements
   --------------- */

/* Masthead and descendants */

#masthead {
height:115px;
width:762px;
background:url(wells/index_01.jpg) no-repeat;
}
/* Container - needed only for faux background */

#container {
width:762px;
background:#FFFFFF;
margin: 0px auto;
padding:0;

}
/* The main column and descendants */

/*----------------------------
 Navigation----------------------------*/

#navbar {
      float:left;
      width:762px;
	  background:#FFFFFF;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #BCD2E6;
      }
    #navbar ul {
	  margin:0;
	  padding:1px 1px 0 1px;
	  list-style:none;
      }
    #navbar li {
      display:inline;
      margin:0;
      padding:0;
      }
    #navbar a {
      float:left;
      background:url(tableft1.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #navbar a span {
      float:left;
      display:block;
      background:url(tabright1.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navbar a span {float:none;}
    /* End IE5-Mac hack */
    #navbar a:hover span {
      color:#627EB7;
      }
    #navbar a:hover {
      background-position:0% -42px;
      }
    #navbar a:hover span {
      background-position:100% -42px;
      }





#cursor_id {
cursor: pointer;
}
#cursorb_id {
cursor: pointer;
}



.box p,.box1 p {
max-width:250px;
}
.box {
font-size:1.0em;
width:490px;
height:114px;
margin: 15px;
padding: 5px;
border: 1px solid #FFFFFF;
background:url(wells/index_07.jpg) no-repeat right top;
background-color:#D8E3F5;
text-align:left;
}
.box1 {
font-size:1.0em;
width:490px;
height:114px;
margin: 15px;
padding: 5px;
border: 1px solid #FFFFFF;
background:url(wells/index_10.jpg) no-repeat right top;
background-color:#D8E3F5;
text-align:left;
}

.box2 p {
max-width:250px;

}

.box3{

height:28px;
margin: 15px;
padding-top:30px;
padding-left: 60px;
background-color:#ffffff;

}
.box4{
width:490px;

margin: 15px;
padding: 5px;
border: 1px solid #FFFFFF;

background-color:#D8E3F5;
text-align:left;
}
.box5{
width:490px;

margin: 15px;
padding: 5px;
border: 1px solid #FFFFFF;

background-color:#D8E3F5;
text-align:left;
}
.toplink{

margin-left:400px;

}
.image_float {
float:right;
margin:0 0 5px 5px;
}
.text_column {
float:left;
width:200px;
padding: 20px;
}
/*----------------------------
 The second column and descendants
  ----------------------------*/


/*----------------------------
 The footer and descendants 
 ----------------------------*/
#footer {
clear:both;
font-size:0.9em;
line-height:150%;
color:#000066;
background:#C3D6F7;

}



#footer ul {
list-style:none;
margin:1px 0 0 0;
padding:0;
}

#footer  a:hover {
color:#211E0E;
}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */



h1, h2  {
color:#C3D6F7;

}
h1, h2 {
margin-top:0px;
margin-left:30px;
font-size:2.6em;
max-width:500px;
}
/*--------------------------
image gallery
----------------------*/




.gallerycontainer{
position: relative;
height:460px;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;

border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 100px;
left: 470px; 
z-index: 50;
}


#mainCol{
width:500px;
float:left;
background:#FFFFFF ;
text-align:left;
 width: 540px; /* for IE5 and IE6 in quirks mode */
    w\idth: 500px; /* for IE6 in standards mode */
}


#picCol{
width:200px;
float:left;
background:#FFFFFF ;
text-align:left;
* html div {
    width: 140px; /* for IE5 and IE6 in quirks mode */
    w\idth: 100px; /* for IE6 in standards mode */
  }