/* My Generic CSS Template */


body  {
	margin: 0;
	padding: 0;
	background-color: #d4cca5;
	font: 11px/13px Arial, Helvetica, sans-serif;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	
 }
 
p  {
	margin: 0;
	padding: 0;
	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #e2d2a6;
	text-align: left;
}

h1  {
	color:  #b3a334;
	font: italic bold 18pt 'Times New Roman', Times, serif;
	margin-bottom: 20px;
	margin-top: 18px;
}

h2  {
	font:  italic bold 14pt 'Times New Roman', Times, Serif;
	color:  #b3a334;
	margin-bottom: 12px;
	margin-top: 22px;
}

.narrow {
	width: 540px;
	margin: 0 0px 0 0px;
	padding:0;
}

.fltleft {
	float: left;
	margin:0;
	padding:0;
}

.fltright {
	float: right;
	clear: none;
	margin:0;
	padding:0;
}

.p  {  /*--environmental.html--*/
    margin: 0;
	padding: 10px 0 0 0;
}

.fancy {
	font:  italic bold 14pt/16pt "Times New Roman", Times, serif;
	color:  #e2d2a6;
	margin-bottom: 12px;
	margin-top: 6px;
}	 

 
#p1home                    /* Page Identifier -- Goes above Header */
{
	position: relative;
	margin: 15px auto;
	padding: 0;
	width: 766px;
	height: 876px;
	background-image: url(images/home-bg.jpg);
	background-repeat: no-repeat;
}

#p8press {
	position: relative;
	margin: 15px auto;
	padding: 0;
	width: 766px;
	height: 990px;
	background-image: url(images/bg-long.jpg);
	background-repeat: no-repeat;
}

#p2services {
	position: relative;
	margin: 15px auto;
	padding: 0;
	width: 766px;
	height: 1000px;
	background-image: url(images/bg-long.jpg);
	background-repeat: no-repeat;
}

#p3gallery,
#p5contact,
#p6environmental,
#p7resources,
#p9links,
#p10privacy,
#p11MSIChicago,
#p12smarthome,
#p13testimonials
{
	position: relative;
	margin: 15px auto;
	padding: 0;
	width: 766px;
	height: auto;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
}

#p5contact  {
	height: 860px;
}

#p4about  {
	position: relative;
	margin: 15px auto;
	padding: 0;
	width: 766px;
	background-image: url(images/bg-abt.jpg);
	background-repeat: no-repeat;
	height: 1230px;

}

/*  --- HEADER --- */

#header  {
	margin: 0;
	padding: 0;
	width: 766px;
	height: 195px;
	background-color:#000000;
    background-image: url(images/header-home.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#headerall  {
	margin: 0;
	padding: 0;
	width: 766px;
	height: 195px;
	background-color:#000000;
    background-image: url(images/headerbg.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#headerimg  {
	height: 195px;
	background-image: url(images/mdg-logo.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 25px 0 600px;
}
/* --- HORIZONTAL NAV BAR -- */

#navbar {
	margin: 0px 0 0 0;
	padding:0;
	width: 766px;
	height: 43px;
	background: url(images/nav-bg.jpg) no-repeat;
	position: relative;
}	

#navmenu {
	margin: 0;
	padding: 15px 0px 5px 15px;
	list-style: none;
	width: 750px;
	height: 25px;
	position: relative;	
	font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold; 
    color: #0c0c0c;  
}

#navmenu li  {
	display: inline;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 30px;
	position: relative;	
	font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold; 
    color: #0c0c0c;  
}

#navmenu li a  {
   margin: 0;
   padding: 10px 25px 0 25px;
   display: inline;
   font-family: "Times New Roman", Times, serif;
   font-size: 18px;
   font-weight: bold; 
   color: #0c0c0c;  
   position: relative;
   text-decoration: none;
}

#navmenu li a:hover  {
   color: #e2d2a6;
}


/* --- MID-SECTION --- */	
	
#container {                 /*  Holds Menu, Sidebars, Content */
	margin: 0;
	padding: 0;
	width: 766px;
	height: auto; 
	position: relative;
}	

#containerser {                 /*  Holds Menu, Sidebars, Content */
	margin: 0;
	padding: 0;
	width: 750px;
	height: 792px;
	position: relative;
}	


#mainimage  {
    margin: 0px auto;
	padding: 0;
	width: 766px;
	height: 306px;
	position: relative;
}

