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

/* emx_nav_left.css                            */

/* Use with template Halo_leftNav.html         */

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



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

/* HTML tag styles                             */

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

body{

	font-family: Arial,sans-serif;

	color: #FFFFFF;

	line-height: 1.166;

	margin: 0px;

	padding: 0px;

	background-color: #000000;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	text-decoration: none;

	color: #000000;

	border-color: #000000;

	border-width: 0px 0px 0px 0px;

}



a:hover{

	text-decoration: none;

	color: #000000;

	border-color: #000000;

	border-width: 0px 0px 0px 0px;

}



/************** header tag styles **************/



h1{

 font: bold 120% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 114% Arial,sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font: 100% Arial,sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font: 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}





/*************** list tag styles ***************/



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

				

input{

font-family: Arial,sans-serif;

}



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

/* Layout Divs                                 */

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

#pagecell1{

	position:absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	width:100%;

	background-color: #ffffff;

}



#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#masthead{

	position: absolute;

	top: 0px;

	left: 2%;

	right: 2%;

	width:95.6%;

	

}



#pageNav{

	float: left;

	width:178px;

	padding: 0px;

	background-color: #F5f7f7;

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	font: small Verdana,sans-serif;

}



#content{

	padding: 0px 10px 0px 0px;

	margin:0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}





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

/* Component Divs                              */

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

#siteName{

	margin: 0px;

	padding: 16px 0px 8px 0px;

	color: #ffffff;

	font-weight: normal;

}



/************** utility styles *****************/



#utility{

	font: 75% Verdana,sans-serif;

	position: absolute;

	top: 16px;

	right: 0px;

	color: #919999;

}



#utility a{

	color: #ffffff;

}



#utility a:hover{

	text-decoration: underline;

}



/************** pageName styles ****************/



.pageName {

	padding: 0px 0px 0px 0px;

	margin: 0px;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left top;

	position: absolute;

	height: 300px;

	width: 800px;

	left: 0px;

	top: 0px;

}



.pageNameBottom {

	padding: 0px 0px 0px 0px;

	margin: 0px;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left top;

	position: absolute;

	height: 300px;

	width: 800px;

	left: 0px;

	top: 301px;

	background-image: url(Images/Bottome-MainPage.jpg);

}



#pageNameMain{

	background-image: url(Images/Main.jpg);

}



/************* globalNav styles ****************/



#globalNav{

position: relative;

width: 100%;

height: 32px;

color: #cccccc;

padding: 0px;

margin: 0px;

background-image: url(Images/glbnav_background.gif);

}



#globalNav img{

	margin-bottom: -4px;

 

}



#gnl {

	position: absolute;

	top: 0px;

	left:0px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}



#globalLink{

	position: absolute;

	top: 6px;

	height: 22px;

	padding: 0px;

	margin: 0px;

	left: 10px;

	z-index: 100;

}





a.glink, a.glink:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 5px 4px 5px;

	border-right: 1px solid #8FB8BC;

}



a.glink:hover{

  	background-image: url(Images/glblnav_selected.gif);

	text-decoration: none;

}



.skipLinks {display: none;}



/************ subglobalNav styles **************/



.subglobalNav{

	position: absolute;

	top: 84px;

	left: 0px;

	/*width: 100%;*/

	height: 20px;

	padding: 0px 0px 0px 10px;

	visibility: hidden;

	color: #ffffff;

}



.subglobalNav a:link, .subglobalNav a:visited {

	font-size: 80%;

	color: #ffffff;

}



.subglobalNav a:hover{

	color: #cccccc;

}



/*************** search styles *****************/



#search{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 101;

}



#search input{

  font-size: 70%;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

	font-size: 80%;

	font-weight: bold;

	

}



#search a:hover{

	margin: 0px;

}





/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 5px 0px 5px 10px;

	font: small Verdana,sans-serif;

	color: #AAAAAA;

}



#breadCrumb a{

	color: #AAAAAA;

}



#breadCrumb a:hover{

	color: #005FA9;

	text-decoration: underline;

}





