@charset "utf-8";
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}

.mb01 A:link, A:active {
	color: #00425A;
	text-decoration: none;
}
.mb01 A:visited {
	color: #00435A;
	text-decoration: none;
}
.mb01 A:hover {
	color: #569BBD;
	text-decoration: none;
}

/* Wrapper for all two column pages */

.mb01 #container {
	width: 765px;  
	padding: 0;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
	border-left: 1px solid #C5D8C8;
	border-right: 1px solid #C5D8C8;
	background-color: #E6E6D5;
} 

/* Wrapper for all single column pages */

.mb01 #container_main {
	width: 765px;
	padding: 0; 
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
	border-left: 1px solid #C5D8C8;
	border-right: 1px solid #C5D8C8;
	background-color: #EFEFE4;
} 

/* Side NavBar elements */

.mb01 #sidebar1 {
	margin: 0;
	padding: 0;
	float: left; 
	width: 170px; 
	border-bottom: 1px solid #C5D8C8;
	background-color: #EDF3EE; 
}

.gnav_hed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	border-top: 2px solid #00425A;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 14px;
	color: #FFF;
	background-color: #8FA59E;
}
.gnav_heda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 27px;
	font-weight: bold;
	border-top: 1px solid #00425A;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 14px;
	color: #FFF;
}

.gnav_hedb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 27px;
	font-weight: bold;
	border-top: 1px solid #00425A;
	margin: 0px 0px 0px 6px;
	padding: 0 0 0 8px;
	color: #FFF;
}
.gnav_bod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border-top: 1px solid #00425A;
	margin: 0px 6px 0px 6px;
	padding: 7px 3px 7px 8px;
	color: #00425A;
}

.gnav_boda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border-top: 1px solid #00425A;
	margin: 0px 0px 0px 0px;
	padding: 7px 3px 7px 14px;
	color: #00425A;
}

/* Page content wrapper for two column pages -- NOTE; custom bug slaying code in the head of each page; if you modify this id, then you will see alignment problems in IE */

.mb01 #mainContent { 
	margin: 0px 0px 0px 170px; 
	padding: 0px 0px 15px 0px; 
	border-left: 1px solid #C5D8C8;
	background-color: #EFEFE4;
}

/* Type spec for all interior pages */

.mb01 #mainContent p{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 0px 40px 7px 15px;
	color: #333;
}

/* For chaning background heds for two column wrapper 'mainContent' pages */

.mb01 #about_content { 
	margin: 0p; 
	padding: 0px; 
	background-image: url('mainbody_back.jpg');
	background-repeat: no-repeat; 
}

.mb01 #about_knoll { 
	margin: 0; 
	padding: 0; 
	background-image: url('knoll_back.jpg');
	background-repeat: no-repeat; 
}

.mb01 #furn_home { 
	margin: 0; 
	padding: 0px; 
	background-image: url('furn_back.jpg');
	background-repeat: no-repeat 
}

/* Page content wrapper for single column pages -- mods aren't as crucial, since misalignments won't creep up */

.mb01 #mainContent_home { 
	margin: 0px 0px 0px 0px; 
	padding: 0px; 
	background-image: url('home_back.jpg');
	background-repeat: no-repeat; 
}

/* Type spec for the home page */

.mb01 #mainContent_home p{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0px 200px 10px 15px;
	color: #333;
}

/* This is a little hacky, I know, but the two column set up for the Contact page */

.mb01 #mainContent_contact { 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left; 
	width: 225px; 
}

.mb01 #mainContent_contact p{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 0px 10px 7px 15px;
	color: #333;
}

.mb01 #mainContent_contact_right { 
	margin: 0px 0px; 
	padding: 10px 0px 0px 225px; 

}
.mb01 #mainContent_contact_right p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 0px 10px 7px 15px;
	color: #333;
}

/* For the furniture pages and plans. Note size! If images exceed 490px, layout will get wacky */

.mb01 #picbox {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 0px 15px; 
	padding: 0px 0px 0px 0px; 
	width: 490px;
	background:#FFF;
	border: 1px solid #8FA59E;
}

/* Headings! */

.mb01 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
	margin: 0;
	padding: 30px 10px 0px 15px;
	color: #8C2F2F;
}

.mb01 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 7px 15px;
	color: #FFF;
	background:#8FA59E;
}

.mb01 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
	margin: 0;
	padding: 20px 10px 24px 15px;
	color: #8C2F2F;
}

.mb01 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 3px 0px 2px 15px;
	color: #333;
}

.mb01 h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
	padding: 46px 10px 24px 15px;
	color: #8C2F2F;
}

/* Um, footers. Obvs. */

.mb01 #footer { 
	border-top: 1px solid #C5D8C8;
	background:#FFF; 
	margin: 0px;
	padding: 10px 0px 20px 190px;
	background-image: url('arenson_footer.jpg');
	background-repeat: no-repeat;
} 

.mb01 #footer p{ 
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}