#banner
{text-align: center; max-height: 100px;max-width: 760px;}

a, a:link, a:visited, a:hover, a:active
{color: #B5A642; font-family: garamond; text-decoration: none; font-variant: small-caps;}

a:hover
{text-decoration: underline;}

img
{border: none;}

#menuItem
{text-align: center;word-spacing: 30px;font-size: 18px;}

#orderingMenu
{text-align: center;word-spacing: 30px;font-size: 18px;}

#hookLede
{color: #68228B;}

#hookText
{ text-indent: 0.7cm; text-align: left; max-height: 475px; overflow: auto; font-size: 17px; font-family: garamond; color: #FFE4E1;text-align: justify;}

img#hookImageVer
{ 
border: solid;
border-width: 13px;
border-color: #68228B;
max-width: 239px;
max-height: 363px;
}

#hookCaption
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
text-align: right;
}

#hookFooter
{
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
}

#address
{ 
color: #FFE4E1; font-family: garamond; font-variant: small-caps; font-size: 16px;}

#addressGallery
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 16px;
position: relative;
//top: 40px;
}

html>body #addressGallery
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 16px;
position: relative;
top: 140px;
}

#addressOrder
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 16px;
position: relative;
top: 10px
}

#license
{color: #FFE4E1; font-family: garamond; font-variant: small-caps; font-size: 12px;}

#licenseGallery
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 12px;
position: relative;
//top: 40px;
}

html>body #licenseGallery
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 12px;
position: relative;
top: 140px;
}

#licenseOrder
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 12px;
position: relative;
top: 10px;
}

p#ordering
{ 
//text-indent: 0.7cm;
//color: #FFE4E1;
//font-family: garamond;
//font-variant: small-caps;
//font-size: 16px;
margin-left: 10%;
margin-right: 10%;
}


ul#ordering
{ 
text-indent: 0.7cm;
color: #FFE4E1;
font-family: garamond;
//font-variant: small-caps;
font-size: 16px;
margin-left: 10%;
margin-right: 10%;
}

h3
{ 
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 20px;
margin-left: 10%;
margin-right: 10%;
}

table#prices
{ 
text-align: center;
color: #FFE4E1;
font-family: garamond;
font-variant: small-caps;
font-size: 14px;
position: relative;
top: 20px;
font-size: 20px;
margin-bottom: 20px;
}

th#prices
{
width: 3.7cm;
//color: #389FD2;
color: #A0E0EA;
font-size: 18px;
}

td#prices
{
font-size: 18px;
}

p#prices
{ 
//text-indent: 0.7cm;
//color: #FFE4E1;
//font-family: garamond;
//font-size: 16px;
margin-left: 10%;
margin-right: 10%;
postition: absolute;
top: 500px;
}

p
{ 
text-indent: 0.7cm;
color: #FFE4E1;
font-family: garamond;
font-size: 16px;
}

#pricesSmall
{
color: #FFE4E1;
font-family: garamond;
font-size: 12px;
postition: relative;
top: -20px;
left: 10px;
}

.photoNew {width:700px; height:620px; text-align:left; position:relative; margin:10 auto;}

.photoNew ul.topic {padding:0; margin:0; list-style:none; width:700px; height:auto; position:relative; z-index:10;}

.photoNew ul.topic li {display:block; width:175px; height:31px; float:left;}

.photoNew ul.topic li a.set {display:block; font-size:11px; width:173px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:garamond, serif; font-size: 14px;}

.photoNew ul.topic li a ul,
.photoNew ul.topic li ul
{display:none;}