/************** feature styles *****************/



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 80%;

	height: 200px;

}



.feature h3{

	font: bold 175% Arial,sans-serif;

	color: #000000;

	padding: 30px 0px 5px 0px;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

}





/*************** story styles ******************/



.story {

	padding: 10px 0px 0px 10px;

	font-size: 80%;

}



.story h3{

	font: bold 125% Arial,sans-serif;

	color: #000000;

}



.story p {

	padding: 0px 0px 10px 0px;

}



.story a.capsule{

	font: bold 1em Arial,sans-serif;

	color: #005FA9;

	display:block;

	padding-bottom: 5px;

}



.story a.capsule:hover{

	text-decoration: underline;

}



td.storyLeft{

	padding-right: 12px;

}





/************** siteInfo styles ****************/



#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: small;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

}





/************ sectionLinks styles **************/



#sectionLinks{

	margin: 0px;

	padding: 0px;



}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}



#sectionLinks a:link, #sectionLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	background-image: url(Images/bg_nav.jpg);

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #DDEEFF;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

}





/************* relatedLinks styles **************/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block; 

}





/**************** advert styles *****************/



#advert{

	padding: 10px;

}



#advert img{

	display: block;

}



/********************* end **********************/

#pageLinkProduction {

	left: 173px;

}

.pageLink {

	margin: 0px;

	padding: 0px;

	position: absolute;

	height: 42px;

	top: 302px;

}

.pageLinkGallery {

	margin: 0px;

	padding: 0px;

	position: absolute;

	height: 59px;

	width: 59px;

}

#pageLinkChars {

	left: 320px;

}

#pageLinkFoam {

	left: 491px;

}

#pageLinkOnStage {

	left: 0px;

}

#pageLinkPress {

	left: 660px;

}

#pageLinkContact {

	left: 660px;

}

#pageLinkHome {

	height: 67px;

	width: 460px;

	left: 338px;

	top: 13px;

}

#pageLinkHome a {

	position: absolute;

	height: 61px;

	width: 455px;

	left: 0px;

	top: 0px;

}

#pageNameProduction {

	background-image: url(Images/OnCamjpg.jpg);

}

#pageNameChars {

	background-image: url(Images/CustomChar2.jpg);

}

#pageNameFoam {

	background-image: url(Images/Foam.jpg);

}

#pageNameContact {

	background-image: url(Images/contactUs2.jpg);

}

.pageLinkChar {

	margin: 0px;

	padding: 0px;

	height: 55px;

	width: 55px;

	position: absolute;

	top: 392px;

}

.pageLinkCharImg {

	position: absolute;

	top: 170px;

	display: none;

	z-index: 5;

}

#pageLinkCharMouse {

	left: 26px;

}

#pageLinkCharBlimp {

	left: 96px;

}

#pageLinkCharWrench {

	left: 166px;

}

#pageLinkCharHomer {

	left: 225px;

}

#pageLinkCharPinkFish {

	left: 282px;

}

#pageLinkCharBee {

	left: 341px;

}

#pageLinkCharHugo {

	left: 400px;

}

#pageLinkCharRufus {

	left: 467px;

}

#pageLinkCharLittleguy {

	left: 527px;

}

#pageLinkCharGearhead {

	left: 589px;

}

#pageLinkCharWheeler {

	left: 655px;

}

#pageLinkCharNBC {

	left: 723px;

}

#pageVScroll {

	position: absolute;

	height: 180px;

	width: 229px;

	left: 532px;

	top: 92px;

	clip: rect(0px,auto,99px,auto);

}

#pageVScroll2 {

	position: absolute;

}

#pageVScroll3 {

	position: absolute;

	height: 99px;

	width: 99px;

	left: 99px;

	top: 99px;

}

#pageNameBottomCharsImg {

	background-image: url(Images/Bottomchar.jpg);

}

#pageNameTestimonials {

	background-image: url(Images/Testi.jpg);

}

#pageNameTVFilm {

	background-image: url(Images/resume.jpg);

}

