/*
		File: 	style.css
		Date: 	2010
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/*---------------------------------------------------------------------------- 
CORE HTML TAGS
-----------------------------------------------------------------------------*/

body {
	margin:0px auto 0px auto;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#330033;
	text-align:center;
}
html, body  {
   background: #62207A url(../images/exteriortile.jpg) center top repeat-x;
   background-attachment:scroll;
   height: 100%;
}

a:link {
	color:#660066;
	text-decoration:none;
	}
a:visited {
	color:#660066;
	text-decoration:none;
	}
a:hover {
	color:#93C;
	text-decoration:underline;
	}

p { padding:10px;}

.header {
	height: 200px;
	text-align:center;
	padding-top:0px;
}

* {
	margin: 0;
}
html, body {
	
}


.content { width:100%; background-image:url(../images/tile.gif); background-repeat:repeat-y; min-height:60%; height:auto !important; }
* html .content { height: 8em; }
.content_greenhouse { width:100%; background-image:url(../images/tile.gif); background-repeat:repeat-y; min-height:60%; height:auto !important; }
* html .content_greenhouse { height: 8em; }
.content_naturium { width:100%; background-image:url(../images/tile_naturium.jpg); background-repeat:repeat-y; min-height:60%; height:auto !important; }
* html .content_naturium { height: 8em; }
.content_hummingbirds { width:100%; background-image:url(../images/tile.gif); background-repeat:repeat-y; min-height:60%; height:auto !important; }
* html .content_hummingbirds { height: 8em; }

