html body {
	height:100%;
	background:#333;
	margin:0px auto 50px auto;
	padding:0px;
}
html body div#container {
	background-color: #333;
	width: 900px;
	height:100%;
	margin:0 auto;
	border:1px solid #ccc;
}
div, li,p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
h1{
	color:white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	border-bottom: 3px dotted #FF6600;
	width:auto;
	clear:both;
}
h2{
	color:#F93;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:auto;
}

#header{
	background-image:url(images/top.gif);
	background-repeat: no-repeat;
	background-color:#000;
	height:221px;
	width:100%;/*  800 didn't work?? */
	border-bottom:1px #fff solid;
	position:relative;
}

#header #address{
	color:#FF9900;
	letter-spacing:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	position:absolute; /*this, along with the relative pos above and the 0 bottom, bottom aligns the text */
	bottom:0px;
	right:3px;
	padding:5px;

}
#address #phone{
	color:#fff;
	font-weight:bold;
	font-size: small;
}

#pics{
	margin:0px;
	padding:0px;
	clear:none;
	width:auto;
}
#pics li{
	list-style-type:none; 
	margin:0px;
	padding:0px;
	left:-30px;/* okay, I don't like using negatives, but without it IE blows out the images past the header */
}
#pics li img{
	border: 1px solid #333;
	padding: 4px;
	margin:10px;
}


div#nav{
	flaot:none;
	background-color:#666;
	border-bottom:1px solid black;
	border-top:1px solid black;
	clear:both;
	padding:3px;
	margin:8px 0px;
	text-align:center;
	width:auto;
}

div#nav a{
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:.2em;
	border:1px solid #666;
}


div#nav a:hover{
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:.2em;
	border:1px solid orange;
}



div#nav .separator{

	border:1px solid white;
	background-color:#FF6600;
	color:#FF6600;
	padding:1px;
	margin: 0px 40px;
}




#content{
	margin:8px 0;
	padding:0 10px;
	height:100%;
}
#content-l,#content-r{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:5px;
	margin:0px;
	width:48%;
	display:inline;
	height:100%;

}

#content-l{
	float:left;
	padding-right:15px;
}
#content-r{
	float:right;
	border-left:1px solid #fff;	
}
#content-l div,#content-r div{
	padding:3px 8px;
	width:auto;
}

#marques {
	width:auto;
	float:none;
	height:auto;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:0px;
	padding:5px;
}
#marques img{
	margin:8px 5px;
}