#pageNameVideo {

	background-image: url(Images/Video.jpg);

}

#pageNameResume {

	background-image: url(Images/resume.jpg);

}

#pageNameFoamB {

	background-image: url(Images/FoamB.jpg);

}

#pageNameFoamDVD {

	background-image: url(Images/FoamDVD.jpg);

}

#pageNameFoamVideo {

	background-image: url(Images/FoamVideo.jpg);

}

#pageNameFoamWorkshop {

	background-image: url(Images/FoamWorkshop.jpg);

}

#pageNameFoamKit {

	background-image: url(Images/FoamKit.jpg);

}

#pageNameFoamCommunity {

	background-image: url(Images/FoamCommunity.jpg);

}



#pageNameOnStage {

	background-image: url(Images/Onstage.jpg);

}

#pageNameOnStageBathtub {

	background-image: url(Images/OnstageBath.jpg);

}

#pageNameOnStageElves {

	background-image: url(Images/OnstageElf.jpg);

}

#pageNameOnStageEmperor {

	background-image: url(Images/OnstageEnc.jpg);

}

#pageNameOnStageNight {

	background-image: url(Images/OnstageNight.jpg);

}

#pageNameOnStageSalsa {

	background-image: url(Images/OnstageSalsa.jpg);

}

#pageNameOnStageVirtues {

	background-image: url(Images/OnstageSOV.jpg);

}

#pageNameOnStageTangle {

	background-image: url(Images/OnstageTot.jpg);

}

#pageNameTour {

	background-image: url(Images/OnstageTour.jpg);

}

#pageNamePress {

	background-image: url(Images/OnstagePress.jpg);

}

#pageName5reasons {

	background-image: url(Images/5reasonsnew.jpg);

}

#pageNameGallery {

	background-image: url(Images/Custom9chars.jpg);

}

#pageNameCustomFish {

	background-image: url(Images/CustomFish.jpg);

}

#pageNameCustomFoster {

	background-image: url(Images/CustomFoster.jpg);

}

#pageNameCustomHugo {

	background-image: url(Images/CustomHugo.jpg);

}

#pageNameCustomLug {

	background-image: url(Images/CustomLug.jpg);

}

#pageNameCustomMisso {

	background-image: url(Images/CustomMisso.jpg);

}

#pageNameCustomNeptune {

	background-image: url(Images/CustomNeptune.jpg);

}

#pageNameCustomWheeler {

	background-image: url(Images/CustomWheeler.jpg);

}

#pageNameCustomBeast {

	background-image: url(Images/CustomBeast.jpg);

}

.scrollBox {

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	position: absolute;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	left: 512px;

	width: 250px;

	height: 164px;

	top: 100px;

}

#audio_block {

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	position: absolute;

	left: 0px;

	width: 1px;

	height: 1px;

	top: 0px;

}

#pageLinkGallery1 {

	top: 90px;

	left: 69px;

}

#pageLinkGallery1 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery2 {

	top: 90px;

	left: 134px;

}

#pageLinkGallery2 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery3 {

	top: 90px;

	left: 198px;

}

#pageLinkGallery3 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery4 {

	top: 156px;

	left: 69px;

}

#pageLinkGallery4 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery5 {

	top: 156px;

	left: 134px;

}

#pageLinkGallery5 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery6 {

	top: 156px;

	left: 198px;

}

#pageLinkGallery6 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery7 {

	top: 222px;

	left: 69px;

}

#pageLinkGallery7 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery8 {

	top: 222px;

	left: 134px;

}

#pageLinkGallery8 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkGallery9 {

	top: 222px;

	left: 198px;

}

#pageLinkGallery9 a {

	position: absolute;

	height: 58px;

	width: 58px;

	left: 0px;

	top: 0px;

}

#pageLinkCharBlimpImg {

	left: 96px;

}

#pageLinkCharMouseImg {

	left: 26px;

}

#pageLinkCharWrenchImg {

	left: 166px;

}

#pageLinkCharHomerImg {

	left: 225px;

}

