/* Alex's Second Style Sheet...   */
/*                                */

/*
html {
  padding: 0px;
  border: 0px;
  margin: 0px;
  }
*/

/* begin gallery styling javascript gallery for detail page*/
#jgal { /* Gallery List Column*/
  list-style: none; 
  padding: 0 0 0 10px;
  width: 220px; 
  margin-left: 715px;}
  
  
#jgal li { /*Gallery List Items - thumbnails*/
    opacity: .5; 
    float: left; 
    display: block; 
    width: 100px; 
    height: 85px; 
    background-position: 50% 50%; 
    cursor: pointer; 
    border: 1px solid #ffffff; 
    outline: 1px solid #b0a190; 
    margin: 1px 0px -1px 0px; }

/* Big Image */

#jgal li img { 
  position: absolute; 
  top: 18px; 
  left: 12px; 
  border: 0px solid #ffffff; 
  outline: 1px solid #b0a190; 
  display: none; 
  }

#jgal li.active img { 
  display: block;
  overflow: hidden; }

#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
 
/* styling without javascript if disabled */
#gallery { 
    list-style: none; 
    display: block; 
    /* width: 705px; */
    }
#gallery li { 
    float: left; 
    margin: 0 10px 10px 0; 
    }
 
/* end styling of javascript gallery on detail pages */ 

body {
  font-family: "Gill Sans MT", "Gill Sans", Verdana, Arial, sans-serif;
  /*How Reset the Default Browser Text Size - Always in Body Tag*/
  font-size: 13pt; /*Resets 1em to closer to 12pt */
  background-color: #4f4332;
  /* original dark grey */ 
  color: #FFFFFF;
  height: auto;
  margin: 0px;
  padding: 0px;
  }
  
a:link IMG, a:visited IMG { border-style: none; }

a {
  font: "Lucida Sans", "Lucida Grande", verdana, sans-serif;
  }
  
a:link { 
		color: white;
		text-decoration: none;
  }
a:visited {
		/*color: #330000;*/
		color: #A7A2A0;
		text-decoration: none;
}
a:hover {
			text-decoration: bold;
			color: #CC3300;
}
a:active { 
  color: #00FF66;
}
 /*the above A stylings overridden by menu specific classes below-ah*/

h1 {
  font-size: 1.10em;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  }
  
h1L {
  font-size: 1.10em;
  padding: 10px 0px 0px 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #a7a2a0;
  font-weight:bold;
  }

/* a7a2a0 Greyed out H1Link*/

h2 {
  font-size: .9em;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  }
  
h3 {
  font-size: .75em;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  }


/* --- * --- * --- * --- */	
/* DEFINITION OF CLASSES */
/* --- * --- * --- * --- */
	
/*THESE CLASSES define text on any (NON-INDEX ?) page */

.colorband-text {  			/*In Non-Index Colorbands, "Residential," etc.*/
	/* To Restore Left-Alignment of Colorband Text, 
	Go down below to Sub-Section COLORBANDS and strike the
	text-align: right line*/
	position: relative;
	/* left: 10px; */
	right: 5px;
	
	margin-left: 3px;
	margin-top: 0px;
	height: 1.5em;
	width: 950px;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	padding-left: 0px;
	overflow: hidden;
	} 
	
.colorband-text a { 
  height: 25px;
  width: auto;}

.menu-all-p { 				/*Text in ALL Types of MENU (Index & Non)*/
	position: relative;
	
	margin-left: 3px;
	margin-top: 0px;
	
	
	/*height: 1.5em;*/
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	padding-left: 5px;
	padding-bottom: 10px;
	}
	
	/* go down below to "navigation menu" for index menu */
	
		.menu-all-p a {
		color: white;
		text-decoration: none;
		}
		
		.menu-all-p a:visited {
		/*color: #330000;*/
		color: #A7A2A0;
		text-decoration: none;
		}
		
		.menu-all-p a:hover {
			text-decoration: bold;
			color: #CC3300;
		}
		
.colorband-text a {
  color: white;
  text-decoration: none;
  }
  
.colorband-text a:visited {
  color: #FFFFFF;
  text-decoration: none;
  }
  
