/* Last Update: Sat. Jan. 23, 2010

Business Web Tool Wireframe CSS

This is the Main Layout Stylesheet

author:		Finees Mendez, RIMA Web Technologies
e-mail:		support@rimamkt.com
website:	www.businesswebtool.com | www.rimamkt.com

DISCLAIMER: 
The Business Web Tool is a TYPO3 v4.3 website comprised of the "QuickSite Wireframe v1.0" from Ron Hall, Busy Noggin, Inc. at www.busynoggin.com & templavoila.busynoggin.com and the "Zen Wireframe v3.5 Site Starter" from Greg Remington, Mediatech, Inc. at www.mediatech.net & zbiz.mediatech.net

** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Zen Wireframe v3.5 - Multi-language TYPO3 Site Starter for commercial web sites

author:		Gregory Remington, MediaTech, Inc.
e-mail:		support@mediatech.net
website:	zbiz.mediatech.net

(c) 2005-2009 - Gregory Remington, www.mediatech.net
License: GPL and MIT

** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Busy Noggin QuickSite v1.0 - A TYPO3, TemplaVoila Framework Site Starter 

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		info@busynoggin.com
website:	templavoila.busynoggin.com

Busy Noggin QuickSite v1.0 is provided to the world free of charge. It is provided with ABSOLUTELY NO WARRANTY. It is your responsibility to ensure it is fit for your use and you use it at your own risk.

Since this is a TYPO3 installation it is subject to the its license. TYPO3 is distributed under the GPL license. You can find out more about TYPO3 at typo3.org.

@*over*ride http://templavoila.busynoggin.com/fileadmin/templates/skin_templavoila/css/mainstyles.css 

** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/*//////////////////////////////////////////////////
Styles for Template Layout
//////////////////////////////////////////////////*/
body { background-color: #495405; }
#PageTemplate {
	height: 100%; 
	background: transparent url('../images/gfx/PageTemplate-bg.jpg') top left repeat-x;
	}
	
#PageTemplate .PageTemplateWrap {
/*	background: transparent url('../images/gfx/psdgraphics.jpg') bottom right no-repeat;*/
	margin-bottom: 20px;
	width: 100%;
	}


/*//////////////////////////////////////////////////
Styles for Header Layout
//////////////////////////////////////////////////*/

#Header {
	background: transparent url('../images/gfx/Header-bg.png') top center no-repeat;
	}

#Header .HeaderWrap {
	width: 980px;
	margin: 0 auto;
	}

/* Header Content */ 
#HeaderContent {
	margin: 0 20px;
	height: 208px;
	}

#HeaderContent #HeaderLeft {
	float: left;
	width: 300px;
	}

#HeaderContent #HeaderRight {
	float: right;
	width: 590px;
	}
	
/* Global Navigation - full control @ superfish.css */
#GlobalNavigation {
	margin: 0 10px;
	width: 960px;
	height: 108px;
	background: #8FA80B url('../images/gfx/sf-menu-bg.jpg') top left repeat-x;
	}

/*//////////////////////////////////////////////////
Styles for Footer Layout
//////////////////////////////////////////////////*/

#FooterHome {
	background: transparent url('../images/gfx/FooterHome-bg.png') top center no-repeat;
	}
	
#Footer {
	background: transparent url('../images/gfx/Footer-bg.png') top center no-repeat;
	}

#Footer .FooterWrap, #FooterHome .FooterWrap {
	width: 980px;
	margin: 0 auto;
	}

/* Footer Content */ 
#FooterContent {
	margin: 0 20px;
	}


/*//////////////////////////////////////////////////
Styles for Page Content Layout
//////////////////////////////////////////////////*/

#PageContent {
	background: transparent url('../images/gfx/PageContent-bg.png') top center repeat-y;
	}

#PageContent .PageContentWrap {
	width: 980px;
	margin: 0 auto;
	}

#DynamicContentHome {
	background: transparent url('../images/gfx/DynamicContentHome.jpg') top center no-repeat;
	height: 568px;
	}
#DynamicContentHome .DynamicContentWrap {
	}

#DynamicContent {
	margin: 0 20px;
	min-height: 568px;
	padding-bottom: 20px;
	}

#DynamicContent .DynamicContentWrap {
	}

/*//////////////////////////////////////////////////
Styles for Dynamic Page Content Layout
//////////////////////////////////////////////////*/ 

#feature {
	margin-bottom: 10px;
	}

#generatedContent-1 {
	width: 220px;
	float: left;
	}

#generatedContent-2 {
	width: 220px;
	float: right;
	}


/*//////////////////////////////////////////////////
TemplaVoila Framework CSS Column Content Layout
//////////////////////////////////////////////////*/

#f1d #contentBlock-1 {
	float: right;
	width: 700px;
/*	margin-right: 10px;*/
	}

#f1e #contentBlock-1 {
	float: left;
	width: 700px;
	}

#f1f #contentBlock-1 {
	float: left;
	width: 460px;
	}

#f2a #contentBlock-1 {
	float: left;
	width: 700px;
	}

#f2a #contentBlock-2 {
	width: 220px;
	float: right;
	}

#f2b #contentBlock-1 {
	float: left;
	width: 700px;
	}

#f2b #contentBlock-2 {
	width: 220px;
	float: right;
	}

#f2c #contentBlock-1 {
	background: url('../images/gfx/PageContentSpacer.png') top left no-repeat;
	float: left;
	width: 620px;
	padding-left: 240px;
	}
#f2c #DynamicContentHome #contentBlock-1 {
	background: none;
	float: left;
	width: 520px;
	padding: 40px 0 0 400px;
	}

#f2c #contentBlock-2 {
	width: 340px;
	float: right;
	}

#f2d #contentBlock-1 {
	float: left;
	width: 460px;
	}

#f2d #contentBlock-2 {
	width: 220px;
	float: right;
	}

#f2e #contentBlock-1 {
	float: left;
	width: 460px;
 margin-right: 20px;
	}

#f2e #contentBlock-2 {
	width: 220px;
	float: left;
	}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 460px;
 margin-right: 20px;
	}

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 220px;
	float: left;
	}

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 220px;
	float: right;
	}

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float: left;
	width: 460px;
	}

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 220px;
	float: left;
 margin-right: 20px;
	}

/* @end Main Layout Stylesheet */
