/* 
Cavo Portal Style Sheet
Author: Intellectual Alchemy
Implimenation: private
Date: 2/01/09
*/

/*----------------------------------------------------------------------------------
***************************** Global Elements  ***********************************
----------------------------------------------------------------------------------*/

html, body {
	height:100%;
	
	
	background-color: #ECE9E3;
	background-image:url(../images/BG_HTML.gif);
	background-position:50% 0%;
	background-repeat:no-repeat;

	padding:5px 0 0px 0;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


/* Font Family -- Designates font-family globally. */
html, body, div, p, td, th, ul, li {	 
	font-family: Trebuchet MS, sans-serif;
	color: #666666;
	font-weight: normal;
	

} 

/*----------------------------------------------------------------------------------
******** THE LITEPACIFIC CSS HACK - EXPLAINED BELOW IN FULL:  ******************
----------------------------------------------------------------------------------*/
/* this hack changes the top margin of the row containers for IE6 PC only! -- */

#div_Row {
	width: 980px; height:140px; position:relative; float:left;    
	margin-top:10px;/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-top:10px;/*all non-IE 5 browsers*/
}

#div_Row2 {
	width: 980px; height:140px; position:relative; float:left;    
	margin-top:10px;/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-top:10px;/*all non-IE 5 browsers*/
}

#div_Row3 {
	width: 980px; height:140px; position:relative; float:left;    
	margin-top:10px;/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-top:10px;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*#div_Row {
[margin-top:10px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
margin-top:10px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]margin-top:10px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/
html*#div_Row2 {
[margin-top:10px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
margin-top:10px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]margin-top:10px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/
html*#div_Row3 {
[margin-top:10px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
margin-top:10px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]margin-top:10px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/

.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC, and Safari on MAC, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari for MAC sees each [] as a character and not part of a selector, if one falls before a property. These cause the property name following the character to not be read, but next line without "[]" property is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html #div_Row {
margin-top:3px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/
* html #div_Row2 {
margin-top:3px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/
* html #div_Row3 {
margin-top:3px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/


/*----------------------------------------------------------------------------------
***************************** Div Styles ***********************************
----------------------------------------------------------------------------------*/
/* create 100% width container for centering the site... this method is backwards compatible for low resolutions */ 
.div_BrowserBounds{	width: 100%; height:100%;}

/* Site Container*/ 
.div_SiteContainer {
	width: 980px; height:740px; position:relative;
}

/* Masthead Container -- */
.div_Masthead {
	width: 980px; height:70px; position:relative; float:left;  margin:0px 0px 0px 0px;
}




/* Site Body Container -- */
.div_SiteBody {
	width: 980px; height:525px; position:relative; float:left; margin:24px 0 0 0px;
}

/* Content Row Container -- */
.div_PageHdrRow {
	width: 980px; height:40px; position:relative; float:left; margin:0px; 
}

/* Thumb Container -- */
.div_Thumb {
	width: 140px; height:140px; position:relative; float:right; margin:0px 0px 0px 22px; 
}



/* Footer Container -- */
.div_Footer {
	width: 980px; height:55px; position:relative; float:left; margin:0px 0px 0px 0px; 
}

/* Template 1 Content Box Container -- */
.div_Template1Container {
	width: 825px; height:515px; position:relative; float:left; padding:0px 20px 0 10px;
}

/* Template 2 Content Box Container -- */
.div_Template2Container {
	width: 825px; height:365px; position:relative; float:left; padding:0px 20px 0 10px;
}

/* Template 3 Content Box Container -- */
.div_Template3Container {
	width: 365px; height:190px; position:relative; float:left; padding:0px 20px 0 10px;
}

/* Scrollable Content -- */
.div_Scrollable {
	width: 840px; height:350px; overflow: auto; position:relative; float:left; margin:0px 0 0 0px;
}
/* Thumbnail Content -- */
.div_Gallery {
	width: 840px; height:150px; position:relative; float:left; margin:15px 0 0 0px; 
}
/* Gallery Thumb Container -- */
.div_GalleryThumb {
	width: 200px; height:150px; position:relative; float:left; margin:0px 6px 0px 0px; background-color:#ffffff
}

/*----------------------------------------------------------------------------------
***************************** ASSETS ***********************************
----------------------------------------------------------------------------------*/

/*  MinHeight fix for IE browsers */
.MinHeightFix_home {position:relative; float:left; width:6px; height:660px;}

/* Site Logo */
.asset_543logo {width:210px; height:70px; background-image: url(../images/Sprite_Assets.gif); background-position:0px -20px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:0px; top:0px; }

