online-casino
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Casino</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
/* CSS Document */
body{padding:0px; margin:0px; background:#661208; color:#FFF; font:10px/14px Tahoma, Geneva, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
.clear {clear: both; margin: 0px; height:0}
.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fffdbf; font-weight:bold}
#container{width:775px; position:relative; margin:0 auto;}
/* HEADER */
#header{width:775px; height:318px; position:relative; background:url(online-casino-images/b_header.jpg) 0 0 no-repeat}
#header img#logo{position:absolute; top:99px; left:553px}
#header img#slogan{position:absolute; top:132px; left:315px}
#header ul.menu{position:absolute; top:0; left:55px; width:690px}
#header ul.menu li{height:49px; margin-right:22px; float:left}
#header ul.menu li a{height:49px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:49px;}
#header ul.menu li.btn_1 a{width:103px; background:url(online-casino-images/btn_1.gif) 0 24px no-repeat; }
#header ul.menu li.btn_1 a:hover{width:103px; background:url(online-casino-images/btn_1_over.gif) 0 24px no-repeat;}
#header ul.menu li.btn_2 a{width:103px; background:url(online-casino-images/btn_2.gif) 0 24px no-repeat; }
#header ul.menu li.btn_2 a:hover{width:103px; background:url(online-casino-images/btn_2_over.gif) 0 24px no-repeat;}
#header ul.menu li.btn_3 a{width:107px; background:url(online-casino-images/btn_3.gif) 0 24px no-repeat; }
#header ul.menu li.btn_3 a:hover{width:107px; background:url(online-casino-images/btn_3_over.gif) 0 24px no-repeat;}
#header ul.menu li.btn_4 a{width:82px; background:url(online-casino-images/btn_4.gif) 0 24px no-repeat; }
#header ul.menu li.btn_4 a:hover{width:82px; background:url(online-casino-images/btn_4_over.gif) 0 24px no-repeat;}
#header ul.menu li.btn_5{margin-right:0}
#header ul.menu li.btn_5 a{width:89px; background:url(online-casino-images/btn_5.gif) 0 24px no-repeat; }
#header ul.menu li.btn_5 a:hover{width:89px; background:url(online-casino-images/btn_5_over.gif) 0 24px no-repeat;}
#header ul.menu li.line{width:1px; background:url(online-casino-images/linem.gif) 0 0 no-repeat}
/* CONTENT */
#content{width:775px; position:relative; clear:both;}
#leftPan{width:445px; float:left; margin:4px 34px 0 42px; display:inline}
#rightPan{width:207px; float:left; margin:4px 0 0 0;}
#welcome {margin-bottom:10px}
#welcome h2{height:23px; position:relative; background:url(online-casino-images/h_welcome.gif) 0 0 no-repeat; margin-bottom:13px}
#welcome img{float:left;}
#welcome p{float:left; width:320px; padding-top:5px}
#popular h2{height:23px; position:relative; background:url(online-casino-images/h_games.gif) 0 0 no-repeat; margin-bottom:22px}
.popularItem{width:205px; float:left}
.popularItem img{float:left; margin-right:11px;}
.popularItem p{float:left; width:135px; padding-top:3px}
.popularItem#l1, .popularItem#l2{margin:0 18px 22px 5px}
#how h2{height:23px; position:relative; background:url(online-casino-images/h_how.gif) 0 0 no-repeat; margin-bottom:13px}
#how img{margin:0 0 15px 1px}
#how p{margin: 0 0 10px 7px}
#how ul {margin-left:13px; clear:both;}
#how ul li{font:10px/14px Tahoma, Geneva, sans-serif; background:url(online-casino-images/bullet1.gif) 0 5px no-repeat; padding-left:20px; height:24px;}
#how ul li a{color:#fffdb9; text-decoration:underline;}
#how ul li a:hover{color:#fff; text-decoration:none;}
.clear#end{height:15px}
/* FOOTER */
#footer{width:775px; height:59px; clear:both; background:url(online-casino-images/b_footer.gif) 0 0 repeat-x }
#footer p{padding: 15px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#fffdb9;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#fffdb9; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#fff}
</style>
</head>
<body>
<div id="container">
<div id="header">
<ul class="menu">
<li class="btn_1"><a href="#">home</a></li>
<li class="line"></li>
<li class="btn_2"><a href="#">our games</a></li>
<li class="line"></li>
<li class="btn_3"><a href="#">promotion</a></li>
<li class="line"></li>
<li class="btn_4"><a href="#">support</a></li>
<li class="line"></li>
<li class="btn_5"><a href="#">contacts</a></li>
</ul>
<img src="online-casino-images/logo.jpg" alt="" name="logo" width="160" height="160" id="logo"/> <img src="online-casino-images/slogan.jpg" alt="" name="logo" width="190" height="109" id="slogan"/> </div>
<div id="content">
<div id="leftPan">
<div id="welcome">
<h2></h2>
<img src="online-casino-images/img_welcome.jpg" width="120" height="85" alt="" />
<p><span class="headline">Nam justo augue, dictum a, hendrerit!</span><br />
Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. Aenean pede. Phasellus porta. Ut dictum nonummy diam. Cras Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. </p>
<div class="clear"></div>
</div>
<div id="popular">
<h2></h2>
<div class="popularItem" id="l1"> <img src="online-casino-images/img_games.jpg" width="57" height="57" alt="" />
<p><span class="headline">Nam justo augue, </span><br />
Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. </p>
<div class="clear"></div>
</div>
<div class="popularItem" id="r1"> <img src="online-casino-images/img_games-04.jpg" width="57" height="57" alt="" />
<p><span class="headline">Nam justo augue, </span><br />
Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. </p>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="popularItem" id="l2"> <img src="online-casino-images/img_games-05.jpg" width="57" height="57" alt="" />
<p><span class="headline">Nam justo augue, </span><br />
Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. </p>
<div class="clear"></div>
</div>
<div class="popularItem" id="r2"> <img src="online-casino-images/img_games-06.jpg" width="57" height="57" alt="" />
<p><span class="headline">Nam justo augue, </span><br />
Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. </p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="rightPan">
<div id="how">
<h2></h2>
<img src="online-casino-images/img_how.jpg" width="205" height="67" alt="" />
<p><span class="headline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam </span><br />
<br />
Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. Aenean pede. Phasellus porta. Ut dictum nonummy diam. Cras Lorem ipsum dolor sit amet</p>
<ul>
<li><a href="#">Fusce interdum. Maecenas eu elit sed </a></li>
<li><a href="#">nulla dignissim interdum. Sed laoreet. </a></li>
<li><a href="#">Aenean pede. Phasellus porta. Ut </a></li>
<li><a href="#">dictum nonummy diam. Cras Lorem </a></li>
</ul>
</div>
</div>
<div class="clear" id="end"></div>
</div>
<div id="footer">
<p><a href="#">HOME PAGE</a> | <a href="#">OUR GAMES</a> | <a href="#">PROMOTION</a> | <a href="#">SUPPORT</a> | <a href="#">CONTACTS</a><br/>
Copyright © Your Company Name | Design by <a href="http://freshtemplates.com/">Website Templates</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category