body { background-image: url(../../images/background-page.gif); background-color: #EFEFEF; }

/* ---- PAGE SECTIONS ------------------*/
#top, #body, #bottom { width: 770px; }
#top { margin: 20px auto 0px; height: 25px; }

body { text-align: center; } #top, #body, #bottom { text-align: left; } /* FOR IE 5.0, 5.5 */

#body { margin: 0px auto; }

#header { position: relative; padding: 0px 11px; }

#header h1 { background: url(../../images/background-header.png) repeat-x; }
#header h1 a { background-image: url(../../images/logo.png); width: 193px; height: 53px; margin-left: 40px; }

#breadcrumb { margin: 0em 0em .4em; padding: 0; font-size: .9em; color: #888; }
#breadcrumb li { display: inline; padding: 0em 6px 0em 13px; background: url(../../images/icon_arrow.gif) no-repeat left center;}
#breadcrumb li a { color: #888; text-decoration: none; }
#breadcrumb li.first { background: none; padding-left: 0; }
#breadcrumb li.last { font-weight: bold; color: #4B4545; }

#menu { 
	position: absolute; right: 11px; top: 33px; 
	list-style: none; margin: 0; padding: 0; 
	width: 375px; height: 23px; background-image: url(../../images/menu-web.gif); 
}
#menu li { position: absolute; margin: 0; padding: 0; background: transparent; }
#menu li a { display: block; text-decoration: none; height: 23px; }

#menu li.tour 	{ left: 0px; 	width: 66px; }
#menu li.demo 	{ left: 67px; 	width: 79px; }
#menu li.signup 	{ left: 146px;	width: 150px; }
#menu li.login 	{ left: 296px;	width: 80px; }

#menu li.tour 	a:hover { background: transparent url(../../images/menu-web.gif) -0px	-23px no-repeat; }
#menu li.demo 	a:hover { background: transparent url(../../images/menu-web.gif) -67px	-23px no-repeat; }
#menu li.signup 	a:hover { background: transparent url(../../images/menu-web.gif) -146px	-23px no-repeat; }
#menu li.login 	a:hover { background: transparent url(../../images/menu-web.gif) -296px	-23px no-repeat; }

#content { min-height: 480px; padding: 15px 29px; position: relative; /* IE Hack */  }
/*\*/
* html #content { height: 480px }
/**/

#bottom { margin: 0px auto 30px; height: 35px; }

#footer { clear: both; position: relative; font-size: .85em; }
#footer, #footer a { color: #888; }
#footer a:hover, #footer a:hover strong { color: #00C5E8; }

#footer #legal { position: absolute; left: 40px; top: 20px; }
#footer #legal a { background-image: url("../../images/icon_mochimedia.gif"); width: 94px; height: 16px; margin-bottom: .5em; }

#footer #footnav { position: absolute; right: 40px; top: 20px; text-align: right;  }
#footer #footnav  a.star { background: url("../../images/icon_blogstar.gif") no-repeat left center; padding-left: 13px;  }

#footer #footnav ul { margin: 0 0 .4em; padding: 0; }
#footer #footnav li { display: inline;  background: none; padding: 0; }
#footer #footnav li:before { content: "| "; }
#footer #footnav li:first-child:before { content: ""; }
* html #footer #footnav li { border-right: 1px solid #888; padding: 0 .2em 0 .5em; }
#footer #footnav li.last { border: none; padding-right: 0; }

/* ---- COLUMNS & SECTIONS ---------------------- */

.m #column-main { width: 60%;  }

.m-s #column-main { float: left; margin-right: 1.5em; width: 430px; position: relative; }
.m-s #column-side { float: left; width: 175px; position: relative; }

.s-m #column-main { float: right; width: 300px; }
.s-m #column-side { float: left; margin-right: 1.5em; width: 330px; }

.section-2column { background: url(../../images/g_2col.gif) no-repeat; padding: 20px;  }


/* ---- GLOBAL PAGE ELEMENTS ---------------------- */

h1#pagetitle { 
	height: 26px; 
	margin-bottom: .1em; text-indent: -9000em; overflow: hidden; 
	background-repeat: no-repeat; 
	margin-bottom: 1em;
}


/* ---- IE PING HACKS --------------------- */

#top { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/top.png'); }
#body { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/background-body.png'); }
#bottom { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bottom.png');  }

html>body #top { background: url("../../images/top.png") no-repeat top; }
html>body #body { background:  url("../../images/background-body.png") repeat-y top; }
html>body #bottom { background:  url("../../images/bottom.png") no-repeat top; }