/*This is an interior design magazine site for people who work at home.
 The template has two forms of navigation. In the upper left is a text menu. Text rollover states are controlled by CSS. In the upper right is a graphics-based menu. The graphics use Javascript from the Adobe GoLive "Rollovers & Actions" menu for rollover effects. You can see how easy it is to change graphics by doing the following:

In the "Layout" page view, choose a menu graphic. Go to the "Window" menu. Choose  the "Rollovers & Actions" option. The window that displays will show the default and rollover states for the chosen menu graphic.*/

    /*body       { background-color: #CCCCCC; background-repeat: no-repeat; margin: 0; padding: 0 }*/
body
    {
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	background-color: #CCCCCC;
    }
/*<agl.folder "Background_Images" "Each page has a different background called by a DIV that is under the main content.">*/

	body.background01  { background: #CCCCCC url(../images/tile01.jpg) no-repeat fixed 87px 0; margin: 0; padding: 0 }

	body.background02  { background: #CCCCCC url(../images/tile02.jpg) no-repeat fixed 87px 0; margin: 0; padding: 0 }

	body.background03  { background: #CCCCCC url(../images/tile03.jpg) no-repeat fixed 87px 0; margin: 0; padding: 0 }

	body.background04  { background: #CCCCCC url(../images/tile04.jpg) no-repeat fixed 87px 0; margin: 0; padding: 0 }

	body.background05  { background: #CCCCCC url(../images/tile05.jpg) no-repeat fixed 87px 0; margin: 0; padding: 0 }

/*</agl.folder>*/

/*<agl.folder "Text_Based_Navigation" "This folder contains styles applied to the text menu in the upper left.">*/

	.hyperlink { color: #663333; font-size: 16px; font-family: sans-serif; font-weight: 500; text-decoration: none }

	.hyperlink a:link { color: #663333; font-size: 16px; font-family: sans-serif; font-weight: 500; text-decoration: none }

	.menu  { color: #FF0000; font-size: 11px; font-family: sans-serif; font-weight: 900; text-decoration: none; text-align: center; padding-right: 8px; padding-left: 8px }

	a:link   { color: #c7c4e0; font-size: 11px; font-family: sans-serif; font-weight: 900; text-decoration: none }

	a:visited  { color: #c7c4e0; font-size: 11px; font-family: sans-serif; font-weight: 900; text-decoration: none; display: block }

	a:hover  { color: #8882bd; font-size: 11px; font-family: sans-serif; font-weight: 900; text-decoration: none; display: block }

	a:active  { color: #c7c4e0; font-size: 11px; font-family: sans-serif; font-weight: 900; text-decoration: none; display: block }

/*</agl.folder>*/

#splash_box /* This tag centers the splash. The horizontal background image visually extends the graphic and opens the page. */  { background-image: url(../images/splash-tile.gif); background-repeat: repeat-x; background-attachment: fixed; text-align: center; top: 0; width: 100% }

#logo    { position: absolute; top: 88px; left: 145px }

#navigation_box /* This DIV contains navigation elements */      { text-align: center; position: absolute; top: 44px; left: 131px; width: 268px }

#slogan_box    { color: #fff; font-size: 11px; font-family: sans-serif; font-weight: 700; background-color: #96cc88; text-align: center; margin-top: 0; padding-top: 2px; position: absolute; top: 62px; left: 131px; width: 268px; height: 17px }

#footer    { color: #ccc; font-size: 10px; font-family: sans-serif; text-align: center; margin-top: 20px; margin-bottom: 10px; width: 519px; border-top: 1px solid #e5e5e5 }

#column_left  { color: #000; font-size: 11px; font-family: sans-serif; position: absolute; top: 199px; left: 131px; width: 249px; height: 199px }

#column_right  { color: #000; font-size: 11px; font-family: sans-serif; position: absolute; top: 199px; left: 410px; width: 240px; height: 250px }

#pull_quote    { color: #000; font-size: 11px; font-family: sans-serif; position: absolute; top: 95px; left: 410px; width: 240px; height: 60px }

#coupon { position: absolute; top: 367px; left: 131px }

#right_navigation  { position: absolute; top: 41px; left: 401px }