/* 
Beehive Management Corp. Website Style Sheet -- "Zen"
Author: Intellectual Alchemy, Inc. All Rights Reserved.
Date: 2/4/2007
*/

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

Body {
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#afafaf;
	scrollbar-shadow-color:#afafaf;
	scrollbar-face-color:#afafaf;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#afafaf;
	scrollbar-3d-light-color:#ffffff;
	
	background: #394A5E ; 
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

/* Font Family -- Designates font-family globally.  */
html, body, div, p, td, th {	 
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff; 
}


/****************************** Fonts ************************************/

/* Section Header Font -- used designate what section of the site your on  */
.fntSectHeader {	 
	font: 20px Arial, Helvetica, sans-serif; 
	color: #00568E;
	font-weight: bold;
	letter-spacing: 0px; 
	line-height:16px;
}

/* Home Page Header Font -- used at the top of every content group   */
.fntHomeHeader {	 
	font: 18px Arial, Helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 11pt;  
}

/* Page Header Font -- used at the top of every content group   */
.fntPageHeader {	 
	font: 18px Arial, Helvetica, sans-serif; 
	color: #FFCC00;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 11pt;  
}

/* Copy Font -- used as main copy font throughout  */
.fntCopy {	 
	font: 11px Arial, Helvetica, sans-serif; 
	color: #ffffff;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 11pt;  

}

/* Footer Font -- used on footer of master page  */
.fntFooter {
	color: #666666; 
	font: 8px Arial, Helvetica, sans-serif; 
	font-weight: normal;
	letter-spacing: 0px; 
	line-height: 8pt;  

}



/* User Control Header Font -- used to define a user control  */
.fntUsrCntrlHeader {	 
	font: 10px Arial, Helvetica, sans-serif; 
	color: #00568E;
	font-weight: bold;
	letter-spacing: 0px;
}


/* Error/Success Message Font -- used display error and success messages  */
.fntErrSuccMsg {	 
	font: 12px Arial, Helvetica, sans-serif; 
	color: #666666;
	background-color:#000000;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 11pt; 
}

.SuccessMessageFont {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #669900;
	font-weight : bold; 
}

.ErrorMessageFont {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #C80020;
	font-weight : bold; 
}


/****************************** Link Styles ************************************/

/* SubNav Link -- used in the subnavigation  */
.lnkSubNav {
	color: #FFCC00; 
	font: 10px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	text-transform:uppercase;
	line-height:16px;  
}

A.lnkSubNav:link, A.lnkSubNav:visited, A.lnkSubNav:active { text-decoration: none; }
A.lnkSubNav:HOVER {text-decoration: underline;}	


/* Tert Nav Link -- used in the tertiary navigation  */
.lnkTertNav {
	color: #666666; 
	font: 11px Arial, Helvetica, sans-serif; 
	font-weight: normal; 
}

A.lnkTertNav:link, A.lnkTertNav:visited, A.lnkTertNav:active { text-decoration: none; }
A.lnkTertNav:HOVER {text-decoration: underline;}	


/* Footer Global Nav Links -- used on footer of master page  */
.lnkFooterNav {
	color: #666666; 
	font: 9px Arial, Helvetica, sans-serif; 
	font-weight: normal;
	letter-spacing: 0px; 
	text-transform:uppercase; 
}

A.lnkFooterNav:link, A.lnkFooterNav:visited, A.lnkFooterNav:active { text-decoration: underline; }
A.lnkFooterNav:HOVER {text-decoration: none;}	



/****************************** Div Styles ************************************/

/* Footer Div -- used to place the footer content */
.divFooter {
	text-align:center; 
	font: Arial, Helvetica, sans-serif color: #666666; font-weight:normal; font-size: 9px;
	padding:10px; 
}

/* Image Rotator Div -- used to place the image rotator on the homepage */
.divRotator {
	text-align:center; 
	padding:2px;
	border: 1px solid #CCCCCC; 
	position:relative;
	left:16px;
	width: 300px; height: 200px;
}




/****************************** Borders and Speialized TD control ************************************/

/* Well Border  -- Creates the vertical dotted line effect for the well border */
.tdWellBorder {
	border-right: 1px dotted #00568E;
}

/* Subnav TDs -- creates the highlight effect*/
.tdSubnavOn {
	background: #eeeeee; 
}
.tdSubnavOff {
	background: ; 
}

/* Tertnav TDs -- creates the highlight effect*/
.tdTertnavOn {
	background: #D3E6ED; 
}
.tdTertnavOff {
	background: ; 
}

/* Thumbnail Image TDs -- creates the highlight effect*/
.tdThmbOn {
	background: #D3E6ED;
	border: 1px solid #CCCCCC; 
}
.tdThmbOff {
	background: ;
	border: 1px solid #CCCCCC;  
}





/****************************** Color Handling ************************************/

.clrWhite {
	background: #ffffff; 
}

.clrLiteBlue {
	background: #F2F7F9; 
}


/****************************** Button Styles ************************************/
/* GlobalNav, TEAM --   */
.btnTeam {
     display: block; /* a tag must be a block */
     width: 77px; /* width of reactive image */
     height: 52px; /* height of reactive image */
     background-image: url(../images/GlobNav_Team.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnTeam:link, A.btnTeam:visited, A.btnTeam:active { display: block; width: 77px; height: 52px; background-image: url(../images/GlobNav_Team_f2.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnTeam:HOVER {display: block; width: 77px; height: 52px; background-image: url(../images/GlobNav_Team_f2.jpg); background-repeat: no-repeat; background-position: -125px 0%;  }	

/* GlobalNav, CLIENTS --   */
.btnClients {
     display: block; /* a tag must be a block */
     width: 84px; /* width of reactive image */
     height: 52px; /* height of reactive image */
     background-image: url(../images/GlobNav_Clients.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnClients:link, A.btnClients:visited, A.btnClients:active { display: block; width: 84px; height: 52px; background-image: url(../images/GlobNav_Clients_f2.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnClients:HOVER {display: block; width: 84px; height: 52px; background-image: url(../images/GlobNav_Clients_f2.jpg); background-repeat: no-repeat; background-position: -125px 0%;  }	

/* GlobalNav, CONTACT --   */
.btnContact {
     display: block; /* a tag must be a block */
     width: 90px; /* width of reactive image */
     height: 52px; /* height of reactive image */
     background-image: url(../images/GlobNav_Contact.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnContact:link, A.btnContact:visited, A.btnContact:active { display: block; width: 90px; height: 52px; background-image: url(../images/GlobNav_Contact_f2.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnContact:HOVER {display: block; width: 90px; height: 52px; background-image: url(../images/GlobNav_Contact_f2.jpg); background-repeat: no-repeat; background-position: -90px 0%;  }

/* ClientSubNav, BIO --   */
.btnBio {
     display: block; /* a tag must be a block */
     width: 40px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(../images/SubNav_Bio.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnBio:link, A.btnBio:visited, A.btnBio:active { display: block; width: 40px; height: 30px; background-image: url(../images/SubNav_Bio.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnBio:HOVER {display: block; width: 40px; height: 30px; background-image: url(../images/SubNav_Bio.jpg); background-repeat: no-repeat; background-position: 0px -30px;  }

/* ClientSubNav, MUSIC --   */
.btnMusic {
     display: block; /* a tag must be a block */
     width: 54px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(../images/SubNav_Music.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnMusic:link, A.btnMusic:visited, A.btnMusic:active { display: block; width: 54px; height: 30px; background-image: url(../images/SubNav_Music.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnMusic:HOVER {display: block; width: 54px; height: 30px; background-image: url(../images/SubNav_Music.jpg); background-repeat: no-repeat; background-position: 0px -30px;  }	

/* ClientSubNav, PHOTOS --   */
.btnPhotos {
     display: block; /* a tag must be a block */
     width: 64px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(../images/SubNav_Photos.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnPhotos:link, A.btnPhotos:visited, A.btnPhotos:active { display: block; width: 64px; height: 30px; background-image: url(../images/SubNav_Photos.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnPhotos:HOVER {display: block; width: 64px; height: 30px; background-image: url(../images/SubNav_Photos.jpg); background-repeat: no-repeat; background-position: 0px -30px;  }	

/* ClientSubNav, MOVIES --   */
.btnMovies {
     display: block; /* a tag must be a block */
     width: 64px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(../images/SubNav_Movies.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnMovies:link, A.btnMovies:visited, A.btnMovies:active { display: block; width: 64px; height: 30px; background-image: url(../images/SubNav_Movies.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnMovies:HOVER {display: block; width: 64px; height: 30px; background-image: url(../images/SubNav_Movies.jpg); background-repeat: no-repeat; background-position: 0px -30px;  }

/* ClientSubNav, DOCUMENTS --   */
.btnDocs {
     display: block; /* a tag must be a block */
     width: 86px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(../images/SubNav_Documents.jpg); /* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnDocs:link, A.btnDocs:visited, A.btnDocs:active { display: block; width: 86px; height: 30px; background-image: url(../images/SubNav_Documents.jpg); background-repeat: no-repeat; background-position: 0px 0%;}
A.btnDocs:HOVER {display: block; width: 86px; height: 30px; background-image: url(../images/SubNav_Documents.jpg); background-repeat: no-repeat; background-position: 0px -30px;  }


/****************************** "Backing" Image Handling ************************************/

/* Well Border -- this slice completes the border effect to seperate the subnav from the well*/
.bgndimgWellBrdr {
	background: url(../images/Site_WellBorder.jpg) repeat-y 50% 0; 
}

/* GlobalNavBacking -- completes the cloud effect on subnav table*/
.bgndimgGlblNav {
	background: url(../images/GlobNav_Backing.jpg) no-repeat 0% 0; 
}

/* SubnavBacking -- completes the cloud effect on subnav table*/
.bgndimgSubNav {
	background: url(../images/SubnavBacking.jpg) no-repeat 0% 0; 
}

/* Content Well Backing -- completes the cloud effect on Content Well table*/
.bgndimgContent {
	background: #394A5E url(../images/ContentWellBacking.jpg) no-repeat 0% 0; 
}



/****************************** User Controls ************************************/

/* Generic User Control -- sets color, border and font style for all text inputs, dropdowns */
.ucGeneric{
    border: 1px solid #999999;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px; 
	letter-spacing: 0px;    
    color: #666666;
	padding-left: 2px;
	width:420px;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#afafaf;
	scrollbar-shadow-color:#afafaf;
	scrollbar-face-color:#afafaf;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#afafaf;
	scrollbar-3d-light-color:#ffffff;
}

/* ERROR Borders, Font */
.ucGenericError{
    border: 1px solid #DB9494;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px; 
	letter-spacing: 0px;    
    color: #666666;
	padding-left: 2px;
	width:420px;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#afafaf;
	scrollbar-shadow-color:#afafaf;
	scrollbar-face-color:#afafaf;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#afafaf;
	scrollbar-3d-light-color:#ffffff;
}

/* Generic User Control -- sets color, border and font style for all text inputs, dropdowns */
.ucGenericHalf{
    border: 1px solid #999999;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px; 
	letter-spacing: 0px;    
    color: #666666;
	padding-left: 2px;
	width:200px;
}

/* Generic User Control -- sets color, border and font style for all text inputs, dropdowns */
.ucGenericHalfError{
    border: 1px solid #DB9494;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px; 
	letter-spacing: 0px;    
    color: #666666;
	padding-left: 2px;
	width:200px;
}