﻿* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	background-color:#86D4FB;
	color:#630;
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
}
h1 
{
    padding: 5px;
    font: 14px arial, sans-serif;
    font-weight: bold;
}

#distance {
	width:1px;
	height:50%;
	background-color:#86D4FB;
	margin-bottom:-13.75em; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	padding: 10px;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:600px;
	width:714px;
	clear:left;
	border:0px;
	background: url(../images/main_bg.jpg) no-repeat; 
	clear: both;
}
.navigation 
{
    position: relative;
	float: left;
	left: 60px;
	top: 60px;
	width: 153px;
}
.navigation a, .navigation a:visited, .navigation a:hover
{
    font-size: 20px;
    font-family: Comic Sans MS;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.navigation #nav1 
{
    background: url(../pngs/button_bg_green.png) no-repeat;
    width: 153px;
}
.navigation #nav2 
{
    background: url(../pngs/button_bg_red.png) no-repeat;
    width: 153px;
}
.navigation #nav3 
{
    background: url(../pngs/button_bg_orange.png) no-repeat;
    width: 153px;
}
.navigation #nav4 
{
    background: url(../pngs/button_bg_purple.png) no-repeat;
    width: 153px;
}
.navigation li 
{
    padding: 12px 0 45px 10px;
    list-style: none;   
}
.textContent 
{
    font: arial, sans-serif;
    font-size: 12px;
    float: left;
    background: url(../pngs/text_bg.png) repeat-y;
    width: 340px;
    position: relative;
	left: 90px;
	top: 90px;
	float: left;
}
.textContent p {
	padding: 5px;
}
.textContent a 
{
    text-decoration: none;   
    color: #000;
}
.textContent a:hover, a:visited
{
    text-decoration: underline;   
}
.iwantbar 
{
	margin-top: 20px;
	top: 400px;
	left: 70px;
	position: absolute;
	width: 540px;
}
.iwantbar ul {
	list-style-type: none;
}
.iwantbar li {	
	display: inline;
}
.iwantbar #iwant 
{
	float: left;
	width: 345px;
    background: url(../pngs/want_bg_large.png) no-repeat;   
    padding: 12px 0 10px 12px;
    font-family: Comic Sans MS;
    font-size: 24px;
    font-weight: bold;
}
.iwantbar img {
	padding-left: 12px;
	border: none;
}
.companylinks 
{
    position: absolute;
    float: left;
	top: 500px;
	width: 560px;
	left: 70px;
	height: auto;
}
.companylinks li
{
    list-style: none;
	float: left;
	width: 140px;
    display: inline;
}
.companylinks img 
{
    border: none;
}