/*<agl.folder "Introduction">*/
	/*Usage
Use Less is More for clients who want to stress visuals, for example, catalog items or architectural details. The large image block is broken into smaller areas that create interest throughout the design.

Features
1. CSS-formatted menu.

2. Body copy contained in an i-frame. The i-frame enables high-density information within a heavily visual layout.

3. Detailing that includes single-pixel borders and tight alignment.*/
	/*About DIVs
Think of large DIVs as floors in a building. The elements on the DIV are similar to furniture. Each piece has a location and function. Think of smaller DIVs as rooms that have page elements inside them.*/

	/*About Web-Named Palettes
Use the "web-named" palette when you want to approximate client colors. The colors will use the hex value convention of web-safe colors, for example #a0a092, but the range will be far beyond the 216 web-safe palette. Remember 2/3 Rule when you create a web-named palette:

The color will be pastel if the first two values are identical. An example is the custom warm gray that's in the "Industrial Design" palette. The color is #a0a092. It's grayish brown because the first two values are 2/3 of a gray tone. In this example, the tone is #a0a0a0. The third value is what shifts the gray tone toward the brown.*/

/*</agl.folder>*/
body       { font-size: 10pt; background-color: #fff; text-indent: 0; margin: 0; padding: 0; top: 0 }
bodytext1.class /* Medium Body Text */  { font-size: 12px; text-align: justify; margin: 12px }
#logo_space { text-align: left; position: absolute; top: 12px; left: 582px }

font.logotype    /* This tag shows how much visual weight the client brand can have. Use the tag as a rough guide.  */ { color: #fff; font-size: 28px; font-family: arial, sans-serif; font-weight: 700; text-decoration: none; letter-spacing: -2px }

#leftside_frame /*  This DIV contains the menu, "block_in_lower_left" and framed image elements that sit above the background image.  */  { position: absolute; top: 93px; left: 0; width: 433px; height: 374px }

/*<agl.folder "Menu_elements">*/
	#menu_background /* This DIV contains the menu elements. The "a:link," "a:visited," "a:hover," and "a:active" tags control the visual effects of the links. Different browsers render the  absolute posiution slightly different. The DIV is set at 3px from the bottom of the "leftside_frame" so that the menu  appears to be in approximatel alignment with the bottom of the image frame next to it. */     { position: absolute; bottom: 3px; left: 1px; width: 140px }
	
	.menu_item                 { color: white; font-size: 10px; font-family: arial, sans-serif; font-weight: 900; font-stretch: condensed; text-decoration: none; background-image: none; text-align: left; position: relative; width: 140px; height: 15px; border: solid 0 transparent }
	
	.chosen_menu_item      { color: white; font-size: 10px; font-family: arial, sans-serif; font-weight: 800; text-align: left; position: relative; width: 140px; height: 15px; border: solid 0 #fff }
	
	a:link           { color: #005; font-family: arial, sans-serif; font-weight: 600; text-decoration: none }
	
	a:visited        { color: #212121; font-family: arial, sans-serif; font-weight: 500; text-decoration: none }
	
	a:hover                 { color: black; font-family: arial, sans-serif; font-weight: 700; text-decoration: none }
	
	a:active      { color: #00004b; font-family: arial, sans-serif; font-weight: 600; text-decoration: none }
	
/*</agl.folder>*/

/*<agl.folder "iFrame_elements">*/

	/*The i-frame accesses an external page and puts it in the "iframe_box" DIV for display.*/
	#copy_background { background-color: #c5c5b4; position: absolute; z-index: 3; top: 93px; left: 434px; width: 429px; height: 372px; border-top: 1px solid #c5c5b4; border-bottom: 1px solid #c5c5b4 }
	
	.iframe_box /*  The iFrame contains the body copy.  */  { position: absolute; top: 30px; left: 16px; width: 400px; height: 310px; border: outset 0 #c5c5b4 }
	
	.iframe_background { background-color: #c5c5b4; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
	
	.iframe { color: #000; font-size: 12px; font-family: arial, sans-serif; font-weight: 500; background-color: #c5c5b4; position: absolute; top: 0; left: 0; width: 370px }
/*</agl.folder>*/
#block_in_lower_left   /* This DIV breaks the line that stretches from the bottom of the menu to the bottom of the "copy_background" DIV. */ { background-color: #55554e; position: absolute; top: 468px; left: 144px; width: 144px; height: 125px }
#text#id { }