@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_hl.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
	cursor:default;
}
.demoReel a:focus, .demoReel a:active {
	outline: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.png) no-repeat top left;
	display:inline-block;
	height:45px;
	width:120px;
	margin:0;
	padding:0;
}
.showcase a:hover {
	background:none;
}
.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;
}
.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_____*/