/**
 * @version		$Id: component.php 16465 2010-04-26 01:46:24Z eddieajau $
 * @package		Joomla.Site
 * @subpackage	Templates.default
 * @copyright	Copyright (C) 2011 Arvin Pedregosa. All rights reserved.
 * @license		Commercial License
 *
 * Layout CSS - All styles pertaining to default layout and positioning
 */
 
/*************************************************************************
 * Delete background colour guides on live sites
 */
html { background-color: #000; }
body { background-color: #fff; }
.header ,
.footer { background-color: #f33; }
.top { background-color: #f00; }
.top-container { background-color: #f66; }
.component-header { background-color: #AAA; }
.module-header { background-color: #99A; }
.module { background-color: #99C; }
.page-top,
.page-bottom { background-color: #666; }
.page-left, 
.page-right { background-color: #999; }
.page-content { background-color: #eee; }
 
/*************************************************************************
 * Default Layout
 */
html {
	overflow: auto;
	overflow-y: scroll;
}
body {
	margin: 0 auto;
} 
#wrapper {
	position: relative;
}
#float-top {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	z-index: 999;
}
#header {
	position: relative;
	height: 120px;
}
#main {
	padding-bottom: 20px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#left {
	float: left;
	display: inline-block;
	margin-right: 20px;
	width: 210px;
}
#right {
	float: right;
	display: inline-block;
	margin-left: 20px;
	width: 210px;
}
#content {
	overflow: hidden;
}
#footer {
	position: relative;
	height: 60px;
}
#bg-wrap{
	position: absolute;
	left: 0; top: 0;
}

/*************************************************************************
 * Component
 */

.component-header,
.component-body {
	padding-left: 10px;
	padding-right: 10px;
}
.component-header {
	overflow: hidden;
}
.component-body {
	margin: 10px 0 20px;
}
	
/*************************************************************************
 * Modules
 */
.page-left .module,
.page-right .module {
	margin-top: 10px;
}
.page-left .module:first-child,
.page-right .module:first-child {
	margin-top: 0;
}
.page-left .module {
	overflow: hidden;
}
.page-left .module-header,
.page-right .module-header,
.page-left .module-body
.page-right .module-body {
	padding-left: 10px;
	padding-right: 10px;
}
.page-left .module-header.
.page-right .module-header{
	overflow: hidden;
}
.page-left .module-body,
.page-right .module-body {
	margin: 10px 0;
}

/*************************************************************************
 * Default Styling
 */