.colorband-text a:hover {
			text-decoration: bold;
			color: #CC3300;
		}

		
		

/* --- * --- * --- * --- * --- * --- */	
/* DETAIL Page Specific Stuff  		*/	

/* stuff for the New Design */

#caption {  
  position: absolute;
	left: 0px;
	top: 550px;
	bottom: 0px;
	width: 699px;
	height: 18px;
	list-style: none; 
	padding: 1px 1px 1px 2px;
	margin: 0px 0px 0px 11px;
	/* border: solid thin blue; */
	overflow: hidden;
	text-align:left;
	}

#caption-up-1 {  
  position: absolute;
	left: 0px;
	top: 532px;
	bottom: 0px;
	width: 699px;
	height: 18px;
	list-style: none; 
	padding: 1px 1px 1px 2px;
	margin: 0px 0px 0px 11px;
	/* border: solid thin blue; */
	overflow: hidden;
	text-align:left;
	}


#caption-right {
	left: 715px;
	top: 540px;
	bottom: 0px;
	width: 98px;
	height: 29px;
	text-align:left;
/* border: solid thin red; */
	}
	
	#caption-right2 {

	left: 815px;
	top: 540px;
	bottom: 0px;
	width: 98px;
	height: 29px;
	text-align:right;
	}
	
#caption-right, #caption-right2 {
  /*opacity: .8;*/
  position: absolute;
	list-style: none; 
	padding: 0px 0px 0px 0PX;
	margin: 0px 0px 0px 11px;
	overflow: hidden;
  }
	
	
#caption-right:hover {
  opacity: 1.0;
     display: block;
   overflow: hidden;
  }

#caption-right2:hover {
  opacity: 1.0;
  }

/*#caption-right, #caption-right2 a:hover {
  color: #fff; */
  /* color: #B0A190; */
  /*font-size: .9em;
  padding: 0px;
  margin: 0px;
  overflow: hidden;*/
  }

/* background: #B0A190;
 border: 1px solid #ffffff; 
opacity: .75;
border: 1px solid #ffffff; */

  

#main-image {
	position: absolute;
	top: 15px;
	right: 15px;
	
	width: 619px;
	height: 460px;
		/*	width: 535px;
		height: 400px;*/
	/*border: thin solid black; */
	text-align: right;
	}
	
	#main-image img {
	width: auto;
	height: 460px;
	}

#previous-next {
	position: absolute;
	top: 495px;
	right: 0px;
	
	width: 385px; /*former value 385*/
	height: 30px;
	/*border: thin solid black; */
	text-align: right;
/*	background-image:url(images/nav-margin.gif);*/
	}
	
	#previous-next img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	}

	
/* --- * --- * --- * --- */	
/* DEFINITION OF ID's 	 */
/* --- * --- * --- * --- */

/* RESIDENTIAL and other Mid Pages */

#container li{
    display: block;
    /*opacity: .5;*/ 
    list-style: none;
    cursor: pointer; 
    border: 1px solid #ffffff; 
    outline: 1px solid #b0a190; 
    margin: 0px 1px 0px 1px;
  }
/*styling of speeddial rows*/
/*note - there is an inverse alternate- 
style the #container li opacity: 0.5, 
style below opacity .99 */

#row3 li.active, #row3 li:hover, #row2 li.active, #row2 li:hover, #row1 li.active, #row1 li:hover { 
  outline-color: #bbb; opacity: .5 /* safari bug */ }


#row1, #row2, #row3{
  float:right;
  position: absolute;
  top: 0px;
  }

#row1{ left: 282px;}
#row2{ left: 484px;}
#row3{ left: 685px;}

/*
#row1{ left: 287px;}
#row2{ left: 489px;}
#row3{ left: 690px;}
*/

#inset-colorbox {									/* INDEX PAGE Colorbox*/
	margin-left: 15px;
	margin-right: 30px;
	margin-top: 25px;
	margin-bottom: 0px;
	width: 935px;
	height: 560px;
	background-color: #6d614f;
	position: relative;
	overflow: hidden;
	}
	
	#colorbox-all {								/* NON-INDEX PAGE Colorbox*/
	position: absolute;
	top: 130px;

	margin-left: 10px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 940px;
	height: 575px;
	background-color: #6d614f;
	padding-left: 0px;
	overflow: visible; 
	/* tried overflow: hidden to lose horizontal scroll bar on detail page
	turns out it was the js gallery itself; lost the contact-band*/
	/*float: left; */
	}
	
