/* CSS RESET DO NOT TOUCH */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0;} address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0;} /* Start of CSS for Slavic Treasures */ /* Basic Definitions of major elements */ html { width:100%; } body { background:#000; font-size:16px; width:750px; margin:15px auto 0;} strong { font-weight:bold; color:#fff; } #top_area { width:450px; margin:0 0px; } body#glass_designs #top_area { margin:0px 0 50px 0; } #header { height:321px; width:450px; margin: 0px 0 25px; background:#FFF; border:1px solid #fff;} #title { position:relative; top:0px; width:100%; height:75px; margin:15px auto 25px;} #menu { height:70px; width:750px; margin:5px auto 5px; background:#000;} #menu li { float:left;} #menu li a {display:block; width:113px; height:70px; margin:0 0 0px;} #content { width:290px; margin:0 0; position:relative; float:right; color:#ccc;} #content p { color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 10px;} #content a { color:#0099FF;} #content h3 { font-weight:bold; margin:30px 10px 10px; text-decoration:underline; font-size:14px; } #content h4 { font-weight:bold; margin:0px 10px; font-size:12px;} #content h4 + p { margin:0px 10px 10px;} #submenu { margin:20px 20px 0 60px;} #submenu li a {display:block; width:200px; height:50px; } #return {clear:both; text-align:center; display:block; width:200px; margin:0px auto 0; padding-top:10px;} #previous_page { width:200px; position:absolute; background:url(/images/previous-page.gif) no-repeat 100px 100px; left:-180px; height:200px; margin-top:120px;} #next_page { width:200px; position:absolute; background:url(/images/next-page.gif) no-repeat 25px 100px ; right:-180px; height:200px; margin-top:120px;} #images {width:100%; margin:0px auto 0px;} #images li { width:66px; height:66px; margin:3px 3px; float:left; } #images li img { width:66px; margin:0 auto; display:inline; background:#fff; cursor:pointer;} #images li p { padding:10px 10px; text-align:center; font-size:12px; color:#fff;} a#next { color:#fff; width:40px; height:20px; font-size:10px; margin-top:10px;margin-right:10px; float:right; text-decoration:none; font-weight:bold; } a#prev { color:#fff; width:40px; height:20px; font-size:10px; margin-top:10px; margin-left:10px; float:left; text-decoration:none; font-weight:bold; } #footer { height:200px; border-top:1px solid #FFF; clear:both; position:relative; width:750px; margin:0 auto;} #footer address { color:#fff; font-size:12px; float:left; margin-top:27px;} #footer #logo {float:right; height:84px;} #login {margin:70px 0 30px;} #login td {padding:5px;} #login fieldset {border:1px solid #666; } #request {margin:20px 0 20px 10px; width:275px;} #request td {padding:5px;} #request fieldset {border:1px solid #666; padding:10px;} #request textarea, #request input { width:160px;} #request #submit { padding:5px 3px; width:auto;} #news h5 {font-weight:bold; margin:10px 10px 0; font-size:12px;} #news p {margin:5px 10px 0; font-size:12px;} #news_page #top_area {display:none;} #news_page #content {float:none;} #events #content h4 {float:left;} #events #content h4 + h5 {margin-left: 150px; font-weight:bold; margin-bottom:0px;} #events #content h5 + p {margin-left: 150px; margin-top:0px;} /* Menu - css image definitions */ #menu li a#menu_home { width:71px; background:url(/images/menu_01.gif);} #menu li a#menu_about {width:98px; background:url(/images/menu_02.gif);} #menu li a#menu_glass_designs {width:190px; background:url(/images/menu_03.gif);} #menu li a#menu_retailers {width:112px; background:url(/images/menu_04.gif);} #menu li a#menu_events {width:107px; background:url(/images/menu_05.gif);} #menu li a#menu_news {width:94px; background:url(/images/menu_06.gif);} #menu li a#menu_contact {width:78px; background:url(/images/menu_07.gif);} #menu li a:hover#menu_home { background:url(/images/menu_01.gif) 0 -67px ;} #menu li a:hover#menu_about { background:url(/images/menu_02.gif) 0 -67px ;} #menu li a:hover#menu_glass_designs { background:url(/images/menu_03.gif) 0 -67px ;} #menu li a:hover#menu_retailers { background:url(/images/menu_04.gif) 0 -67px ;} #menu li a:hover#menu_events { background:url(/images/menu_05.gif) 0 -67px ;} #menu li a:hover#menu_news { background:url(/images/menu_06.gif) 0 -67px;} #menu li a:hover#menu_contact { background:url(/images/menu_07.gif) 0 -67px ;} /* SubMenu - css image definitions */ body#glass_designs #submenu {display:block;} #submenu li a#submenu_dog_breeds {background:url(/images/submenu/submenu_01.gif); height:38px;} #submenu li a#submenu_way_out_bugs {background:url(/images/submenu/submenu_02.gif); height:46px;} #submenu li a#submenu_extreme_freeblown {background:url(/images/submenu/submenu_03.gif); height:42px;} #submenu li a#submenu_american_pride {background:url(/images/submenu/submenu_04.gif); height:39px;} #submenu li a#submenu_halloween_goodies {background:url(/images/submenu/submenu_05.gif); height:39px;} #submenu li a#submenu_world_wildlife {background:url(/images/submenu/submenu_06.gif); height:42px;} #submenu li a#submenu_woodland_animals {background:url(/images/submenu/submenu_07.gif); height:44px;} #submenu li a#submenu_holiday {background:url(/images/submenu/submenu_08.gif); height:38px;} /* Title - css image definitions */ body#example #title { background:url(/images/titles/example.gif) -10px 20px; } body#american_pride #title { background:url(/images/titles/american-pride.gif) 0px 0px no-repeat; } body#dog_breeds #title { background:url(/images/titles/dog-breeds.gif) 0px 0px no-repeat;height:84px; } body#extreme_freeblown #title { background:url(/images/titles/extreme-freeblown.gif) center center no-repeat;} body#halloween_goodies #title { background:url(/images/titles/halloween-goodies.gif) 0px 0px no-repeat; } body#way_out_bugs #title { background:url(/images/titles/way-out-bugs.gif) 0px 0px no-repeat; } body#woodland_animals #title { background:url(/images/titles/woodland-animals.gif) 0px 0px no-repeat; } body#world_wildlife #title { background:url(/images/titles/world-wildlife.gif) 0px 0px no-repeat; } body#holiday #title { background:url(/images/titles/holiday.gif) 0px 0px no-repeat;height:87px; } /* header - css image definitions */ body#example #header { background:url(/images/headers/example.gif) -10px 20px; } body#home #header { background:url(/images/headers/slavic-treasures.jpg); } body#about #header { background:url(/images/headers/about.jpg); } body#contact #header { background:url(/images/headers/contact.jpg); } body#events #header { background:url(/images/headers/events.jpg); } body#glass_designs #header { background:url(/images/headers/glass-designs.jpg); } body#news #header { background:url(/images/headers/news.jpg); } body#retailers #header { background:url(/images/headers/retailers.jpg); } body#retail_request #header { background:url(/images/headers/retailers.jpg); }