/*
		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:12px;
	color:#FFFFFF;
	text-align:center;
}
html, body  {
   background: #091e45 url(../images/exteriortile.jpg) center top;
   background-repeat:no-repeat;
   background-attachment: fixed;
   height: 100%;
}
table { border:0; }

a:link {
	color:#FFFFFF;
	text-decoration:none;
	}
a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover {
	color:#99cc33;
	text-decoration:none;
	}
	
* {
	margin: 0;
}
html, body {
	
}
.wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto -142px;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px; /* FOOTER HEIGHT */
}
.header {
	height: 125px;
	text-align:center;
	padding-top:0px;
	position:fixed;
	z-index:1000;
	background-image:url(../images/header.png);
	background-color:#091e45;
	top:0;
}
.header_scroll {
	height: 125px;
	text-align:center;
	padding-top:0px;
	background-image:url(../images/header.png);
	background-color:#091e45;
	top:0;
}
.header_spacing {
	height: 125px;
	text-align:center;
	padding-top:0px;
	background-color:#091e45;
	top:0;
}
.footer, .push {
	height: 75px; /* FOOTER HEIGHT */
	clear: both;
}
.footer {
	position: relative;
	width: 900px;
	margin: 0 auto;
	font-family:Tahoma, Geneva, sans-serif;
}
.footer a:link { color:#FFFFFF; font-size:11px; text-decoration:none; }
.footer a:hover { color:#FFFFFF; font-size:11px; text-decoration:none; }
.footer a:visited { color:#FFFFFF; font-size:11px; 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: 1001;
	left: 5px;
	top: 5px;
}

.topnav { text-decoration:none; font-size:14px; letter-spacing:0.1em; }
.topnav a:link { color:#FFFFFF; }
.topnav  a:hover { color:#718fc8; }
.topnav  a:visited { color:#FFFFFF; }

/*---------------------------------------------------------------------------- 
IMAGES
-----------------------------------------------------------------------------*/
.photo_color a:link { color:#4f77a8; }
.photo_color a:hover { color:#99cc33; }
.photo_color a:visited { color:#4f77a8; }


.photo_thumbs a:link { color:#4f77a8; }
.photo_thumbs a:hover { color:#99cc33; }
.photo_thumbs a:visited { color:#4f77a8; }
.photo_thumbs { max-height:120px; max-width:400px; }

.photo_gallery a:link { color:#4f77a8; }
.photo_gallery a:hover { color:#99cc33; }
.photo_gallery a:visited { color:#4f77a8; }
.photo_gallery { max-height:150px; max-width:400px; }

.flash_brochure { width:850px; height:650px; z-index:20; }

/*---------------------------------------------------------------------------- 
FONTS
-----------------------------------------------------------------------------*/
h1 { color:#99cc33; text-shadow: 2px 2px 3px #222222; font-weight:normal; text-decoration:none; padding:0px;  }

.capitalize { text-transform:capitalize; }

.txt_content { font-size:14px; line-height:18px; }

.txt_news { font-size:13px; font-weight:normal; }
.txt_news_date { font-size:11px; font-weight:normal; }
.txt_news_title { font-size:15px; font-weight:normal; }

.txt { font-size:14px; line-height:18px; color:#FFFFFF; font-weight:normal; }
.title { color:#99cc33; text-shadow: 2px 2px 3px #222222; font-weight:normal; text-decoration:none; font-size:30px; line-height:1.2em; }

.title_kewlproducts { color:#99cc33; text-shadow: 2px 2px 3px #222222; font-weight:normal; text-decoration:none; font-size:24px; }

.uppercase { text-transform:uppercase; }


/*---------------------------------------------------------------------------- 
TWITTER
-----------------------------------------------------------------------------*/
.Twitter { font-size:12px; color:#222222; padding:0; margin:0; line-height:15px; width:390px; text-align:justify; }
.Twitter a:link { color:#00cfff; font-size:10px; text-decoration:none; }
.Twitter a:hover { color:#a8cf45; font-size:10px; text-decoration:none; }
.Twitter a:visited { color:#00cfff; font-size:10px; text-decoration:none; }
.Twitter li { background-image:url(../images/twitter/tile-content.jpg); background-repeat:repeat-y; line-height:1.3em; margin-top: 1em; padding-left: 18px; padding-right:15px; padding-top:3px; padding-bottom:3px; }

ul#twitter_update_list {
  list-style-type:none;
  vertical-align:middle;
  margin:0;
  padding:0;
}

/*---------------------------------------------------------------------------- 
BLOGGER
-----------------------------------------------------------------------------*/
.feedburnerFeedBlock a:link { color:#88a8cf; text-decoration:none; }
.feedburnerFeedBlock a:hover { color:#244588; text-decoration:none; }
.feedburnerFeedBlock a:visited { color:#88a8cf; text-decoration:none; }

.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
}
.feedburnerFeedBlock ul li {
padding-left:2px;
padding-right:2px;
padding-top:25px;
padding-bottom:25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-image: url(../images/divider-blog.png);
border-bottom-color: #99cc33 ;
line-height:1.35em;
}

.feedburnerFeedBlock ul li span.headline a {
color: #99cc33;
text-decoration: none;
display: block;
font-size:16px;
}

.feedburnerFeedBlock ul li span.headline a:hover { color: #88a8cf; }

.feedTitle { font-size:30px; font-weight:bold; }

.date { font-weight:bold; color:#5982ae; }

#creditfooter { display: none; }

.rss-popup {
    padding: 0;
    width: 100px;
    position: relative;
	z-index:2000;
}
 
div.rss-popup em {
    background: url(../images/tooltip/bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#rss-icon {
    width: 32px;
    height: 32px;
    background: url(../images/tooltip/icon.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
	z-index: 2;
}