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

/*---------------------------------------------------------------------------- 
	IMPORT
-----------------------------------------------------------------------------*/
@import url("buttons.css");
/*@import url("../../Fonts/fonts.css");*/
/*@import url("../../Config/font.css");*/


/*---------------------------------------------------------------------------- 
	BACKGROUND COLOR
-----------------------------------------------------------------------------*/
html, body, #page {
	-webkit-text-size-adjust: none;
	background:#CCCCCC;
	background-color:#CCCCCC;
}


/*---------------------------------------------------------------------------- 
	MAIN TAGS
-----------------------------------------------------------------------------*/
html, body {
	margin:0; padding:0;
	height:100%;
	width:100%;
	max-width:100%;
	-webkit-overflow-scrolling: touch;
}
body {
	overflow-y:scroll;
}

#page {
}
#ContentWrapper {
	background:#FFFFFF;
	background-color:#FFFFFF;
	min-height:0px !important;
}
#WebsiteContent{
}
.Content{
	padding:10px 10px; /* PADDING */
	width:100%;
	-webkit-overflow-scrolling:touch;
	overflow:auto;
}
.page-content {
}


.footer {
	position:relative;
	bottom:0;
	width:100%;
	text-shadow:1px 1px 1px #000000;
	border-top:1px solid #000000;
	background-color:#3e4045;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4045', endColorstr='#222222');
	background: -webkit-gradient(linear, left top, left bottom, from(#3e4045), to(#222222));
	background: -moz-linear-gradient(top, #3e4045, #222222);
}




/*---------------------------------------------------------------------------- 
	RESIZE
-----------------------------------------------------------------------------*/
.Content img {
	height:auto !important;
	max-width:100% !important;
}





/*---------------------------------------------------------------------------- 
	TABLE
-----------------------------------------------------------------------------*/
#TextContent table td, .Content table td {
	display: block !important;
	width:100% !important;
	padding-top:7px !important; /* TABLE TD CELL VERTICAL PADDING */
	padding-bottom:7px !important; /* TABLE TD CELL VERTICAL PADDING */
}
#TextContent table, .Content table {
	padding-bottom:7px !important; /* TABLE TD CELL VERTICAL PADDING */
}
.NoMobile table td, .NoMobile, .NoMobile td {
	display:table-cell !important;
}


/*---------------------------------------------------------------------------- 
	FONTS
-----------------------------------------------------------------------------*/
html, body  {
	font-family: 'Open Sans', Arial, sans-serif;
	color:#000000;
	line-height:normal;
	font-size:16px;
}
a {
	text-decoration:none;
	color:#000000;
}

h1,h2,h3,h4,h5 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#000000;
	font-weight:bold;
	padding:0; margin:0;
	line-height:inherit;
}

h1 {
	font-size:36px;
}
h2 {
	font-size:26px;
}
h3 {
	font-size:22px;
}
p {
	text-align:justify;
	line-height:inherit;
	padding:0; margin:0;
}




/*---------------------------------------------------------------------------- 
	MENU - BTN
-----------------------------------------------------------------------------*/
.menu-btn {
	/* background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); */
	background: center center no-repeat transparent;
	background-image:url(../variables/menu.png);

	position:relative;
	display: block;
	width: 45px;
	height: 45px;
	top: 0px;
	left: 0px;
}



/*---------------------------------------------------------------------------- 
	FORM
-----------------------------------------------------------------------------*/
input, textarea, select, .FormStyle { 
	padding: 5px !important;
	border: solid 1px #E5E5E5 !important;
	outline: 0  !important;
	font: normal 12px Verdana, Tahoma, sans-serif;
	background: #FFFFFF !important;
	background-image:none !important;
	width:80% !important;
}


/*---------------------------------------------------------------------------- 
	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=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition:all .15s ease-in;
}



/*---------------------------------------------------------------------------- 
	NO SCROLL
-----------------------------------------------------------------------------*/
/*
html, body {
	overflow: -moz-scrollbars-none;
}
::-webkit-scrollbar { 
    display: none; 
}
*/


/*---------------------------------------------------------------------------- 
	CLEAR FIXES
-----------------------------------------------------------------------------*/
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

textarea {
	background-image:none !important;
}
.Content li {
	text-align:left;
}