#container
{
	width: 98%;
	margin: 10px auto;
	background-color: #ffe;
	color: #333;
	line-height: 130%;
}

#logolink 
{
	float: left;
	width: 100%;
	padding: 15px;
}

#leftnav
{
	clear: both;
	background-color: #ffe;
	float: left;
	width: 45px;
	margin: 0;
	padding: 1em;
	overflow: hidden;
}

#leftnav a
{
	text-decoration: none;
	color: #ffe;
	padding-left: 65px;
	padding-right: 0;
	overflow: hidden;
}

a#swho:link, a#swho:visited {
	background:   url(../images/sub_who_up-trans.png) no-repeat;
	position: absolute;
	left: 45px;
	top: 230px;
	width: 0;
	overflow: hidden;
	} 

a#swho:hover, a#swho:focus {
	background:   url(../images/sub_who_over-trans.png) no-repeat;
	} 

a#swht:link, a#swht:visited {
	background:   url(../images/sub_what_up-trans.png) no-repeat;
	position: absolute;
	left: 45px;
	top: 271px;
	width: 0;
	overflow: hidden;
	} 

a#swht:hover, a#swht:focus {
	background:   url(../images/sub_what_over-trans.png) no-repeat;
	} 

a#swhr:link, a#swhr:visited {
	background:   url(../images/sub_where_up-trans.png) no-repeat;
	position: absolute;
	left: 45px;
	top: 312px;
	width: 0;
	overflow: hidden;
	} 

a#swhr:hover, a#swhr:focus {
	background:   url(../images/sub_where_over-trans.png) no-repeat;
	} 

a#swhn:link, a#swhn:visited {
	background:   url(../images/sub_when_up-trans.png) no-repeat;
	position: absolute;
	left: 45px;
	top: 353px;
	width: 0;
	overflow: hidden;
	} 

a#swhn:hover, a#swn:focus {
	background:   url(../images/sub_when_over-trans.png) no-repeat;
	} 

a#swhy:link, a#swhy:visited {
	background:   url(../images/sub_why_up-trans.png) no-repeat;
	position: absolute;
	left: 45px;
	top: 394px;
	width: 0;
	overflow: hidden;
	} 

a#swhy:hover, a#swhy:focus {
	background:   url(../images/sub_why_over-trans.png) no-repeat;
	} 

a#show:link, a#show:visited {
	background:   url(../images/sub_how_up-trans.png) no-repeat;
	position: absolute;
	left: 45px;
	top: 435px;
	width: 0;
	overflow: hidden;
	} 

a#show:hover, a#show:focus {
	background:   url(../images/sub_how_over-trans.png) no-repeat;
	} 

#rightnav
{
	background-color: #ffe;
	float: left;
	width: 20px;
	margin-top: 20px;
	margin: 0;
	padding: 3px;
}

#content
{
	margin-left: 190px;
	margin-right: 18px;
	padding: 1em;
}

#content2
{
	clear: both;
	margin-left: 190px;
	margin-right: 18px;
	padding: 1em;
}

#customers
{
	float: right;
	padding: 1em;
	width: 80%;	
}

.floatright
{
	float: right;
	width: 216px;
	margin: 0 30px 10px 10px;
	background-color: #fcc;
	padding: 15px;
}

div.floatright img
{
	clear: right;
}

.floatleft
{
	float: left;
	width: 216px;
	margin: 0 10px 10px 30px;
	background-color: #fcc;
	padding: 15px;
}

div.floatleft img
{
	clear: right;
}

#footer
{
	clear: both;
	margin: 0;
	padding: 10px;
	background-color: #ffe;
	text-align: center;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }

	/* Typography */

body, div, span, td, p, ul, li, ol, input, textarea { 
	font-family: Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 17px;
	color: #333;
	}

h1 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #369;
	}

h2, h3, {
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	color: #369;
	margin: 0;
	padding: 0;
	display: inline;
	}

h3 {
	font-weight: bold;
	}

h4	{
	font-size: 25px;
	font-weight: bold;
	}

h5	{
	font-size: 10px;
	color: #999;
	}

h6	{
	font-size: 14px;
	font-weight: normal;
	line-height: 17px;
	color: #369;
	}
