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

/*---------------------------------------------------------------------------- 
CORE HTML TAGS
-----------------------------------------------------------------------------*/

body {
	margin:1px auto 0px auto;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	text-align:center;
	border-style:solid;
}
html, body  {
   background: #dfefc2 url(../images/exteriortile.jpg) center top repeat;
   background-attachment:scroll;
   background-repeat:no-repeat;
   height: 100%;
}

img { -ms-interpolation-mode: bicubic; }

table { border-style: solid; }

a:link {
	color:#000;
	text-decoration:none;
	}
a:visited {
	color:#000;
	text-decoration:none;
	}
a:hover {
	color:#000;
	text-decoration:underline;
	}

p { padding:10px;}

.header {
	height: 177px;
	text-align:center;
	padding-top:0px;
}
.header_tile { background-image:url(../images/header-logo.png); background-repeat:no-repeat; }

* {
	margin: 0;
}
html, body {
	
}
.wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto -142px;
	text-align: left;
	background-color:#FFF;
	background-image:url(../images/tile-bg.jpg);
	background-repeat:repeat-y;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 20px; /* .push must be the same height as .footer */
}
.footer {
	position: relative;
	width: 900px;
	margin: 0 auto;
	background: url(footer.jpg) no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
}
.footer a:link { color:#666; font-size:10px; text-decoration:none; }
.footer a:hover { color:#666; font-size:10px; text-decoration:underline; }
.footer a:visited { color:#666; font-size:10px; text-decoration:none; }

.footer p {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 900px;
	padding: 0;
	text-align: center;
}

#corner {
	position:absolute;
	width: 40px;
	height: 40px;
	z-index: 99;
	left: 5px;
	top: 5px;
}

.home_news { background-image:url(../images/tile-home.jpg); background-repeat:repeat-x; }



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

.image_width { max-width:350px; min-height:170px; background-color:#FFF; }

.product_holder { background-color:#FFFFFF; width:600px; padding:5px; }

.productList_limits { max-height:120px; max-width: 500px; }

.tableStyle td:hover { background-color: #b5bac4; }


.product_view { border: 10px solid #4C3C1B; padding: 5px; max-width: 300px; background-color: #EFEECB; }

.table_order { background-image:url(../images/table_order_tile.jpg); background-repeat:no-repeat; min-height:188px; height:100%; width:300px; }

.table_ordertile { background-image:url(../images/table_order_tile.png); background-repeat:repeat-y; height:100%; min-height:188px; }

.header_limits { max-height:150px; max-width:600px; min-height:100px; }


.product_list { padding-left:10px; padding-right:5px; padding-top:8px; width:225px; }

.product_bg { background-color:#FFFFFF; }

.product_list_link a:link { font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:13px; font-weight:bold; text-decoration:none; letter-spacing:0.1em; }
.product_list_link a:hover { font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:13px; font-weight:bold; text-decoration:none; letter-spacing:0.1em; }
.product_list_link a:visited { font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:13px; font-weight:bold; text-decoration:none; letter-spacing:0.1em; }

.product_title_header { font-family:"NewTitle", verdana, helvetica, sans-serif; font-size:36px; font-weight:normal; color:#FFFFFF; }

.product_company { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000; }
.product_model { font-weight:500; font-size:22px; color:#000; font-family:Tahoma, Geneva, sans-serif; font-size:17px; color:#000; }
.product_title { color:#000000; font-weight:bold; font-size:12px; }
.product_overview { font-weight:normal; font-size:13px; color:#000; }

.product_link a:link { color:#666; font-size:11px; text-decoration:none; vertical-align:bottom; font-family:Tahoma, Geneva, sans-serif;  }
.product_link a:hover { color:#666; font-size:11px; text-decoration:none; vertical-align:bottom; font-family:Tahoma, Geneva, sans-serif;   }
.product_link a:visited { color:#666; font-size:11px; text-decoration:none; vertical-align:bottom; font-family:Tahoma, Geneva, sans-serif;   }


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

.capitalize { text-transform:capitalize; }

.date { font-size:10px; }

.signature { font-size:11px; color:#222222; }

.text_shadow { text-shadow: 2px 2px 2px #222222; }

.uppercase { text-transform:uppercase; }

.title { font-family:arial, helvetica, sans-serif; padding-top:5px; text-transform:capitalize; font-size:35px; font-weight:normal; color:#FFFFFF; font-weight:bold; text-shadow:#000000 1px 1px 1px; }

.title2 { font-family:arial, helvetica, sans-serif; padding-bottom:15px; text-transform:capitalize; font-size:18px; font-weight:normal; color:#000000; font-weight:bold; }

.txt { font-size:15px; font-family:arial, helvetica, sans-serif; }

.txt_small { font-size:12px; font-family:Tahoma, Geneva, sans-serif; }

.table_border {	border-color:#4e3564; border:2px; }


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

.nav_tile { height:100%; }

ul { list-style: none; margin: 0; padding: 0; }

#nav {
        width: 200px;
        border-style: solid solid none solid;
        border-color: #000;
        border-size: 0px;
        border-width: 0px;
        }

#nav li a {
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
		font-weight:bold;
		font-size:13px;
		letter-spacing:0.05em;
        }

#nav li a:link, #nav li a:visited {
        color: #000000;
        display: block;
        background:  url(../images/nav.gif);
        padding: 5px 0 0 11px;
        }

#nav li a:hover, #nav li #current {
        color: #222222;
        background:  url(../images/nav.gif) 0 -28px;
        padding: 5px 0 0 11px;
        }