/*
	Master CSS File 
	 
	Client:		Crow Canyon Systems
	Project: 	/CrowCanyon
	URL:		www.CrowCanyon.com
	Version:	v. 1.45
	Date:		March 28, 2007
	
*/

/* Color glossary 
   #E9EEFB - Soft blue background
	#003399 - Blue 
	#FFE9E1 - Soft background red
   #CC3300 - Red
   #FF6600 - Red hover
      #FF6633 - Lt Red for header
	#555555 - Gray (for borders)
   #F0F0F0 - Soft background gray
	#CC9900 - Gold
   #FFF8DF - Soft background gold
	#006600 - Green text
	#0033CC - Green text hover
	#B28600 - Gold text
	#FFCC00 - Gold text hover
	#a72b1c  - med warm red
	#520000 - dark warm red

*/

	/* 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-color: #DAD29B;}
	BODY.ContentMedPage	{background-color: #DAD29B;}
	BODY.ContentDkBlue	{background-color: #DAD29B;}
	BODY.ContentBlueGrey	{background-color: #DAD29B;} 
	
	/* 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:579px;height:561px; float:left}*/
	/* #HomeColumn2		{background: url(../images/RTColBgStripe.gif) repeat-x #CCCCCC; width:211px;height:561px; float:right;}*/
	
	#HomeColumn1		{background: url(../images/HomeContentAreaBgStripe.gif) repeat-x #FFFFFF; width:579px; height:540px; float:left;}
	#HomeColumn2		{background: url(../images/RTColBgStripe2.gif) repeat-x #CCCCCC; width:211px; height:540px; float:right;}

	#Testimonials		{background: url(../images/Why_Crow_Canyon.gif) #CCCCCC; width:211px; height:250px; float:right; background-repeat:no-repeat;}
	#Testimonials P		{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; padding:20px 18px 0 20px; margin-bottom:0;}
	#Testimonials ul	{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px;}
	#Testimonials A		{color:#FF4109; text-decoration:underline}
	#Testimonials A:hover	{color:#FF8A00;}

	
	#TestimonialsNarrow		{background: url(../images/CC-Cust_Say_Narrow3.gif) #CCCCCC; width:179px; height:309px; float:right;}
	#TestimonialsNarrow P	{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px;padding:50px 18px 0 16px;}
	
	#HomeNews			{background: url(../images/HomeNewsBackground.gif) #CCCCCC;width:211px;height:290px; float:right; margin:0 0 0 0;}
	#HomeNews P			{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; padding:0px 18px 0 16px;}
	#HomeNews A			{color:#FF4109; text-decoration:underline}
	#HomeNews A:hover	{color:#FF8A00;}
	
	#CustomerSide			{background: url(../images/CustomerSidebar.gif) #CCCCCC;width:211px;height:290px; float:right; margin:0 0 0 0;}
	#CustomerSide P			{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px;padding:0px 18px 0 16px;}
	#CustomerSide A			{color:#FF4109; text-decoration:underline}
	#CustomerSide 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:260px; 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:11px; line-height:14px;}
	#ProdRow a 			{color: #000000; font-weight: normal; text-decoration: none;}
	#ProdRow a:hover 	{text-decoration:underline}
	#ProdRow a:visited 	{color:#000000}
	
	#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;}
	
	#BlurbRow			{width:579px; height:50px; margin:0 0 0 0; padding:0 0 0 0; float:left; clear:both;}

	
	/* Product Coloring */
	.Product1 			{color:#699832;margin-left:1px;margin-right:1px;}
	.Product2			{color:#4875AC;margin-left:1px;margin-right:1px;}
	.Product3			{color: #B28600;margin-left:1px;margin-right:1px;}
	.ProdDarkGreen		{color: #006600;}
	.ProdDarkBlue		{color: #0033CC;}
	.ProdDarkBlue2		{color: #003399;}
	p.ProdLink			{float:right;}
	.ProdMiddle		    {color: #003399; text-align:left;}
	
	/* Other product formatting */
	.prod_top	{margin:0;padding:0;}
	.prod_box	{margin:0;padding:0;}
	.new_version {font-family:Arial, Helvetica, sans-serif;font-size:11px;text-align:center; font-weight:bold;color:#000000;padding:5px 0 8px 0;}
	
	
	/* =================================================================================================================================== */
	/* 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;}
	#ContentPageBdr				{width:792px;height:auto;margin:0;padding:0 1px 0 1px;background:#000000; }
	#Column1					{background: #FFFFFF;width:579px; float:left;}
	#Column1 p					{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding: 0 30px 0 30px; line-height:14px;}
	#Column1 ul					{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 0.5em;padding:0 20px 0 55px;}
	/* #Column1 ul					{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 20px 0 45px;}  */
	#Column1 li					{padding:0 0 5px 0;}
	#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: #CC0033}
	#Column1.RedText a:hover	{color:#FF0066}
	#Column1.WarmRedText a			{font-weight: normal;color: #520000;}
	#Column1.WarmRedText a:hover	{color:#a72b1c;}
	#Column1.OrangeRedText a		{font-weight: normal;color: #CC3300}
	#Column1.OrangeRedText 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;
	}
		
	.ContentText	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding: 0 30px 0 30px; line-height:14px;}

	#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;}
	#AreaPic3			{width:211px;height:200px; 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;}
	li.excel2 		{background-image: url(../images/icons/excel_icon.jpg);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;}
	#Red_SubNav	 		{background: url(../images/SubNavBG.Red.gif) #FF6633;width:790px; height:44px;}
	#DkGrey_Subnav		{background: url(../images/SubNavBG.dkgrey.gif) #666666;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-red14px	{font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #a72b1c; font-size:14px; padding: 3px 30px 3px  30px;}
	.SubHead-blue14px	{font-family:Arial, Helvetica, sans-serif; font-weight: bold;color: #003399; font-size:14px; padding: 3px 30px 3px  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;
}

	/* =================================================================================================================================== */