div#container {
width:1024px;
height: 1041px;
background-image: url('http://will.jwireland.com/web_design/template.jpg');
}

div#menu {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 150px;
left: 50px;
width:100px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#social {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 475px;
left: 50px;
width:100px;
height:100px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
a {
text-decoration: none;
color: black;
}
a:hover {
text-decoration: none;
color: grey;
}

div#title {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 150px;
left: 325px;
width:400px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#content {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 250px;
left: 325px;
width:400px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#convert {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 250px;
left: 200px;
width:300px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#comp {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 250px;
left: 550px;
width:300px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#graphic {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 550px;
left: 200px;
width:300px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#web {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 600px;
left: 550px;
width:300px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#graphic-s {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 475px;
left: 200px;
width:300px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}
div#web-s {
text-align: center;
font-family: Arial, Arial, Helvetica, sans-serif;
position: absolute;
top: 525px;
left: 550px;
width:300px;
border-width: 16px 16px 16px 16px;
border-image: url('images/border.png') 32% stretch stretch;
-o-border-image: url('images/border.png') 32% stretch stretch;
-icab-border-image: url('images/border.png') 32% stretch stretch;
-khtml-border-image: url('images/border.png') 32% stretch stretch;
-moz-border-image: url('images/border.png') 32% stretch stretch;
-webkit-border-image: url('images/border.png') 32% stretch stretch;
}


.graphics
{
display: block;
background: url(images/graphics-down.png) no-repeat;
white-space: nowrap;
width: 266px;
height: 69px;
margin: 0;
padding: 0;
}

.graphics a
{
display: block;
color: #000000;
font-size: 11px;
width: 266px;
height: 69px;
color: black;
text-decoration: none;
}

.graphics img
{
width: 266px;
height: 69px;
border: 0
}

.graphics a:hover img
{
visibility:hidden
}

.websites
{
display: block;
background: url(images/websites-down.png) no-repeat;
white-space: nowrap;
width: 266px;
height: 69px;
margin: 0;
padding: 0;
}

.websites a
{
display: block;
color: #000000;
font-size: 11px;
width: 266px;
height: 69px;
color: black;
text-decoration: none;
}

.websites img
{
width: 266px;
height: 69px;
border: 0
}

.websites a:hover img
{
visibility:hidden
}


.robot
{
display: block;
background: url(images/robot-down.png) no-repeat;
white-space: nowrap;
width: 266px;
height: 69px;
margin: 0;
padding: 0;
}

.robot a
{
display: block;
color: #000000;
font-size: 11px;
width: 266px;
height: 69px;
color: black;
text-decoration: none;
}

.robot img
{
width: 266px;
height: 69px;
border: 0
}

.robot a:hover img
{
visibility:hidden
}