html, body { height:100%; }
body {
  background:#123;
  color:#333333;
  margin:0;
  padding:0;
  line-height: 1.5em;
  font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* margin: top right bottom left; */

/* Page Structure
----------------------------------------------- */

#outer-wrapper {
	font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
	position: absolute;
	left:0px;
	width:100%;
	min-height: 100%;
	height: 100%;
	}

/* Not read by IE-7, read by FireFox */
html>body #outer-wrapper{
	height:auto;
	}




#main-wrap1 {
	padding:0px;
	margin:1em 1em 8em 16.5em;
	
	background:#eeeecc url('http://store.odulo.com/files/1/corner_112233xEEEECC_tl.gif') no-repeat left top;
	}
#main-wrap2 {
  background:url('http://store.odulo.com/files/1/corner_112233xEEEECC_tr.gif') no-repeat right top;
  width:100%;
  height:100%
  }
#main-wrap3 {
  background:url('http://store.odulo.com/files/1/corner_112233xEEEECC_bl.gif') no-repeat left bottom;
  width:100%;
  height:100%
  }
#main-wrap4 {
  background:url('http://store.odulo.com/files/1/corner_112233xEEEECC_br.gif') no-repeat right bottom;
  width:100%;
  height:100%
  }
#main {
  margin:0px;
  padding:10px 10px 10px;
  color:#333333;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  /*
  normal Default. - Content exceeds the boundaries of its container. 
  break-word      - Content wraps to next line, and a word-break occurs when necessary. */
  overflow: auto;     /* fix for long non-text content breaking IE sidebar float */
  /*
   visible Default. - The content is not clipped. It renders outside the element 
   hidden           - The content is clipped, but the browser does not display a scroll-bar to see the rest of the content  
   scroll           - The content is clipped, but the browser displays a scroll-bar to see the rest of the content 
   auto             - If the content is clipped, the browser should display a scroll-bar to see the rest of the content */
  }



#sidebar-wrap {
  border-style:none;
  border-width:medium;
  float:left;
  
  width:15em;
  padding: 0;
  margin:0 0 7em 1em;
  
  font-size:97%;
  line-height:1.5em;
  
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden
  
  }



/* Header
----------------------------------------------- */
#header-wrap1 {
  padding:0px;
  background:#335577 url('http://store.odulo.com/files/1/corner_112233x335577_tl.gif') no-repeat left top;
  clear:both;
  color:#ffffff;
  margin: 1em;
  }
#header-wrap2 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_tr.gif') no-repeat right top;
  width:100%;
  height:100%
  }
#header-wrap3 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_bl.gif') no-repeat left bottom;
  width:100%;
  height:100%
  }
#header-wrap4 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_br.gif') no-repeat right bottom;
  width:100%;
  height:100%
  }
#header {
  padding:8px 15px 8px;
  }

#header a { 
  color: #fff;
  }
#header a:visited { 
  color: #fff;
  }



/* Top Sidebar Box
----------------------------------------------- */

.sidebartop-wrap1 {
  background:#558866 url('http://store.odulo.com/files/1/corner_112233_tl.gif') no-repeat left top;
  color:#ffffff;
  margin: 0px 0px 1em 0px; 
  padding:0;
  }
.sidebartop-wrap2 {
  background:url('http://store.odulo.com/files/1/corner_112233_tr.gif') no-repeat right top;
  width:100%;
  height:100%
  }
.sidebartop-wrap3 {
  background:url('http://store.odulo.com/files/1/corner_112233_bl.gif') no-repeat left bottom;
  width:100%;
  height:100%
  }
.sidebartop-wrap4 {
  background:url('http://store.odulo.com/files/1/corner_112233_br.gif') no-repeat right bottom;
  width:100%;
  height:100%
  }



/* Bottom Sidebar Box
----------------------------------------------- */

.sidebarbottom-wrap1 {
  background:#335577 url('http://store.odulo.com/files/1/corner_112233x335577_tl.gif') no-repeat left top;
  color:#ffffff;
  margin: 0px 0px 1em 0px; 
  padding:0;
  }
.sidebarbottom-wrap2 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_tr.gif') no-repeat right top;
  width:100%;
  height:100%
  }
.sidebarbottom-wrap3 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_bl.gif') no-repeat left bottom;
  width:100%;
  height:100%
  }
.sidebarbottom-wrap4 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_br.gif') no-repeat right bottom;
  width:100%;
  height:100%
  }
  
  
  
.sidebartop, .sidebarbottom {
  padding:8px 4px 8px 4px;
}



.sidebartop a, .sidebarbottom a {
  display:block;
  margin-left: 10px; }
.sidebartop a:hover, .sidebarbottom a:hover { font-weight:bold; }



.sidebartop h2 {
  margin:0 0 .5em 0;
  padding:0 0 .2em;
  line-height:1.5em;
  font: normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  color:#fff;
  border-bottom: 1px dotted #fff;
  }
.sidebartop p {
  margin:0 0 0 10px;
  padding:0 0 0;
  font-weight: bold;
  }
.sidebartop a { 
  color: #fff;
  }
.sidebartop a:visited { 
  color: #fff; /*800080;*/
  }


.sidebarbottom h2 {
  margin:0 0 .5em 0;
  padding:0 0 .2em;
  line-height:1.5em;
  font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  color: #abc;
  border-bottom: 1px dotted #abc;
  }
.sidebarbottom p {
  margin:0 0 .6em 10px;
  }
.sidebarbottom a { 
  color: #99ddbb;
  }
.sidebarbottom a:visited { 
  color: #99ddbb;
  }



/* Footer
----------------------------------------------- */
#footer-wrap1 {
	position: absolute;
	
	bottom:1em;
	left:1em;
	right:1em;
	height:6em;
	
	background:#335577 url('http://store.odulo.com/files/1/corner_112233x335577_tl.gif') no-repeat left top;
	color:#ffffff;
	}
#footer-wrap2 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_tr.gif') no-repeat right top;
  width:100%;
  height:100%
  }
#footer-wrap3 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_bl.gif') no-repeat left bottom;
  width:100%;
  height:100%
  }
#footer-wrap4 {
  background:url('http://store.odulo.com/files/1/corner_112233x335577_br.gif') no-repeat right bottom;
  width:100%;
  height:100%
  }
#footer {
  padding:8px 15px 8px;
  text-align: center;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;}



/** Page structure tweaks for layout editor wireframe 
body#layout #main-wrap1,
body#layout #sidebar-wrap {
  margin-top: 0;
  }
body#layout #header,
body#layout #outer-wrapper { 
  margin-left:0,
  margin-right: 0;
  padding: 0;
  }
body#layout #footer-wrap1 { 
  padding-top: 0;
  }



.clear { 
  clear: both;
  }