#colorbox-all {	
	height: 575px; }
	

	
/* Definition of Non-Index    	HEADER  and   MENUS!!* --- * --- * --- */
#marquee-all {
	position: absolute;
	top: 25px;
	left: 0px;
	
	margin: 0px;
	width: 950px;
	height: 100px;
	/*border: solid red thin;*/
	text-align: right;
	}
		#marquee-all img {
		margin-right: 0px;
		}

	
		#menu-contact-all {	 /*CONTACT & ABOUT US same on all SubSections*/
		width: 363px;
		height: auto; 
		position: absolute;
		left: 5px;
		top: 0px;
		padding: 0px;
		/*border: solid thin blue;*/
		text-align: left;
		}

		#menu-other-sections {				/*Links to Other Sub-Sections */
		position: absolute;
		top: 80px; /*Firefox 82px*/
		left: 0px;
		
		width: 950px;
		height: 25px;
		text-align: right;
		margin-right: 15px;
		z-index: 10;
		}
		
				#menu-other-sections a:visited {
				color: white;
				text-decoration: none;
				}
				
				#menu-other-sections a:hover {
				color: #CC3300;
				text-decoration: bold;
				}
		
		
#contact-bar-index{
    position: absolute;
    top: 635px;
    left: 250px;
    overflow: hidden;
    }
    
#contact-bar{
    position: absolute;
    top: 584x; /*to align with bottom of colorbox, use 555px*/
    left: 0px;
    overflow: hidden;
        }    
        
        #contact-bar{
    position: absolute;
    top: 584px; /*to align with bottom of colorbox, use 555px*/
    left: 0px;
    overflow: hidden;
        }  
	
/* --- * --- * --- * --- * --- * --- * --- * --- * --- * --- * --- * ---  */
/* Definition of Sub-Section COLORBANDS --- * --- * --- * --- * --- * --- */

    #colorband-residential, 
    #colorband-misc, 
    #colorband-commercial, 
    #colorband-inst, 
    #colorband-boards,
    #colorband-more {
    position: absolute; /*for firefox, this said relative; changed to absolute for IE7*/
		top: 50px;
		left: 0px;
		
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 25px;
		margin-bottom: 0px;
		height: 20px;
		width: 950px;
				
		z-index: 5;
		
		text-align: right; /* to restore left-align text in colorband, strike this out */
		}


		#colorband-residential { 			 /* COLOR BAND FOR RESIDENTIAL*/
		background-color: #ffcc33; }

    #colorband-misc { 			 /* COLOR BAND FOR misc - 404, const, etc*/
    background-color: #B0A190; }
    
    #colorband-commercial { 			 /* COLOR BAND FOR commercial (RED) */
    background-color: #cd2533; }
    
    #colorband-inst { /* COLOR BAND FOR INSTITUTIONAL (BLUE) */
		background-color: #00708b; }
		
		#colorband-more { /* COLOR BAND FOR (BLUE -- Now "Non-Residential + More") */
		background-color: #00708b; }
		
		#colorband-boards { /* COLOR BAND FOR (BLUE -- Now "Non-Residential + More") */
		background-color: #c4d92e; }
		
		

		
/* --- * --- * --- * --- --- * --- * --- * --- * --- * --- * --- * --- * --- */	
/* --- * --- * --- * --- --- * --- * --- * --- */	
/* Definition of ID's for Index.html ONLY	   */
/* --- * --- * --- * --- --- * --- * --- * --- */	

/* THIS Defines the MARQUEE area on the INDEX.HTML --- * --- * --- * --- */

/* search above for inset-colorbox to change width of index*/

#colorband {
  /* grey colorband */
	/*position: absolute;*/
	top: 585px;
	left: 0px;
	
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 25px;
	width: 950px;
	background-color: #b0a190;
	overflow: hidden;
	}
	
