/* style sheet for homepage */

body 
	{
		margin:						0px;
		background-color:			#ffffff;
		background-image: 			url("../../assets/images/background/contentDNA.gif");
		background-repeat: 			no-repeat;
		background-position:		top;
	}
	
#content
	{
		position:					relative;
		width:						911px;
		margin:						auto;
		min-height:					700px;
		background-image: 			url("../../assets/images/background/contentholderDNA.gif");
		background-repeat: 			no-repeat;
		background-position:		top;
		
		
	}
	

	
/*  ---------------------------- Menu bar setup -------------------------------- */	
	
#MenuBarHolder 
	{
		position:					absolute;
		top:						0px;
		width:						911px;
		height:						80px;		
	}
	
#MainMenu
	{
		position:					absolute;
		top:						-5px;
		right:						0px;
		height:						51px;
		margin-top:					0px;
	}		
	
#MainMenu ul
	{		
		color:						#ffffff;
		font-family:				"Lucida Sans Unicode", arial;
		font-size:					80%;
		list-style:					none;
	}
	
#MainMenu li
	{
		display:					inline;
		text-transform:				uppercase;
		float: 						left;
		padding: 					0px 3px 3px 3px;
		margin: 					5px;
	}
	
#MainMenu a
	{
		color:						#ffffff;
		text-decoration:			none;
	}
	
#MainMenu a:hover
	{
		color:						#ffffff;
		text-decoration:			underline;
	}
	
#MainMenu .SelectedOption a:hover
	{
		color:						#ffffff;
		text-decoration:			none;
	}	

#MainMenu .SelectedOption
	{
		color:						#ffffff;
		font-weight: 				bold;
		background-image: 			url("../../assets/images/menubar/Highlighted.gif");
		background-repeat: 			repeat-x;
		display: 					block;
		float: 						left;
		height: 					54px;
		text-align:					bottom;
		padding:					30px 5px 0px 5px;
	}

#MainMenu .NonSelectedOption
	{
		color:						#ffffff;
		background-repeat: 			repeat-x;
		display: 					block;
		float: 						left;
		height: 					54px;
		text-align:					bottom;
		padding:					30px 5px 0px 5px;
	}	
	
/*  -------------------------- Sub Menu bar setup ------------------------------ */	
	
	
#subMenu
	{
		position:					absolute;
		top:						30px;
		right:						0px;
		height:						51px;
		margin-top:					30px;
	}		
	
#subMenu ul
	{		
		color:						#ffffff;
		font-family:				arial;
		font-size:					75%;
		list-style:					none;
		
	}
	
#subMenu li
	{
		display:					inline;
		text-transform:				uppercase;
		float: 						left;
		padding: 					3px;
		margin: 					5px;
	}
	
#subMenu a
	{
		color:						#ffffff;
		text-decoration:			none;
	
	}
	
#subMenu a:hover
	{
		color:						#ffffff;
		text-decoration:			underline;
	}

#subMenu .SelectedOption
	{
		color:						#ffffff;
		text-decoration:			none;
		background-color:			#2e3092;
		padding: 5px;
		
	}	
	
	
	
#BlankingPanel270
	{
		height:						270px;
		width:						911px;
	}
	
/*  ------------------------- Main Text Area setup ---------------------------- */	

#MainText
	{
	color:							#333333;
	font-family:					"Lucida Sans Unicode", arial;
	font-size:						75%;
	width:							616px;
	}
	
#MainText h3
	{
	color:							#2e3092;
	font-family:					"Lucida Sans Unicode", arial;
	font-size:						120%;
	}	
	
#MainText li
	{
	color:							#333333;
	list-style-image: 				url("../../assets/images/ListItemStar.gif");
	padding:						3px 0px 3px 0px;
	}	
	
#MainText a
	{
	color:							#333333;
	}	
		
	
#MainText .CustomerQuote
	{
	color:							#575757;
	font-style:						italic;
	font-family:					arial;
	}	
	
	
	

/*  ------------------------- Quote Box Setup ------------------------------- */	

#quoteBoxHolder 
	{
		position:					absolute;
		top:						280px;
		right:						0px;
		width:						280px;	
		background-color:			#ffffff;
	}	
	
#quoteBoxHolder p
	{
		display:					none;
	}		

/*  ------------------------- Image Box Setup ------------------------------- */	

#ImageBox
	{
		position:					absolute;
		right:						0px;
		width:						240px;	
		background-color:			#d9dcde;
		padding:					10px;
		border:						10px solid #ffffff;
	}
	
#ImageBox2
	{
		position:					absolute;
		right:						0px;
		width:						240px;	
		background-color:			#d9dcde;
		padding:					10px;
		border:						10px solid #ffffff;		
	}


#ImageBox3
	{
		position:					absolute;
		right:						0px;
		width:						240px;	
		background-color:			#d9dcde;
		padding:					10px;
		border:						10px solid #ffffff;		
	}
	
#ImageBox4
	{
		position:					absolute;
		right:						0px;
		width:						240px;	
		background-color:			#d9dcde;
		padding:					10px;
		border:						10px solid #ffffff;		
	}
	
#ImageBox5
	{
		position:					absolute;
		right:						0px;
		width:						240px;	
		background-color:			#d9dcde;
		padding:					10px;
		border:						10px solid #ffffff;		
	}
	
#MapBox
	{
		position:					absolute;
		right:						0px;
		width:						500px;	
		background-color:			#d9dcde;
		padding:					10px;
	}


	
	
	
/*  ------------------------ Contact Form Setup ----------------------------- */	

#ContactForm
	{
		position:					absolute;
		top:						185px;
		left:						130px;
		width:						640px;	
		background-color:			#d9dcde;
		padding:					5px;
		font-family:				"Lucida Sans Unicode", arial;
		font-size:					75%;
		z-index:					1002;
		display:					none;
	}
	
#ContactFormHolder
{
		filter:						alpha(opacity=50);
		-moz-opacity:				0.50;
		-khtml-opacity: 			0.50;
		opacity: 					0.50;
		width:						650px;
		border:						10px solid #2e3192;
		display:					none;
		
			/* rounded corner for browsers that support it */
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		
			/* end of rounded corners */
		position:				absolute;
		top:					175px;
		left:					120px;
		height:					445px;
		z-index:				1001;
	
}

#CloseButton
{
	text-align:				right;
}
	
/*  ---------------------------- footer setup --------------------------------- */	

#AddressFooter 
	{
		font-family:				arial;
		font-size:					70%;
		color:						#acacaf;
		background-image: 			url("../../assets/images/logos/awardsSMALL.gif");
		background-repeat: 			no-repeat;
		height:						45px;
		position: 					relative;
	}

#addressText
	{
		position: 					absolute;
		top:						5px;
		left:						30px;
	}