/* AlwaysEngagins */
.asset_Tagline {width:234px; height:19px; background-image: url(../images/Sprite_Assets.gif); background-position:-240px -20px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:746px; top:26px; }

/* Fishers Logo */
.asset_Fisherslogo {width:119px; height:53px; background-image: url(../images/Sprite_Assets.gif); background-position:-900px -90px; overflow:hidden; background-repeat:no-repeat; position:absolute; left:0px; top:0px; }

/* Warning Icon */
.asset_Warning {width:52px; height:51px; background-image: url(../images/Sprite_Assets.gif); background-position:-1680px -30px; overflow:hidden; background-repeat:no-repeat; position:relative; float:left; margin:0px 10px 0 0px; }





/*----------------------------------------------------------------------------------
***************************** Font Styles ***********************************
----------------------------------------------------------------------------------*/

/* Page Header - */
.fnt_PageHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight:bold;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	position:relative;
}

/* SubHeader - */
.fnt_PageSubHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	position:relative;
}

/* Row Headers - */
.fnt_1RowHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #005982;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	position:relative; float:right; width:170px; height:140px; overflow:hidden; text-align: right;
	text-decoration: none;
}

A.fnt_1RowHdr:HOVER {text-decoration: underline;}

.fnt_2RowHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #97AA70;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	position:relative; float:right; width:170px; height:140px; overflow:hidden; text-align: right;
	text-decoration: none;
}

A.fnt_2RowHdr:HOVER {text-decoration: underline;}

.fnt_3RowHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #CB7E2A;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	position:relative; float:right; width:170px; height:140px; overflow:hidden; text-align: right;
	text-decoration: none;
}

A.fnt_3RowHdr:HOVER {text-decoration: underline;}


/* Page Copy -  -- */
.fnt_Copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	letter-spacing: 0px;
	line-height:14px;
	margin:0px 0px 0px 0px;
}


/* Copyright -- */
.fnt_Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #909090;
	font-weight: normal;
	letter-spacing: 0px;
	position: relative; float:right;
	margin:8px 0px 0 0px; width:980px; text-align:right;
}

/* Content Hdr -- */
.fnt_CntHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #8DA24F;
	font-weight: normal;
	letter-spacing: 0px;
	position: relative;
	margin:0px 0px 15px 0px; 
}

/* Content Sub Hdr -- */
.fnt_CntSubHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #5073A3;
	font-weight: bold;
	letter-spacing: 0px;
	position: relative; 
	margin:5px 0px 0 0px; 
}

/* Content Tert Hdr -- */
.fnt_CntTertHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5073A3;
	font-weight: bold;
	letter-spacing: 0px;
	position: relative; 
	margin:5px 0px 0 0px; 
}

/* Content Copy -- */
.fnt_CntCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #616A6E;
	font-weight: normal;
	letter-spacing: 0px;
	position: relative;
	margin:6px 0px 0 0px;
}

/* Content Copy -- */
.fnt_CntSubCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616A6E;
	font-weight: normal;
	letter-spacing: 0px;
	position: relative;
	margin:6px 0px 0 0px;
}



/*----------------------------------------------------------------------------------
***************************** Hyperlink Styles ***********************************
----------------------------------------------------------------------------------*/


/* Copy Hyperlink  -- */
.lnk_Copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CB7F2A;
	font-weight: normal;
	margin:0 0 0 0;
	text-decoration:none;
}
A.lnk_Copy:HOVER {text-decoration: underline;}

/* 5Row Hyperlink - */
.lnk_1RowHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #143567;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	text-decoration: none;
}
A.lnk_1RowHdr:HOVER {text-decoration: underline;}

.lnk_2RowHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #90A554;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	text-decoration: none;
}
A.lnk_2RowHdr:HOVER {text-decoration: underline;}

.lnk_3RowHdr {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #CC6706;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:17px;
	margin:0px 0px 0px 0px;
	text-decoration: none;
}
A.lnk_3RowHdr:HOVER {text-decoration: underline;}




/* lnk_Footer Hyperlink  -- */
.lnk_Footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	letter-spacing: 0px;
	position: relative; float:right;
	margin:6px 0px 0 0px;
	text-decoration:none;
}
A.lnk_Footer:HOVER {text-decoration: underline;}



