html {-webkit-animation: safariSelectorFix infinite 1s; }
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
body {background-color:#ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; color:#000000; margin: 2px; behavior:url("csshover.htc"); }
.title {font-family: Georgia, "Times New Roman", Times, serif; font-size:40px;  font-weight:normal;  position:absolute;left:60px;top:30px; margin-top:auto; }
.title2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:28px;  font-weight:normal; position:absolute;left:100px;top:78px; margin-top:auto; }
pre {
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    white-space: pre; margin: 1em 0;
}
#contents { position:absolute;left:63px;top:160px; font-size:20px;}
li {  list-style-type: none; }
a:link  {text-decoration: none; color:#000000; outline: none;}
a:visited  {text-decoration: none; color:#000000;}
a:hover  {text-decoration: none; color:#000000;}
a:active  {text-decoration: none; color:#000000}
.contact  {font-size:18px; position:absolute;left:800px;top:30px;}
#box2 {
    position: absolute;
    left: 430px;
    top: 150px;
}
.Wtitle1 {font-size: 20px;}
/*home page*/
.hp1 {width: 190px; position:absolute; left:330px;top:165px;}/*flower*/
.hp2 {width: 190px; position:absolute; left:734px;top:165px;}/*Sweet pea*/
.hp3 {width: 190px; position:absolute; left:532px;top:368px;}/*gray*/
.hp4 {width: 190px; position:absolute; left:532px;top:165px;}/*rose*/
.hp5 {width: 190px; position:absolute; left:330px;top:368px;}/*dahlia*/
.hp6 {width: 190px; position:absolute; left:734px;top:368px;}/*hydrangea*/
.hp7 {width: 190px; position:absolute; left:532px;top:570px;}/*other*/
.hp8 {width: 190px; position:absolute; left:330px;top:570px;}/*many*/
        .T1 {font-size:25px; font-weight:normal; position:absolute; left:-65px; top:0px}
         .T2 {position:relative; left:-80px; top:65px}
        .T3 {position:absolute; left:-80px; top:253px}
.T4 {position: absolute; left: -80px; top: 200px;}
       
/*gallery*/
.box {position:absolute;top: 160px;left: 280px;}
.lb-album{width: 700px; /*control width of gallery*/margin: 0 auto;}
.lb-album li{ /*Thumbs control*/float: left;margin: 6px;position: relative;list-style-type: none;}
.lb-album li > a,
.lb-album li > a img{display: block;}
.lb-album li > a{width: 160px;height: 160px;position: relative;}/*thumb nails*/
.lb-overlay{width: 0px;height: 0px;position: fixed;overflow: hidden;left: 0px;top: 0px;padding: 0px;z-index: 99;text-align: center;background: rgb(128,128,128);}/*overlay background*/
.lb-overlay > div{position: relative;color: #fff;width: 650px;height: 80px;margin: 10px auto 0px auto;}/*text box*/
.lb-overlay div h3,
.lb-overlay div p{padding: 0px 0px;width: 600px;height: 60px;}/*text box*/
.lb-overlay div h3{font-size: 24px;float: left;text-align: center;}/*Image title*/
.lb-overlay div p{font-size: 14px;text-align: left;float: left;width: 300px;}/*Describation text*/
.lb-overlay a.lb-close{background: rgb(128,128,128);z-index: 1001;color: #fff;position: absolute;top: 43px;right: 10px;font-size: 25px;line-height: 26px;text-decoration: none;overflow: hidden;margin-left: -25px;opacity: 0;}/*close button*/
.lb-overlay img{max-height: 100%; max-width:100%;position: relative;opacity: 0;border:0px solid #fff;
 filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;}/* height: 100%; For Opera max-height does not seem to work IMage control*/
.lb-prev, .lb-next{text-indent: -9000px;position: absolute;top: -10px;width: 24px;height: 25px;left: 50%;opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/}/*control arrows*/
.lb-prev:hover, .lb-next:hover{opacity: 1;}
.lb-prev{margin-left: -30px;background: transparent url(../Images/arrows.png) no-repeat top left;}
.lb-next{margin-left: 6px;background: transparent url(../Images/arrows.png) no-repeat top right;}
.lb-overlay:target {width: auto;height: auto;bottom: 0px;right: 0px;padding: 80px 100px 120px 100px;}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/}
/* 100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera */
x:-o-prefocus, .lb-overlay img {height: 100%;}