/*  --- RIGHT SIDEBAR --- */

#rsidebarhome {
	margin: 10px 100px 0 0;
	padding: 30px 0px 0 0;
	width: 145px;
	float: right;
	height: 200px;
	position: relative;
}

#rsidebar {
	margin: 0 0px 0 620px;
	padding: 0;
	width: 145px;
	float: right;
	position: relative;
	height: 540px;
}

#rsidebarsvc {
	margin: 0 20px 0 620px;
	padding: 0;
	width: 145px;
	height: 790px;
	float: right;
	position: relative;
}

#rsidebar img  {
   margin: 0;
   padding: 15px 20px 0 0;
   position: relative;
   width: 145px;
}

#menubar {
	width: 145px;
	height: 200px;
	margin: 5px 0 0 0px;
	padding: 0;
	position: relative;
}

#menu {
	margin: 0 0 0 0px;
	padding: 0px 0 0 20px;
	font: 18px/18px Arial;
	list-style-image: url(images/bullet.png);
	text-align: left;
	position: relative;
}

#menu img  {
    margin: 0;
	padding: 10px 0 0 0;
	width: 100px;
}

#menu li  {
	color: #e2d2a6;
	text-decoration: none;
	font: 18px/18px Arial Helvetica, sans-serif;
	margin: 0 20px 0 5px;
	padding: 0;
}

#menu li a  {
	color: #e2d2a6;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
	padding: 0;
}

#menu li a:hover {
	color: #B3A334;
}

#sidebarimages  {
    margin: 60px 0 0 0;
	padding: 0;
	position: relative;	
	width: 145px;
}

#sidebarimages img {
    margin: 0;
	padding: 0px 0 0px 0;
	position: relative;	
	width: 145px;
}

#location {
	padding:0;
	float:left;
	clear:none;
	width:160px;
	margin: 0;
}

/*  --- BODY --- */

#contenthome  {                 /* Holds Center Content */
	padding: 0;
	width: 460px;
	float: left;
	margin: 0;
	position: relative;
}

#content  {     /*--environmental.html, --*/           
	padding: 0;
	width: 590px;
	float: left;
	margin: -530px 0 0 20px;
	height: auto;
	position: relative;
}

#content a, #p2services a, #p5contact a  {  /*--environmental.html--*/
	color: #E2D292;    
}

#content a:hover, #p2services a:hover, #p5contact a:hover  {  /*--environmental.html--*/
    color: #b3a334;
}

#contentmsi a  {  /*--environmental.html--*/
	float: right;
	font:  italic 10pt Arial, Helvetica, sans-serif;
	color: #e2d2a6;
	text-decoration: underline;
}

#contentcontact  {     /*--contact.html--*/
	padding: 0;
	width: 570px;
	float: left;
	margin: -510px 0 0 20px;
	height: 540px;
	position: relative;
/*--	visibility: inherit;--*/
}

#contentser  {     /*--services.html, contact.html, environmental.html--*/
	padding: 0;
	width: 595px;
	float: left;
	margin: -530px 0 0 20px;
	height: 740px;
	position: relative;
}

#contentser img  {  /*--services.html--*/
    padding: 0; 
	margin: 10px 15px 5px 5px;
}

#content img  {
    padding: 8px;
}

.narrow {  /*--press.html--*/
	width: 250px;
	margin:0;
	padding:0;
}

#list  {
	margin: 0;
	padding: 0 0 0 20px;
	width: 400px;
	height: auto;
	position: relative;
}

#list img  {
    margin: 0 0 0 300px;
	padding: 0;
	position: relative;
	width: 205px;
	float: right;
}

#design  {  /*--services.html--*/
    padding: 5px 15px 0 0;
	width: 325px;
	float: right;
	margin: 0;
	position: relative;	
}

#welcome  {  /*--index.html--*/
	background-image: url(images/Welcome.jpg);
	width: 460px;
	height: 250px;
	float: left;
	background-repeat: no-repeat;
	margin: 0 0 0 0px;
	padding: 0;
	position: relative;	
}

.welcome  {  /*--index.html--*/
    margin: 120px 0 0 70px;
	padding: 0;
    font: italic 13px Arial, Helvetica, sans-serif;	
}

#intro  {  /*--services.html--*/
    margin: 0px 0 0 0px;
	padding: 0 0 0 10px;
	width: 350px;
	position: relative;
	float: left;
}


