@charset "utf-8";
/* CSS Document */
/* CSS created by Fernando Pizzani - August 2009 - fernando@pizzani.com*/
/*Design by Keyframe Cops - All content Copyright Keyframe Cops */

/*___________________________NAV BAR START_____*/

#navBarContainer {
	width:605px;
	height:135px;
	float:right;
	margin:0 2px 0 0;
}
#navBar {
	float:right;
	height:45px;
	width:600px;
	margin:34px 0 0 0;/*for IE8 and FF*/
 *margin:34px 2px 0 0;/*for IE7*/
	padding:0;
}
#navBar span, #navBarL2 span {
	display: none; /*hides the text in the navigation bars*/
}
#navBar ul {
	height: 40px;
	width:605px;
	margin:0;
	padding:0;
}
#navBar li {
	display:inline-block;
 *display:inline;/*for IE7*/
	zoom:1;
	height: 45px;
	width: 120px;
	list-style: none;
	margin:0 -4px 0 0;/*for IE8 and FF to get rid of whitespace between li elements*/
 *margin:0;/*for IE7*/
	padding:0;
}
.home {
	background:url(../images/btn_HOME_hl.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.home a {
	background:url(../images/btn_HOME.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.home a:hover {
	background:none;
}
.demoReel {
	background:url(../images/btn_DEMO_hl.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.demoReel a {
	background:url(../images/btn_DEMO.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.demoReel a:hover {
	background:none;
}
.showcase {
	background:url(../images/btn_SHOWCASE_hl.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.showcase a {
	background:url(../images/btn_SHOWCASE_hl.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;

}
.showcase a:hover {
	background:none;
}
.showcase a:focus, .showcase a:active {
	outline:0;
}
.clients {
	background:url(../images/btn_CLIENTS_hl.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.clients a {
	background:url(../images/btn_CLIENTS.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.clients a:hover {
	background:none;
}
.contact {
	background:url(../images/btn_CONTACT_hl.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.contact a {
	background:url(../images/btn_CONTACT.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
}
.contact a:hover {
	background:none;
}
/*___________________________ NAV BAR L2 START_____*/

#navBarL2 {
	float:right;
	height:27px;
	width:600px;
	margin:0 1px 0 0;
 *margin:0 3px 0 0;/*for IE7*/
	padding:0;
}
#navBarL2 ul {
	height: 27px;
	width:605px;
	margin:0;
	padding:0;
}
#navBarL2 li {
	display:inline-block;
 *display:inline;/*for IE7*/
	zoom:1;
	height: 27px;
	width: auto;
	list-style: none;
	margin:0 -4px 0 0;/*for IE8 and FF to get rid of whitespace between li elements*/
 *margin:0;/*for IE7*/
	padding:0;
}
.advertising {
	background:url(../images/btn_Showcase_Advertising_HL.png) no-repeat top left;
	display:inline-block;
	height:27px;
	width:156px;
	margin:0;
	padding:0;
	cursor:default;
}
.advertising a {
	background:url(../images/btn_Showcase_Advertising.png) no-repeat top left;
	display:inline-block;
	height:27px;
	width:156px;
	margin:0;
	padding:0;
}
.advertising a:hover {
	background:none;
}
.character {
	background:url(../images/btn_Showcase_CharacterDesign_HL.png) no-repeat top left;
	display:inline-block;
	height:30px;
	width:156px;
	margin:0;
	padding:0;
}
.character a {
	background:url(../images/btn_Showcase_CharacterDesign.png) no-repeat top left;
	display:inline-block;
	height:27px;
	width:178px;
	margin:0;
	padding:0;
}
.character a:hover {
	background:none;
}
.environments {
	background:url(../images/btn_Showcase_Environments_HL.png) no-repeat top left;
	display:inline-block;
	height:27px;
	width:151px;
	margin:0;
	padding:0;
}
.environments a {
	background:url(../images/btn_Showcase_Environments.png) no-repeat top left;
	display:inline-block;
	height:27px;
	width:151px;
	margin:0;
	padding:0;
}
.environments a:hover {
	background:none;
}
.kidsTV {
	background:url(../images/btn_Showcase_KidsTV_HL.png) no-repeat top left;
	display:inline-block;
	height:27px;
	width:117px;
	margin:0;
	padding:0;
}
.kidsTV a {
	background:url(../images/btn_Showcase_KidsTV.png) no-repeat top left;
	display:inline-block;
	height:27px;
	width:117px;
	margin:0;
	padding:0;
}
.kidsTV a:hover {
	background:none;
}
/*___________________________ NAV BAR END_____*/
#showcase_Links{
	width:900px;
	height:190px;
	padding:182px 0 0 0;
}
#showcase_Links ul {
	height: 190px;
	width:900px;
	margin:0 0 0 27px!important;
	padding:0 0 0 0;
	
}
#showcase_Links li {
	display:inline-block;
 *display:inline;/*for IE7*/
	zoom:1;
	height: 190px;
	width: auto;
	list-style: none;
	margin:0 -3px 0 0;/*for IE8 and FF to get rid of whitespace between li elements*/
 *margin:0;/*for IE7*/
	padding:0;
}
#showcase_Links span{
	display:none;
}
.advertising2 {
	background:url(../images/Show_Lnk_Advert_HL.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:208px;
	margin:0;
	padding:0;
}
.advertising2 a {
	background:url(../images/Show_Lnk_Advert.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:208px;
	margin:0;
	padding:0;
}
.advertising2 a:hover {
	background:none;
}
	.character2 {
	background:url(../images/Show_Lnk_Char_HL.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:211px;
	margin:0;
	padding:0;
}
.character2  a {
	background:url(../images/Show_Lnk_Char.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:211px;
	margin:0;
	padding:0;
}
.character2  a:hover {
	background:none;
	}
	.environments2 {
	background:url(../images/Show_Lnk_Env_HL.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:213px;
	margin:0;
	padding:0;
}
.environments2   a {
	background:url(../images/Show_Lnk_Env.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:213px;
	margin:0;
	padding:0;
}
.environments2  a:hover {
	background:none;
		}
.kidsTV2  {
	background:url(../images/Show_Lnk_Kids_HL.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:210px;
	margin:0;
	padding:0;
}
.kidsTV2   a {
	background:url(../images/Show_Lnk_Kids.png) no-repeat top left;
	display:inline-block;
	height:190px;
	width:210px;
	margin:0;
	padding:0;
}
.kidsTV2  a:hover {
	background:none;
}