html {
	background-color: black;
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#container
 {
	width: 1024px;
	background: white url(i/bg.jpg) no-repeat center bottom;
	margin: 10px auto;
	padding-bottom: 140px;
	border: 10px solid maroon;
}

#content {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

h1 a {
	text-indent: -9999px;
	width: 190px;
	height: 207px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(i/CMM-logo.png) no-repeat;
}

h1 {
	padding-top: 40px;
}

h2 {
	color: maroon;
	text-align: center;
	font: bold 32px Rockwell, "Arial Black", Arial;
	clear: both;
	padding-top: 40px;
	margin-bottom: 10px;
}

h2 .tagline {
	color: black;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}

img.header
 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.aboutservice {
font: 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	clear: both;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	margin-top: 10px;
}

#map {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.aboutservice p {
	padding-top: 8px;
}

p.call {
	color: black;
	text-align: center;
	font: bold 32px Rockwell;
	clear: both;
	padding-top: 40px;
}

p.call a {
	color: maroon;
	text-decoration: none;
}

p.call a:hover {
	color: black;
}

ul#services {
	margin-top: 20px;
}

ul#services li a {
	color: black;
	text-decoration: none;
	display: block;
	float: left;
	height: 77px;
	vertical-align: middle;
	width: 340px;
	margin-top: 30px;
	margin-left: 10px;
	font: 20px Rockwell, "Arial Black", Arial, sans-serif;
	padding: 5px 5px 0 5px;
}

ul#services li a:hover {
	background-color: #f3f3f3;
}

ul#services li {
	display: block;
}

ul#services li img {
	float: left;
	width: 71px;
	padding-right: 10px;
}

ul#services li p {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#space h4
 {
	color: black;
	text-decoration: none;
	font: bold 20px Rockwell, "Arial Black", Arial, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}

span.spacetitle
 {
	color: black;
	text-decoration: none;
	font: bold 20px Rockwell, "Arial Black", Arial, sans-serif;
	padding-bottom: 5px;
	text-align: center;
	display: block;
	padding-top: 10px;
}

#space p {
	font-size: 14px;
	margin-bottom: 10px;
}

span.spacedescription {
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 5px;
}

#space span {
	font: 24px;
}

#space ul li {
	display: block;
	width: 220px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

#space ul li a {
	color: black;
	text-decoration: none;
	display: block;
}

#space ul li a:hover {
	background-color: #f3f3f3;
}

p.note {
	width: 400px;
	display: block;
}

p.fromChris {
	text-align: right;
	margin-right: 40px;
	margin-top: 20px;
}

blockquote {
	background:#f3f3f3;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
}

blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote p {
	display:inline;
}

h6 {
	font: bold 22px Rockwell, "Arial Black", Arial;
	text-align: center;
	padding-bottom: 15px;
	margin-top: 20px;
}

ul.residential li {
	height: 80px;
	width: 600px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

ul.residential li a {
	text-decoration: none;
	height: 80px;
	display: block;
	color: black;
}

.residential li a img {
	float: left;
	height: 80px;
	width: 80px;
	padding-right: 10px;
}

ul.residential li a:hover {
	background-color: #f3f3f3;
	color: maroon;
}

ul.residential li .title {
	font: bold 16px Rockwell, "Arial Black", Arial;
	float:left;
	padding-top: 15px;
	display: block;
}

ul.residential li p {
	font-size: 14px;
	display: block;
	float: left;
}

.rentaldetails p {
	font: 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	clear: both;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

.rentaldetails p strong {
	font-weight: bold;
}

/* @group Galleria */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery{width:720px;margin:0 auto;}
.gallery li{width:68px;height:50px;border:3px double #111;background:#000;
	margin: 2px;
}
.gallery li div{left:240px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
#main_image{margin:0 auto 60px auto;height:479px;width:720px;background:black;}
#main_image img{margin-bottom:10px;}
	
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
.info{text-align:left;width:720px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

/* @end */

/* @group Footer */

#footer {
	color: #cecece;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

#footer .nav {
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 10px;
	text-transform: capitalize;
	color: #a7a7a7;
}

#footer .nav a {
	color: white;
	padding: 5px;
}

#footer a {
	color: #cecece;
}

#footer a:hover {
	text-decoration: none;
}

#footer p {
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 10px;
}

#footer p.address {
	font-size: 15px;
	text-align: center;
	color: white;
}

#footer p.what {
	width: 920px;
	display: block;
	float: left;
}

#footer p.areas {
	width: 920px;
	display: block;
	clear: both;
}



/* @end */