Guild Layouts

<style> h1 {border-left:18px solid #c66d80; border-right:18px solid #c38c7a; border-top:1px solid #c38c7a; border-bottom:1px solid #c66d80; background:#d6d4a2; font-size:20px; color: #404040; font-family:century gothic; letter-spacing:2px; text-transform:uppercase; font-weight:bold; margin:0; text-align:center;} #join {float: left;width:255px;height:140px;margin-left:414px; margin-top:282px; position:absolute;} #chat {float: left;width:255px;height:140px;margin-left:414px;margin-top:432px;position:absolute;} #img1 {width:1000px;height:700px;background: url(http://s229.photobucket.com/albums/ee92/omgahmandahsback/guildlayou1links.png);top:0px;left:0px;position:absolute;} body, td, p, div {font-family: arial; font-size:12px; text-align:justify;} #footer {display:none;} body, table, td, .content, div, li, a, font, p { } .sf, .smallfont, .tl, .tt, #ban, #m, #mb, #nst, #n, #ol, tr td a div, p a b, p table table img, .hdr, .contentHeader { display: none; } table, tr, td { background: transparent; } table table table td, p table table, .contentHeader { background: transparent; } p table table img, .contentHeader, table table table .content { display: none; } p table table div img { display: inline; } body{ overflow:hidden;} </style /> <div id="img1"> <a id="join" href=" JOINLINKGOESHEREEE "></a> <a id="chat" href=" MESSAGEBOARDLINKGOESHERE "></a> </div> <div style="position: absolute; left:150px; top:155px; width: 226px; height: overflow: absolute;"> <h1>Header here</h1><center> Put your content here! </center></div> <style> h1 {border-left:18px solid #6b5ad9; border-right:18px solid #78dc1c; border-top:1px solid #78dc1c; border-bottom:1px solid #6b5ad9; background:#d6d4b3; font-size:20px; color: #404040; font-family:century gothic; letter-spacing:2px; text-transform:uppercase; font-weight:bold; margin:0; text-align:center;} #join {float: left;width:175px;height:135px;margin-left:245px; margin-top:273px; position:absolute;} #chat {float: left;width:229px;height:140px;margin-left:222px;margin-top:439px;position:absolute;} #img1 {width:1000px;height:700px;background: url(http://s229.photobucket.com/albums/ee92/omgahmandahsback/guildlayou2links.png);top:0px;left:0px;position:absolute;} body, td, p, div {font-family: arial; font-size:12px; text-align:justify;} #footer {display:none;} body, table, td, .content, div, li, a, font, p { } .sf, .smallfont, .tl, .tt, #ban, #m, #mb, #nst, #n, #ol, tr td a div, p a b, p table table img, .hdr, .contentHeader { display: none; } table, tr, td { background: transparent; } table table table td, p table table, .contentHeader { background: transparent; } p table table img, .contentHeader, table table table .content { display: none; } p table table div img { display: inline; } body{ overflow:hidden;} </style /> <div id="img1"> <a id="join" href=" JOINLINKGOESHEREEE "></a> <a id="chat" href=" MESSAGEBOARDLINKGOESHERE "></a> </div> <div style="position: absolute; left:485px; top:264px; width: 288px; height:305 overflow: absolute;"> <h1>Header here</h1><center> Put your content here! </center></div>