/* 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: white; }
#PageTemplate {
	margin-bottom: 20px;
	width: 100%;
	}
	
#PageTemplate .PageTemplateWrap {
	width: 960px;
	background-color: #1486FF;
	}


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

#Header {
	height: 80px;
	width: 940px;
	margin: 0 10px;
	background: transparent url(../images/business/CharlesFernandez.jpg) no-repeat top right;
	}

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

#HeaderContent #HeaderRight {
	float: right;
	width: 590px;
	}
	
/*//////////////////////////////////////////////////
Styles for Footer Layout
//////////////////////////////////////////////////*/

#Footer {
	width: 940px;
	margin: 0 10px;
	}


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

#PageContent {
	width: 940px;
	margin: 0 10px;
	}

#PageContent .PageContentWrap {
	background-color: white;
	}

#f1d .PageContentWrap {
	background: white url(../images/business/f1d_PageContentWrap.gif) top left repeat-y;
	}
	
#f2d .PageContentWrap {
	background: white url(../images/business/f2d_PageContentWrap.gif) top left repeat-y;
	}
	
/*//////////////////////////////////////////////////
Styles for Dynamic Page Content Layout
//////////////////////////////////////////////////*/ 

#feature {
	margin-bottom: 10px;
	}

#generatedContent-1 {
	width: 140px;
	float: left;
	margin-right: 20px;
	}

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


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

#f1d #contentBlock-1 {
	float: right;
	width: 780px;
/*	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 {
	float: left;
	width: 540px;

	}

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

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

#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 */