/* CSS Document */

/****************************************************

	Client:  		Sharjah Premiere Hotel and Resort
	Author:  		Robert Roxas
	Description:	Layout and Div Styles
	
****************************************************/

html,body
{
	background-color:#918360;
	margin:0;
	padding:0px;
	text-align:center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

/*  END COMMON */

/*  MAIN CONTAINERS */
#sPremiere 
{
	
	width:802px;
	margin:0 auto auto auto;
	padding:0;
	height:100%;
	min-height:100;	
	background-color:#FFFFFF;
	
}

#header 
{
	
	width:802px;
	height:268px;
}

#headContentDivider 
{
	
	height:22px;
	background:#FFFFFF;
}

#contentHolder
{
	background:#FFFFFF;
}

#subContentBox 
{
	
	float:left;
	margin:0;
	padding:0;
	width:576px;	
	text-align:left;
	z-index:0;

}

#menuBox 
{
	
	float:right;
	width:226px;
	background-color:#FFFFFF;
	text-align:left;
}

/*  END MAIN CONTAINERS  */

/*  SUB CONTAINERS  */

	/* #menuBox */
	#pageTitleBoxTop 
	{

		width:226px;
		height:18px;
		background:#eee6d1 url(../images/pageTitleBoxTop.jpg) top no-repeat;
	}
	
	#pageTitleContents 
	{
		
		width:226px;
		background:#eee6d1 url(../images/pageTitleContents.jpg) top repeat-y;
		/*padding:8px 0 0 20px;*/
	}
	
	#pageTitleBoxBottom 
	{
		
		width:226px;
		height:17px;
		background:url(../images/pageTitleBoxBottom.jpg) top no-repeat;
	}
	
	#titleBoxMenuDivider 
	{
		
		width:226px;
		height:5px;
	}
	
	#menuBoxTop 
	{
		
		width:226px;
		height:42px;
		background:url(../images/menuBoxTop.jpg) top no-repeat;
	}
	
	#menuBoxContents 
	{
		
		width:226px;
		background:url(../images/menuBoxContents.jpg) top repeat-y;
	}
	
	#menuBoxBottom 
	{
		
		width:226px;
		height:18px;
		background:url(../images/menuBoxBottom.jpg) top no-repeat;
	}
	
	#menuBoxExtender 
	{
		
		width:226px;
		height:31px;
		background:#FFFFFF;
	}
	/* end #menuBox  */
	
	/* #subContentBox */
		#contentHeader {
			
			width:576px;
			height:36px;
			background:#FFFFFF url(../images/contentHeader.jpg) top no-repeat;
		}
		
		#contentBody {
			
			width:576px;
			background:#FFFFFF url(../images/contentBody.jpg) top repeat-y;				

		}
		
		#contentFooter {
			
			width:576px;
			height:50px;
			background:#FFFFFF url(../images/contentFooter.jpg) top repeat-y;
			text-align:left;
			border-top:#efe6d0 solid 1px;
		}

	/* end #subContentBox */
	
/*  END SUB CONTAINERS  */

.brclear
{
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0px;
}

.headerBox
{
	padding-left:50px;
	background:url(../images/headerBackground.jpg) left no-repeat;
	vertical-align:text-bottom;
}