body{
margin:0;
padding:0;
line-height: 1.5em;
/*background: #666666 ;*/
background: url(images/ball.gif)  #666666;
}

b{font-size: 110%;}
em{color: red;}

#topsection{
/*background: url(images/ball_f.gif);*/
width:100%;
height: 25px; /*Height of top section*/
}

#topsection h1{
width:100%;
padding: 0 20px 10px 20px;
color:#EBECE6;
background:none;
font-family:verdana;
font-size:14px;
text-align:center;
letter-spacing:16px;
font-weight:normal;
word-spacing: 7px
}
.tite{
color:#666666;
}




#filler{
background: url(images/ball.gif);
width:100%;
height:100px;
}


#sitewrapper{
min-width:816px;
margin:0 auto;

}

#contentwrapper{
width:100%;
float: left;

}



#main{
width: 790px;
height:598px;
	margin: 0 auto;
	padding: 0;

background: #999999 url(images2/image_index_bg.jpg);

}


#footer{
clear: left;
width: 100%;
height:44px;
text-align:center;

background: url(images/ball_fa.gif) repeat-x;

}
#footer p{
width:100%;
/*margin-left:30%;*/
/*margin:24px 0 0 0;*/
margin-left:7px;
padding-top:12px;
color:#EBECE6;
background:none;
font-family:verdana;
font-size:10px;
letter-spacing:10px;/*or 18px*/
/*color: #000000;*/
text-decoration:line-through;
}

.inner{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)changed for 10*/
margin-top: 0;
}


/*gallery/////////*/
#gallerywrapper { /*this is for the min-width!! dont change this*/
width:800px;
	min-width: 800px;
	margin: 0 auto;
	}
/*////////////////////////////////*/
.gallerycontainer{
position: relative;
background:none;
height:490px;/*for the actual gallery inside!*/
width:688px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
margin:30px auto;
}

.thumbnail img{
/*border: 1px solid black;*/
border: none;
/*background:#FFFFFF;*/
margin: 0 0 0 0;/*space between thumbnails*/
}

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

.thumbnail:hover img{
border: 1px dashed black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: url(images/rightborder3.gif) no-repeat;
padding: 5px;
left: -1000px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should show */
z-index: 50;
}
/*////////////////////////////////////pics in gallery main/ galllery wrapper*/
.pic1{
float:left;
margin-left:60px;

}
.pic2{
float:left;
width:150px;
height:174px;
margin-left:-25px;
margin-top:150px;

}
.pic2 a{
background:url(images2/bands1D.jpg);
float:left;
width:150;
height:110px;


}
.pic2 a:hover{
background:url(images2/bands1La.jpg);
float:left;
width:150px;
height:174px;
}
.pic3{
float:left;
width:150px;
height:174px;
margin-left:25px;
margin-top:150px;

}
.pic3 a{
background:url(images2/galleryD.jpg);
float:left;
width:150;
height:110px;


}
.pic3 a:hover{
background:url(images2/galleryL.jpg);
float:left;
width:150px;
height:174px;
}
.pic4{
float:left;
width:150px;
height:174px;
margin-left:25px;
margin-top:150px;

}
.pic4 a{
background:url(images2/work1_D.jpg);
float:left;
width:150;
height:110px;


}
.pic4 a:hover{
background:url(images2/work1_L.jpg);
float:left;
width:150px;
height:174px;
}