
/* CSS Document by Petfox Creative Group | Petfoxcreative.com | Chattanooga, TN */

body {
	background-color: #111;
	}


#header{ 
	    margin-top:0px;
   		width:100%;
   		height:100px;
	 	position:static;
		background-color: #111;
		margin-left: auto;
		margin-right: auto;
		} 
		
#wrapper{ 
	    margin-top:0px;
   		width:960px;
   		height:100%;
   		min-height:600px;
	 	position:static;
		background-color: #111;
		margin-left: auto;
		margin-right: auto;
		} 		
	
/* ----------------------------- begins ---------------------------*/

#graybar{ 
		padding: 0px 0px 0px 0px;
	    margin-top:0px;
   		width:960px;
   		height:190px;
	 	position:static;
		background-color: #111;
		background: url(../img/header-center.jpg) no-repeat;
		color: #fff;
		font-size: 54px;
		font-family: Lucida Grande, Lucida Sans Unicode, Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
		margin-left: auto;
		margin-right: auto;
		} 		


/* ----------------------------- begins ---------------------------*/
#actor {
   		width:960px;
   		height:100%;		
		font-size:20px;
		color: #fff;
		font-family: Lucida Grande, Lucida Sans Unicode, Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;	
		padding: 10px 0px 10px 0px;
		background-color: #111;
		text-decoration: none;
		float: left;
		margin-left: auto;
		margin-right: auto;
		}

#actor a{
   		width:960px;
   		height:100%;		
		font-size:20px;
		color: #666;
		font-family: Lucida Grande, Lucida Sans Unicode, Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;	
		padding: 10px 0px 10px 0px;
		background-color: #111;
		text-decoration: none;
		float: left;
		margin-left: auto;
		margin-right: auto;
		}

#actor a:hover{
   		width:960px;
   		height:100%;		
		font-size:20px;
		color: #888;
		font-family: Lucida Grande, Lucida Sans Unicode, Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;	
		padding: 10px 0px 10px 0px;
		background-color: #111;
		text-decoration: none;
		float: left;
		margin-left: auto;
		margin-right: auto;
		}


/* ----------------------------- nav begins ---------------------------*/
#sponsors{
	background: #111;
	border-top: 1px solid #222;
	padding: 10px 10px 10px 0px;
	width:900px;
	height:160px;
	position:relative;
	}


/* ----------------------------- graphic begins ---------------------------*/
#cofielddesign {
					width: 95px;
					height: 88px;
					overflow:hidden;
					float:left;
					}

#cofielddesign a {
					display: block;
					background: url(../img/cofield_design.png) no-repeat;
					width: 95px;
					height: 176px;
					overflow:hidden;
					}

html>body #cofielddesign a {  }

#cofielddesign a:hover {
							background-color: #464D5B;
							background: url(../img/cofield_design.png) no-repeat;
							color: #FFF;
							width: 95px;
							height: 176px;
							margin-top:-88px;
							overflow:hidden;
							}
							
/* ----------------------------- graphic begins ---------------------------*/
#petfox {
					width: 95px;
					height: 88px;
					overflow:hidden;
					float:left;
					}

#petfox a {
					display: block;
					background: url(../img/petfox_creative.png) no-repeat;
					width: 95px;
					height: 176px;
					overflow:hidden;
					}

html>body #petfox a {  }

#petfox a:hover {
							background-color: #464D5B;
							background: url(../img/petfox_creative.png) no-repeat;
							color: #FFF;
							width: 95px;
							height: 176px;
							margin-top:-88px;
							overflow:hidden;
							}	
							
/* ----------------------------- graphic begins ---------------------------*/
#afft {
					width: 95px;
					height: 88px;
					overflow:hidden;
					float:left;
					}

#afft a {
					display: block;
					background: url(../img/AFFT_hover.png) no-repeat;
					width: 95px;
					height: 176px;
					overflow:hidden;
					}

html>body #afft a {  }

#afft a:hover {
							background-color: #464D5B;
							background: url(../img/AFFT_hover.png) no-repeat;
							color: #FFF;
							width: 95px;
							height: 176px;
							margin-top:-88px;
							overflow:hidden;
							}								

/* ----------------------------- graphic begins ---------------------------*/
#fowler {
					width: 95px;
					height: 88px;
					overflow:hidden;
					float:left;
					}

#fowler a {
					display: block;
					background: url(../img/fowler_films.png) no-repeat;
					width: 95px;
					height: 176px;
					overflow:hidden;
					}

html>body #fowler a {  }

#fowler a:hover {
							background-color: #464D5B;
							background: url(../img/fowler_films.png) no-repeat;
							color: #FFF;
							width: 95px;
							height: 176px;
							margin-top:-88px;
							overflow:hidden;
							}								

/* ----------------------------- graphic begins ---------------------------*/
#mindflow {
					width: 95px;
					height: 88px;
					overflow:hidden;
					float:left;
					}

#mindflow a {
					display: block;
					background: url(../img/mindflow_media2.png) no-repeat;
					width: 95px;
					height: 176px;
					overflow:hidden;
					}

html>body #mindflow a {  }

#mindflow a:hover {
							background-color: #464D5B;
							background: url(../img/mindflow_media2.png) no-repeat;
							color: #FFF;
							width: 95px;
							height: 176px;
							margin-top:-88px;
							overflow:hidden;
							}								

