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

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

@import url("../variables/font.css");

body {
	margin: 1px auto 0px auto;
	padding: 0px;
	text-align:center;
}
html, body  {
   background: #0a003d url(../images/bg.jpg) center top repeat-x;
   background-attachment:fixed;
   height: 100%;
}

a:link {
	color:#FFFFFF;
	text-decoration:none;
	}
a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover {
	color:#9ace34;
	text-decoration:none;
	}

.wrapper {
	position: relative;
	width: 850px;
	margin: 0 auto -142px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	background-color:#381148;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* FOOTER HEIGHT */
}
.header {
	height: 195px;
	text-align:center;
	padding-top:0px;
}
.footer, .push {
	height: 60px; /* FOOTER HEIGHT */
}
.footer { position:relative; margin: 0 auto;  }

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

.content a:link, .content a:visited { color:#381148;  }
.content a:hover { color:#3d8b44; }
.content img { max-width:600px; border:1px solid #222222; }

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

.txt_content { font-size:13px; line-height:20px; }

.txt_title { font-size:22px; line-height:24px; color:#381148; text-transform:capitalize; padding-top:15px; } 

.txt_title1 { font-size:22px; line-height:24px; color:#864591; text-transform:capitalize; padding-top:15px; }

.btm_txt { font-size:11px; text-decoration:none; color:#CCCCCC; }
.btm_txt a:link, .btm_txt a:visited { color:#CCCCCC;  }
.btm_txt a:hover { color:#9ace34; }

.navigation_txt { font-size:18px; text-decoration:none; font-weight:bold; text-transform:uppercase; font-family: 'Cabin', arial, serif; letter-spacing:0.05em; }
.navigation_txt a:link, .navigation_txt a:visited { color:#000000;  }
.navigation_txt a:hover { color:#FFFFFF; }
.navigation_selected { color:#864591; }
.navigation_spacing { padding-left:15px; padding-right:15px; }



.alert_txt { font-family:Verdana, Geneva, sans-serif; line-height:1.2em; color:#C11B17; text-transform:uppercase; font-size:16px; font-weight:bold; }
.capitalize { text-transform:capitalize; }
.text_shadow { text-shadow: 2px 2px 2px #222222; }
.uppercase { text-transform:uppercase; }





/*---------------------------------------------------------------------------- 
STYLES
-----------------------------------------------------------------------------*/

/* ROLLOVER */
.rollover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.rollover:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.8;
opacity: 0.8;
}

/* TEXT AREA */
textarea { 
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
}

p { padding:0; }

ul { list-style: none; margin: 0; padding: 0; }

.side_menu { font-size:16px; letter-spacing:0.05em; }


/*---------------------------------------------------------------------------- 
MENU - BUTTERFLY FARM
-----------------------------------------------------------------------------*/

#menu_naturium {
        width: 200px;
        border-style: solid solid none solid;
        border-color: #5a3560;
        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.jpg);
        padding: 8px 0 0 30px;
		font-weight:normal;
        }

#menu_naturium li a:hover, #menu_naturium li #current {
        color: #222222;
        background: url(../images/nav_naturium.jpg) 0 -32px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
#menu_naturium li #title {
        color: #000000;
        background: url(../images/nav_naturium.jpg) 0 -64px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
#menu_naturium li #title_current {
        color: #FFFFFF;
        background: url(../images/nav_naturium.jpg) 0 -96px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
/*---------------------------------------------------------------------------- 
MENU - GARDEN CENTRE
-----------------------------------------------------------------------------*/

#menu_greenhouse {
        width: 200px;
        border-style: solid solid none solid;
        border-color: #2e5b32;
        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: #FFFFFF;
        display: block;
        background: url(../images/nav_greenhouse.jpg);
        padding: 8px 0 0 30px;
		font-weight:normal;
        }

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

#menu_greenhouse li #title {
        color: #000000;
        background: url(../images/nav_greenhouse.jpg) 0 -64px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
#menu_greenhouse li #title_current {
        color: #FFFFFF;
        background: url(../images/nav_greenhouse.jpg) 0 -96px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
		
		
/*---------------------------------------------------------------------------- 
MENU - NEWSLETTER
-----------------------------------------------------------------------------*/

#menu_hummingbirds {
        width: 200px;
        border-style: solid solid none solid;
        border-color:#660066;
        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: #FFFFFF;
        display: block;
        background: url(../images/nav_hummingbirds.jpg);
        padding: 8px 0 0 30px;
		font-weight:normal;
        }

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

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

#menu_hummingbirds li #title_current {
        color: #FFFFFF;
        background: url(../images/nav_hummingbirds.jpg) 0 -64px;
        padding: 8px 0 0 30px;
		font-weight:bold;
        }
		
/*---------------------------------------------------------------------------- 
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:2px; left:0;
	padding: 0 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 0px 0;
    background: url(../images/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 0px; 
	background: url(../images/bubble_filler.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 0px 10px;
	color: #548912;
    background: url(../images/bubble.png) no-repeat bottom;
}