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

/*---------------------------------------------------------------------------- 
NAVIGATION IMAGES
-----------------------------------------------------------------------------*/
.HomeImageL, .HomeImageR {
	-webkit-box-shadow:1px 1px 50px rgba(0,0,0,0.7);
	-moz-box-shadow:1px 1px 50px rgba(0,0,0,0.7);
}
img.HomeImageL, img.HomeImageR { /* BORDER STUFF */
	border: 1px solid #000000;
	padding: 5px;
	margin:0px;
}


/*---------------------------------------------------------------------------- 
BUTTONS
-----------------------------------------------------------------------------*/
/* WIDTHS*/
.btn_inner, btn_wrapperL, btn_wrapperR {
	width:240px;
	max-width:240px !important;
}

.btn {
	float: left;
	clear: both;
	background: url(../images/btn/btn_left_Square.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 0;
	border:1px solid #000000;
}
.btn a { cursor:pointer !important; /* REMOVE CURSOR SO THEY MOVE TO IMAGE */ }
.btn span {
	background: url(../images/btn/btn_right_Square.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}

.btn_inner {
	float: left;
	height: 40px;
	background: url(../images/btn/btn_bg.png) repeat-x left top;
	line-height: 40px;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
}


/* FONTS */
.btn {
	text-shadow:1px 2px 1px #000000;
	text-align:center;
	font-size:22px;
	line-height:90%;
	font-weight:bold;
}

.btn_wrapperL a, .btn_wrapperR a {
	color:#FFFFFF;  
}

/* REGULAR */
.btn_wrapperL, .btn_wrapperR, img.HomeImageL, img.HomeImageR {
	background-color:#222222;
}

/* ROLLOVERS */
.btn_wrapperL:hover, img.HomeImageL:hover, .btn_blue:hover, img.bRollover {
	background-color: #3497e8;
}
.btn_wrapperR:hover, img.HomeImageR:hover, .btn_grey:hover, img.dRollover { 
	background-color: #919191;
}

/*------------*/
.clear {
	clear: both;
}