#consult {  /*--services.html--*/
    margin: 0;
	padding: 10px 0 0 10px;
	width: 350px;
	position: relative;
	float: left;
}

#consult p {  /*--services.html--*/
    margin: 0;
	padding: 0;
	width: 350px;
	position: relative;
	float: left;
}

#creamkitchen {  /*--services.html--*/
    margin: -25px 0 0 0;
	padding: 5px 20px 0 0;
	width: 200px;
	position: relative;
	float: right;
}

#bluekitchen  {  /*--services.html--*/
    margin: 0px;
	padding: 5px 0px 0 0px;
	width: 230px;
	float: left;
	position: relative;	
}

#products  {  /*--services.html--*/
    padding: 10px 0 0 0;
	width: 325px;
	float: right;
	margin: 0;
	position: relative;	
}

#construction  {  /*--services.html--*/
    padding: 0 0 0 0px;
	width: 600px;
	float: left;
	margin: 0 0 10px 0;
	position: relative;	
}

#fees  {  /*--services.html--*/
    padding: 0px 0px 0 10px;
	width: 746px;
	float: left;
	margin: 0;
	position: relative;	
}

#group {  /*--about.html--*/
    margin: 0 0 0 0;
	padding: 0;
	width: 590px;
	height: 530px;
	float: left;
	position: relative;
}

#mcnulty  {  /*--about.html--*/
	margin: 5px 0 0 0;
	padding: 20px 0 0 0;
	width: 585px;
	height: 135px;
	position: relative;
}

#mcnulty a:link; #mcnulty a:hover  {
    text-decoration: none;
	margin: 0;
	padding: 0;
	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #e2d2a6;
	text-align: left;

}

#mcnulty img  {  /*--about.html--*/
    margin: 0;
	padding: 0 10px 5px 20px;
	position: relative;	
}

#mission  {  /*--about.html--*/
	padding: 10px;
	width: 190px;
	float: right;
	margin: -530px 0px 0 0;
	border: 1px solid;
	border-color: #9f9960;
	position: relative;	
}

#associations {
	margin: 0px 0 0 0px;
	padding: 0;
	width: 585px;
	height: auto;
	position: relative;
	float: left;
}

#brochure  {
    margin: 5px 0 0 400px;
	padding: 0;
	color: #e2d2a6; 
	width: 160px;
	text-align: center;
}

#brown  {  /*--about.html--*/
	margin: 0;
	padding: 10px 0 0 0;
	width: 585px;
	height: 135px;
	position: relative;
}

#brown img  {  /*--about.html--*/
    margin: 0;
	padding: 0 10px 5px 20px;
	position: relative;	
}

#anderson  {  /*--about.html--*/
    margin: 0;
	padding: 0;
	width: 585px;
	height: 140px;
	position: relative;
}

#anderson a:link; #anderson a:hover  {
    text-decoration: none;
	margin: 0;
	padding: 0;
	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #e2d2a6;
	text-align: left;
}

#anderson img  {  /*--about.html--*/
    margin: 0;
	padding: 0 10px 5px 20px;
	position: relative;	
}

#hawes  {  /*--about.html--*/
	margin: 0;
	padding: 20px 0 0 0;
	width: 585px;
	height: 120px;
	position: relative;
}

#hawes a:link; #hawes a:hover  {
    text-decoration: none;
	margin: 0;
	padding: 0;
	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #e2d2a6;
	text-align: left;
}

#brown a:link; #brown a:hover  {
    text-decoration: none;
	margin: 0;
	padding: 0;
	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #e2d2a6;
	text-align: left;
}

#hawes img  {  /*--about.html--*/
    margin: 0;
	padding: 0 10px 5px 20px;
	position: relative;	
}


#modern  {  /*--about.html--*/
    margin: -140px 0 0 360px;
	padding: 0;
	position: relative;
	width: 210px;
	height: 113px;
}

#parkridge  {  /*--contact.html--*/
	margin: 0;
	padding: 0 115px 0 0;
	position: relative;
	width: 210px;
	height: 90px;
	float: right;
}

#parkridge img {  /*--contact.html--*/
    margin: 0;
	padding: 0 10px 10px 0;
	position: relative;	
}

#glencoe  {  /*--contact.html--*/
    margin: 0;
	padding: 0;
	position: relative;
	width: 200px;
	height: 90px;
	float: right;
}

#glencoe img {  /*--contact.html--*/
    margin: 0;
	padding: 0 10px 10px 0;
	position: relative;	
}