.content_clear { width:100%; background-image:url(../images/tile2.jpg); background-repeat:repeat-x; background-color:#CCC; }
.content_clear a:link { color:#FFFFFF; text-decoration:none; }
.content_clear a:hover { color:#02923b; text-decoration:none; }
.content_clear a:visited { color:#FFFFFF; text-decoration:none; }


.wrapper {
	position: relative;
	width: 850px;
	margin: 0 auto -142px;
	text-align: left;
	background-color:#381148;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 150px; /* .push must be the same height as .footer */
	background-color:#381148;
}
.footer {
	position: relative;
	width: 850px;
	margin: 0 auto;
	background: url(footer.jpg) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	letter-spacing:0.2em;
	background-color:#381148;
}
.footer a:link { font-size:11px; text-decoration:none; font-weight:normal; color:#FFF; }
.footer a:hover { font-size:11px; text-decoration:none; font-weight:normal; color:#FFF; }
.footer a:visited { font-size:11px; text-decoration:none; font-weight:normal; color:#FFF; }

.footer p {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 850px;
	padding: 0;
	text-align: center;
}

#corner {
	position:absolute;
	width: 40px;
	height: 40px;
	z-index: 99;
	left: 5px;
	top: 5px;
}

.photo_thumbs a:link { font-size:11px; text-decoration:none; font-weight:normal; color:#FFFFFF; }
.photo_thumbs a:hover { font-size:11px; text-decoration:underline; font-weight:normal; color:#02923b; }
.photo_thumbs a:visited { font-size:11px; text-decoration:none; font-weight:normal; color:#FFFFFF; }

/*---------------------------------------------------------------------------- 
FONTS
-----------------------------------------------------------------------------*/

.capitalize { text-transform:capitalize; }

.newsletter { font-size:11px; color:#FFF; }

.title { font-size:16px; font-weight:bold; color:#660066; margin:0 50px 0 0; }

.title_intro { font-family: Georgia, "Times New Roman", Times, serif; margin:10px 0 0 0; font-size:16px; color:#900;}

.title_white { font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#660066; }

.txt { font-size:12px; color:#660066; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; }

.txt_white { font-size:12px; color:#FFF; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; }
.txt_white a:link { font-size:11px; text-decoration:none; font-weight:normal; color:#FFF; }
.txt_white a:hover { font-size:11px; text-decoration:none; font-weight:normal; color:#333; }
.txt_white a:visited { font-size:11px; text-decoration:none; font-weight:normal; color:#FFF; }

.uppercase { text-transform:uppercase; }


/*---------------------------------------------------------------------------- 
INDEX
-----------------------------------------------------------------------------*/
.txt_intro { color:#000000; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

.txt_intro_date { color:#000000; font-weight:normal; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

.txt_intro_title { color:#62207a; font-weight:normal; font-size:30px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

.index_image_width { max-width:150px; min-width:100px; }

.index_table_bg { background-image:url(../images/tile-index.jpg); background-repeat:repeat-x; min-height:260px; }




/*---------------------------------------------------------------------------- 
VIDEO
-----------------------------------------------------------------------------*/

.video { background-image:url(../images/video/getgrowing_bg.jpg); background-repeat:no-repeat; text-align:center; }

.content_video { width:100%; background-color:#FFF; min-height:60%; }

.content_video a:link { font-size:11px; text-decoration:none; font-weight:normal; color:#02923b; }
.content_video a:hover { font-size:11px; text-decoration:underline; font-weight:normal; color:#063; }
.content_video a:visited { font-size:11px; text-decoration:none; font-weight:normal; color:#02923b; }


/*---------------------------------------------------------------------------- 
MENU - Naturium
-----------------------------------------------------------------------------*/

#menu_naturium {
        width: 194px;
        border-style: solid solid none solid;
        border-color: #6f4675;
        border-size: 1px;
        border-width: 1px;
        }

#menu_naturium li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		font-weight:normal;
        }

#menu_naturium li a:link, #menu_naturium li a:visited {
        color: #FFFFFF;
        display: block;
        background: url(../images/nav_naturium.gif);
        padding: 8px 0 0 30px;
		font-weight:normal;
        }

#menu_naturium li a:hover, #menu_naturium li #current {
        color:#111111;
        background: url(../images/nav_naturium.gif) 0 -32px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }

#menu_naturium li a:active {
        color: #000;
        background: url(../images/nav_naturium.gif) 0 -64px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
/*---------------------------------------------------------------------------- 
MENU - Greenhouse
-----------------------------------------------------------------------------*/

#menu_greenhouse {
        width: 194px;
        border-style: solid solid none solid;
        border-color: #D76100;
        border-size: 1px;
        border-width: 1px;
        }

#menu_greenhouse li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		font-weight:normal;
        }

#menu_greenhouse li a:link, #menu_greenhouse li a:visited {
        color: #FFF;
        display: block;
        background: url(../images/nav_greenhouse.gif);
        padding: 8px 0 0 30px;
		font-weight:normal;
        }

#menu_greenhouse li a:hover, #menu_greenhouse li #current {
        color: #000;
        background: url(../images/nav_greenhouse.gif) 0 -32px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }

#menu_greenhouse li a:active {
        color: #000;
        background: url(../images/nav_greenhouse.gif) 0 -64px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
		
		
/*---------------------------------------------------------------------------- 
MENU - Hummingbirds
-----------------------------------------------------------------------------*/

#menu_hummingbirds {
        width: 194px;
        border-style: solid solid none solid;
        border-color:#096;
        border-size: 1px;
        border-width: 1px;
        }

#menu_hummingbirds li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		font-weight:normal;
        }

#menu_hummingbirds li a:link, #menu_hummingbirds li a:visited {
        color: #FFF;
        display: block;
        background: url(../images/nav_hummingbirds.gif);
        padding: 8px 0 0 30px;
		font-weight:normal;
        }

#menu_hummingbirds li a:hover, #menu_hummingbirds li #current {
        color: #000;
        background: url(../images/nav_hummingbirds.gif) 0 -32px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }

#menu_hummingbirds li a:active {
        color: #000;
        background: url(../images/nav_hummingbirds.gif) 0 -64px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }

	
	
/*---------------------------------------------------------------------------- 
TABLE SETUPS
-----------------------------------------------------------------------------*/
		
.table_greenhouse { background-image:url(../images/table_greenhouse_tile.jpg); background-repeat:no-repeat; min-height:188px; height:100%; width:300px; }
.table_greenhousetile { background-image:url(../images/table_greenhouse_tile.png); background-repeat:repeat-y; height:100%; min-height:188px; }

.table_naturium { background-image:url(../images/table_naturium_tile.jpg); background-repeat:no-repeat; min-height:188px; height:100%; width:300px; }
.table_naturiumtile { background-image:url(../images/table_naturium_tile.png); background-repeat:repeat-y; height:100%; min-height:188px; }


/*---------------------------------------------------------------------------- 
BUBBLE TOOLTIP
-----------------------------------------------------------------------------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}