/*
	Master CSS File 
	
	Crow Canyon Systems
	URL:		www.CrowCanyon.com
	Version:	v. 1.45
	Date:		February 7, 2006
	

*/

	/* Global Tags */
	/* =================================================================================================================================== */
	BODY 				{margin:0;padding:0;color:#000000;min-width:850px;}
	BODY.HomePage		{background: url(../images/bgBlueStripe.gif) repeat-x #003399;}
	BODY.ContentPage	{background: url(../images/bgBlueStripe.gif) repeat-x #003399;}
	
	/* Content Page Header */
	H1 					{font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color:#000000; padding:0px; margin:30px 0 0 30px; padding:0px; font-weight:bold}
	/* SubNavigation Options */
	H3 					{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding:0px; margin:15px 10px 0 0; font-weight:normal}
	H3 A 				{text-decoration:none; color:#FFFFFF}
	H3 A:Hover 			{text-decoration:underline}
	/* Subheaders */
	H2 					{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
	/* Include Items Formatting */
	#Header				{background-color:#FFFFFF;width:790px;height:65px;}
	#Navigation 		{background-color:#A2A299;width:790px;height:23px;}
	#Footer 			{background: url(../images/FooterStripe.gif) repeat-y #CCCCCC; width:790px;height:130px; clear:both}
	#Credits 			{background: url(../images/FooterStripe.gif) repeat-y #CCCCCC; width:790px;height:35px; clear:both}
	
	#Footer P, #Footer A{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FF6600; font-size:11px; text-decoration:none; padding:0 0 0 0; margin:0 0 0 0}
	#Footer A:Hover		{text-decoration:underline}
	/* =================================================================================================================================== */
	
	/* Home Page */
	/* =================================================================================================================================== */
		
	#HomePage			{background-color:#CCCCCC;width:790px;margin:0;padding:0;}

	#HomeColumn1		{background: url(../images/HomeContentAreaBgStripe.gif) repeat-x #FFFFFF; width:790px;height:561px; float:left}
	#HomeColumn2		{background: url(../images/RTColBgStripe.gif) repeat-x #CCCCCC; width:211px;height:561px; float:right;}

	#Testimonials		{background: url(../images/CustomersBackground.gif) #CCCCCC;width:211px;height:252px; float:right;}
	#Testimonials P		{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:13px;padding:42px 16px 0 16px}
	
	#HomeNews			{background: url(../images/HomeNewsBackground.gif) #CCCCCC;width:211px;height:309px; float:right; margin:0 0 0 0;}
	#HomeNews P			{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px;padding:0px 16px 0 14px}
	#HomeNews A			{color:#FF4109; text-decoration:underline}
	#HomeNews A:hover	{color:#FF8A00;}
	
	#Flash				{background: url(../images/FlashSpacer.gif) #CCCCCC;width:579px; height:252px; margin:0 0 0 0; padding:0 0 0 0;}
	
	#ProdRow			{width:579px; height:309px; margin:0 0 0 0; padding:0 0 0 0; float:left; clear:both}
	#ProdRow p, #ProdRow ul, #ProdRow li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px;}
	#ProdRow a 			{font-weight:bold; text-decoration:none;}
	#ProdRow a:hover 	{text-decoration:underline}
	#ProdRow ul			{list-style-position: outside; list-style-type:square; margin:0 0 0 10px; padding:10px 0 0 9px}
	#ProdRow li			{padding:0 0 0 0px;}
	
	/* Product Coloring */
	.Product1 			{color:#699832;}
	.Product2			{color:#4875AC;}
	.Product3			{color:#CC9900;}
	p.ProdLink			{float:right}
	
	/* =================================================================================================================================== */
	/* All Content Pages - [MUST BE SECOND LEVEL FOR IMAGE PATHS TO WORK] */
	/* =================================================================================================================================== */

	#ContentPage				{background: url(../images/Content.BackgroundStripe.gif) repeat-y #C8C8C8;width:790px;margin:0;padding:0;}
	
	#Column1					{background: #FFFFFF;width:790px; float:left;}
	#Column1 p					{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding: 0 10px 0 20px; line-height:14px;}
	#Column1.Content a			{font-weight:bold;color:#818179}
	#Column1.Content a:hover	{color:#6F6F69}
	#Column1.Prod1 a			{font-weight:bold;color:#669933}
	#Column1.Prod1 a:hover		{color:#66CC33}
	#Column1.Prod2 a			{font-weight:bold;color:#336699}
	#Column1.Prod2 a:hover		{color:#3366CC}
	#Column1.Prod3 a			{font-weight:bold;color:#B28600}
	#Column1.Prod3 a:hover		{color:#FFCC00}
	#Column1.NewsCol1 a			{font-weight:bold;color:#FF4109}
	#Column1.NewsCol1 a:hover	{color:#FF8A00}
	#Column1.BrownText a		{font-weight:bold;color:#CC6600}
	#Column1.BrownText a:hover	{color:#FF9900}
	#Column1.GoldText a			{font-weight:bold;color:#B28600}
	#Column1.GoldText a:hover	{color:#FFCC00}
	#Column1.GreenText a		{font-weight: bold;color: #006600}
	#Column1.GreenText a:hover	{color:#0033CC}
	#Column1.BlueText a			{font-weight: bold;color: #003399}
	#Column1.BlueText a:hover	{color:#0066FF}
	#Column1.RedText a			{font-weight: normal;color: #CC3300}
	#Column1.RedText a:hover	{color:#FF6600}
	#Column1.BlueGreyText a			{font-weight: bold;color: #3366FF}
	#Column1.BlueGreyText a:hover	{color:#6699FF}
	#Column1.BlueGreyText2 a		{font-weight: bold;color: #6699FF}
	#Column1.BlueGreyText2 a:hover	{color:#6699FF}
	
	#Column1 li p {
	margin:5px 0 5px 15px; padding:0 0 0 0; text-indent: 1px; text-align:left;
	}
	ul.bluedot2  {
	padding: 0 0 0 0;
	margin: 0 0 0 20px ;
	}
   li.bluedot      {
	list-style-image: url(../images/arcbul1d.gif);
	background-repeat: no-repeat;
	list-style: outside;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:14px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
		
	#Column2			{width:211px; float:right;}
	
	#Column2.BlueLinks a			{color:#003399}
	#Column2.BlueLinks a:hover	{color:#0066FF}
	#Column2.GoldLinks a			{color:#B28600}
	#Column2.GoldLinks a:hover	{color:#FFCC00}
	#Column2.GreenLinks a			{color:#006600}
	#Column2.GreenLinks a:hover	{color:#0033CC}


	#AreaPic			{width:211px;height:208px; float:right;}
	#AreaPic2			{width:211px;height:298px; float:right;}
	#AreaAwards			{width:150px;height:400px;}
	
	#Resources 			{width:211px; padding:0; margin:0;}
	#Resources p,
	#Resources ul,
	#Resources li,
	#Resources a 		{font-family:Arial, Helvetica, sans-serif; list-style-type:none; font-size:11px; font-weight:normal; line-height:20px; color:#000000}
	#Resources ul		{list-style-position: outside; margin:0 0 0 0px; padding:0 0 0 20px}
	#Resources li		{padding:0 0 0 30px;}	/* FYI - space between icon and link*/
	
	/* Resource Icons */
	li.pdf 			{background-image: url(../images/icons/PDF.gif);background-repeat: no-repeat; background-position: 0 center;}	
	li.word 		{background-image: url(../images/icons/Word.gif);background-repeat: no-repeat; background-position: 0 center;}	
	li.pdf2 		{background-image: url(../images/icons/pdf_icon.jpg);background-repeat: no-repeat; background-position: 0 center;}	
	li.web 			{background-image: url(../images/icons/ie_icon.gif);background-repeat: no-repeat; background-position: 0 center;}	
		
	#News			{width:211px;float:right; padding:10px 0 20px 0;}
	#News p			{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px;padding:0 16px 0 14px;}
	#News a			{color:#FF4109; text-decoration:underline;}
	#News A:hover	{color:#FF8A00;}
	
	#Content_SubNav		{background: url(../images/SubNavBG.Content.gif) #A2A299; width:790px; height:44px;}
	#Content_SubNavTest	{background-color:#A2A299; width:790px; height:44px;}
		
	#Product1_SubNav 	{background: url(../images/SubNavBG.DkGreen.gif) #339933; width:790px; height:44px;}
	#Product2_SubNav	{background: url(../images/SubNavBG.Blue.gif) #0066CC;width:790px; height:44px;}
	#Product3_SubNav	{background: url(../images/SubNavBG.Product3.gif) #B99400;width:790px; height:44px;}
	#Blue_SubNav		{background: url(../images/SubNavBG.MedBlue.gif) #295CC1;width:790px; height:44px;}
	
	.SubNav 		{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
	
	.SubHead-red	{font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #CC3300; font-size:12px; padding: 0px 30px 0px  30px;}
	.SubHead-grey	{font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #555555; font-size:12px; padding: 0px 30px 0px  30px;}
	.SubHead-blue 	{font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #003399; font-size:12px; padding: 0px 30px 0px  30px;}
	.SubHead-gold 	{font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #CC9900; font-size:14px; padding: 0px 30px 0px  30px;}
	.SubHead-black	{font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #000000; font-size:14px; padding: 0px 30px 0px  30px;}
	
	.DblArrow-red   {font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #CC3300; font-size:14px; padding: 0 5px 0 0; padding: 0 0 0 0;}
	.DblArrow-gold  {font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #B28600; font-size:14px; padding: 0 5px 0 0;}
	
	.Product-bullet {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; padding-left: 5%;}

	.Page_Border{
		border-width:thin; 
		border-style:solid; 
		border-color:#003399; 
		padding:0 0 25px 25px;
	}
	.Callout-gold {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 16px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #000000;
		margin: auto;
		padding: 15px;
		clear: both;
		float: none;
		height:auto;
		width: 400px;
		background-color: #FFF8DF;
		border-width: 2px;
		border-style: solid;
		border-color: #CC9900;
		text-align: left;
	}
	.Callout-blue{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 16px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #000000;
		margin: auto;
		padding: 10px;
		clear: both;
		float: none;
		height:auto;
		width: 400px;
		background-color: #E9EEFB;
		border-width: 2px;
		border-style: solid;
		border-color: #003399;
		text-align: left;
	}
	
	.Callout-grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	margin: auto;
	padding: 10px;
	clear: both;
	float: none;
	height:auto;
	width: 400px;
	background-color: #F0F0F0;
	border-width: 2px;
	border-style: solid;
	border-color: #555555;
	text-align: left;
}
	
	.Callout-red{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 16px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #000000;
		margin: auto;
		padding: 10px;
		clear: both;
		float: none;
		height:auto;
		width: 400px;
		background-color: #FFE9E1;
		border-width: 2px;
		border-style: solid;
		border-color: #CC3300;
		text-align: left;
}

	.product_box{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 16px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #000000;
		margin: auto;
		clear: both;
		float: none;
		width: 500px;
		border-width: 2px;
		border-style: solid;
		text-align: justify;
	}
	.box_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	width: 325px;
	text-align: justify;
}
		

/* a wide text box, just change colors as needed */
.wide_box{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 16px; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	color:#000000; margin: auto; 
	clear: both; 
    float: none; 
	height: auto; 
	width: 460px; 
	background-color: #E9EEFB; 
	border: 2px; 
    border-style:solid;
	border-color:#003399; 
	text-align: left;
	padding:10px 0 15px 0;
}