#marquee {
	/*position: absolute; */
	top: 610px;
	left: 0px;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
	height: 50px;
	width: 951px;
	text-align: right;
	overflow: hidden;
	}
	
	#marquee-img {
	margin-right: 15px;
	}

/* THIS Defines the MENU area on the INDEX.HTML --- * --- * --- * --- */

#menu {      /* This is the Navigation MENU for 'Sub Sections' (residential, comm, etc.) */
	width: 230px;
	height: 360px;
	position: absolute;
	left: 0px;
	top: 10px;
	bottom: 0px;
	padding-top: 1px;
	position: absolute;
	/*border: solid thin blue;*/
	overflow: hidden;
	text-align:left;
	}

#menu a {
  display: block;
  width: 228px;
  padding: 0px 2px 0px 5px; }
  
#menu a:link, #menu a:active, #menu a:visited { 
  color: white; }
  

#menu li {
  margin: 0px;
  list-style-type: none;
  display: block;

  padding: 2px 2px 0px 0px;
  border: 1px solid #6d614f; 
  background: #6d614f;
}

#menu li:hover {
    display: block;
  overflow: hidden;
background: #B0A190;
border: 1px solid #ffffff; 
opacity: .75;
border: 1px solid #ffffff;/*#b0a190;*/
/* background: #333333; */
/* border: 1px solid #000000; */
/* color: #ffffff; */
}

#menu a:hover {
  color: #CC3300;
  text-decoration: bold; }
	

#menu-sub { 		/* This used to be the CONTACT US Menu, etc, just on index... */
	position: absolute;
	left: 30px;
	top: 610px;
	
	width: 363px;
	height: auto; 
	/*border: solid thin blue;*/
	text-align: left;
	
	}

#menu-sub p {
   font-size: 90%;
   color: #b0a190; }

/* --- * --- * --- * --- --- * --- * --- * --- */	
/* DEFINITION OF CLASSES, Index.html Only 	   */
/* --- * --- * --- * --- --- * --- * --- * --- */

/*THESE CLASSES define the position of the "TAB" images on INDEX.HTML*/
/* "TAB" Image Spacing Formula, FYI.
	image w=145
	space w=13 px
	where "n" = the number of images to the right
	(145 * n) + (13*n) */
	

/*Cool-ass tidbit, Here I define all of the common values for each TAB image.. */
/*keep playing with that border size... */
.tab-image-index {
	position: absolute;
	top: 0px;
	left: 0px;
	
	height: 553px;
	width: 120px;
	}

.tab-right-0, .tab-right-1, .tab-right-2, .tab-right-3, .tab-right-4 {
	position: absolute;
	bottom: -10px;
	
	height: 553px;
	width: 120px;
	border: 3px solid #b0a190;
	margin-right: 15px;
	z-index: 0;
	background-color:#FFFFFF;
	overflow: hidden;
	/*overflow:visible; */
		}
/* 132 apart */
.tab-right-0 {
	right: 0px;

	}

.tab-right-1 {
	right: 132px;
	}

.tab-right-2 {
	right: 264px;
	}

.tab-right-3 {
	right: 396px;
	}	

.tab-right-4 {
	right: 528px;
	}


/* --- * --- * --- * --- * --- * --- * --- * --- * --- * --- * --- * ---  */
/* Definition of SUB-PAGE Content Stuff   --- * --- * --- * --- * --- */

#sub-content-left {
	position: absolute;
	top: 15px;
	left: 15px;
	
	height: 10em;
	width: 240px;
	}
	
#sub-content-left-large {
	position: absolute;
	top: 15px;
	left: 15px;
	
	height: 10em;
	width: 600px;
	}
	
#sub-content-left-low {
	position: absolute;
	/* top: 320px; */
	bottom: 125px;
	left: 15px;
	
	height: 50px;
	width: 240px;
	}
	
	
#sub-content-left-low p {
  font-size: .9em;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  }

	
#sub-content-right {
	position: absolute;
	top: 15px;
	left: 660px;
	height: 10em;
	width: 240px;
	text-align: right;
	}
	
	
#img-smallplan {
		position: absolute;
		top: 150px;
		left: 0px;
		
		padding-left: 2px;
		}