@charset "utf-8";

div#int {
width:800px;
height:29px;
background-image:url(inter_03.png); 
background-position:center; 
background-repeat:no-repeat;
}

div#inte {
width:800px; 
height:788px; 
background-image:url(inter_05.png); 
background-position:center; 
background-repeat:repeat-y;
}

div#inter {
position:relative; top:-40px;
width:800px; 
height:32px; 
background-image:url(inter_06.png); 
background-position:center; 
background-repeat:no-repeat;
}

/*---You may also like---*/

div#interf {
width:250px;
height:380px;
float:left;
margin-left:-20px;
width:776px;
}

div#le {
width:150px;
height:420px;
float:left;
position:relative; left:-10px;
}

div#le a#te {
float:left;
width:150px;
margin-bottom:10px;
font-size:12px;
}

div#le img {
float:left;
padding-left:46px;
padding-top:5px;
}

div#ri {
width:100px;
height:380px;
float:left;
position:relative; left:-40px;
}

div#ri a#te {
float:left;
width:150px;
margin-bottom:10px;
font-size:12px;
}

div#ri img {
float:left;
padding-left:46px;
padding-top:5px;
}

b#bl {
color:#000000;
}

/*----------*/

div#back {
width:138px; 
height:48px; 
background-image:url(back.png);
background-position:center; 
background-repeat:no-repeat; 
position:relative; right:385px; bottom:10px;
}

div#left {
padding-left:30px;
}

div#item {
width:480px;
float:right;
margin-top:-760px; 
padding-right:30px; 
text-align:left;
font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:16px;
}

h2#volume {
color:#FF0000;
}

h4#you {
color:#FF0000;
text-align:left; 
clear:both; 
position:relative; top:20px; 
}

/*---Gallery Styles---*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

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

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -50;
left:-150px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*---two--*/
.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

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

.thumbnail2:hover img{
border:#000000 1px solid;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:30px;
left:100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*---three--*/
.thumbnail3 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

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

.thumbnail3:hover img{
border:#000000 1px solid;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 390px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*---Contact Styles----*/
div#contact {
text-align:left;
width:300px;
height:322px;
float:left;
position:relative; left:70px; top:50px;
}

div#info {
width:300px;
height:230px;
}

div#info p {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}

div#form {
padding-left:70px; 
position:relative; top:50px;
}

div#mail {
width:300px;
float:right;
position:relative; right:90px; top:50px;
}

div#form1 {
text-align:center;
}

h2#join {
width:300px;
height:130px;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif; 
margin: 0 auto;
}

/*----Bottom Nav Styles-----*/
div#botnav{
position:relative; top:-5px;
text-align:center;
width:800px;
height:45px;
margin-bottom:-100px;
}