*{
	margin:0;
	padding:0;}
body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 30px;
	margin-left: 50px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: 0 150px;
}
.clear{
	clear:both
	}
a:link, a:active, a:visited{
	text-decoration:none;
	color:#333333}
a:hover{
	color:#33CCFF}
#contentArea{
	position:absolute;
	top:100px;
	left:50px;
	width: 720px;}
	
h1{
	font: 18px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top:10px;
	margin-bottom:10px;}
		
h2{
	font: 14px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 5px;
	border-left:2px solid  #00ACEC;
	margin-top:10px;
	margin-bottom:10px;}
.container h2{
	margin-top:25px;
	}
	
table.t7col h2{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top:5px;
	margin-bottom:10px;}
	
.container>p:first-child{
	}
	
table.t3col{
		width:720px;}
table.t3col td{
		width:33%;}

table.t5col{
		width:720px;
		}
table.t5col td{
		width:120px;
		height:90px;
		padding:5px;
		margin:10px;
		padding-bottom:10px;
		border:1px solid #FFF;}
		
table.t5col td:hover{
	background-color:#FFFFCC;
	border:1px solid #EEE;}

table.t5col image{
	padding:5px;
	margin-top:15px;
	background:#FFF;
	border:1px solid #CCC;
	}

table.t7col{
		width:720px;
		}

.ibBtns{
	width:110px;}

table.t2col{
		width:225px;}
.tdDel{
	width:110px;
	text-align:right;}

.tdDel input, .tdDelEdit input{
	width:50px;
	}
.tdDelEdit{
	width:110px;
	text-align:right;}
/* HOME */

.prevContainer{
	width:720px;
	height:272px;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	background-image:url(../images/homePreviewBg.gif);
	border:1px solid #FFF;
}

#prevImg{
	width:690px;
	height:240px;
	background-image:url(../images/homePreview01.gif);
	margin:12px;
	border:1px solid #333;
}
#homeContL{
	width:320px;
	height:120px;
	float:left;
	padding:10px;
	margin-top:10px;
	margin-left:10px;
	background-image:url(../images/home_leftCol.gif);
	background-repeat:no-repeat;	
}

#homeContR{
	width:320px;
	height:120px;
	float:right;
	padding:10px;
	margin-top:10px;
}
#homeContR p{
	padding-top:2px;
	line-height:1.6em;
	}

#homeContR a:link, #homeContR a:visited, #homeContR a:active{
	color:#00ACEC;
	}
#homeContR a:hover{
	background-color:#00ACEC;
	color:#FFF;
	}

#moreWork{
	display:block;
	float:right;
	width:315px;
	height:54px;
	margin-top:170px;
	margin-right:20px;
	margin-bottom:20px;
	background-image:url(../images/seeourwork.gif);
	background-repeat:no-repeat;
}
	
#moreWork:hover{
	background-position: 0 -54px}

/* Contact */

#contL, #ContR{
	width:350px;
	height:400px;
	float:left;
	margin-top:10px;
}
#contBg{
	width:720px;
	height:400px;
	float:left;
	margin-top:10px;
/*	background-image:url(../images/EV_map.gif);
	background-repeat:no-repeat;*/
}

/* Detail-view */
.detail{
	font-size:10px;
	font-weight:bold;
	font-variant:small-caps;
	text-transform:uppercase;
	}
.detailImage{
	border:1px solid #333;
	padding:2px;
	background-color:#FFFFFF;
	}
.detailAnimatic{
	width:320px;
	border:1px solid #333;
	padding:2px;
	}
.containerAnimDetail{
	text-align:center;
	padding:35px;
	background-color:#DEDEDE;
	background-image:url(../images/animaticBg.gif);
	}
.containerImgDetail{
	text-align:center;
	padding:35px;
	background-color:#DEDEDE;
	background-image:url(../images/imageBg.gif);
	}
.containerImgDetail h2{
	text-align:left;
	margin-top:0;	}
.containerImgDetail p{
	text-align:left;	}
.containerDetail embed{
	border:1px solid #333;
	padding:2px;
	}
/* Buttons */

.addNew{
	float:right;
	}
#genCategories .addNew, #genArtists .addNew, #genClients .addNew{
	float:none;
	margin-bottom:5px;}
.addNew a:link, .addNew a:visited,  .addNewa:hover, .addNew a:active{
	color:green;
	}
 .addNew a:hover{
	text-decoration:underline;;
	}
.addNew strong{
	font-size:14px;
	font-weight:bold;
	}

/*Admin table button aligns*/
table.t7col input{
		float:right;

		margin-left:5px;
		}
.toolbar{
	margin-top:10px;
	margin-bottom:10px;}
.ippLinks{
	margin: 0 0 0 50px;}
/* Dropdowns */
		
.artistSel{
		width:150px;}
.categorySel{
	width:150px;}
.clientSel{
	width:150px;}
.ippSel{
	width:50px;}

/* Admin side table rows */