#contact {  /*--contact.html--*/
    color: #e2d2a6;
	width: 320px;
	margin: 5px 0 0 140px;
	padding: 0;
	padding-bottom: 5px;
	position: relative;
	height: 375px;
}

#bathroom  {   /*--contact.html--*/
    margin: 0;
	padding: 10px 0 0 0;
	position: relative;
	width: 225px;
}

.form  {
    border-left: 2px solid #9f9960; 
}

#bullets {  /*--press.html--*/
	margin: 0 0 0 10px;
	padding: 0 0 0px 20px;
	position: relative;
	list-style-type: disc;
	width: 260px;
}

#bullets li  {  /*--press.html--*/
	font: 13px/20px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 8px;
	color: #e2d2a6;
	position: relative;
	width: 250px;
}

#bullets li a  {  /*--press.html--*/
	font: 13px/20px Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-top: 8px;
	color: #e2d2a6;
	position: relative;
	width: 260px;
}

#hgtv  {
	position: relative;
	margin: 0 0 0 15px;
	padding-left: 25px;
	width: 400px;
}

#hgtv li {  /*--press.html--*/
	font: 13px/20px Arial, Helvetica, sans-serif;
	margin: 0 0 0 15px;
	padding-left: 10px;
	padding-top: 5px;
	position: relative;
	width: 375px;
	list-style-type: square;
	color: #e2d2a6;
}

#hgtv li a {  /*--press.html--*/
	font: 13px/20px Arial, Helvetica, sans-serif;
    margin: 0;
	width: 450px;
	color: #e2d2a6;
	padding-left: 0px;
	padding-top: 0px;
	position: relative;
}


#doors  {  /*--press.html--*/
    margin: -480px 0 0 350px;
	padding: 0;
	width: 140px;
	position: relative;
}

#newspaces  {  /*--press.html--*/
   margin: 0;
   padding: 15px 0 0 30px;
   width: 550px;
   position: relative;
   height: 75px;
}

#newspaces p  {  /*--press.html--*/
   margin: 0;
   padding: 0;
   width: 550px;
   position: relative;
   color: #e2d2a6;
}

#newspaces p a  {  /*--press.html--*/
   margin: 0;
   padding: 3px 0 0 0;
   width: 550px;
   position: relative;
   color: #e2d2a6;
}


#links  {  /*--links.html--*/
   margin: 0;
   padding: 0;
   width: 150px;
   position: relative;
}

#links a, #resources a  {  /*--links.html--*/
	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #e2d2a6;   
}

#links td {  /*--links.html--*/
 	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #e2d2a6;    
	margin: 0;
	padding: 0 0 0 20px;
	position: relative; 
}

#piclinks  {  /*--links.html--*/
    margin: 0 0 0 150px;
	padding: 20px 0 0 5px;
	width: 375px;
	position: relative;
	height: 200px;
}


#enviropics  {  /*--environmental.html--*/
	margin: 0;
	padding: 10px 0 15px 15px;
	position: relative;
	width: 495px;
}

#smarthomepics  {  /*--environmental.html--*/
    margin: 0;
	padding: 10px 5px 10px 0;
	position: relative;
	width: 550px;
	height: 175px;
}

#smarthomepics img  {  /*--environmental.html--*/
    margin: 0;
	padding: 0 10px 0 0;
}

#smarthomepics p  {  /*--environmental.html--*/
    margin: 0;
	padding: 50px 0 0 0;	
}

#rightpics  {   /*--environmental.html--*/
    margin: -170px 10px 0 0;
	padding: 0;
	float: right;
	position: relative;
	width: 200px;
}

.brochure {
    float: right;
	padding-bottom: 5px;
}

/* --- FOOTER --- */

#footer  {
	clear: both;
	margin: 0;
	padding: 25px 0 0 0;
	width: 766px;
	height: 53px;
	background-image: url(images/footer-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#footer p {
	margin: 0;
	padding: 0;
	font: 11px Arial;
	color: #e2d2a6;
	text-align: center;
	text-decoration: none;
}

#footer p a {
    color: #e2d2a6;
	text-decoration: none;	
}


 COPYRIGHT INFORMATION 

/*--#copy  {
	margin: 0;
	padding: 0px 0 0 0;
	width: 350px;
}

#copy p  {
   font: 11px Arial;
   margin: 0;
   padding: 0;
   color: #ffffff;
   text-align: center;
}

#copy a {
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
}--*/