body {
   	background:#f1f1f1 url(art/back1.jpg) repeat-x left top ;
	font:  11px/1.3em Arial,Helvetica,sans-serif; 
	text-align: center;
	margin: 30px 0 30px 0 ;
}

h1 {
	font:  1.4em trebuchet ms; 
	color: #000050;
	text-indent: 0px;
}

span {color:#d52f2f;}

/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
      background:#000050;
      font-size:87%;
      line-height:normal;
font-weight: bold;
      }
    #tabsH ul {
        margin:0;
        padding:0px 10px 0 0px;
        list-style:none;
      }
    #tabsH li {
      display:inline;
      margin: 0;
      padding: 0;
      }
    #tabsH a {
      float:left;
      background:url("art/tableftH.gif") no-repeat left top;
      margin:0;
      padding: 0 2px 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("art/tabrightH.gif") no-repeat right top;
      padding: 8px 20px 8px 10px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#fff;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

        #tabsH #current a {
                background-position:0% -42px;
        }
        #tabsH #current a span {
                background-position:100% -42px;
        }
-->

#side1 {

background: #f2f2f2 url(art/contact.png) no-repeat left top;
padding: 30px 3px 0px 3px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#side2 {
background: #f2f2f2 url(art/find.png) no-repeat left top;
padding: 35px 7px 0px 10px;
font:  10px verdana; 
color: #000050;
margin-bottom: 15px;
border: solid 1px #cccccc;
height: 123px;
}

#side3 {
background: #f2f2f2 url(art/virtual.png) no-repeat left top;
padding: 20px 3px 0 10px;
font:  10px verdana; 
color: #000050;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#side4 {
background: #f2f2f2 url(art/enquiry.png) no-repeat left top;
padding: 23px 7px 0px 10px;
font:  10px verdana;
color: #000050;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#innertext {padding: 23px 12px 7px 10px;}

#title {
background: #f2f2f2 url(art/title4.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#title1 {
background: #f2f2f2 url(art/title1.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#title2 {

background: #f2f2f2 url(art/title2.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#title3 {

background: #f2f2f2 url(art/title3.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 30px;
border: solid 1px #cccccc;
}

#title4 {

background: #f2f2f2 url(art/title3.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 30px;
border: solid 1px #cccccc;
}

#title5 {
background: #f2f2f2 url(art/title5.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}


#title6 {
background: #f2f2f2 url(art/title6.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
list-style type: none;
}

#enquiry {
background: #f2f2f2 url(art/enquiretitle.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}


#maintext
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#maintext li 
{
padding-left: 20px;
padding-bottom: 5px;
background-image: url(art/arrow.gif);
background-repeat: no-repeat;
}


#container { 
	background: 	url(art/back.png) repeat-y center top;
	margin: 	0 auto;
	text-align: 	left;
	width: 		750px;
	position: 	relative;
	margin-bottom: 	20px;
}

#banner {
	background: transparent url(art/banner.png) no-repeat top left;
	width: 750px;
	height: 150px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}
#menu {
	background: transparent url(art/) no-repeat top left;
	width: 750px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}

#head {
	background: #000050 url(art/headback.png) repeat-x top left;
	width: 100%;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}


#bannertext {
 
	position: absolute;
	margin-top:130px;
	left:10px;
	font:  1.1em verdana;
	text-align: center;
color: #fff; 
}

#placer1 {
 	position: absolute;
	margin-top:130px;
	right:10px;
	font:  10px  verdana; 
}

#placer2 {
	position:absolute;
	width:600px;
	margin-top:125px;
	margin-left: 35px;
	font:  11px/1.7em verdana; 
	color: #000000;
	text-indent: 0px;
}

#time {	
	background:url(art/time.png) no-repeat ;
	postion:absolute;
	width:730px;
	height:58px;
	text-align:right;
	padding-top:6px;
}

#timetext {
	position:absolute;
	font:  11px/1.6em verdana; 
	color: #ffffff;
	width: 731px;
	margin-left:580px;
	margin-top: 5px; 
}

#backtop {
	position:relative;
	font:  11px/1.6em verdana; 
	color: #ffffff;
	width:670px;
	text-align: 	right;
	margin-top:35px;

}

#maintext {
	postion:relative;
	width:730px;
	margin-left:10px;
	margin-top:15px;
	font:  1.1em verdana; 
	color: #000050;
	text-indent: 0px;
}

#sidebar {
	postion:relative;
	float: right;
	width:250px;
	margin-left: 5px;
	font:  1.1em verdana; 
	color: #000050;
	text-indent: 0px;
}

#history {
	background: transparent url(art/history.png) no-repeat top left;
	postion:relative;
	width:695px;
	height:890px;
	margin-left: 15px;
	margin-top:30px;

}

img.floatleft { 
    float: left; 
    margin-bottom: 12px; 
    padding-right:35px; 

}

img.floatLeft { 
    float: left; 
    margin-bottom: 12px; 
    padding-right:12px; 

}

img.floatRight { 
    float: right; 
    margin-bottom: 12px; 
    padding-right:12px;
    padding-left:5px; 
}

a.link:link {color: #0080ff; font-family:verdana; text-decoration: underline; }
a.link:active {color: #0080ff; font-family:verdana; text-decoration: underline;}
a.link:visited {color: #0080ff; font-family:verdana; text-decoration: underline; }
a.link:hover {color:#808080; font-family:verdana; text-decoration: underline; }

a.link1:link {color: #ff0000; font-family:verdana; text-decoration: none; }
a.link1:active {color: #ff0000; font-family:verdana; text-decoration: none;}
a.link1:visited {color: #ff0000; font-family:verdana; text-decoration: none;}
a.link1:hover {color:#93c500; font-family:verdana; text-decoration: none; }

a.link2:link {color: #ffffff; font-family:verdana; text-decoration: none; }
a.link2:active {color: #ffffff; font-family:verdana; text-decoration: none;}
a.link2:visited {color: #ffffff; font-family:verdana; text-decoration: none;}
a.link2:hover {color:#ffffff; font-family:verdana; text-decoration: underline;}


a.link3:link{border-bottom:1px dotted #808080; color: #808080;text-decoration: none;}
a.link3:active{border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }
a.link3:visited {border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }
a.link3:hover{border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }


#footer {
	background: transparent url(art/footer.png) no-repeat bottom left; 
	position:relative;
	width:750px;
	height: 40px;
}

#IAPS {
	position:absolute; 
	top:860px; 
	left:320px; 
	width:74px; 
	height:32px; 
	border:0px; 
}

#ISC {
	position:absolute; 
	top:860px; 
	left:230px; 
	width:70px; 
	height:33px;
	border:0px; 
}

#pro {
	position:absolute; 
	top:790px; 
	left:540px; 
	width:153px; 
	height:89px;
	border:0px; 
}
	

#mapsupport {
border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080;
border-top-style: solid; border-top-width: 1px; border-top-color: #808080; 
border-left-style: solid; border-left-width: 1px; border-left-color: #808080; 
border-right-style: solid; border-right-width: 1px; border-right-color: #808080;
}

#designed {

	position: absolute;
	padding: 7px;
	font:  11px  verdana;
	color:#fff;
	text-align: left; 
}



/*- GALLERY -*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/* background-color: lightyellow; */
background-color: white;
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;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 50px;
left: 40px; /*position where enlarged image should offset horizontally */

}