html, body, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a {
     margin: 0; 
     padding: 0;
     border: 0;
}

body {
	background: #343434; 
	font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
	text-align: left; 
}

#container {
	width: 100%;  
	line-height: 1.3em; 
	background: #eadeaa;
}  

#header {
    background: url(http://www.indochinewilmington.mobi/images/header2.jpg) repeat-x; /* creates the vertically repeating background for the top section */
    color: #000000; 
	height: 224px;
	
}

#logo {
	background: url(http://www.indochinewilmington.mobi/images/indo_logo_mobi.jpg) no-repeat 0px 99px; /*logo placed in as a background image so that sIFR text can be used for the tagline and slightly overlap ... the image, since it is only the bottom half of the logo, is placed 99px from the top of this element. This allows it to match with the top half. */
	width: 250px; /* this is the width of the logo image */
	height: 218px; /* This is the height of the actual logo image from the comp (not sliced in half) */
	position: absolute; /* this keeps the div placed exactly where you want it in the parent element */
	top: 0; /* the top starts at the very top of the parent element */
	left: 5px; /* this starts the logo image 10px from the left of the parent element, creating some visual space */
}

#content h1 {
	margin-bottom: 5px;
	color: #000000;
	font-size: 18px;
	background: url(http://www.indochinewilmington.mobi/images/h1_backgrd.jpg) repeat;
	padding-left: 5px;
}
 
#content h2, #content2 h2 {
	margin-bottom: 5px;
	color: #9b1208;
	font-size: 16px;
	padding-left: 5px;
}
#content h3, #content2 h3 {
    margin-bottom: 5px;
	color: #52341a;
    font-size: 16px;
	border-bottom: 2px dotted #c79315;
	border-top: 2px dotted #c79315;
	padding-left: 5px;
}

#content h4, #content2 h4 {
    color: #9b1208;
	font-size: 16px;
	padding-left: 5px;
}

#content p, #content2 p {
	margin-bottom: 5px;  
	font-size: 16px; 
	line-height: 1.5em;
	padding-left: 5px;
}

#content ul, #content2 ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	margin-left: 5px;
	color: #333333;
}

#content ul li, #content2 ul li {
	list-style: none;
	padding-left: 12px; /* you may have to adjust this depending on how it looks */
	background: url(http://www.indochinewilmington.mobi/images/flower_icon.jpg) no-repeat 0px 7px;
	margin-bottom: 5px;
}

#content a:link, #content a:visited, #content2 a:link, #content2 a:visited {
    color: #9b1208;
	font-size: 16px;
	text-decoration: underline;
	background: url(http://www.indochinewilmington.mobi/images/flower_icon.jpg) no-repeat 5px 5px;
	padding-left: 25px
}

#content2 {
    width: 300px;
}

#footer {
    margin-top: 5px;
	clear: both;   
	border-top: 4px solid #9b1208; 
	text-align: left; 
	font-size: 16px; 
	background: #52341a;
	padding-left: 5px;
	padding-bottom: 5px;
}

#footer p {
    font-size: 14px; 
	color: #a58555;
	padding-left: 5px;
}

/*  \*/
* html #footer {height: 1%;}
/* */

#footer ul {
	margin: 5px 0; 
	}

#footer li {
	display: inline; 
	}

#footer a:link, #footer a:visited {
	font-size: 14px; 
	color: #c79315;
	padding-left: 5px; 
}

.lftflt {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	padding-left: 5px;
}

.rghtflt {
	float: right;
	margin-left: 10px;
	border: 1px solid #52341a;
}

.photo {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 5px;
}