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


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




/*--- 2.HEADER ---*/
.header img {	
	height:100px;
}
.header {
	padding:10px 0px;
	font-size:40px;
	font-weight:bold;
	background-color:#FFFFFF;
	border-bottom:1px dashed #dddddd;
	
	height:140px;
	
	/*
	position:relative;
	width: 100%;
	margin: 0 auto;
	z-index:10;
	*/
}
#fadeshow_wrapper {
	background-color:#FFFFFF;
	border:1px 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 {
	color: #000;
    text-decoration: none;
	border-bottom: thin dotted #202020;
}
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;
}


.footer {
	background-color:#232323;
	border-top:#222222;
	font-size:80%;
}
.footer, .footer a {
	color:#F9F9F9;
}



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






/*---------------------------------------------------------------------------- 
	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;
}



/*---------------------------------------------------------------------------- 
	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; } }