/* CSS Document */
body{
	background-image: url(images/background.jpeg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: hidden;
}
#container{
	position:absolute;
	width:98%;
	height:75%;
	top:20%;
	left:1%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	overflow: auto;
	z-index: auto;
	text-align:center;
}
* html #container {	height:75%	;	width:98%;}
#container_narrow{
	position:absolute;
	width:79%;
	height:75%;
	top:20%;
	left:1%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	overflow: auto;
	z-index: auto;
	text-align:center;
	padding:10px
}
* html #container_narrow {	height:75%	;	width:75%;}
#container_1{
	position:absolute;
	width:99%;
	height:64%;
	top:32%;
	left:1%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	overflow: auto;
	z-index: auto;
	text-align:center;
}
* html #container_1{	height:64%	;	width:99%;}
#container_order {
	position: absolute;
	top:125px;
	overflow:auto;
	padding:0px;
	text-align:center;
	width:40%;
	height:75%;
	left: 5%;
	text-decoration: none;

}
* html #container_order {	height:75%	;	width:40%;}
#container_images{
	position:absolute;
	width:98%;
	height:50%;
	top:55%;
	left:2%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	overflow: auto;
	z-index: auto;
	text-align:left;
	background-repeat: no-repeat;
}
* html #container_images {	height:25%	;	width:98%;}
#container_images1{
	position:absolute;
	width:98%;
	height:50%;
	top:55%;
	left:50%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	overflow: auto;
	z-index: auto;
	text-align:left;
}
* html #container_images1{	height:25%	;	width:98%;}
#container_image {
	position: absolute;
	top:50px;
	overflow:auto;
	padding:0px;
	text-align:center;
	width:53%;
	height:90%;
	left: 45%;
	text-decoration: none;
	}
* html #container_image {	height:90%;	width:	53%;}
#left_box1{
	position:absolute;
	width:25%;
	top:17%;
	left:2%;
	background-color:#FFFFFF;
	color: #000000;
	padding: 5px;
	border: thin inset #999999;
	overflow: auto;
	z-index: auto;	}

#left_box{
	position:absolute;
	width:46%;
	height:80%;
	top:17%;
	left:2%;
	background-color:#FFFFFF;
	color: #000000;
	padding: 5px;
	border: thin inset #999999;
	overflow: auto;
	z-index: auto;	}
#right_box{
	position:absolute;
	width:140px;
	height:65px;
	top:20%;
	right:2%;
	background-image: url(images/butterfly.gif);
	border: thin inset #999999;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
	* html #right_box {	height:65px	;	width:140px;}
#right_box1{
	position:absolute;
	width:140px;
	height:65px;
	top:35%;
	right:2%;
	border: thin inset #999999;
		background-image: url(images/butterfly.gif);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;}
	* html #right_box1 {	height:65px	;	width:140px;}
#right_box4{
	position:absolute;
	width:140px;
	height:65px;
	top:50%;
	right:2%;
	border: thin inset #999999;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/butterfly.gif);
}
	* html #right_box4 {	height:65px	;	width:140px;}
	#right_box3{
	position:absolute;
	width:140px;
	height:65px;
	top:65%;
	right:2%;
	border: thin inset #999999;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
		background-image: url(images/butterfly.gif);
	}

	* html #right_box3 {	height:65px	;	width:140px;}
#right_box2{	position:absolute;
	width:140px;
	height:65px;
	top:80%;
	right:2%;
	border: thin inset #999999;	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/butterfly.gif);
}

* html #right_box2 {	height:65px	;	width:140px;}
#left_pic_box{
	position:absolute;
	width:53%;
	height:80%;
	top:17%;
	left:2%;
	background-color:#FFFFFF;
	color: #000000;
	border: thin inset #999999;
	overflow: auto;
	z-index: auto;
	}
	#right_pic_box{
	position:absolute;
	width:39%;
	height:80%;
	top:17%;
	right:2%;
	background-color:#FFFFFF;
	color: #000000;
	padding: 5px;
	border: thin inset #999999;
	}

a, a:visited {  font-size:1.1em;  text-decoration:none;  color:#000000;  }
a:hover {  color:#FF0000;   text-decoration:none;  }
#menu{
	text-shadow:#666666;
	width:98%;
	cursor:pointer;
	font-size:14px;
	color: #000000;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-bottom-color: #000000;
	border-top-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	top: 2px;
	position: absolute;
	overflow: hidden;
} 
ul {list-style:decimal}
.left {text-align:left}
.gallerycontainer{
position: relative;
height:500px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 2px 2px 0;
padding:10px}
.thumbnail1 img{
border: 1px solid white;
margin: 0 2px 2px 0;
padding:10px}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail1:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail1:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: #000000;
padding: 5px;
border: 1px double gray;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail1 span{ /*CSS for enlarged image*/
position: fixed;
background-color: #000000;
padding: 5px;
border: 1px double gray;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 18%;
	left: 52%; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
.thumbnail1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 18%;
left: 5%; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.largetextleft{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:large; 
font-weight:bold;
text-align:left
}
.normaltextleft{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:medium; 
text-align:left}

.smalltextleft{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:small; 
text-align:left}

.largetext{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:large; 
font-weight:bold;
text-align:center
}
.normaltext{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:medium; 
text-align:center}

.smalltext{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:small; 
text-align:center}

.largetextright{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:large; 
font-weight:bold;
text-align:right
}
.normaltextright{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:medium; 
text-align:right}

.smalltextright{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:small; 
text-align:right}

.buttontext{ text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:medium; 
font-weight:bold;
text-align:center;
}