/*
		File: 	styles.css
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------------------
*/	


/*--- 1.CONTAINER ---*/
.wrapper {
	background-color:transparent;
}
.container {
	background-color: #FFF;
}




/*--- 2.HEADER ---*/
.header img {	
	height:70px;
}
.header {
	padding:0;
	margin:0;
	
	width:100% !important;
	
	background-color:#000000 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));
	background: -moz-linear-gradient(top, #222222, #000000);
	
	border-bottom:5px solid #FFFFFF;
}
#fadeshow_wrapper {
	background-color:#FFFFFF;
	border:0px solid #000000;	
	margin:0px 0px 0px 0px;
}
.nivo-controlNav, #slideButtons {
	bottom:-35px;
	right:15px;
}



/*--- 3a.CONTENT - TEXT ---*/
#columnNav {
}
#columnContent {
}



/*--- 3b.CONTENT - IMAGE + COLORS ---*/
.Content p a:link, .Content p a:visited {
    text-decoration: none;
}
a img.ImageContent:hover { /* CONTENT IMG ROLLOVER IF LINK */
	filter:alpha(opacity=70); opacity:0.7;
}
img.ImageContent { 
	border-color:#000000; /* CONTENT IMAGE BORDER */
}
img.ImageContent:hover { /* CONTENT IMAGE BORDER = HOVER */
	border-color:#a92d34;
}





/*--- 4.BOTTOM ---*/
.btm, .btm a:link, .btm a:visited {
	background-color:#666666;
	padding:10px 0px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	font-size:24px;
	border-top:1px solid #000000;
}
.btm a:hover {
	color:#CCCCCC;
	filter: alpha(opacity=60);opacity:0.6;
	-webkit-transition:all .15s ease-in;
}




/*--- 5.FOOTER ---*/
.wrapper { margin: 0 auto -0px; } /* NUMBER MUST EQUAL */
.footer, .push { height: 0px; } /* NUMBER MUST EQUAL */




.footer_bg a:link, .footer_bg a:visited{
	color:#FFFFFF;
}

.footer_bg {
	background-color:#e6e6e6;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	border-top:2px solid #909090;
	padding:10px 0px;
	
	font-size:16px;
}





/*---------------------------------------------------------------------------- 
	EXTRA
-----------------------------------------------------------------------------*/
#share-buttons img {
	width: 35px;
	padding: 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

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

/* GRAYSCALE */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/* HIGHLIGHT TEXT COLOR */
::selection { background: #CCCCCC; } /* Safari */
::-moz-selection { background: #CCCCCC; } /* Firefox */

/* OUTLINE */
area:focus, map:focus, button:focus, input:focus, select:focus, textarea:focus{ outline:0; }

/* IFRAME */
iframe { padding:0; margin:0; }

/* Z-INDEX */
.modalwindow, .lightbox { z-index:1000000 !important; }

/* LINE */
hr {
	border:0; zoom:1;
	filter: alpha(opacity=80); opacity:0.8;
	background-color:#000000;
	height:1px;
	margin:5px 0px;
}

/* BLINKING TEXT */
.blink_me {
  animation: blinker 5s linear infinite;
}
@keyframes blinker {  
  60% { opacity: 0; }
}

/*---------------------------------------------------------------------------- 
	FADE IN CONTENT
-----------------------------------------------------------------------------*/
#TextContent {
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
#TextContent {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }





/*---------------------------------------------------------------------------- 
 GRAYSCALE
-----------------------------------------------------------------------------*/
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}


/*---------------------------------------------------------------------------- 
 BUTTONS
-----------------------------------------------------------------------------*/
#Buttons {
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	text-align: center;
	text-decoration: none;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);	
	
	font: Arial, Helvetica, sans-serif;
	font-size: 18px !important; line-height:102%; /* FONT SIZE */
}

.button:hover {
	text-decoration:none;
}
.button:active {
}

/* LINKS */
.button_link a:link, .button_link a:visited {
	color:#FFFFFF;
}
.button_link a:hover {
	color:#000000;
}

/* IMAGE ICON */
.button img {
	position:relative;
	padding:0px 5px 0px 0px;
}


/* RED */
.red {	
	font-size:14px; /* FONT SIZE */
	padding:20px 35px;
	color:#000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.red {
	text-decoration:none;
	border: solid 1px #ffcf84;
	background: #ffcf84;
	background-color: #ffcf84;
	color:#000;
}
.red:hover, .red:active  {
	background-color: #ebbb70;
	color: #FFF !important;
	border: solid 1px #000;
}