* { margin:0; padding:0; }

body { background-color:#ebebeb; }



#container {
  width:80%; margin:0 auto; background-color:white; margin-bottom:20px;
  min-width: 600px; max-width: 1000px;
  width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1000? "1000px" : "auto");
}


#container>div.top { background-image:url(/img/layout/topright.png); background-repeat:repeat-x; background-position:top right; height:26px; }
#container>div.top div.topleft { background-image:url(/img/layout/topleft.png); background-repeat:no-repeat; height:26px; width:244px; }

#container>div.bottom { background-image:url(/img/layout/bottomright.png); background-repeat:repeat-x; background-position:bottom right; height:24px; }
#container>div.bottom div.bottomleft { background-image:url(/img/layout/bottomleft.png); background-repeat:no-repeat; height:24px; width:242px; }

#area { background-image:url(/img/layout/left.png); background-repeat:repeat-y; background-position:top left; }

#left { width:242px; float:left; }

/**
 * Firecreek buttons
 */
.firecreek { background-color:#ebebeb; text-align:right; padding:5px 11px 5px 0; }
.firecreek img { border:0; padding-bottom:4px; }
.firecreek p { margin:0; }
.firecreek p a { font-size:0.7em; color:#58585a; text-decoration:none; }


/**
 * Header / Logo
 *  margin:14px 0 14px 32px;
 */
#header { background-color:white; margin:0 0 0 12px; padding:16px 0 16px 0; }
#header h1 { margin:0 0 0 10px; background-image:url(/img/layout/audiometry.png); width:209; height:46px; background-repeat:no-repeat; text-indent:-9000px; }
#header h1 a { display:block; width:190; height:46px; }

/**
 * Navigation
 */
#navigation { background-image:url(/img/layout/navigation.png); background-position:bottom left; margin:0 0px 0 12px; padding:0px 0 30px 0; }
#navigation ul {}
#navigation ul li { padding:0; margin:0; list-style-type:none; background-repeat:no-repeat; width:228px; height:26px; text-indent:-9000px; }
#navigation ul li a { width:228px; height:26px; display:block; }

#navigation ul li.home { background-image:url(/img/navigation/home.png); }
#navigation ul li.about { background-image:url(/img/navigation/about.png); }
#navigation ul li.services { background-image:url(/img/navigation/services.png); }
#navigation ul li.contact { background-image:url(/img/navigation/contact.png); }

#navigation ul li.over { background-position:0 -52px; }
#navigation ul li.active { background-position:0 -26px; }


/**
 * Content
 */
#content { margin:0 0 0 244px; background-image:url(/img/layout/right.png); background-repeat:repeat-y; background-position:top right; min-height:400px; height:auto; position:relative; padding-bottom:40px; }
#content .wrapper { margin-right:11px; padding:14px 24px 0 24px; }

/* for Internet Explorer */
/*\*/
* html #content {
height:400px;
}
/**/


/**
 * Content Footer
 */
#content>.footer { padding:20px 0 10px 24px; position:absolute; bottom:0; }
#content>.footer p { margin:0; font-size:0.7em; }
#content>.footer a { color:#333333; }