.oddRow td{
	border-top:1px solid #EEE;
	background-color:#D9FEFF;
	padding:2px;}
.evenRow td{
	border-top:1px solid #EEE;
	padding:2px;
	}
.emptyRow{
	padding:2px;}
.emptyRow select{
	margin-bottom:10px;}	
.emptyRow td{
	border-bottom:1px solid #CCC;}	
	
/* Admin side table edited row?? */
.editedRow{
	background-color:#FFFFCC!important;
	}
	
/* navigation */
#nTop{
	position:absolute;
	left:298px;
	top:30px;
	width: 475px;
	height:30px;
}

#nTop ul {
      margin:0;
      padding:10px 10px 0;
      list-style: none;
      }
#nTop li {
      float:left;
      margin:0;
      padding:0 0 0 18px;
      }
	  
#nTop a {
      float:left;
      display:block;
      width:auto;
      padding:2px 2px 2px 2px;
      text-decoration:none;
	  border-top:3px solid #FFF;
       }
#nTop #selected {
       border-top:3px solid #00ACEC;
       }
#nTop > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#nTop a {float:none;}
    /* End IE5-Mac hack */
#nTop a:hover {
      color:#333;
      }
#home #nav-home, #storyboards #nav-storyboards,
#animatics #nav-animatics, #aboutus #nav-aboutus,
#contact #nav-contact{
      background-position:0 -150px;
      border-width:0;
	  border-top:3px solid #00ACEC;
      }
#home #nav-home a, #storyboards #nav-storyboards a,
#animatics #nav-animatics a, #aboutus #nav-aboutus a,
#contact #nav-contact a{
	  background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
#nTop li:hover, #nTop li:hover a {
     /* background-position:0% -150px; */
   
      }
#nTop li:hover a {
      background-position:100% -150px;
	     border-top:3px solid #00ACEC;
      }
#nTop .naviTxt{
	display:none!important;}

.copyright{
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	height:45px;
	margin-top:35px;
	margin-bottom:10px;
	background-position:5px 0;
	}
	
.copyright p{
	font:9px normal Arial, Helvetica, sans-serif;
	color:#666;
	padding:2px;
	padding-left:250px;}
	
.copyright .mailtoP{
	display: block;
	width: 720px;
	height: 45px !important;
}
/* Warnings & popup definitions */

#puHolder{
	z-index:2;
	visibility:visible;
	position:absolute;
	top:210px;
	left:50px;
	border:3px solid #EEE;
	background-image:url(../images/querybg.gif);
	width:720px;
	}
#puHolderGeneral{
	z-index:2;
	visibility:visible;
	position:absolute;
	top:190px;
	left:50px;
	border:3px solid #EEE;
	background-image:url(../images/querybg.gif);
	width:720px;
}
#puHolderAccounts{
	z-index:2;
	visibility:visible;
	position:absolute;
	top:180px;
	left:50px;
	border:3px solid #EEE;
	background-image:url(../images/querybg.gif);
	width:720px;
}
#puContents{
	z-index:3;
	margin-top:50px;
	margin-left:160px;
	padding:25px;
	width:320px;
	background-color:#FFF;
	border:3px solid #CCC;
}
.pU{
}

.pU td{
	padding:4px;}
.pU h1{
	margin-top:0}
.pU select{
	width:200px;}
.pUinp{
	width:180px;}
.pUBtn{
	float:right;
	width:60px;
	margin-left:10px;}

/* ADMIN > general */
#genArtists, #genCategories, #genClients{
	float:left;
	width:240px;
}

#genArtists{}
#genCategories{}
#genClients{
}

.red{
	color:red!important
}

#contentArea.aboutus {
	position:absolute;
	top: 100px;
	left: 0;
	width: 785px;
	padding-left: 50px;
	background: transparent url("../images/ev_aboutus_map.png") 0 120px no-repeat;
}
#contentArea.aboutus .aftermap {
	margin-top: 240px;
}

#animaticsView {
  width: 480px;
  float: left;
}
#animaticsList {
  margin-left: 15px;
  width: 225px;
  float: left;
}
#animaticsList div a, #animaticsList div a:hover, #animaticsList div a img, #animaticsList div a:hover img {
  border: none !important;
}
#animaticsList div {
  margin: 0 0 15px 0;
  padding: 0;
  height: 100px;
  border: 1px solid white;
}
#animaticsList div:hover {
	background-color: #FFFFCC;
	border: 1px solid #EEE;
}
#animaticsList div.active:hover {
	background-color: white;
	border: 1px solid white;
}

#animaticsList div a {
  margin: 5px;
  padding: 0 0 0 5px;
  float: left;
  border: 1px solid red;
}

#animaticsList div.active a {
  border-left: 3px solid #00ACEC !important;
}

#animaticsList div span {
  float: left;
  padding: 5px 0;
  width: 85px;
}

#animaticsList .clear {
  clear: both;
  float: none;
  width: 1px !important;
  height: 1px !important;
  font: 1px/1px monospace !important;
}