body{ margin: 0 auto; padding: 0; background-color: #D4CCAA; background-image: url('../images/Page-BgTexture.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: top center;font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #484E46;} /* HERE I WANT TO SET THE DYNAMIC BACKGROUND PICTURE IF POSSIBLE */ .main{ position: absolute; overflow:hidden; width: 100%; left: 0; top: 25px; } /* contentLayout */ div#contentLayout{ position: relative; margin-bottom: 4px; width: 984px;} div#contentLayout div#column_left{ position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 218px;} div#contentLayout div#column_right{ position: relative; margin: 0; padding: 0; border: 0; float: right; overflow: hidden; width: 218px;} div#contentLayout div#column_maincontent{ position:relative; margin: 0; padding: 6px 0px 0px 18px; float: left; overflow: hidden; width: 520px; } div#contentLayout div#column_maincontent_full{ position: relative; margin: 0; padding: 6px 0px 0px 18px; float: left; overflow: hidden; width: 950px; } div#contentLayout div#column_maincontent_half{ position: relative; margin: 0; padding: 6px 0px 0px 18px; float: left; overflow: hidden; width: 748px; } div#lang{font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #484E46;} div#lang a{font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #484E46;} div#lang a:link{font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #484E46;} div#lang a:hover{font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #484E46;} div#lang a:visited{font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #484E46;} /* box, sheet */ .sheet{position:relative; z-index:0; margin:0 auto; width: 1000px; min-width:55px; min-height:55px;} .sheet-body{ position: relative; z-index:1; padding: 8px;} .sheet-tr, .sheet-tl, .sheet-br, .sheet-bl, .sheet-tc, .sheet-bc,.sheet-cr, .sheet-cl{ position:absolute; z-index:-1;} .sheet-tr, .sheet-tl, .sheet-br, .sheet-bl{ width: 74px; height: 74px; background-image: url('../images/Sheet-s.png');} .sheet-tl{ top:0; left:0; clip: rect(auto, 37px, 37px, auto);} .sheet-tr{ top: 0; right: 0; clip: rect(auto, auto, 37px, 37px);} .sheet-bl{ bottom: 0; left: 0; clip: rect(37px, 37px, auto, auto);} .sheet-br{ bottom: 0; right: 0; clip: rect(37px, auto, auto, 37px);} .sheet-tc, .sheet-bc{ left: 37px; right: 37px; height: 74px; background-image: url('../images/Sheet-h.png');} .sheet-tc{top: 0; clip: rect(auto, auto, 37px, auto);} .sheet-bc{ bottom: 0; clip: rect(37px, auto, auto, auto);} .sheet-cr, .sheet-cl{ top: 37px; bottom: 37px; width: 74px; background-image: url('../images/Sheet-v.png');} .sheet-cr{ right:0; clip: rect(auto, auto, auto, 37px);} .sheet-cl{ left:0; clip: rect(auto, 37px, auto, auto);} .sheet-cc{ position:absolute; z-index:-1; top: 37px; left: 37px; right: 37px; bottom: 37px; background-color: #F3F1E7;} /*.sheet{ margin-top: 220px !important;}*/ /* box, block */ .Block{ position:relative; z-index:0; margin:0 auto; min-width:15px; min-height:15px;} .Block-body{ position: relative; z-index:1; padding: 7px;} .Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl{ position:absolute; z-index:-1;} .Block-tr, .Block-tl, .Block-br, .Block-bl{width: 14px; height: 14px; background-image: url('../images/Block-s.png');} .Block-tl{ top:0; left:0; clip: rect(auto, 7px, 7px, auto);} .Block-tr{ top: 0; right: 0;clip: rect(auto, auto, 7px, 7px);} .Block-bl{bottom: 0; left: 0; clip: rect(7px, 7px, auto, auto);} .Block-br{ bottom: 0; right: 0; clip: rect(7px, auto, auto, 7px);} .Block-tc, .Block-bc{ left: 7px; right: 7px; height: 14px; background-image: url('../images/Block-h.png');} .Block-tc{ top: 0; clip: rect(auto, auto, 7px, auto);} .Block-bc{ bottom: 0; clip: rect(7px, auto, auto, auto);} .Block-cr, .Block-cl{ top: 7px; bottom: 7px; width: 14px; background-image: url('../images/Block-v.png');} .Block-cr{ right:0; clip: rect(auto, auto, auto, 7px);} .Block-cl{ left:0; clip: rect(auto, 7px, auto, auto);} .Block-cc{ position:absolute; z-index:-1; top: 7px; left: 7px; right: 7px; bottom: 7px; background-image: url('../images/Block-c.png');} .Block{ margin: 7px;} /* blockheader */ .BlockHeader{ position:relative; z-index:0; height: 30px; padding: 0 7px; margin-bottom: 0px;} .BlockHeader .t{ height: 30px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: bold; white-space : nowrap; padding: 0 7px; line-height: 30px; text-transform:uppercase; } .BlockHeader .l, .BlockHeader .r{ display:block; position:absolute; z-index:-1; height: 30px; background-image: url('../images/BlockHeader.png');} .BlockHeader .l{ left:0; right:6px;} .BlockHeader .r{ width:984px; right:0; clip: rect(auto, auto, auto, 978px);} /* box, blockContent */ .BlockContent{ position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px;} .BlockContent-body{ position: relative; z-index:1; padding: 8px;} .BlockContent-body{ color:#666F62; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal;} .BlockContent-body a:link{ color: #776B3C; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;} .BlockContent-body a:visited, .BlockContent-body a.visited{ color: #919A8D; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;} .BlockContent-body a:hover, .BlockContent-body a.hover{ color: #CDA71D; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;} .BlockContent-body ul{ list-style-type: none; color: #282B26; margin:0; padding:0; text-decoration: none;} .BlockContent-body li{ list-style-type: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none;} .BlockContent-body ul li{list-style-type: none; padding:0px 0 0px 12px; background-image: url('../images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; text-decoration: none;} /* footer */ div#footer{ text-align: center;} div#footer{ position:relative; z-index:0; overflow:hidden; width: 984px; margin: 5px auto 0px auto;} div#footer .footer-inner{ height:1%; position: relative; z-index: 0; padding: 8px; text-align: center;} div#footer .footer-background{ position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url('../images/footer.png'); width: 984px; height: 150px; bottom:0; left:0;} div#footer .footer-text{ display:inline-block; color:#18150C; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px;} div#footer .footer-text p{ margin: 0;} div#footer .footer-text a:link{ text-decoration: none; color: #665C33; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline;} div#footer .footer-text a:visited{ text-decoration: none; color: #191B18; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline;} div#footer .footer-text a:hover{ text-decoration: none; color: #866D13; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;} .cls{ float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px;} .btn{ }