/**************************************************************
   AUTHOR:  Sensory Productions (sensoryproductions.com)
   DATE:    February 2010
   
 **************************************************************/


@charset "utf-8";
/* CSS Document */

body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 400 0.8em verdana, arial, sans-serif;
	line-height: 170%;
	background-image: url(../images/bg.jpg);
	background-color: #999;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	}

a {
	color: #CCC;
	text-decoration: underline;
}

a:hover {
	color:#FF6
}


#content {
	height: 100%;
	min-height: 100%;
	text-align: center;
}


#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
}




/**********************************************************/


/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: center;
	width: 1000px;
	height: 322px;
}



#mid {
	background-image: url(../images/body-bg.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 1000px;
	position: relative;
	color: #FFF;
	text-align: center;
	height: 841px;
}


#footer {
	width: 1000px;
	text-align: center;
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	color: #999;
}

#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
}

#flik-footer {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow: 1px 1px 0px #000, 2px 2px 0px #000, 3px 3px 0px #000;
	font-size: 22pt;
	margin: 0px;
}

#flik-footer a {
	text-decoration:none;
	color:#FFF;
}

#flik-footer a:hover {
	text-decoration:underline;
	color:#FFF;
}

/***********************************footer bar******************************/
#footer-push {
	height: 184px
}


#footer-content {
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	height: 174px;
	color: #CCC;
	padding: 4px;
	padding-bottom: 4px;
	background-color: #000;
}


/********************************alignment classes**************************/

.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
	background-position: center;
}