* {
margin:0;
padding:0;
}

html, body {
background-color:#ebebeb;
font-size:13px;
font-family:Arial;
text-align:center;
color:#565656;
height: 100%;
}

a {
color:#2c9296;
text-decoration: underline;
font-weight:bold;
}

a:hover {
color:#555555;
text-decoration: underline;
font-weight:bold;
}

a img {
border:none;
}

DIV#page {
background:url(../images/back.jpg) no-repeat;
position: absolute;
left: 50%;
top: 38%;
width: 900px;
height: 600px;
margin-left: -450px; /* half of width */
margin-top: -300px;  /* half of height */
overflow: hidden;
text-align: left;
}

h1 a.logo {
margin:101px 0 0 128px;
width:199px;
height:69px;
background:url(../images/logo.jpg) no-repeat;
text-indent:-9999px;
display:block;
}

h2.tagline {
margin:5px 0 0 128px;
background:url(../images/tagline.jpg) no-repeat;
width:523px:
height:30px;
line-height:30px;
display: block;
text-indent: -9999px;
}

#mainarea {
margin:60px 50px 0 128px;
overflow: hidden;
}

#mainarea .left {
width:250px;
float:left;
display:block;
}

#mainarea .right {
width:410px;
float:right;
display:block;
}

#mainarea .left h2 {
background:url(../images/h2sitesandservices.jpg) no-repeat;
width:250px:
height:41px;
line-height:41px;
display: block;
text-indent: -9999px;
}

#mainarea .right h2 {
background:url(../images/h2about.jpg) no-repeat;
width:150px:
height:41px;
line-height:41px;
display: block;
text-indent: -9999px;
}

p {
line-height:24px;
padding:0 0 15px 0;
text-align: left;
}

#footer {
clear:both;
margin:30px 0 0 128px;
}

#footer p {
font-size:10px;
color:#999999;
}