/*----------------------------------------------------------------------------------
***************************** Sprites ***********************************
----------------------------------------------------------------------------------*/
/* GLOBAL NAV */
.sprite_Gnav {position:absolute; left:240px; top:21px; padding: 0px; margin:0px; width:455px; height: 30px; }
.sprite_Gnav li {width:110px; height: 30px; position: absolute; top:0px; background: url(../images/Sprite_Assets.gif) 0 0 no-repeat; display: block; list-style: none;}
.sprite_Gnav a {width: 110px; height: 30px; display: block; }
.sprite_Gnav .Gnav_Insights {left: 0px; background-position: -0px -170px;}
.sprite_Gnav .Gnav_Outcomes {left: 115px; background-position: -115px -170px;}
.sprite_Gnav .Gnav_Method {left: 230px; background-position: -230px -170px;}
.sprite_Gnav .Gnav_Services {left: 345px; background-position: -345px -170px;}

.sprite_Gnav .Gnav_Insights a:hover {background: url(../images/Sprite_Assets.gif) -0px -200px no-repeat;}
.sprite_Gnav .Gnav_Outcomes a:hover {background: url(../images/Sprite_Assets.gif) -115px -200px no-repeat;}
.sprite_Gnav .Gnav_Method a:hover {background: url(../images/Sprite_Assets.gif) -230px -200px no-repeat;}
.sprite_Gnav .Gnav_Services a:hover {background: url(../images/Sprite_Assets.gif) -345px -200px no-repeat;}

.sprite_Gnav .Gnav_Insights_on {left: 0px; background-position: -0px -230px;}
.sprite_Gnav .Gnav_Outcomes_on {left: 115px; background-position: -115px -230px;}
.sprite_Gnav .Gnav_Method_on {left: 230px; background-position: -230px -230px;}
.sprite_Gnav .Gnav_Services_on {left: 345px; background-position: -345px -230px;}

/* GLOBAL NAV secondary */
.sprite_Gnav2 {position:absolute; left:717px; top:55px; padding: 0px; margin:0px; width:260px; height:15px; overflow:hidden; }
.sprite_Gnav2 li {height: 15px; position: absolute; top:0px; background: url(../images/Sprite_Assets.gif) 0 0 no-repeat; display: block; list-style: none;}
.sprite_Gnav2 a {height: 15px; display: block; }
.sprite_Gnav2 .Gnav2_Login {width:34px; height: 15px; left: 0px; background-position: -0px -278px;}
.sprite_Gnav2 .Gnav2_Blog {width:31px; height: 15px; left: 47px; background-position: -47px -278px;}
.sprite_Gnav2 .Gnav2_Careers {width:48px; height: 15px; left: 90px; background-position: -90px -278px;}
.sprite_Gnav2 .Gnav2_Contact {width:110px; height: 15px; left: 150px; background-position: -150px -278px;}

.sprite_Gnav2 .Gnav2_Login a:hover {background: url(../images/Sprite_Assets.gif) -0px -293px no-repeat;}
.sprite_Gnav2 .Gnav2_Blog a:hover {background: url(../images/Sprite_Assets.gif) -47px -293px no-repeat;}
.sprite_Gnav2 .Gnav2_Careers a:hover {background: url(../images/Sprite_Assets.gif) -90px -293px no-repeat;}
.sprite_Gnav2 .Gnav2_Contact a:hover {background: url(../images/Sprite_Assets.gif) -150px -293px no-repeat;}

.sprite_Gnav2 .Gnav2_Login_on {width:34px; height: 15px; left: 0px; background-position: -0px -308px;}
.sprite_Gnav2 .Gnav2_Blog_on {width:31px; height: 15px; left: 47px; background-position: -47px -308px;}
.sprite_Gnav2 .Gnav2_Careers_on {width:48px; height: 15px; left: 90px; background-position: -90px -308px;}
.sprite_Gnav2 .Gnav2_Contact_on {width:110px; height: 15px; left: 150px; background-position: -150px -308px;}



/*----------------------------------------------------------------------------------
***************************** Button Styles ***********************************
----------------------------------------------------------------------------------*/

/* Mask button  */
.btn_Mask{
     display: block; /* a tag must be a block */
     width: 140px; /* width of reactive image */
     height: 140px; /* height of reactive image */
     background-image: url(../images/Mask.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0px;
	 overflow:hidden;
	 position:absolute; left:0px; top:0px; z-index:99;
	 margin:0px; padding:0px;
	 }
A.btn_Mask:HOVER {background-position: 0px -140px; }




/*----------------------------------------------------------------------------------
***************************** Lists ***********************************
----------------------------------------------------------------------------------*/
/* Unordered List, 10 pt  -  -- */
.list_Level1 {
	list-style-image:  url('../images/bullet_Arrow.gif');
	list-style-position: outside; 
	font:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#666666; 
	line-height:8px; 
	margin:6px 0 0 18px;
}
.list_Level1 li { margin:0 0 6px 0px;}