/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
padding:0px;
margin:0px;
background-color:#CCC8B8;
}

div
{
padding:0px;
margin:0px;
}
div#wrapper{
width:770px;
padding:0px;
margin:0px;
background-color:#FFF7F0;
border:1px solid #000000;
}
h1
	{
	font:bold 18px Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#A86D2D;
	letter-spacing:10px;
	text-align:center;
	}
	
h2
	{
	font: bold 13px "Trebuchet MS", Tahoma, Arial, Verdana;
	font-style:italic;
	color:#0000aa;
	}
	
	
.headstyle{
background-image: url(images/header_bg.gif);
background-repeat:repeat-x;
height:145px;
}
.logg
	{
	padding:0px 0px 0px 27px;
	}

.introduction{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666363;
line-height:24px;
padding:27px 88px 62px 40px;
}

<!--header menu starts here-->
.spt
{
background-image:url(images/spt.gif);
background-repeat:no-repeat;
width:2px;
height:36px;
}

.menubg{
background:url(images/menubg.gif) repeat-x;
height:36px;
}

#dropmenudiv{
position:absolute;
border:1px solid #FCB913;
border-bottom-width: 0;
font:normal 12px Verdana;
color:#666666;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #FCB913;
padding: 1px 0;
text-decoration: none;
font:normal 11px Verdana;
color:#666666;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FCB913;
color:#fff;
}
<!--header menu ends here-->

.footer{
background-color:#C7D2EB;
height:47;
}

.h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#0066B3;
text-decoration:none;
font-weight:normal;
}

.innertext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066b3;
}

.spacer{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666363;
line-height:24px;
padding:27px 30px 30px 30px;
}

.rightspacer{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666363;
line-height:20px;
padding:27px 30px 30px 10px;
}

.decoration{
padding-bottom:3px;
border-bottom:1px solid #0066B3 ;
width:380px;
}

.staff{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666363;

padding:30px 10px 10px 0px;
}

.photospace{
padding:5px 10px 10px 10px;
}

.logoes{
border:1px solid #A86D2D;
height:122px;
width:105px;
background-color:#ffffff;
text-align:center;
}

.boxmiddle{
background-image:url(images/box_middle.gif);
background-repeat:repeat-x;
}

td.picture{
padding:10px 5px 5px 5px;
}

a:link, a:visited
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#C47C48;
text-decoration:none;
}

a:hover
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#0000aa;
text-decoration:none;
}




.a2:link, .a2:visited
{
font:bold 13px "Trebuchet MS", Tahoma, Arial, Verdana;
color:#FFFFFF;
text-decoration:none;

}

.a2:hover
{
font:bold 13px "Trebuchet MS", Tahoma, Arial, Verdana;
color:#FCB913;
text-decoration:none;

}

<!--right menu starts here-->

.menu_list 
	{
	width:250px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	} 
	 
 .menu_list li
	 {
	 list-style: none;
	 margin-bottom:2px;
	 padding:0px;
	 height:35px;
	 cursor:pointer;
	 }

.menu_list li a, .menu_list li a:visited 
	{
	 text-decoration: none;
	 text-align:left;
	 font-family: verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight:bold;
	 border-bottom:1px dashed #666666;
	 padding:3px 10px 3px 10px;
	 display:block;
	 color:#666666;
	 }
	
.menu_list li a:hover
	{
	 text-decoration: none;
	 text-align:left;
	 font-family: verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight:bold;
	 border-bottom:1px dashed #666666;
	 padding:3px 10px 3px 10px;
	 display:block;
	 color:#000000;
	 }
	 
/**********right menu end**********/

.copyright
{
font:Verdana, Arial, Helvetica, sans-serif 11px normal;
color:#0066B3;
}


.neolinx:link, .neolinx:visited
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#0000aa;
text-decoration:none;
}

.neolinx:hover
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FCB913;
text-decoration:none;
}

.space{
letter-spacing:0.2px;
line-height:25px;
}

/*@portfolio*/
.thumbnail{
position: relative;
z-index: 0;
}

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

/*CSS for enlarged image*/
.thumbnail span{    
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}


/*CSS for enlarged image*/
.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

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

}