/* @override 
	http://frontofficebox.dev/css/fro_layout.css
	http://frontofficebox.com/css/fro_layout.css
*/

/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ===============================
		::: PAGE LAYOUT :::
=============================== */

BODY {
	background: #f2f2f2 url(../images/bg_gradient.gif) 0 0 repeat-x;
	text-align: center; }
	
#pageContainer {
	width: 720px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/bg_columns.gif) 0 0 repeat-y; }


/* ===============================
		::: MASTHEAD :::
=============================== */

#masthead {
	width: 100%;
	height: 99px;
	float: left;
	background: #f2f2f2 url(../images/bg_gradient.gif) 0 0 repeat-x; }

	#masthead H1 {
		float: left; 
		background: transparent url(../images/mst_logo2.gif) 50% 0 no-repeat;
		width: 100%;
		height: 45px;
		margin: 35px 0 0 0;
		padding: 0;
		text-indent: -5000px; }
			
	#masthead H2 { text-indent: -5000px; }


/* ===============================
		::: MENU :::
=============================== */


#menu {
	float: left;
	clear: left;
	width: 100%;
	height: 31px;
	background: #fff url(../images/bg_menu.gif) 0 0 no-repeat; }
	
	#menu UL {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 404px;
		height: 31px;
		float: left;
		background: transparent url(../images/tabs_home.gif) 0 -31px no-repeat; }
		
		#menu LI {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none; }
			
			#menu A {
				display: block;
				height: 31px;
				text-indent: -5000px;
				background: transparent url(../images/tabs_home.gif) 0 0 no-repeat; }

				#menu A:hover { background-image: none !important; }

#menu-home A 			{ width: 83px; }
#menu-about A 		{ width: 80px; background-position: -83px 0 !important; }
#menu-contact A 	{ width: 90px; background-position: -163px 0 !important; }
#menu-blog A 			{ width: 68px; background-position: -253px 0 !important; }
/*#menu-wiki A 			{ width: 69px; background-position: -321px 0 !important; }
#menu-knowledgebase A 			{ width: 143px; background-position: -321px 0 !important; }*/
#menu-forum A 			{ width: 83px; background-position: -321px 0 !important; }

BODY.features #menu UL,
BODY.features #menu LI A { background-image: url(../images/tabs_features.gif); }

BODY.about #menu UL,
BODY.about #menu LI A { background-image: url(../images/tabs_about.gif); }

BODY.contact #menu UL,
BODY.contact #menu LI A { background-image: url(../images/tabs_contact.gif); }

BODY.blog #menu UL,
BODY.blog #menu LI A { background-image: url(../images/tabs_blog.gif); }

BODY.wiki #menu UL,
BODY.wiki #menu LI A { background-image: url(../images/tabs_wiki.gif); }

.knowledgebase #menu UL,
.knowledgebase #menu LI A { background-image: url(../images/tabs_knowledgebase.gif); }
	


/* ===============================
		::: CONTENT :::
=============================== */

#contentContainer {
	float: left;
	width: 680px !important;
	width /**/: 720px;
	padding: 26px 20px 0;
	background: transparent url(../images/bg_content.png) 0 0 no-repeat; }

.content,
#content {
	float: left;
	margin-left: 6px;
	width: 436px; }

.sidebar,
#sidebar {
	float: right;
	width: 220px; }
	
BODY.signup .content {
	width: 650px; }

/* ===============================
		::: LOGIN :::
=============================== */

#loginbox {
	width: 220px;
	height: 97px;
	background: transparent url(../images/login_bg.png) 0 0 no-repeat;
	text-align: center; }

	.loginbutton {
		margin: 51px auto 0; }


/* ===============================
		::: FOOTER :::
=============================== */

#footer {
	height: 50px;
	clear: both;
	width: 720px;
	background: #f2f2f2 url(../images/bg_footer.gif) 0 0 no-repeat; }

	#footer P {
		padding-top: 10px;
		text-align: center;
		font-size: .9em; }