﻿html, body {
margin: 0;
border: 0;
padding-bottom: 5px;
background: url(../images/global/body-background.gif);
}

.puller {
clear: both;
height: 0px;
width: 0px;
line-height: 0px;
}

#outer {
width: 780px;
border: 1px solid #ccc;
margin: 0 auto;
background: #fff;
}

#header-top {
height: 60px;
width: 780px;
background: url(../images/global/heading-top.jpg) top left no-repeat;
}
#header-top-maintenance {
height: 60px;
width: 780px;
background: url(../images/global/heading-top-maintenance.jpg) top left no-repeat;
}

#featured-image {
height:194px;
width:780px;
background: url(../images/global/featured-image.jpg) top left no-repeat;
}

#featured-image-banner {
height:194px;
width:780px;
background: url("../images/global/featured-image-banner.jpg") top left no-repeat;
}

#featured-image-maintenance {
height:269px;
width:780px;
background: url("../images/global/featured-image-maintenance.jpg") top left no-repeat;
}

#plancolumn{
height:375px;
width:242px;
float:left;
background: url(../images/webhosting/web_hosting_plantitle.png) top right no-repeat;
margin-right:10px;
background-color:#F0F0F0;
height: 100%
}

#plancontent{
margin-left:8px;
margin-right:8px;
margin-top:15px
}

#planside{
height:295px;
width:10px;
background: url(../images/webhosting/web_hosting_planside.gif) bottom left repeat-x;
float:left; 
}

#plantitle{
text-align:center; 
color:white;
font-size:large;
margin-top:2px;
}

#contentArea {
padding-top: 0;
padding-left: 12px;
background: url(../images/global/content-shader.jpg) bottom repeat-x;
}

.checklist {
list-style: url(../images/global/checkbox.gif);
vertical-align: middle;
}

#footer {
padding: 10px 0 10px 12px;
}

#portfolio {
margin-left:21px;
}

#portfolio img {
border-width:1px; border-color: #CCCCCC; 
height:200px;
width:200px;
}