/* CSS Document */

/******* wrappers for dif cats ***************/

#wrapper{
	width: 792px;
	height: 612px;
	background: url(images/bg_tile2.jpg) no-repeat top center;
}


#wrapper_news{
	width: 792px;
	height: auto;
	background: url(images/bg_tile_news.jpg) no-repeat top center;
}


#wrapper_aboutme{
	width: 792px;
	height: auto;
	background: url(images/bg_tile_aboutme.jpg) no-repeat top center;
}


#wrapper_search{
	width: 792px;
	height: auto;
	background: url(images/bg_tile_search.jpg) no-repeat top center;
}


#wrapper_home{
	width: 792px;
	height: auto;
	background: url(images/bg_tile_home.jpg) no-repeat top center;
}

#wrapper_contact{
	width: 792px;
	height: auto;
	background: url(images/bg_tile_contact.jpg) no-repeat top center;
}




/******** category links and search box*******************/

#topnav, #topnav a{
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}


#topnav a:hover{
	color: #333333;
}

#topnav a:active{
	color: #cccccc;
}


/********  descriptions add to cart on index page*******************/

#desc, #desc a{
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}


#desc a:hover{
	color: #333333;
}

#desc a:active{
	color: #cccccc;
}

/************ + cart *******************/

#add2cart a{
	display:block;
	align: center;
	width: 30px;
	height: 10px;
	background: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	border: solid 1px #cccccc;
}


#add2cart a:hover{
	background: #CCCCCC;
	color: #333333;
	border: solid 1px #666666;
}

#add2cart a:active{
	background: #000000;
	color: #FFFFFF;
	border: solid 1px #666666;	
}

/******** copyright *******************/


#copyright, #copyright a{
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}


#copyright a:hover{
	color: #CCCCCC;
}

#copyright a:active{
	color: #e1e1e1;
}

/************************
styles the navigation for shipping contact shopping cart links
****************************/

#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
    float: right;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	}

	
#navbar ul li a {
	background: url(images/bullet_top_nav.gif) no-repeat top left;
	color: #666666;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 5px 0px 16px;
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	}

#navbar ul li a:hover {
	background: url(images/bullet_top_nav1.gif) no-repeat top left;
	color: #333333;
	}
	
#navbar ul li a:active {
	background: url(images/bullet_top_nav2.gif) no-repeat top left;
	color: #FFFFFF;
	}

/******** view_all links continue reading*******************/



#view_all li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#view_all ul {
    float: left;
	margin: 12px 0px 0px 12px;
	padding: 0px;
	}

	
#view_all ul li a {
background: url(images/bullet_view_all.gif) no-repeat bottom left;
	color: #666666;
	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0px 6px 0px 12px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	}

#view_all ul li a:hover {
	background: url(images/bullet_view_all1.gif) no-repeat bottom left;
	color: #333333;
	}
	
#view_all ul li a:active {
background: url(images/bullet_view_all2.gif) no-repeat bottom left;
	color: #cccccc;
	
	}
	
	
	
#continue_reading li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#continue_reading ul {
    float: right;
	margin: 12px 0px 0px 12px;
	padding: 0px;
	}

	
#continue_reading ul li a {
background: url(images/bullet_view_all.gif) no-repeat bottom left;
	color: #666666;
	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0px 6px 0px 12px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	}

#continue_reading ul li a:hover {
	background: url(images/bullet_view_all1.gif) no-repeat bottom left;
	color: #333333;
	}
	
#continue_reading ul li a:active {
background: url(images/bullet_view_all2.gif) no-repeat bottom left;
	color: #cccccc;
	
	}	
	
/******************* Studio News Froantting for ifram page categoy-3.php **************************/

#studionews p{
	font-family: verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 14px;
	margin: 8px 0px 0px 3px;

}

#studionews a{
	font-family: verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
	line-height: 11px;


}


#studionews a:hover{
	color: #333333;
}

#studionews a:active{
	color: #cccccc;
}
	

#studionews h1 a{
	font-family: Arial, Helvetica;
	font-weight: strong;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	padding: 6px 6px 6px 0px;
	margin: 6px 0px 0px 0px;
}

#studionews h1{
	font-family: Arial, Helvetica;
	font-weight: strong;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	padding: 6px 6px 6px 0px;
	margin: 20px 0px 0px 0px;
}

#studionews h3{
	font-family: Arial, Helvetica;
	font-weight: strong;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	list-style-type: none;
	margin: 0px 0px 0px 3px;
}	





#studionews h2{
	display: block;
	height: 16px;
	background: #d4d4d4;
	font-family: Arial, Helvetica;
	font-weight: strong;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	list-style-type: none;
	padding: 3px;
	margin: 8px 0px 0px 3px;
}	
	
#studionews ul{
  color: #cccccc;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#studionews li{
  color: #cccccc;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}


#studionews ul li ul li{
  color: #cccccc;
  list-style-type: none;
  padding: 3px;
  margin: 2px;
  line-height: 1px;
}

#pictureframe{
 border: solid 1px #666666;
	}
	
	
	
#pictureframe h3 a{
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	list-style-type: none;
	margin: 0px 0px 0px 3px;
}	


#pictureframe h3 a:hover{
	color: #333333;
	
}	

#pictureframe h3 a:active{
	color: #cccccc;
	
}