.photoNew ul.topic li.active a
{color:#000; background:#bbb;}

.photoNew ul.topic li a:hover,
.photoNew ul.topic li:hover a
{color:#fff; background:#aaa;}

.photoNew ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 699px; background:#ddd;  border: 20px solid #bbb; z-index:1; padding:40px 60px 40px 60px;}

 .photoNew ul.topic li a:hover ul,
 .photoNew ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 699px;  background:#ddd; border: 20px solid #aaa; z-index:100; padding:40px 60px 40px 60px;}

/* Hide from IE-Mac \*/
html>body .photoNew ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 699px; background:#ddd;  border: 20px solid #bbb; z-index:1; padding:40px 60px 40px 60px; width/**/:/**/ 539;}

html>body .photoNew ul.topic li a:hover ul,
html>body .photoNew ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 699px;  background:#ddd; border: 20px solid #aaa; z-index:100; padding:40px 60px 40px 60px; width/**/:/**/ 539;}
/* End hide */

.photoNew ul.topic li ul li.gallery
{display:inline; width:172px; height:133px; float:left; border:1px solid #fff; margin:1px;}

.photoNew ul.topic li ul li.gallery a
{display:block; width:170px; height:131px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photoNew ul.topic li ul li.gallery a img
{display:block; width:156px; height:117px; border:7px solid #fff;}

.photoNew ul.topic li a:hover ul li.gallery a:hover,
.photoNew ul.topic li:hover ul li.gallery a:hover
{white-space:normal; position:relative;}

.photoNew ul.topic li a:hover ul li.gallery a:hover img,
.photoNew ul.topic li:hover ul li.gallery a:hover img
{position:absolute; left:-50px; top:-32px; width:300px; height:200px; border-color:#fff;}

.photoNew ul.topic li.active ul li.active a
{display:block; width:202px; height:302px; border:2px solid #fff; position: relative; left: -50px; top: -20px;}

.photoNew ul.topic li.active ul li.active a img
{display:block; width:200px; height:300px; border:1px solid #888;}

.photoNew ul.topic li.active ul li.active a img:hover
{display:block; width:320px; height:320px; border:2px solid #888; z-index: 1000; position: relative; left: -4px; top: -4px;}

.photoNew ul.topic li.active ul .imageText
{width:340px; height: 400px; position: absolute; left: 300px; top: 0px; margin: 10px auto;}

.photoNew ul.topic li.active ul .imageText p
{display:block; position: relative; color: #000; font-family: garamond, serif; font-size: 14px; font-variant: small-caps;}

.photoNew ul.topic li.active ul .imageText p.break
{display:block; position: relative; left: 20px;  color: #000; font-family: garamond, serif; font-size: 14px; font-variant: small-caps;}

.photoNew ul.topic li.active ul .imageText p.warning
{display:block; position: relative; left: 25px; margin-right: 10px; color: #000; font-family: garamond, serif; font-size: 12px; font-variant: small-caps; text-indent: 0px;}

.photoNew ul.topic li.active ul p.active
{display:block; width: 639px; position: absolute; left: 10px; right: 10px; top: 240px; color: #000; font-family: garamond, serif; font-size: 16px; font-variant: none; line-height: 120%;text-align: justify;}

















































// Testing
.photoNew {width:696px; height:620px; text-align:left; position:relative; margin:10 auto;}

.photoNew ul.topic {padding:0; margin:0; list-style:none; width:696px; height:auto; position:relative; z-index:10;}

.photoNew ul.topic li {display:block; width:116px; height:31px; float:left;}

.photoNew ul.topic li a.set {display:block; font-size:11px; width:114px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:garamond, serif; font-size: 14px;}

.photoNew ul.topic li a ul,
.photoNew ul.topic li ul
{display:none;}

.photoNew ul.topic li.active a
{color:#000; background:#bbb;}

.photoNew ul.topic li a:hover,
.photoNew ul.topic li:hover a
{color:#fff; background:#aaa;}

.photoNew ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 695px; background:#ddd;  border: 20px solid #bbb; z-index:1; padding:40px 60px 40px 60px;}

 .photoNew ul.topic li a:hover ul,
 .photoNew ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 695px;  background:#ddd; border: 20px solid #aaa; z-index:100; padding:40px 60px 40px 60px;}

/* Hide from IE-Mac \*/
html>body .photoNew ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 695px; background:#ddd;  border: 20px solid #bbb; z-index:1; padding:40px 60px 40px 60px; width/**/:/**/ 535px;}

html>body .photoNew ul.topic li a:hover ul,
html>body .photoNew ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:620px; width: 695px;  background:#ddd; border: 20px solid #aaa; z-index:100; padding:40px 60px 40px 60px; width/**/:/**/ 535px;}
/* End hide */

.photoNew ul.topic li ul li.gallery
{display:inline; width:172px; height:133px; float:left; border:1px solid #fff; margin:2px;}

.photoNew ul.topic li ul li.gallery a
{display:block; width:170px; height:131px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photoNew ul.topic li ul li.gallery a img
{display:block; width:156px; height:117px; border:7px solid #fff;}

.photoNew ul.topic li a:hover ul li.gallery a:hover,
.photoNew ul.topic li:hover ul li.gallery a:hover
{white-space:normal; position:relative;}

.photoNew ul.topic li a:hover ul li.gallery a:hover img,
.photoNew ul.topic li:hover ul li.gallery a:hover img
{position:absolute; left:-52px; top:-39px; width:312px; height:234px; border-color:#fff;}

.photoNew ul.topic li.active ul li.active a
{display:block; width:302px; height:202px; border:2px solid #fff; position: relative; left: -50px; top: -20px;}

.photoNew ul.topic li.active ul li.active a img
{display:block; width:300px; height:200px; border:1px solid #888;}

.photoNew ul.topic li.active ul li.active a img:hover
{display:block; width:480px; height:320px; border:2px solid #888; z-index: 1000; position: relative; left: -4px; top: -4px;}

.photoNew ul.topic li.active ul .imageText
{width:340px; height: 400px; position: absolute; left: 300px; top: 0px; margin: 10px auto;}

.photoNew ul.topic li.active ul .imageText p
{display:block; position: relative; color: #000; font-family: garamond, serif; font-size: 14px; font-variant: small-caps;}

.photoNew ul.topic li.active ul .imageText p.break
{display:block; position: relative; left: 20px;  color: #000; font-family: garamond, serif; font-size: 14px; font-variant: small-caps;}

.photoNew ul.topic li.active ul .imageText p.warning
{display:block; position: relative; left: 25px; margin-right: 10px; color: #000; font-family: garamond, serif; font-size: 12px; font-variant: small-caps; text-indent: 0px;}

.photoNew ul.topic li.active ul p.active
{display:block; width: 635px; position: absolute; left: 10px; right: 10px; top: 240px; color: #000; font-family: garamond, serif; font-size: 16px; font-variant: none; line-height: 120%;text-align: justify;}