#pageLinkCharPinkFishImg {

	left: 282px;

}

#pageLinkCharBeeImg {

	left: 341px;

}

#pageLinkCharHugoImg {

	left: 400px;

}

#pageLinkCharRufusImg {

	left: 467px;

}

#pageLinkCharLittleguyImg {

	left: 527px;

}

#pageLinkCharGearheadImg {

	left: 589px;

}

#pageLinkCharWheelerImg {

	left: 600px;

}

#pageLinkCharNBCImg {

	left: 580px;

}

.pageBottomLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin: 0px;

	padding: 0px;

	position: absolute;

	height: 18px;

	top: 516px;

	text-align: center;

}

#pageBottomLinkNewsBlog {

	width: 74px;

	left: 250px;

}

#pageBottomLinkNewsBlog a {

	position: absolute;

	width: 74px;

	left: 0px;

	top: 0px;

	height: 18px;

	color: #FFFFFF;

}

#pageBottomLinkCalendar {

	width: 64px;

	left: 380px;

}

#pageBottomLinkNewsletter {

	width: 176px;

	left: 495px;

}

#pageBottomLinkNewsletter a {

	position: absolute;

	height: 18px;

	width: 126px;

	left: 0px;

	top: 0px;

	color: #FFFFFF;

}

#pageLinkDrewBlog {

	height: 132px;

	width: 149px;

	left: 61px;

	top: 458px;

}

#pageLinkDrewBlog a {

	position: absolute;

	left: 0px;

	top: 0px;

	height: 132px;

	width: 149px;

}

#pageBottomLinkCalendar a {

	position: absolute;

	top: 0px;

	height: 18px;

	width: 64px;

	left: 0px;

	color: #FFFFFF;

}

#pageBottomLinkCalendarImg {

	left: 50px;

	top: 70px;

	display: inline;

}

.pageLinkGalleryImg {

	margin: 0px;

	padding: 0px;

	position: absolute;

	left: 425px;

	top: 94px;

	display: none;

}

.HeadingOnStage {

	font-size: 18px;

	position: absolute;

	top: 81px;

	color: #000000;

	text-align: center;

	font-weight: bold;

}

#HeadingOnStageIntro {

	width: 290px;

	left: 470px;

}

#HeadingOnStageBath {

	width: 210px;

	left: 15px;

}

#HeadingOnStageElves {

	width: 210px;

	left: 15px;

}

#HeadingOnStageEmperor {

	width: 250px;

	left: 15px;

}

#HeadingOnStageNight {

	width: 410px;

	left: 350px;

}

#HeadingOnStageSalsa {

	left: 270px;

	width: 490px;

}

#HeadingOnStageTangle {

	width: 250px;

	left: 15px;

}

#HeadingOnStageVirtues {

	width: 250px;

	left: 15px;

}

#pageBottomLinkNewsBlogDivider {

	color: #73ba24;

	left: 335px;

	width: 30px;

}

#pageBottomLinkCalendarDivider {

	width: 30px;

	color: #73ba24;

	left: 460px;

}

#HeadingOnStageTour {

	left: 470px;

}

#HeadingOnStagePress {

	width: 460px;

	left: 300px;

}

#HeadingOnStageCamera {

	width: 260px;

	left: 500px;

}

#HeadingOnStageVideos {

	width: 340px;

	left: 420px;

}

#HeadingOnStageResume {

	width: 420px;

	left: 340px;

}

#HeadingOnStageChars {

	left: 500px;

}

#HeadingOnStageReasons {

	width: 420px;

	left: 340px;

}

#gcalendar {

	position: absolute;

	height: 420px;

	width: 500px;

	left: 250px;

	top: 10px;

}

#HeadingOnStageFoamIntro {

	width: 440px;

	left: 320px;

}

#HeadingOnStageFoamBook {

	width: 410px;

	left: 350px;

}

.buttonCart {

	padding: 10px;

}
#pageBottomLinkFacebook {
	width: 50px;
	left: 690px;
	top: 520px;
}
