@charset "utf-8";
div { 
font-family : "century gothic", Verdana, Arial, Helvetica, sans-serif; 
} 
body { 
font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif; 
font-size : 80%; 
background-color : #ffffff; 
behavior: url("csshover3.htc");
} 
.gallerycontainer { 
position : absolute; 
top : 50%; 
left : 50%; 
width : 700px;  
background-color : #ffffff; 
margin-top : -300px; 
margin-left : -350px; 
display : inline-block;
height : 500px;  
} 
.thumbnail img { 
border : 16px solid white; 
margin : 0 0 0 0; 
} 
.thumbnail:hover { 
background-color : transparent;
} 
.thumbnail:hover img { 
border : 16px solid #ffffff;
} 
.thumbnail span { 
position : absolute; 
background-color : transparent; 
padding : 15px; 
left : -1000px; 
visibility : hidden; 
color : #666666; 
text-decoration : none;
} 
.thumbnail span img { 
border-width : 0; 
padding : 0; 
} 
.thumbnail:hover span { 
visibility : visible; 
text-align : center; 
width : 344px; 
top : 0px; 
left : 334px; 
z-index : 2;
height : 555px;
background-color : #c9cfc9;
background: url(../images/misc/galgrad.jpg) 0% 0% repeat-x;
color: #666666; 
} 
.thumbnail2 img { 
border : 16px solid white; 
margin : 0 0 0 0; 
} 
.thumbnail2:hover { 
background-color : transparent; 
} 
.thumbnail2:hover img { 
border : 16px solid white; 
} 
.thumbnail2 span { 
position : absolute; 
background-color : transparent; 
padding : 15px; 
left : -1000px; 
border : 0px solid; 
visibility : hidden; 
color : #666666; 
text-decoration : none;
} 
.thumbnail2 span img { 
border-width : 0; 
padding : 0; 
} 
.thumbnail2:hover span { 
visibility : visible; 
text-align : center; 
width : 344px; 
top : 0; 
left : 0; 
z-index : 2; 
height : 555px;
background-color : #cccccc;
background: url(../images/misc/galgrad.jpg) 0% 0% repeat-x;
color: #666666; 
} 
.thumbnail3 img { 
border : 16px solid #daa520; 
margin : 0 0 0 0; 
} 
.thumbnail3:hover { 
background-color : transparent;
} 
.thumbnail3:hover img { 
border : 16px solid #cccccc;
} 
.thumbnail3 span { 
position: fixed; top: 95px; left: 600px; width: 344px; height : 600px; right: 0; border: none; z-index: 50; 
background-color : transparent; 
padding : 15px; 
visibility : hidden; 
color : #666666; 
text-decoration : none;
} 
.thumbnail3 span img { 
border-width : 0; 
padding : 0; 
} 
.thumbnail3:hover span {
position: fixed; top: 95px; left: 600px; width: 344px; height : 600px; right: 0; border: none; z-index: 50;  
visibility : visible; 
text-align : center; 
width : 344px;
background-color : #cccccc;
background: url(../images/misc/galgrad.jpg) 0% 0% repeat-x;
color: #666666;  
}
.thumbnail4 img { 
border : 16px solid #ffffff; 
margin : 0 0 0 0; 
} 
.thumbnail4:hover { 
background-color : solid #ffffff;
} 
.thumbnail4:hover img { 
border : 16px solid #cccccc;
} 
.thumbnail4 span { 
position: fixed; top: 95px; left: 600px; width: 344px; height : 600px; right: 0; border: none; z-index: 50; 
background-color : transparent; 
padding : 15px; 
visibility : hidden; 
color : #666666; 
text-decoration : none;
} 
.thumbnail4 span img { 
border-width : 0; 
padding : 0; 
} 
.thumbnail5 img { 
border : 16px solid #ffffff; 
margin : 0 0 0 0;
} 
.thumbnail5:hover { 
background-color : solid #ffffff;
}
#nav { 
display : block; 
width : 700px; 
margin : 0; 
padding : 0; 
list-style-type : none; 
font-size : 1.2em;
} 
#nav li { 
display : inline; 
margin : 0; 
padding : 0;  
} 
#nav li a { 
display : block; 
float : left; 
padding : 0; 
background : #666666; 
text-align : center; 
text-decoration : none; 
color : #000000;
height : 20px; 
border-top : 0px solid #817679;
padding : 0px 0px 3px 0px;
background: url(../images/misc/navgrad04.jpg) 0% 0% repeat-x;
z-index : 4; 
} 
#nav li a:hover, #nav li a #current { 
background : #e0e0e0; 
text-decoration : none;  
color : #ffffff;
height : 19px;
background: url(../images/misc/navgrad01.jpg) 0% 0% repeat-x;
z-index : 3; 
} 
#navprice a { 
width : 100px; 
} 
#navbio a { 
width : 100px; 
} 
#navgallery2 a { 
width : 100px; 
 } 
 #navgallery a { 
width : 100px; 
 } 
#navhome a { 
width : 100px;
} 
#navcontact a { 
width : 100px;
} 
#navevents a { 
width : 100px;
} 
#navfaqs a { 
width : 100px;
}
#navblog a { 
width : 100px;
}
h1 { 
float : left; 
display : block; 
height : 23px; 
font-family : "century gothic", Verdana, Arial, Helvetica, sans-serif; 
font-size : 1.6em; 
text-align : left; 
font-weight : normal; 
color : #000000; 
padding : 0; 
width : 700px; 
border-style : solid; 
border-bottom-width : 0px; 
border-top-width : 0; 
border-left-width : 0; 
border-right-width : 0; 
border-color : #000000;
margin-bottom : 6px; 
} 
h2 { 
float : left; 
display : block; 
height : 25px; 
font-size : 1.0em; 
text-align : center; 
font-weight : normal; 
padding : 0; 
width : 700px; 
border-style : solid; 
border-bottom-width : 0; 
border-top-width : 1px; 
border-left-width : 0; 
border-right-width : 0; 
border-color : #000000; 
} 
span.c13 { 
color : #daa520; 
} 
span.c12 { 
color : #000000; 
} 
.clearfix { 
display : inline-block; 
} 
.clearfix:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
:link { 
color : #000000;  
} 
A:link { 
text-decoration : none; 
} 
:visited { 
color : #000000; 
text-decoration : none; 
} 
A:visited { 
color : #000000; 
text-decoration : none; 
} 



