#hosting h1
{
	height: 173px;
	background: white url(../images/SharedHosting.jpeg) no-repeat top left;
	margin: 0;	
}
#hosting h1 span
{
	visibility: hidden;
}
#body, #introduction
{
    margin-left: 1em;
    margin-right: 1em;
    padding: 0.3em;
}
.clear
{
	clear: both;
}
#getInTouch
{
	width: 100%;
	text-align: right;
	background: #e83;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	color: White;
	height: 1.8em;
	font-weight: bold;
}
#getInTouch p
{
	margin: 0;
}
#getInTouch a
{
	color: White;
}
.scrollBox
{
    width: 680px; 
    height: 200px; 
    overflow: scroll;
    border: solid 1px black;
}

/* What you get table */
.hostingOptions
{
    background: #919191;
}
.hostingOptions table
{
    position: relative;
    top: -4px;
    left: -4px;
    width: 100%;
    border: 1px solid #C9DCA6;
    color: #333333;    
}
.hostingOptions table th, .hostingOptions table td
{
    margin: 0;
    padding: 8px 20px;
    text-align: center;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #C9DCA6;
}
.hostingOptions table tbody th
{
    text-align: left;
}
.hostingOptions table tr
{
    background: #f6fde9;
}
.hostingOptions table .alternate
{
    background: #e2f7ba;
}

/* Browser specific (not valid) styles to make preformatted text wrap */		

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 padding: 1em;
 font-size: medium;
 background: white;
}

/* Stuff for form layout */
fieldset 
{
    margin-bottom: 10px;
}
legend 
{
    padding: 0px 2px;
    font-weight: bold;
}
label
{
    display: -moz-inline-box;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
.block
{
    display: block;
    width: 16em; /* width of labels */
}
fieldset ol
{
    margin: 0;
    padding: 0;
}
fieldset li
{
    list-style: none;
    padding: 5px;
    margin: 0;
}
.form fieldset fieldset
{
    border: none;
    display: block;
}
.form fieldset fieldset label
{    
    width: 18.5em;
}
.form .cost
{
    float: right;
}

/* Pritty up the form */
.form {
	width: 48em;
	font-size: 1.1em;
	color: #333;
	}
	
.form legend { padding-left: 0; }
	
.form legend,
.form label { color: #333; }

.form fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/fieldset.gif) left bottom repeat-x;
	}
	
.form fieldset fieldset { background: none; }
	
.form fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/divider.gif) left bottom repeat-x;
	}
	
.form fieldset p
{
    padding: 1em 1em 1em 1em;
}