/* CSS Document for Matthai Properties LLC */
/* body */
<!--
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
	width:100%;
}
html{
	margin-bottom:1px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	letter-spacing:1px;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	color:#000000; 
	background-color:#ffffff;
	text-align:center; /* horizontal centering for IE Win quirks */
}
.gradient {
	height:100%;
	width:100%;
}
#distance { 
	width:1px;
	height:10%;
	background-color:#ffffff;
	float:left;
}
#wrapper {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;		
	width:950px;
	height:auto;
	background-color:#ffffff;
}
#header {
	background-color:#ffffff;
	float:left;
	width:950px;
	height:100px;
	padding:0px;
}
#header img { 
	border:0px;
	margin:0px;
	padding:0px;
	outline:none;
}
/* begin styles for general typography */
body img {
	border-style:none;
	padding:0px;
	margin:0px;
	outline:none;
	text-align:left;
	vertical-align:top;
}
body a {
	border-style:none;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0px;
	color:#000000;
}
body a:hover, a:focus {
	color:#546b91;
	background-color:#transparent; 
}
/* content wrapper*/
#contentWrapper {
	float:left;
	width:950px;
	height:auto;
	color:#000000;
	background-color:#eef0f4;
}
/*begin style for main content area*/
#contentWrapper #content {
	float:left;
	padding-left:20px;
	margin-top:45px;  
	margin-left:190px;
	margin-bottom:0px;
	width:740px;
	height:auto;
	color:#888888;
	background-color:#eef0f4;
}
#contentWrapper .indeximage{
	height:425px;
	width:950px;
}
#content .fourthirty{
	height:380px;
	width:570px;
}
#content .col_one {
	float:left;
	margin-right:40px;
	margin-bottom:30px;
	width:340px;
	height:auto;
	color:#888888;
	background-color:#eef0f4;
}
#content .col_one_catharine {
	float:left;
	margin-right:40px;
	margin-bottom:30px;
	width:185px;
	height:auto;
	color:#888888;
	background-color:#eef0f4;
}
#content .col_two{
	float:left;
	width:330px;
	height:auto;
	color:#888888;
	background-color:#eef0f4;
}
#content .largetype {
	height:auto;
	width:570px;
	margin-bottom:30px;
	font-weight:normal;
	line-height:40px;
	color:#546b91;
	font-size:18px;
}
#content ul {
	list-style:none;
	margin-top:0px;
	padding:0px;
} 
#content li {
	margin:0px 0px 6px 0px;
	padding:0px;
	border:none;
	color:#000000;
	font-size:11px;
	list-style:none;
	font-weight:normal;
} 
#content ul li .boldheading{
	font-weight:900;
} 
#content h1 {
	padding-bottom:20px;
	margin:0px;
	font-weight:normal;
	line-height:22px;
	color:#000000;
	font-size:14px;
}
#content p {
	padding-bottom:10px;
	font-size:11px;
	line-height:18px;
	letter-spacing:1px;
	font-weight:normal;
	color:#000000; 
}
#content img {
	padding-bottom:40px;
}
/* end styles for main content area*/

/*begin style for left div*/
#topnav {
	clear:both;
	float:left;
	width:950px;
	height:20px;
	margin:0px;
}
.menu {
	clear:both;
	float:left;
	width:950px;
	height:20px;
	margin:0px;
	position:relative; 
	z-index:100;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:190px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	display:block;
	width:190px;
	position:relative;
}
/* style the links for the top level */
.menu a {
	display:block;
	width:190px;
	height:20px;
}
.menu  ul li a.about {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background-position: 0px 0;
	background: url(mp_artfiles/about_set.gif) no-repeat ;
}
.menu  ul li a.about:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_about {
	background: url(mp_artfiles/about_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.bio {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/bio_set.gif) no-repeat ;
}
.menu  ul li a.bio:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_bio {
	background: url(mp_artfiles/bio_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.vision {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/vision_set.gif) no-repeat ;
}
.menu  ul li a.vision:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_vision {
	background: url(mp_artfiles/vision_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.properties {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/properties_set.gif) no-repeat ;
}
.menu  ul li a.properties:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_properties {
	background: url(mp_artfiles/properties_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.contact {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/contact_set.gif) no-repeat ;
}
.menu  ul li a.contact:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_contact {
	background: url(mp_artfiles/contact_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.catharine {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/catharine_set.gif) no-repeat ;
}
.menu  ul li a.catharine:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_catharine {
	background: url(mp_artfiles/catharine_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.christian {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/christian_set.gif) no-repeat ;
}
.menu  ul li a.christian:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_christian {
	background: url(mp_artfiles/christian_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.fitzwater {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/fitzwater_set.gif) no-repeat ;
}
.menu  ul li a.fitzwater:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_fitzwater {
	background: url(mp_artfiles/fitzwater_set.gif) no-repeat ;
	background-position: -380px 0;
}
.menu  ul li a.south_48 {
	display:block;
	width:190px;
	height:20px;
	background-color:#eef0f4;
	background: url(mp_artfiles/south_48_set.gif) no-repeat ;
}
.menu  ul li a.south_48:hover {
	background-position: -190px 0;
}
.menu  ul li a#current_south_48 {
	background: url(mp_artfiles/south_48_set.gif) no-repeat ;
	background-position: -380px 0;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	left:0; 
	width:190px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
}

/* style the second level links */
.menu ul ul a, 
.menu ul ul a:visited {
	width:190px;
	height:20px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:1px;
}
			
/*make the second level visible when hover on first level list OR link*/
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link*/
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link 
				
/*end style for left div*/

/* begin styles for footer*/
#footer {
	clear:both;
	float:left;
	position:relative;
	width:950px;
	height:auto;
	padding-top:5px;
	background-color:#ffffff;
	margin:0px;
	color:#b38c45;
	padding-bottom:30px;
}

#footer ul {
	float:right;
}
#footer ul li {
	display:inline;
	margin-left:20px;
}
#footer a {
	color:#b38c45;
	padding:0px;
	border:0px;
	margin:0px;
}
#footer a:hover, 
#footer a:focus {
	color:#546b91;
}
/*end styles for footer*/

/* begin styles for project images section*/
.thumbnails {
	clear:both;
	float:left;
	width:335px; 
	height:62px;
	background-color:transparent;
	z-index:1;
}
.width470 {
	width:470px;
}
.marginTop5 {
	margin-top:5px;
}
.thumbnails h1,
.thumbnails h2 {
	padding:0px;
}
.thumbnails img {
	background:transparent;
	text-align:left;
	vertical-align:top;
	padding:0px; 
	margin:0px;
}
.thumbnails a.thumbnailRollovers {
	display:inline;
	float:left; 
	width:62px; 
	height:62px;
	text-decoration:none;
	margin-right:5px;
	padding:0px; 
}
.thumbnails a.thumbnailRollovers:active, 
.thumbnails a.thumbnailRollovers:focus {
	border-bottom:solid #546b91 2px;
}
.thumbnails a.thumbnailRollovers:hover {
	border-bottom:solid #b38c45 2px;
}
#loadarea {
	clear:both;
	float:left;
	width:330px;
	height:auto;
	background-color:transparent;
	padding:0px;
	border:0px;
	margin-top:10px;
	margin-bottom:10px;
	z-index:10;
	text-align:left;
	vertical-align:top;
}
#loadarea a {
	border:none;
	text-decoration:none;
}
/* end styles for project images section*/