/*
		File: 	style.css
		Date: 	2011
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*---------------------------------------------------------------------------- 
CORE HTML TAGS
-----------------------------------------------------------------------------*/
@import url("../variables/font.css");
@import url("../variables/bg.css");

body {
	margin: 1px auto 0px auto;
	padding: 0px;
	text-align:center;
}
html {
	overflow-x: hidden;
}
a { text-decoration:none; outline:none; }
a:link { color:#000000;  }
a:visited { color:#000000; }
a:hover { color:#a8cf45; }

.wrapper {
	position: relative;
	min-height: 100%; height: auto !important; height: 100%;
	width: 804px; /*BORDERS*/
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.7);
	-moz-box-shadow:1px 1px 15px rgba(0,0,0,0.7);
	margin: 0 auto -65px; /* FOOTER HEIGHT */
	background-color:#1f2010;
}
.footer, .push {
	height: 65px; /* FOOTER HEIGHT */
}
.footer { 
	position:relative;
	width:100%;
	margin: 0 auto;
}
#corner { position:absolute; width:40px; height:40px; z-index:99; left:5px; top:5px; }

.container {
	padding:0; margin:0;
}

.header {
	height: 120px;
	background-color:#000000;
	background-image:url(../images/tile_header.jpg);
	background-repeat:repeat-x;
	text-align:center;
	border-bottom:2px solid #000000;
}
.btm { 
	padding:10px;
}


.contentL {
	background-color:#838438;
	width:150px; max-width:150px !important;
	padding:0; margin:0;
	border-right:2px solid #000000;
}
.contentR {
	background-color:#f9f8d9;
	width:650px; max-width:650px !important;
	padding:0; margin:0;
}


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

.Content { 
	padding:20px 20px 30px 20px; /* T R B L */
}

.title_content { 
	margin:10px 0 0 0;
	font-size:26px;
	color:#222222;
	font-weight:bold;
}

.footer_txt, .footer_txt a:link, .footer a:visited { 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;  
}
.footer_txt a:hover { color:#e0e0e0; }

.Phone {
	padding:0px 8px 3px 0px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:22px;
	color:#F4F4F4;
}

/*---------------------------------------------------------------------------- 
TABLE
-----------------------------------------------------------------------------*/
.TableStyle { 
	border:2px solid #000000;
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
	margin-top:30px;
	margin-bottom:10px;

}
.TableTitle { 
	height:45px;
	font-size:28px;
	letter-spacing:0.05em;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	text-transform:capitalize;
	padding:0px 0px 0px 15px;
	border-bottom:2px solid #000000;
	width:100%;
	background-color:#013298;
}
.TableContent {
	padding:10px 15px 10px 15px;
}

/*---------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/

.navigation { 
	position:relative;
	margin: 0 auto;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	letter-spacing:0.005em;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	width:80%;
	height:60px;
}
.navigation a:link { color:#FFFFFF;  }
.navigation a:visited { color:#FFFFFF; }
.navigation a:hover { color:#7fd7dc; }
.navigation_selected, .navigation_selected a { color:#7fd7dc; }



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

.capitalize { text-transform:capitalize; }
.uppercase { text-transform:uppercase; }

.shadow { text-shadow:1px 1px 1px #222222; }  /* NEEDS TO MATCH SHADOW IN IE CSS SHEET */

iframe { padding:0; margin:0; background-color:transparent !important; }

.gradient {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 
}

/* 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.6;
opacity: 0.6;
}

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


/*---------------------------------------------------------------------------- 
MOBILE DEVICES
-----------------------------------------------------------------------------*/
@media screen and (max-device-width: 480px){
body {
	-webkit-text-size-adjust:none;
	font-size:140%;
}
}