/* ########################## Layout ########################## */
#wrapper { margin: 0px auto; padding:0px ; height:100%; }

/* ########################## Main Site Layout ########################## */

#wrapper, #subheader, #page, #splashpage, #splash_banner, #splash_content {width:979px;} /* accomodate the 1px border on the right */
/* normal pages, with borders */
#page {
	float:left;
	clear:left;
	
	background: white url('../images/core/bgshade2.gif') repeat-x; 
	background: white;
	border-right: solid 1px #ddd;	
	margin: 0 0 0 0;
	padding: 15px 0 5px 0;
	}
		
/*				 */
#splashpage {
	float:left;
	clear:left;
	margin: 0;
	padding: 0;
	}	

/* ########################## Header ########################## */
#header { width:964px; height:75px; padding-left: 8px; padding-right: 8px; margin-top:4px;float:left;  display:block;} /* float left required for nav menu in firefox to float left */

#subheader {
		display:block;
		margin: 0;
		padding: 0 0 0 0;
		background: #F9F9F9 url(../images/core/bottom_gradient_gray.gif) repeat-x;
		

		color: #808080;

		/* border-bottom: 1px solid #ee; */
		clear: left;
		float: left;

		border-bottom: 1px #eee solid;
		
	}

#subheader p {
		padding:8px;
		margin:0;
		width:964px;
	}



/* ########################## Splash Page ########################## */
#splash_banner 	{
		
			height:228px;
			padding:0px;			
			display: block;	
			background:white;			
			

			/*background: white url('../images/splash/splash_background2.png') no-repeat 16px 12px;		*/
			border-right: solid 1px #ddd;
		}

#splash_banner_content{clear:right; float:left; margin-left:116px;margin-top:96px;z-index:1; width:250px;}
#splash_banner_content a {color:white;}
#splash_banner_content .solution {color:white; font-family:Arial; font-size:10pt; font-weight:bold;}

#slidewrap {margin-right:16px; float:right; clear:none; margin-top:12px; width:350px;}

	

#splash_content {
	float:left;
	clear:left;
	border-right: solid 1px #ddd;
	background: white url('../images/core/bgshade2.gif') repeat-x; 
	background: white; 
	margin: 0px 0 0 0;
	padding: 15px 0 16px 0; /* 20px padding-bottom is height of footer */
	}

	
/* FEATURED SOLUTIONS AREA */
#splash_features {display:block; width:979px; margin:0px 0px 0px 0px; padding:16px 0px 16px 0px; padding-bottom:0px;border-top: 0;color:black;}
#features_full {width:980px; float:left;margin-right:0px;}
#features_left {width:508px; float:left;margin-right:0px;}
#features_right {width:448px; float:right; padding-right:0px; }	


/* NEWS AREA */
#splash_news {display:block; padding:0; margin-bottom:0px; float:none; clear:left;  padding-left:20px;}							
#news_main, #news_partner, #news_spotlight {float:left; width:250px;margin: 0px 32px 0px 0px; }
#news_spotlight {width:360px;}

											
#article_list {float:left;width:353px; margin-top:0px; padding:8px;}
				

	
	
	



/* ########################## RIGHT SIDE ########################## */
#splash_sidecolumn {
	position:relative;
	top: 0px;
	float:right;
	width: 310px;
	margin:0;
	/*background: url('../images/core/container_popout.png') no-repeat left top; */
	}
	
#support_popout {
	float:left;
	width: 310px;
	margin-left:0px;
	clear:none;
	background: url('../images/core/container_popout.png') no-repeat left top;
	}	
				



	


/*										3 Column Page Layout
	
	###################### ##############################################################
	######## MENU ######## ################### PAGE HEADING #############################
	###################### ##############################################################
	######################
	###################### #################################### #########################
	###################### ########## DOCUMENT COLUMN ######### ###### SIDE COLUMN ######
	###################### #################################### #########################
	###################### #################################### #########################
*/



#layout3col #page_heading {float:left;width:790px;}
#layout3col #menu_column{float:left; margin:8px; border: 0px solid #333333;border-right: 0;border-bottom-width: 0;width: 154px;}
#layout3col #document_column {float:left;width:594px;}
#layout3col #side_column {float:left;width:168px;height:100%;}


#layout3col #page_heading{margin-left:8px;}
#layout3col #side_column {margin:8px;} 
#layout3col #document_column {margin:0 8px 8px 8px;} 


/* menu and document */
#layout2acol #page_heading {float:left;width:790px;}
#layout2acol #document_column {float:left;width:762px; } /* 594 + 168 = 762 */
#layout2acol #menu_column{float:left; margin:8px; border: 0px solid #333333;border-right: 0;border-bottom-width: 0;width: 154px;}

#layout2acol #page_heading{margin-left:8px;}
#layout2acol #document_column {margin:8px;} 

/* document and side */
#layout2bcol{padding-left:20px;padding-right:16px;}
#layout2bcol #page_heading {float:left;width:100%;}
#layout2bcol #document_column {float:left;width:724px; }
#layout2bcol #side_column {float:right;width:168px;height:100%;}

#layout2bcol #page_heading{margin-left:8px;}
#layout2bcol #side_column {margin:8px;} 
#layout2bcol #document_column {margin:8px;} 


#shoretelContent {float:left;width:594px;}
#shoretelNav {float:left; margin:8px; border: 0px solid #333333;border-right: 0;border-bottom-width: 0;width: 154px;}

/* just document */
#layout1col{padding-left:20px;padding-right:16px;}
#layout1col #page_heading {float:left;width:100%;}
#layout1col #document_column {float:left;width:800px; }


#layout1col #page_heading{margin-left:8px;}
#layout1col #document_column {margin:8px;} 




#catalog_item {margin:8px;}
#catalog_item #basic_info {float: left; width: 48%;}
#catalog_item #advanced_info {float:right; width: 48%;}


/* ########################## FOOTER ########################## #708B9E*/
#footer {float:none;clear:both;height:20px; color: #808080; padding: 16px 8px 4px 8px;background-image:url(../images/core/footerback.gif); background-repeat:no-repeat;}