@import "nav.css";
/* ****************************************************************************** LAYERS **/
#StateChangeNotice { z-index: 1200; }
#PageCornerCurl { z-index: 1001; }
#ContentWrapper { z-index: 1000; }
#Header { z-index: 920; }
#Advert { z-index: 910; }
/* ****************************************************************************** LAYOUT **/
/*div { border: solid 1px green; }*/
body
{
	/*border: solid 1px red;*/
	background-color: #793091;
	margin: 0;	
	padding: 0;
	text-align: center;
}
#PageWrapper
{
	/*border: solid 10px black;*/
	position: relative;	top: 0;	left: 0;
	margin-left: auto;	margin-right: auto;
	padding: 0;
	text-align: left;
	background: white url(../images/PageShadow_Right.gif) repeat-y top right;
	width:805px;
}

		#Header
		{
			position: relative;
			top: 0;			left: 0;
			width: 786px;	height: 120px;
			margin: 0 0 -18px 0;		padding: 0;
		}
				#Header h1 
				{
					position: relative;
					top: 10px;			left: 10px;
					width: 400px;	height: 92px;
					margin: 0 0 0 0;		padding: 0;
					background: url(../images/SYNERMED-logo-sm.jpg) no-repeat;
					text-indent: -9999px;
				}

				#TopNavBar
				{
					position: relative;
					top: 0;			left: 0;
					height: 91px;
					padding-top: 2px;
					background: url(../images/TopNav_bg.gif) repeat-x top left;
				}
				#TopNavBar *
				{
					color: White;
				}
						#TopNavBar #HealthProSelection
						{
							position: absolute;
							top: 2px; right: 10px;
						}
				#StateChangeNotice
				{
					border: solid 1px #064399;
					background: url(../images/SelectedBk_blue.gif) repeat-x top left;
					position: absolute;
					top: 75px; right: 10px;
					padding: 0 10px 0 10px;
					width: 500px;
					color: White;
					text-align: center;
				}

		#Advert
		{
			/*border: solid 1px red;*/
			position: absolute;
			width: 426px; height: 93px;
			background-image: url(../images/Advert_SM02.png);
			top: 1px;
			left: 360px;
			text-indent: -9999px;
		}
		#ContentWrapper
		{
			position: relative;
			top: 0;
			left: 0;
			padding: 10px 10px 0 0;
			background: url(../images/PageGradnShadbtm.gif) repeat-x bottom left;
		}
				#SideBarL
				{
/*					position: absolute;
					top: 12px;		left: 0;*/
					width: 180px;
					padding: 50px 14px 150px 0;
					background: url(../images/SideBar_bg.jpg) no-repeat top right;
					float: left;
				}
					/** html #SideBarL { top: 3px; left: -200px;}*/
					#SideBarL h2
					{
						height: 22px;
						color: White;
						padding-left: 8px;
						margin-bottom: 5px;
						font-size: 16px;
						font-weight: bold;
						background: url(../images/TopNav_bg.gif) repeat-x top left;
					}
				#HomeContent
				{
					position: relative;	top: 0;	left: 0;
					margin: 10px 10px 0 0;
					padding: 20px 20px 20px 0;
				}
						#HomeContent .Intro
						{
							position: relative;
							top: 0; left: 0;
							width: 325px;	height: 330px;
							margin: 0 0 50px 13px;
							z-index: 1000;
						}
						#HomeContent .Intro p, #HomeContent .Intro li { color: #793191;}
						#HomeContent .Announcement
						{
							background: url(../images/announcement_bg.jpg) no-repeat top left;
							position: relative;
							height: 90px;
							margin: 10px 0 40px 10px;
						}
						#HomeContent .Announcement h2 { position: absolute; top: 3px; left: 35px; width: 345px; font-weight: bold; color: white; font-size: 12px; text-transform: uppercase; }
						#HomeContent .Announcement .Left { position: absolute; top: 25px; left: 10px; width: 345px; font-weight: bold; color: Black; }
						#HomeContent .Announcement .Image { position: absolute; left: 380px; top:-10px; }
						#HomeContent .Announcement .Right { position: absolute; top: 25px; right: 10px; width: 190px; font-weight: bold; color: Black; }
				#PageContent
				{
					position: relative;
					overflow: hidden;
					min-height: 500px;
					margin: 50px 40px 0 200px;
					padding: 0 20px 30px 20px;
				}
						.ProductItem { border: dotted 1px #efefef; width: 250px; height: 130px; float: left; text-align: center; position: relative;}
						.ProductItem:hover { border-style: solid; }
						.ProductItemCaption { position: absolute; bottom: 0; left:0; width: 248px; height: 25px; background-color: #efefef;margin-bottom:5px;}

				#PageCornerCurl
				{
					/*border: solid 1px red;*/
					position: absolute;
					bottom: 0;	right: 0;
					width: 52px; height: 156px;
					background: url(../images/PageCorner_Curl.gif) no-repeat bottom right;
					margin: 0;
					padding: 0;
				}
#Footer {	color: White;}
		#Footer *		{ color: White; text-align: center; }

/* ****************************************************************************** HOME PAGE **/
		#Launch
		{
			/*border: solid 1px red;*/
			position: absolute;
			width: 483px; height: 262px;
			background-image: url(../images/Home_Focus.png);
			top: -10px;
			left: 325px;
			text-indent: -9999px;
			z-index: 1100;
		}
		#Welcome
		{
			position: absolute;
			width: 374px; height: 252px;
			background-image: url(../images/SideBar_bg.jpg);
			top: -8px;
			left: 0;
			text-indent: -9999px;
			z-index: 100;
		}

		#OurQuest
		{
			position: absolute;
			top: 250px;		right: 20px;
			width: 380px;	height: 100px;			
			text-align: center;
			margin: 0;
			
		}
			* html #OurQuest { right: 50px; }
		#OurQuest p			{ color: #064399; font-size: 12px; font-style: oblique;}
		#OurQuest strong	{ color: #064399; font-style: normal;}
		#QuickLinks
		{
			position: relative;
			top: 0;
			left: 25px;
			width: 720px;
			height: 75px;
			margin-top: 30px;
			padding: 10px;
			background-color: #c0defc;	
			border: solid 1px white;
		}
		#QuickLinks *
		{
			color: #782F90;
		}
		#QuickLinks #BottomLeftImage
		{
			position: absolute;
			bottom: 0; left:-12px;
			background-image: url(../images/BottomLeft.png);
			width: 361px; height: 126px;
		}
				#QuickLinks #BottomLeftImage div	{ margin: 51px 0 0 30px;}

		#QuickLinks .PopularArticles 
		{
			/*border: solid 1px red;*/
			width: 340px;
			float: left;
			border-right: dashed 1px #d3a7e1;
		}
		#QuickLinks .CurrentNews 
		{ 
			position: absolute;
			top: -15px; left: 350px;
			width: 300px;
			padding: 20px;
		}

/********************************************************** PRODUCTS PAGE *******/

.ProductsSpacer	
{
	position: relative;
	/*order: solid 1px red;*/
	width: 200px;
	height: 100px;
	}		

.ulLarge
{
	font-size: large;
	font-weight: bold;
}
/********************************************************** GENERAL ***************/
.Contact_Label
{
	width: 200px;
}
.RaisedArea
{
	width: 335px;
	border-top: 1px solid #064399;
	border-bottom: 1px solid #064399;
	padding: 20px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background: white url(../images/SideBar_bg.jpg) no-repeat top right;
}
.RaisedArea h3
{
	height: 22px;
	color: White;
	padding-left: 8px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/TopNav_bg.gif) repeat-x top left;
}