/* CSS Document */

body { background-color:#ca7743; margin:0; color:#555555; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#maraissite { background-image:url(images/marais4_back.png); background-attachment:fixed; background-position: 50% 0;}
#ttop { background-color:#663300; height:12px;}
#maraiscontent { width:900px; margin:10px auto;}
#top { height:120px;}
#logo { float:left; margin:0px; width:156px;}
#logo h1 { margin:0; padding:0;}
#logo h1 a { display:block; text-indent:-9999px; height:106px; background-image:url(images/marais4-newlogo.png); width:156px;}
#logo a { text-indent: -9999px; background-image:url(images/marais4-newlogo.png);}
#maraisbody { background-color:#FFFFFF;}
#maraisbody #nav { float:left; width:200px; padding:0; margin:40px 0 0 0; background-color:#FFFFFF;}
/*#maraisbody #content { margin:0; background-image:url(images/footer.jpg); background-position: 0 100%; background-repeat:no-repeat;}*/
#nav { float:right; width:738px; text-align:right; background-color:#706d6a; height:30px; margin-top:76px;}
#nav ul { margin:6px 10px 0 0;}
#nav ul li { display:inline; border-bottom:#E5E5E5 1px solid; margin:5px 0 5px 10px;}
#nav ul li a { color:#FFFFFF; font-size:13px; text-decoration:none; font-weight:bold; margin:0 0 0 10px;}
h3 { color:#5e2f00; font-weight:normal; text-transform:uppercase;}
#contentblock { width:870px; margin:15px;}

.tertiarynav { float:left; width:250px;}
.tertiarynav ul { list-style:none; line-height:18px; margin:0; padding:0 0 0 10px;}
.tertiarynav ul li { background:url(images/bullet.gif) no-repeat 0 4px; padding:0 0 0 15px;}

#contentblock .tertiarynav a { color:#706d6a; text-decoration:none;}
#contentblock .tertiarynav a:hover { color:#5e2f00;}


.portypics { margin-left:250px;}

#contentblock a { color:#3B6C97; font-weight:bold;}

.links { background-color:#3B6C97;}
#contentblock .links a { color:#FFFFFF; font-weight:bold; text-decoration:none;}

.mainbanner { padding:14px;}
.bigspacer { background-color:#e8e8e8; height:30px; margin:0 14px;}
.smallspacer { background-color:#e8e8e8; height:15px; margin:0 14px;}
.smallspacerinpage { background-color:#e8e8e8; height:15px; margin: 20px 0; }

.buttons { height:160px; text-align:center; margin:15px;}
.buttons div { float:left; padding: 0 5px 0 6px;}

.pbuttons { height:160px; text-align:center;}
.pbuttons div { float:left; padding: 5px 20px 5px 20px;}

.residential_b {MARGIN: 0;	WIDTH: 134px;	HEIGHT: 160px}
.residential_b a {	DISPLAY: block;	OVERFLOW: hidden;	WIDTH: 134px;	CURSOR: pointer;	TEXT-INDENT: -9999px;	HEIGHT: 160px}
.residential_b a span {	DISPLAY: block;	BACKGROUND: url(images/residential_button.jpg) no-repeat;	WIDTH: 134px;	HEIGHT: 320px}
.residential_b a:hover {	BORDER-TOP-STYLE: none;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	BORDER-BOTTOM-STYLE: none}
.residential_b a:hover span {	MARGIN-TOP: -160px}

.shopping_b {MARGIN: 0;	WIDTH: 134px;	HEIGHT: 160px}
.shopping_b a {	DISPLAY: block;	OVERFLOW: hidden;	WIDTH: 134px;	CURSOR: pointer;	TEXT-INDENT: -9999px;	HEIGHT: 160px}
.shopping_b a span {	DISPLAY: block;	BACKGROUND: url(images/shopping_button.jpg) no-repeat;	WIDTH: 134px;	HEIGHT: 320px}
.shopping_b a:hover {	BORDER-TOP-STYLE: none;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	BORDER-BOTTOM-STYLE: none}
.shopping_b a:hover span {	MARGIN-TOP: -160px}

.office_b {MARGIN: 0;	WIDTH: 134px;	HEIGHT: 160px}
.office_b a {	DISPLAY: block;	OVERFLOW: hidden;	WIDTH: 134px;	CURSOR: pointer;	TEXT-INDENT: -9999px;	HEIGHT: 160px}
.office_b a span {	DISPLAY: block;	BACKGROUND: url(images/office_button.jpg) no-repeat;	WIDTH: 134px;	HEIGHT: 320px}
.office_b a:hover {	BORDER-TOP-STYLE: none;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	BORDER-BOTTOM-STYLE: none}
.office_b a:hover span {	MARGIN-TOP: -160px}

.current_b {MARGIN: ;	WIDTH: 134px;	HEIGHT: 160px}
.current_b a {	DISPLAY: block;	OVERFLOW: hidden;	WIDTH: 134px;	CURSOR: pointer;	TEXT-INDENT: -9999px;	HEIGHT: 160px}
.current_b a span {	DISPLAY: block;	BACKGROUND: url(images/current_button.jpg) no-repeat;	WIDTH: 134px;	HEIGHT: 320px}
.current_b a:hover {	BORDER-TOP-STYLE: none;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	BORDER-BOTTOM-STYLE: none}
.current_b a:hover span {	MARGIN-TOP: -160px}

.future_b {MARGIN: ;	WIDTH: 134px;	HEIGHT: 160px}
.future_b a {	DISPLAY: block;	OVERFLOW: hidden;	WIDTH: 134px;	CURSOR: pointer;	TEXT-INDENT: -9999px;	HEIGHT: 160px}
.future_b a span {	DISPLAY: block;	BACKGROUND: url(images/future_button.jpg) no-repeat;	WIDTH: 134px;	HEIGHT: 320px}
.future_b a:hover {	BORDER-TOP-STYLE: none;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	BORDER-BOTTOM-STYLE: none}
.future_b a:hover span {	MARGIN-TOP: -160px}

.renovations_b {MARGIN: ;	WIDTH: 134px;	HEIGHT: 160px}
.renovations_b a {	DISPLAY: block;	OVERFLOW: hidden;	WIDTH: 134px;	CURSOR: pointer;	TEXT-INDENT: -9999px;	HEIGHT: 160px}
.renovations_b a span {	DISPLAY: block;	BACKGROUND: url(images/renovations_button.jpg) no-repeat;	WIDTH: 134px;	HEIGHT: 320px}
.renovations_b a:hover {	BORDER-TOP-STYLE: none;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	BORDER-BOTTOM-STYLE: none}
.renovations_b a:hover span {	MARGIN-TOP: -160px}