yup
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="affordable web design service, web site design, budget web hosting, affordable web pages, small business web site,
graphic design, logo design, re-designs, runcorn,cheshire" />
<meta name="description" content="A complete web site design and hosting service, providing affordable web pages for small and new businesses" />
<meta name="verify-v1" content="iNdqzK2HUpK9hlKD2jvF+sRZgU3aVYRmIN1fjNELroo=" />
<title>Iridium Design - Affordable web design, based in Runcorn, Cheshire. Home.</title>
<link href="iridium style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="menu">
<ul id="menu">
<li><a href="index.htm" class="home"><span></span></a></li>
<li><a href="about.htm" class="about"><span></span></a></li>
<li><a href="services.htm" class="services"><span></span></a></li>
<li><a href="portfolio.htm" class="portfolio"><span></span></a></li>
<li><a href="contact.htm" class="contact"><span></span></a></li>
</ul>
</div>
</div>
<div id="content">
<div id="column1">
<h2>Featured work</h2>
<p> We were approached by a small Liverpool based charity, who needed a web site to raise awareness of what they can offer the local area. A friend like Ben - Nowaks sporting chance was built using XHTML and CSS, incorporating a new logo. You can view more of our work in our <a href="portfolio.htm">portfolio</a></p>
<a href="http://www.iridium-design.co.uk/portfolio.htm"><img src="images/nowakthumb.png" alt="Nowak's Sporting Chance thumbnail" border="0" /></a>
</div>
<div id="column2">
<h1>The art of beautiful design </h1>
<h3><p>Iridium Design is a professional graphic and web design studio based in Runcorn, Cheshire, specializing in website design and graphics.</p></h3>
<p>We offer unique, accessible web designs which reflect your image at a price that suits your pocket.</p>
<p>So, whether you're after a new company logo, a complete web design package, or a web site re-design, we are confident we will beat any quote. Contact us today for your free, no obligation quotation and let us save you money.</p>
<p>So sit back, grab a cuppa and have a look around. We are sure you will like what you see.</p> <br /><br /><br />
<h2>Open for business</h2>
We are currently available for work and are taking on new clients. Interested? If so drop us a line <a href="contact.htm">here</a><br /><br /><br />
<h2>How do we look?</h2>
View us in all our glory....download <a href="http://www.mozilla-europe.org/en/firefox/">Firefox3 </a>here.
</div>
<div id="footer">
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="about.htm">About us</a></li>
<li><a href="services.htm">Our services</a></li>
<li><a href="portfolio.htm">Portfolio</a></li>
<li><a href="contact.htm">Contact us</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
and css
body {
background-color: #006284;
}
#wrapper {
width:1024px;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
border: none;
}
#menu {
list-style:none;
height:61px;
position:relative;
padding-top:190px;
}
#menu span {
display:none;
position:absolute;
}
#menu a {
display:block;
text-indent:-900%;
position:absolute;
outline:none;
}
#menu a:hover {
background-position: left, bottom;
}
#menu a:hover span{
display:block;
}
#menu .home {
width:105px;
height:38px;
background:url(images/home.png) no-repeat;
left:70px;
top:60px;
}
#menu .home span {
width:105px;
height:38px;
background:url(images/home-under.png) no-repeat;
left:0px;
top:0px;
}
#menu .about {
width:113px;
height:37px;
background:url(images/about.png) no-repeat;
left:160px;
top:60px;
}
#menu .about span {
width:113px;
height:37px;
background:url(images/about-under.png) no-repeat;
left:0px;
top:0px;
}
#menu .services {
width:130px;
height:37px;
background:url(images/services.png) no-repeat;
left:255px;
top:60px;
}
#menu .services span {
width:130px;
height:37px;
background:url(images/services-under.png) no-repeat;
left:0px;
top:0px;
}
#menu .portfolio {
width:129px;
height:38px;
background:url(images/portfolio.png) no-repeat;
left:380px;
top:60px;
}
#menu .portfolio span {
width:129px;
height:38px;
background:url(images/portfolio-under.png) no-repeat;
left:0px;
top:0px;
}
#menu .contact {
width:122px;
height:38px;
background:url(images/contact.png) no-repeat;
left:500px;
top:60px;
}
#menu .contact span {
width:122px;
height:38px;
background:url(images/contact-under.png) no-repeat;
left:0px;
top:0px;
}
#header {
background-image:url(images/header2.jpg);
background-repeat:no-repeat;
height:369px;
width:1024px;
}
#content {
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#000066;
background-image:url(images/body.jpg);
}
#column1 {
float:right;
width: 265px;
font-size:14px;
padding-right:60px;
padding-top:25px;
}
#column2 {
float:left;
width:600px;
padding-left:65px;
padding-right:25px;
font-size:15px
}
#content h1 {
font-size:24px;
color: #000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
margin-right:30px;
}
#content h2 {
font-size:18px;
color:#000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
margin-right:20px;
}
#content h3 {
font-size:16px
}
#footer {
font-family: Georgia, "Times New Roman", Times, serif;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
font-size:12px;
clear:both;
position:relative;
top:60px;
padding-left:90px;
padding-bottom:100px;
padding-top:3px;
}
#footer li {
display:inline;
padding:0 1.5em;
}
a:link {
text-decoration: underline;
color:#000066;
}
a:visited {
text-decoration: underline;
color:#000066;
}
a:hover {
text-decoration:none;
color:#000033;
}
form {
font-family: Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
min-width:500px;
max-width:600px;
}
form label {
display:block;
float:left;
width:150px;
padding:0;
margin: 5px 0 0;
text-align:right;
clear:left;
}
form input,form textarea, form select {
width:auto;
margin:5px 0 0 10px;
}
form legend {
color: #000033;
}
Help
