@charset "utf-8";
body  {
font-family: Segoe, Segoe UI, Verdana, Arial;
font-size: 14px;
background: #BBB;
margin: 7px 0 0 0;
padding: 0;
text-align: center;
color: #333;
}
a:link, a:visited {
color: #CD1201;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: #333;
background-color: #transparent;
text-decoration: none;
}
img {
border: none;
}
.hilite {
font-family: Segoe, Segoe UI, Verdana, Arial;
font-size: 16px;
font-style: oblique;
color: #999;
}
#container { 
width: 780px;
background: #BBB;
margin: 0 auto;
text-align: left;
} 
#header {
background-image: url(images/header.jpg);
background-position: top;
background-repeat: no-repeat;

height: 60px;
}
#header h1 {
padding: 0;
margin: 0;
}
#header h1 span {
display: none;
}
#header a {
color: #333;
font-weight: bold;
font-size: 16px;
font-style: oblique;
background: url(images/nav-up.jpg) left top no-repeat;
text-decoration: none;
text-align: center;
padding: 17px 0 13px 0;
width: 153px;
}
#header a {
display: block;
float: left
}
#header a:hover {
color: #CD1201;
font-size: 16px;
font-style: oblique;
background: url(images/nav-down.jpg) left top no-repeat;
text-decoration: none;
text-align: center;
padding: 17px 0 13px 0;
width: 153px;
}
#header a:active {
color: #000;
font-size: 16px;
font-style: oblique;
background: url(images/nav-down.jpg) left top no-repeat;
text-decoration: none;
text-align: center;
padding: 12px 0 8px 0;
width: 153px;
}
#header ul {
list-style: none;
padding: 0;
margin: 0 10px 0 0;
}
#header li {
float: right;
margin: 0;
}
#right {
float: right;
background-color: #BBBBBB;
margin: 0px 0px 10px 0;
width: 256px;
}
#enquiry {
margin: 0 0 4px 0;
padding: 0 0 5px 0;
background-image: url(images/right-background.jpg);
background-position: bottom;
background-repeat: no-repeat;
float: right;
width: 256px;
}
#enquiry h1 {
margin: 0 0 -10px 0;
width: 256px;
height: 48px;
background-image: url(images/enquiry.jpg);
}
#enquiry h1 span {
display: none;
}
#enquiry p {
padding: 0 13px 0 13px;
}
#folio {
margin: 0 0 20px 0;
padding: 0 0 5px 0;
background-image: url(images/right-background.jpg);
background-position: bottom;
background-repeat: no-repeat;
float: right;
width: 256px;
}
#folio h1 {
margin: 0 0 -10px 0;
width: 256px;
height: 48px;
background-image: url(images/portfolio.jpg);
}
#folio h1 span {
display: none;
}
#folio p {
padding: 0 13px 0 13px;
}
#blank {
margin: 0;
padding: 0;
text-align: center;
background-color: #BBBBBB;
}
#about, #design, #development, #seo, #contact {
background-image: url(images/main-background.jpg);
background-position: bottom;
background-repeat: no-repeat;
margin: 0 260px 0 0; 
padding: 0 0 5px 0;
}
#about h1 {
margin: 0 0 -10px 0;
width: 520px;
height: 48px;
background-image: url(images/about.jpg);
}
#design h1 {
margin: 0 0 -10px 0;
width: 520px;
height: 48px;
background-image: url(images/web-design.jpg);
}
#development h1 {
margin: 0 0 -10px 0;
width: 520px;
height: 48px;
background-image: url(images/web-development.jpg);
}
#seo h1 {
margin: 0 0 -10px 0;
width: 520px;
height: 48px;
background-image: url(images/seo.jpg);
}
#contact h1 {
margin: 0 0 -10px 0;
width: 520px;
height: 48px;
background-image: url(images/contact-us.jpg);
}
#about h1 span, #design h1 span, #development h1 span, #seo h1 span, #contact h1 span {
display: none;
}
#about h2, #design h2, #development h2, #seo h2, #contact h2 {
font-family: Segoe, Segoe UI, Verdana, Arial;
font-size: 16px;
font-weight: bold;
margin: -5px 0 -5px 13px;
}
#about p, #design p, #development p, #seo p, #contact p {
padding: 0 13px 0 13px;
}
#about li, #design li, #development li, #seo li, #contact li {
padding: 0 13px 0 13px;
}
#footer {
margin: 0;
padding: 0;
background:#BBBBBB; 
} 
#footer p {
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.contact {
font-family: Segoe, Segoe UI, Verdana, Arial;
font-size: 14px;
}