﻿body { 
background : #d3c751; 
font-style : normal; 
font : 0.8em "Century Gothic"; 
}


.GalleryHeader
{padding: 0px; margin: 0px; border-spacing: 0px; word-spacing: 0px; letter-spacing: 0px;	
}

.GalleryContainer
{	
	border-style: solid; 
	border-width: 0px 1px 1px 1px; 
	border-color: #C0C0C0;	
}
	
.SelectedPortfolio 
{	
	font-weight:bold;
	text-align:center;
	border-style: solid; 
	border-width: 1px 1px 0px 1px; 
	border-color: #C0C0C0;
	width : 60px;
	height : 20px;
	}
	
.Portfolio 
{	
	text-align:center;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #C0C0C0;
	width : 60px;
	height : 20px;
	}


 
.MainContainer { 
width : 900px; 
height : auto; 
margin : 0 auto; 
border : none; 
background-color : #d3c751; 
position : absolute; 
top : 0; 
left : 50%; 
margin-left : -450px; 
} 
.content { 
margin : 0 auto; 
width : 960px; 
} 
.Background { 
background-color : #ffffff; 
} 
#main { 
margin : 0 0 0 0; 
padding : 10px 0 0 0; 
color : #696969; 
background-color : #ffffff; 
} 
#main h4 { 
font : 0.8em "Century Gothic"; 
} 
#main h2 { 
background : inherit; 
padding : 0; 
margin : 0; 
font : 1.2em "Century Gothic"; 
color : #696969; 
}

#main h1 { 
background : inherit; 
padding : 0; 
margin : 0; 
font : 1.8em "Century Gothic"; 
color : #696969; 
}
 
#main .padding { 
padding : 10px; 
} 
#gifts a { 
background : inherit; 
padding : 0; 
margin : 0; 
font : 1.5em "Century Gothic"; 
color : #9370db; 
} 
#main #left_side_gallery { 
background : inherit; 
margin-bottom : 10px; 
color : #454545; 
text-align : justify; 
position : relative; 
} 
#main #left_side { 
background : inherit; 
margin-bottom : 10px; 
color : #454545; 
text-align : justify; 
} 
#left_side .mpart { 
padding : 20px 0 0 0; 
text-align : inherit; 
} 
#footer { 
clear : both; 
width : 100%; 
margin : 0 0 6em 0; 
padding : 10px 0 0 10px; 
color : #777; 
background : inherit; 
line-height : 1.7em; 
} 
#footer a { 
text-decoration : none; 
background : inherit; 
} 
#footer .copy { 
text-align : right; 
font : 0.8em "Century Gothic"; 
background : inherit; 
padding : 0; 
margin : 0; 
color : #330000; 
} 
#footer .remark { 
font : 1em "Century Gothic"; 
background : inherit; 
padding : 0; 
margin : 0; 
color : #330000; 
} 
#subbar { 
height : 34px; 
width : 100%; 
} 
#subbar .menu { 
background : #fff; 
height : 34px; 
line-height : 34px; 
padding : 0; 
margin : 0; 
} 
#subbar .menu a { 
color : #74797e; 
background : inherit; 
text-decoration : none; 
padding : 0 10px 0 10px; 
line-height : 23px; 
} 
#subbar .menu a:hover, #subbar .menu .current { 
color : #000; 
background : inherit; 
height : 23px; 
text-decoration : underline; 
} 
#subbar .menu ul { 
list-style : none; 
padding : 0; 
margin : 0; 
} 
#subbar .menu li { 
margin : 0 0 0 0; 
display : inline; 
text-align : center; 
vertical-align : middle; 
} 
#subbar .menu .leftAlign { 
float : left; 
} 
#subbar .menu .rightAlign { 
float : right; 
} 
img { 
border : 0; 
} 
.right { 
float : right; 
} 
/*#left_side h2 { 
background : inherit; 
padding : 0; 
margin : 0; 
font : 1.8em "Century Gothic"; 
color : #696969; 
} 

#left_side_gallery h2 { 
background : inherit; 
padding : 0; 
margin : 0; 
font : 1.8em "Century Gothic"; 
color : #696969; 
}
*/ 
a { 
color : #667c26; 
background : inherit; 
text-decoration : none; 
} 
a:hover { 
color : #667c26; 
background : inherit; 
text-decoration : underline; 
} 
p { 
margin : 5px 0; 
} 
h1 { 
font : 2.4em "Century Gothic"; 
padding : 8px 0 4px 0; 
margin : 0; 
} 
h2 { 
font : bold 1.6em "Century Gothic"; 
letter-spacing : -1px; 
} 
#left_side .mpart h3 { 
background : inherit; 
padding : 0; 
margin : 0 0 15px 0; 
font : 1.2em "Century Gothic"; 
line-height : 15px; 
color : #454545; 
font-style : italic; 
} 
#left_side_gallery .mpart h3 { 
background : inherit; 
padding : 0; 
margin : 0 0 15px 0; 
font : 1.2em "Century Gothic"; 
line-height : 15px; 
color : #454545; 
font-style : italic; 
} 
#LetterPress { 
height : 500px; 
} 
#Gallery { 
height : 700px; 
} 
.container { 
position : relative; 
margin : 20px auto 0 auto; 
/*border : 1px solid #aaa; 
*/
} 
.container ul { 
padding : 0; 
margin : 0; 
list-style-type : none; 
} 
.container ul li { 
padding : 0; 
margin : 0; 
list-style-type : none; 
} 
.container a.gallery span { 
position : absolute; 
width : 1px; 
height : 1px; 
top : 5px; 
left : 5px; 
overflow : hidden; 
background : #fff; 
} 
.container a.gallery, .container a.gallery:visited { 
display : block; 
/*color : #000; */
text-decoration : none; 
border : 1px solid #aaa; 
margin : 1px 2px 1px 2px; 
text-align : left; 
cursor : default; 
} 
.container a.slidea1 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_1.JPG); 
height : 82px; 
width : 75px; 
background-position : center;
} 
.container a.slidea2 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_2.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea3 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_3.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea4 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_4.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea5 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_5.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea6 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_6.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea7 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_7.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea8 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_8.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea9 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_9.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 
.container a.slidea10 { 
background : url(./Images/Thumbnail/Portfolio/IMG_A_10.JPG); 
height : 82px; 
width : 75px; 
background-position : center; 
} 

