@font-face { font-family:Optima, Helvetica, Ariel; font-weight:normal; src:url('/fonts/optima.ttf'); }
html { margin:5px 0; padding:0; }  /*dark blu bg 0b151e  header blu 1e2a38  lt gold f2e1a9 bright gold ffd479 orange ff9900 textcol background:#1e2a38; */
body { width:auto; height:auto; background:#5e6770; text-align:left; font:14px Optima, Helvetica, Ariel, sans-serif; color:#cccccc; margin:0; padding:0; }/*13*/
p { margin-top:8px; margin-bottom:11px; }  img { border:none; } hr { color:#b9a252; }
h1 { font:small-caps 24px  Garamond, "Garamond Premr Pro",Times,serif; text-align:center; margin:0; padding:0; color:#ffd479; }
h2 { font:small-caps 17px Garamond, "Garamond Premr Pro",Times,serif; padding:0; margin:0; margin-bottom:5px; color:#ffd479; }
h3 { font:small-caps 14px Garamond, "Garamond Premr Pro", serif; padding:0; margin:0; margin-bottom:7px; color:#ffd479; }
h4 { font:small-caps 20px Garamond, "Garamond Premr Pro",Times,serif; padding:0; margin:0; margin-bottom:5px; color:#ffd479; }
.small { font:11px Helvetica, Arial, sans-serif; text-align:center; } .scaps { font-variant:small-caps; }  .indent { padding-left:50px; }  .caption { text-align:center; margin-bottom:5px; }
.red { color:red; } .gold { color:#ffd479; } .orange { color:#ff9900; } .purple { color:#9a07e6; } .center { text-align:center; } .right { text-align:right; }
#container { width:1272px; height:auto; margin:auto; position:relative; } 
#content { width:1242px; height:auto; margin:auto; float:left; background-color:#0b151e; padding:15px; border-left:1px solid #787f88; border-right:1px solid #787f88; border-bottom:1px solid #787f88; padding-bottom:10px; } 
#pageheader {	width:1272px; height:142px; float:left; margin:auto; background:#1e2a38 url(../img/gr/cwc-header.jpg) no-repeat center top; border:1px solid #787f88; }
#logobox { width:1272px; height:48px; float:left; border-bottom:1px solid #787f88; }  #logo-mid { width:1272px; height:70px; float:left; }
#logotext1 { width:1272px; height:31px; font:small-caps 33px Garamond, "Garamond Premr Pro",Times,serif; float:left; text-align:center; color:#ffffff; position:absolute; top:4px; margin-top:4px; } /*38*/
#logotext2 { width:250px; height:20px; position:absolute; left:80px; top:67px; }
#logotext3 { width:250px; height:20px; position:absolute; left:80px; top:88px; }
#bannerbox { width:350px; height:36px; position:absolute; left:903px; top:76px; }
.banner { font:small-caps 17px Garamond, "Garamond Premr Pro",Times,serif; padding:0; margin:0; color:#ffd479; text-align:center; }
#topnav { width:1272px; height:19px; position:absolute; left:0; top:123px; text-align:center; padding-bottom:2px; border-top:1px solid #787f88; }
#toopnav { width:1242px; height:23px; position:absolute; left:0; top:118px; text-align:center; baackground-color:#f8f8f8; padding-top:2px; border-top:1px solid #ffffff; e0e0e0; }    
#topnav a { font:10px Verdana, Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none; }
#topnav a:hover {	color:#ffd479; text-decoration:underline; }
#topnav a.selected { color:#ff9900; text-decoration:none; font-weight:bold; }

/*Anylink Menus*/
.selectedanchor { color:#ff9900; text-decoration:none; font-weight:bold; } /*currently selected anchor text link*/
.anylinkcss { position:absolute; left:0; top:0; visibility:hidden; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:200; border-bottom-width:0; border:1px solid #ffffff; } /*zIndex should be greater than shadow below */
#submenu1 { width:131px; } #submenu2 { width:143px; } #submenu3 { width:129px; } #submenu4 { width:176px; } #submenu5 { width:119px; }
.anylinkcss ul { margin:0; padding:0; list-style-type:none; }
.anylinkcss ul li a { width:100%; display:block; background-color:#1e2a38; padding:1px 0; text-decoration:none; font-weight:bold; text-indent:10px; color:#ffffff; border-bottom:1px solid #787f88; }
.anylinkcss a:hover { background:#a6cff7; color:blue; }  .anylinkshadow { position:absolute; left:0; top:0; z-index:99; background:gray; visibility:hidden; }
/*****/

#dropmenudiv { position:absolute; border:1px solid #787f88; border-bottom-width:0; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:100; }
#dropmenudiv a { width:100%; display:block; text-indent:10px; background-color:#1e2a38; border-bottom:1px solid #787f88; padding:1px 0; text-decoration:none; color:white; }
#dropmenudiv a:hover { background-color:#a6cff7; color:blue; }

#notice { width:1242px; height:80px; float:left; margin-bottom:13px; }
.noticeF { width:1217px; height:20px; float:left; padding:10px; boorder:1px solid #787f88; color:#ffd479; font-size:115%; text-align:center; }
.notice { width:385px; height:20px; float:left; margin-right:10px; padding:10px; text-align:center; border:1px solid #787f88;}
.noticeR { width:386px; height:20px; float:left; padding:10px; border:1px solid #787f88; text-align:center; }
.views { font-size:9px; text-align:center; color:#999999; } 
.fullcol { width:1242px; height:auto; float:left; }
.photocol { width:auto; height:auto; float:right; }  .photocol img { boorder:1px solid #787f88; margin-bottom:9px; }
.photocol-L { width:669px; height:auto; float:left; }  .photocol-L img { text-align:center; border:1px solid #787f88; margin-bottom:9px; }
.photocol-R { width:auto; height:auto; float:right; }  .photocol-R img { float:right; border:1px solid #787f88; margin-bottom:9px; }
.photo-R { float:right; margin-left:14px; }  .photo-L { float:left; margin-right:14px; } .clear { clear:both; }

#leftcol { width:553px; height:auto; float:left; }
.rightcol { width:671px; height:auto; float:right; }
.gallerytext { width:510px; height:auto; float:left; background:#1e2a38; line-height:1.4em; padding:20px; border:1px solid #787f88; } 
.textcol, .textcol1, .textcol2, .textcol3, .textcol4, .textcol5 { height:auto; float:left; background:#1e2a38; padding:25px; line-height:1.4em; margin-bottom:10px; border:1px solid #787f88; }
.textcol { width:500px; }  .textcol1 { width:500px; background:#0b151e; }  .textcol2 { width:553px; }  .textcol3 { width:720px; }  .textcol4 { width:1051px; margin-left:71px; } .textcol5 { width:369px; }
.masterful, .master-L, .master-R { height:auto; background:#1e2a38; padding:10px 15px; line-height:1.4em; margin-bottom:10px; border:1px solid #787f88; }
.masterful { width:1209px; float:left; }
.master-L { width:581px; float:left; }  .master-R { width:581px; float:right; }
.unit { width:468px; height:auto; float:left; padding:15px; margin-bottom:15px; background-color:#1e2a38; border:1px solid #daaf00; }

.section { width:1242px; height:auto; float:left; border-top:1px solid #b9a252; margin-top:15px; padding-top:15px; }
.fullbox { width:1160px; height:auto; float:left; padding:10px 15px; background:#1e2a38; border:1px solid #787f88; color:white; margin-bottom:10px; }
.lefttext { width:392px; height:auto; float:left; }  .leftbox { width:auto; height:auto; float:left; margin-right:20px; }  .rightbox { float:right; }
.textcol-hm { width:510px; height:294px; float:left; padding:20px; line-height:1.4em; border:1px solid #787f88; }
.textcol-L { width:510px; height:auto; float:left; padding:24px 20px 25px; line-height:1.4em; border:1px solid #787f88; }
.textcol-R { width:629px; height:auto; float:right; padding:20px; line-height:1.4em; border:1px solid #787f88; }
.more { color:#ff9900; text-align:center; padding-bottom:15px; }
.caption1 { width:407px; height:25px; float:left; margin-left:53px; text-align:right; }  .caption2 { width:629px; height:25px; float:left; }
.makena1, .makena2 { width:117px; height:20px; float:left; margin-left:10px; text-align:center; border:1px solid #787f88; }
.makena-title { width:629px; height:20px; float:right; margin-right:0px; text-align:right; }
.textcol ul { margin:0; padding:0 15px 5px; color:white; }
.textcol p a, .textcol ul a, .textcol-hm p a, .textcol-hm ul a { text-decoration:underline; }
.heading { width:auto; height:auto; margin-bottom:10px; }
.gallerypic { text-align:center; }  .gallerypic img {  border:1px solid #787f88; }  .imagespacer { margin-top:27px; }
#moreinfo { width:550px; height:55px; float:left; font:italic 13px Helvetica, Ariel, sans-serif; color:#f2e1a9; letter-spacing:1px; line-height:1.3em; margin-top:12px; text-align:center; }
#moreinfo .email { font:bold italic 13px Helvetica, Ariel, sans-serif; }
#slideshow, #slideshow800, #slideshow-minis { height:auto; float:right; text-align:center; }  #slideshow img, #slideshow800 img {  border:1px solid #787f88; }
#slideshow, #slideshow-minis { width:671px; }  #slideshow800 { width:802px; }
.slideshow { float:left; margin-right:10px; margin-bottom:10px;  } .slideshow img, .thumb { width:197px; height:150px; border:1px solid #787f88; } /*each thumbnail*/
#canvas0_0 td, #canvas0_1 td { vertical-align:top; }
#thumbs { width:1254px; height:auto; margin-top:10px; float:left; }
.thumb { width:197px; height:150px; margin-right:10px; margin-bottom:20px; float:left; border:1px solid #787f88; text-align:center; font-size:10px; }

#art-image { width:671px; height:auto; text-align:center; }
#art-framed { width:510px; height:auto; float:left; text-align:center; }
.art-caption { width:669px; height:18px; float:left; margin-top:3px; margin-bottom:10px; text-align:center; color:#cccccc; }
.mini { width:510px; height:auto; float:left; line-height:2em; padding-bottom:9px; border-bottom:1px solid #b9a252; margin-bottom:10px; }
#art-formats { width:510px; height:auto; float:left; margin-top:7px; margin-bottom:12px; padding:20px 0 25px 0; text-align:left; color:#cccccc; border-top:1px solid #b9a252; border-bottom:1px solid #b9a252; }
.product { width:510px; height:auto; float:left; }
.art-size { width:130px; height:auto; float:left; padding:6px 0; }
.art-type { width:145px; height:auto; float:left; padding:6px 0; }
.price { width:95px; height:auto; float:left; text-align:right; margin-right:25px; padding:6px 0; }
.mini-line { width:290px; height:auto; float:right; }
.status { width:110px; height:auto; float:right; padding:4px 0; }  .status-mini { width:95px; height:auto; float:right; padding:4px 0; }
.cwc { width:510px; height:20px; float:left; text-indent:300px; margin-bottom:15px; }
.feedback { border-bottom:1px solid #b9a252; margin-bottom:15px; padding-bottom:15px; }
.textbox { width:464px; height:auto; float:left; text-align:left; line-height:1.4em; font-size:12px; color:#cccccc; padding:15px; margin-top:15px; border:1px solid #787f88; }
#contact { width:494px; height:641px; float:left; text-align:left; line-height:1.4em; padding:25px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
#address { width:494px; height:auto; float:left; text-align:center; line-height:1.4em; font-size:14px; color:#cccccc; margin-top:15px; }
#request { width:494px; height:440px; float:left; margin-top:10px; background:#1e2a38; border:1px solid #787f88; color:white; }
.infoform { margin-top:15px; padding-top:15px; }  .infoform textarea { font:11px Verdana, Arial, Helvetica, sans-serif;}
.infoform label { width:200px; font-weight:normal; float:left; text-align:right; padding-right:12px; }
.newsform label { width:140px; font-weight:normal; float:left; text-align:right; padding-right:12px; }
.infoform btn { width:200px; }  .inquiry { width:328px; }  
.note { width:444px; height:auto; text-align:center; padding:8px 25px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#afd2f4; color:#0a5ca9; }
.details { width:444px; height:auto; margin-left:25px; margin-top:5px; }
#contact-maps { width:669px; height:800px; float:right; }
#contact-map1 { width:649px; height:334px; float:right; padding-bottom:10px; }
#contact-map2 { width:649px; height:350px; float:right; padding-bottom:10px; }

a:link, a:visited { color:#ffd479; text-decoration:none; }  a:hover {	color:#ff9900; text-decoration:underline; }
#footer { width:1272px; height:200px; clear:both; float:left; font:12px Helvetica, Arial, sans-serif; text-align:center; }
#footnav { width:1272px; height:25px; padding-top:9px; background:#1e2a38; border-right:1px solid #787f88; border-left:1px solid #787f88; }
#footer2 { width:1272px; height:auto; float:left; background:#1e2a38; border:1px solid #787f88; padding:17px 0; }
.footer-L { width:611px; float:left; text-align:right; color:white; }  .footer-R { width:611px; float:right; text-align:left; color:white; }
.footer-L a:link, .footer-L a:visited, .footer-R a:link, .footer-R a:visited, .more a:link, .more a:visited { color:#ff9900; }
#footer a.selected { color:#ff9900; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#copyright { width:1272px; height:17px; font-size:11px; text-align:center; float:left; padding-top:5px; color:#1e2a38; margin-bottom:20px; }
#copyright a:link, #copyright a:visited { color:#1e2a38; text-decoration:underline; }  #copyright a:hover { color:#ff9900; text-decoration:underline; }
#hits { font:10px Arial, Helvetica, sans-serif; color:#1e2a38; margin-top:3px; }