/*------------------------------------------
-- Layout ----------------------------------
------------------------------------------*/

body			{ color: #5b5b5b; background: #f8f8f6 url(Images/body.gif) repeat-x }

/* Wrapper
------------------------------------------*/

#wrap 			{ width: 931px; min-height: 100%; margin: 0 auto;
				  position: relative }

/* Header
------------------------------------------*/

#header			{ width: 931px; height: 140px;
				  position: absolute; top: 0; left: 0 }

#search			{ width: 162px; height: 18px;
				  position: absolute; top: 98px; right: 6px;
				  background: url(Images/search.gif) no-repeat }
				  
/* Main content
------------------------------------------*/

#content		{ padding: 143px 0 90px ; }

.spreadSheets #content
				{ padding-bottom: 69px }
				
.hasSidebar		{ background: url(Images/sidebar.gif) 646px 290px no-repeat }
			
#captionBar		{ height: 104px; padding-top: 42px;
				  background: url(Images/caption_bar.jpg) no-repeat }

#board			{ background: #e4e5e5 url(Images/board_top.gif) no-repeat }
#board .inner	{ padding: 6px; position: relative;
				  background: url(Images/board_bottom.gif) left bottom no-repeat }
#boardImg		{ height: 291px;
				  background: url(Images/board_img.jpg) no-repeat }

#sections		{ float: left; margin: 0 0 0 -18px; width: 650px;
				  height: 348px; overflow: hidden }
#sections li	{ float: left; width: 241px; height: 149px;
				  margin: 0 18px 12px; padding: 19px 24px 0 24px;
				  background: url(Images/sections.gif) no-repeat }
				  
/* new homepage*/				  
#sectionsV2		{ float: left; margin: 0 0 0 -18px; width: 650px;
				  height: 348px; overflow: hidden }
#sectionsV2 li	{ float: left; width: 241px; height: 149px;
				  margin: 0 18px 12px; padding: 19px 24px 0 24px;
				  background: url(Images/sections.gif) no-repeat }
				  
/*end  new homepage*/						  
				
#testimonials	{ float: right; width: 235px; height: 329px;
				  margin: 0; padding: 19px 24px 0 24px;
				  background: url(Images/testimonials.gif) no-repeat }

				  
				  		  
#mainContent	{ float: left; width: 563px; margin: 23px 0 0 18px; }
.spreadSheets #mainContent
				{ float: none; width: auto; margin: 0;
				  background: url(Images/spreadsheets.gif) repeat-y }
.tutorials #mainContent
				{ float: none; width: auto; margin: 0 }

#spreadSheetsHeader
				{ margin: 0 2px; border-bottom: 1px solid #e5e5e5;
				  position: relative } 

.white #spreadSheetsHeader
				{ height: 335px;
				  background: #fff url(Images/spreadsheets_header_white.gif) repeat-x }
.blue #spreadSheetsHeader
				{ height: 290px;
				  background: #193f54 url(Images/spreadsheets_header_blue.png) no-repeat }

.help			{ background: url(Images/help.gif) repeat-y; position: relative }
#helpSearch		{ width: 331px; height: 22px;
				  position: absolute; top: 7px; right: 9px;
				  background: url(Images/search_help.gif) no-repeat }
.help .inner	{ padding-bottom: 8px;
				  background: url(Images/help_list.gif) left bottom no-repeat }
.help #helpList	{ margin: 0 1px;
				  background: url(Images/help_inner.gif) bottom repeat-x }

#login			{ width: 594px; height: 258px; margin: 100px auto 0; position: relative;
				  background: #fff url(Images/login.gif) no-repeat }
	  
#sideBar		{ float: right; width: 285px; text-align: center }

.list1			{ padding: 36px }
.list2			{ padding: 24px 24px 36px }
.list3			{ padding: 0 24px 18px }

#tutIntro		{ width: 400px }

/* Footer
------------------------------------------*/

#footer			{ margin-top: -69px; height: 59px; padding-top: 9px;
				  position: relative; border-top: 1px solid #e5e5e3 }