.container a.slideb1 { 
background : url(./Images/Thumbnail/Printed/IMG_B_1.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slideb2 { 
background : url(./Images/Thumbnail/Printed/IMG_B_2.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slideb3 { 
background : url(./Images/Thumbnail/Printed/IMG_B_3.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slideb4 { 
background : url(./Images/Thumbnail/Printed/IMG_B_4.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slideb5 { 
background : url(./Images/Thumbnail/Printed/IMG_B_5.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slideb6 { 
background : url(./Images/Thumbnail/Printed/IMG_B_6.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slideb7 { 
background : url(./Images/Thumbnail/Printed/IMG_B_7.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slideb8 { 
background : url(./Images/Thumbnail/Printed/IMG_B_8.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 

.container a.slidee1 { 
background : url(./Images/Thumbnail/Pendant/IMG_E_1.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slidee2 { 
background : url(./Images/Thumbnail/Pendant/IMG_E_2.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slidee3 { 
background : url(./Images/Thumbnail/Pendant/IMG_E_3.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slidee4 { 
background : url(./Images/Thumbnail/Pendant/IMG_E_4.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slidee5 { 
background : url(./Images/Thumbnail/Pendant/IMG_E_5.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slidee6 { 
background : url(./Images/Thumbnail/Pendant/IMG_E_6.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 


.container a.slided1 { 
background : url(./Images/Thumbnail/Place/IMG_D_1.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slided2 { 
background : url(./Images/Thumbnail/Place/IMG_D_2.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slided3 { 
background : url(./Images/Thumbnail/Place/IMG_D_3.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slided4 { 
background : url(./Images/Thumbnail/Place/IMG_D_4.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slided5 { 
background : url(./Images/Thumbnail/Place/IMG_D_5.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slided6 { 
background : url(./Images/Thumbnail/Place/IMG_D_6.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slided7 { 
background : url(./Images/Thumbnail/Place/IMG_D_7.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 
.container a.slided8 { 
background : url(./Images/Thumbnail/Place/IMG_D_8.JPG); 
height : 100px; 
width : 100px; 
background-position : center; 
} 



.container ul { 
width : 250px; 
margin : 5px; 
float : right; 
} 
.container li { 
float : left; 
} 
.container a.gallery:hover { 
border : 1px solid #fff; 
} 
.container span { 
position : absolute; 
float : left; 
width : 500px; 
height : 90%; 
top : 10px; 
left : 10px; 
/*color : #000;
background : #fff;*/ 
} 
/*.container a.gallery:hover img { 
border : 1px solid #fff; 
float : left; 
margin-right : 5px; 
} 
.container a.slideb:hover img, .container a.slidei:hover img { 
float : left; 
} */


