body{
margin: 0;
padding: 0;
background: #fff;
font-family: Verdana;
text-align: center;
}


#wrap {
position: relative;
margin: 0 auto;
padding: 0;
font-size: 95%;
text-align: left;
width: 990px;
height: 790px;
}	

#content{
	height: 670px;
	width: 990px;
}

/*#friendscontent{
	height: 270px;
	width: 990px;
}*/



/*backgrounds*/
.homeback {
	background: url(images/home-desk.jpg) no-repeat ;
}

.animationback2d{
	background: url(images/2danimation-desk.jpg) no-repeat;
}

.animationback3d{
	background: url(images/animation-desk.jpg) no-repeat;
}

.stopmotion{
	background: url(images/motion-desk.jpg) no-repeat;
}

.graphicdesign{
	background: url(images/graphic-design.jpg) no-repeat;
}

.jobback{
	background: url(images/job-desk.jpg) no-repeat;
}


.filmback{
	background: url(images/film-desk.jpg) no-repeat;
}

.mediaback{
	background: url(images/media-desk.jpg) no-repeat;
}

.contactback{
	background: url(images/contact-desk.jpg) no-repeat;
}

.fredback{
	background: url(images/fred-desk.jpg) no-repeat;
}

.workshopback{
	background: url(images/workshop-back.jpg) no-repeat;
}

.friendback{
	background: url(images/friend-desk.jpg) no-repeat;
}

.constructback{
	background: url(images/underconstruction.jpg) no-repeat;
}

/* end of backgrounds */



#topnewsletter{
	height: 66px;
	background: url(images/logo.jpg) no-repeat 40px 0;
}

#newsletter{
	padding: 20px 0 0 720px;
	margin: 0px;
	height: 20px;
}

#newsletter p {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#topmenu {
	height: 30px;
}


/* common elements */

img {
	border: 0;
}

a {
	text-decoration: none;
}

/*- Menu Tabs I--------------------------- */

#tabsI {
	padding: 0;
   float:left;
   width:780px;
   /*background:#EFF4FA;*/
   font-size:80%;
   line-height:normal;
	height: 30px;
   /* border-bottom:1px solid #DD740B;*/
}

	 
#tabsI ul {
    margin:0;
    padding:10px 10px 0 45px;
    list-style:none;
}
    
*html #tabsI ul {
    margin:0;
    padding:12px 10px 0 45px;
    list-style:none;
}	 
	 
#tabsI li {
    display:inline;
    margin:0;
    padding:0;
}
		
		
#tabsI a {
    float:left;
    background:url("images/tableftI.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
}

#tabsI a span {
    float:left;
    display:block;
    background:url("images/tabrightI.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
}
		
		
		
		
		
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    
#tabsI a span {float:none;}
    /* End IE5-Mac hack */
#tabsI a:hover span {
  color:#FFF;
}
    
#tabsI a:hover {
  background-position:0% -42px;
}
    
#tabsI a:hover span {
  background-position:100% -42px;
}

#tabsI #current a {
  background-position:0% -42px;
}

#tabsI #current a span {
  background-position:100% -42px;
}
		  
		  
		  
/* --- Menu Tabs II *---------------------*/


#tabsII {
	padding: 0;
   float:right;
   width:152px;
   /*background:#EFF4FA;*/
   font-size:80%;
   line-height:normal;
	height: 30px;
   /* border-bottom:1px solid #DD740B;*/
    }
	 
#tabsII ul {
    margin:0;
    padding:10px 10px 0 45px;
    list-style:none;
      }
   
*html #tabsII ul {
    margin:0;
    padding:12px 10px 0 45px;
    list-style:none;
      } 	 
	 
#tabsII li {
    display:inline;
    margin:0;
    padding:0;
	
      }
		
		
    #tabsII a {
      float:left;
      background:url("images/tableftalt.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
		
      }
    #tabsII a span {

      float:left;
      display:block;
      background:url("images/tabrightalt.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
color: #0096a8;
      }
		
		
		
		
		
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsII a span {float:none;}
    /* End IE5-Mac hack */
    #tabsII a:hover span {
      color: #0096a8;
      }
    #tabsII a:hover {
      background-position:0% -42px;
      }
    #tabsII a:hover span {
      background-position:100% -42px;
      }

        #tabsII #current a {
                background-position:0% -42px;
        }
        #tabsII #current a span {
                background-position:100% -42px;
        }		  

/* -------------- Left Side --------*/


#leftside {
	float: left;
	/*margin: 20px 0 0 80px;*/
	width: 470px;
	/*background: Aqua;*/
	height: 425px;
	margin-top: 45px!important;
	margin-top: 30px;
}

/*#leftsidefriends {
	float: left;
	margin: 20px 0 0 80px;
	width: 470px;
	background: Aqua;
	height: 300px;
	margin-top: 45px!important;
	margin-top: 30px;
}*/


/*
#leftside h1, p{
	padding: 0px 30px 0 90px;
}*/



*html #leftside h1{
	padding: 15px 30px 0 105px;
}

#leftside h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px 30px 0 105px;
	margin: 0 0 5px 0;
	background: url(images/bullet1.gif) 88px 50% no-repeat!important;
	background: url(images/bullet1.gif) 88px 88% no-repeat;
}

#leftside h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px 30px 0 105px;
	margin: 0 0 5px 0;
	background: url(images/bullet1.gif) 88px 50% no-repeat;
}



#leftside p {
	font-size: 11px;
	
	margin: 0;
	padding: 0px 40px 7px 85px;
	color: #393939;

	font-weight: normal;

	letter-spacing: 55;

	line-height: 13px;
	/*letter-spacing: 1px;*/
}


#leftside ul{
	padding: 0px 0px 0px 85px;
	font-size: 11px;
	margin: 0px 0 5px 0;
		color: #393939;

	font-weight: normal;

	letter-spacing: 50;

	line-height: 14px;
}

#leftside li{
	padding: 1px 0 2px 13px;
	background: url(images/bullet2.gif) no-repeat 0 50%;
	list-style: none;
}


/* Friends LeftSide */
#leftside {
	float: left;
	/*margin: 20px 0 0 80px;*/
	width: 470px;
	/*background: Aqua;*/
	height: 425px;
	margin-top: 45px!important;
	margin-top: 30px;
}

/*#leftsidefriends {
	float: left;
	margin: 20px 0 0 80px;
	width: 470px;
	background: Aqua;
	height: 300px;
	margin-top: 45px!important;
	margin-top: 30px;
}*/


/*
#leftside h1, p{
	padding: 0px 30px 0 90px;
}*/



*html #friendsleftside h1{
	padding: 15px 30px 0 105px;
}


#friendsleftside {
	float: left;
	/*margin: 20px 0 0 80px;*/
	width: 470px;
	/*background: Aqua;*/
	height: 275px;
	margin-top: 45px!important;
	margin-top: 30px;
}


#friendsleftside h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px 30px 0 105px;
	margin: 0 0 5px 0;
	background: url(images/bullet1.gif) 88px 50% no-repeat!important;
	background: url(images/bullet1.gif) 88px 88% no-repeat;
}

#friendsleftside h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px 30px 0 105px;
	margin: 0 0 5px 0;
	background: url(images/bullet1.gif) 88px 50% no-repeat;
}



#friendsleftside p {
	font-size: 11px;
	margin: 0;
	padding: 0px 40px 7px 85px;
	color: #393939;
	font-weight: normal;
	letter-spacing: 55;
	line-height: 13px;
	/*letter-spacing: 1px;*/
}


#friendsleftside ul{
	padding: 0px 0px 0px 85px;
	font-size: 11px;
	margin: 0px 0 5px 0;
	color: #393939;
	font-weight: normal;
	letter-spacing: 50;
	line-height: 14px;
}

#friendsleftside li{
	padding: 1px 0 2px 13px;
	background: url(images/bullet2.gif) no-repeat 0 50%;
	list-style: none;
}

/* */



#fredlink {
position: absolute;
top: 572px!important;
top: 571px;
left: 82px;
	
}

#otterlink{
	position: absolute;
/*top: 524px!important;*/
top: 524px;
left: 280px;
}

#lineman{
	position: absolute;
/*top: 545px!important;*/
top: 545px;
left: 106px;
}

#companimationlink1{
	position: absolute;
/*top: 524px!important;*/
top: 527px;
left: 261px;
}

#companimationlink2{
	position: absolute;
/*top: 545px!important;*/
top: 546px;
left: 85px;
}

#stopmotion{
		position: absolute;
/*top: 545px!important;*/
top: 505px;
left: 104px;
}




/* ------------------ Right Side ----------------*/
#rightside {
	float: right;
	width: 520px;
	height: 425px;
	/*background: Blue;*/
	margin-top: 40px;
}

#rightsidefriends {
	float: right;
	width: 520px;
	height: 300px;
	/*background: Blue;*/
	margin-top: 40px;
}





#membersarea {
	padding: 118px 0 0 0 !important;
	padding: 96px 0 0 0;
}

#membersareaalt {
	padding: 222px 0 0 0 !important;
	padding: 202px 0 0 0;
}



#membersarea label{
	display: none;
}


#membersarea p {
	padding: 0;
	margin: 0;
}

#membersareaalt p{
	padding: 0;
	margin: 0;
}

#membersareaalt label{
	display: none;
}



.textfield1 {
	width: 125px;
	margin: 0 0 18px 5px;
}

.textfield2 {
	width: 125px;
	margin: 0 0 0 5px;
}

.submitbutton {
	margin: 4px 0 0 75px !important;
	margin: 0 0 0 75px;
}

		  
		  
		  
		  /*----------------- home page ----------*/
		  
.welcome {
	margin: 101px 0 0 175px;
	_margin: 83px 0 0 175px;
}

*+html .welcome {
	margin: 59px 0 0 175px;
}


		  
		  /*--------------------website creation info------------------*/
		  
		  
#nublue {

text-align: center;
margin: 0px 0px 30px 0px;
padding: 0px;
color: #cccccc;
font-size: 10px;
font-weight: bold;
font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 1020px;
}



#nublue li {
display: inline;
list-style: none;
}


#nublue a{
text-decoration: none;
color: #1e5875;
}


#nublue a:hover{
color: #3399cc;
}



.anim8info {
margin-right: 575px;
}


#reel {
padding: 12px 0 0 19px !important;
padding: 8px 0 0 18px;
height: 75px;
margin: 0;
}
meme
#reel ul{
	margin: 0;
	padding: 0;
}

#reel li {
display: inline;
margin: 0;
	padding: 0;

}



/* Page Specifics */

#contactform {
	padding: 20px 0 0 90px;
}

#contactform p{
	font-size: 12px;
	margin: 0px;
	padding: 0 0 5px 0;
}


/*---------------------------Jigsaw Pieces---------------------------*/

#horizontal-list {
width: 480px;
margin: 0;
padding: 0;
}

#horizontal-list li {
display:block;
width:150px;
float:left;

}

#horizontal-list a {
display:block;
}

#horizontal-list img  {
border: 0px;
}

#horizontal-list a/**/ {
height:175px; /* hide from IE5.0/win */
}


#jigsaw {
/*position: absolute;
top: 560px;
left: 20px;*/
width: 430px;
padding-left: 40px;
}

*+html #jigsaw{
position: absolute;
top: 560px;
left: 5px;	
}

#jigsaw li{
	width:148px;

}

.jigone {

background-image: url(/images/e-film.jpg); 
background-repeat: no-repeat;
}

#jigonehover a:hover{ 

background-image: url(images/e-film-hover.jpg); 
background-repeat: no-repeat;
}

.jigtwo {
background-image: url(images/jigtwo.jpg); 
background-repeat: no-repeat;
margin-top: 15px;
}

#jigtwohover  a:hover{ 
background-image: url(images/jigtwohover.jpg); 
background-repeat: no-repeat;
}

.jigthree {
background-image:url(images/jigthree.jpg); 
background-repeat: no-repeat;
}

#jigthreehover a:hover{ 
background-image: url(images/jigthreehover.jpg); 
background-repeat: no-repeat;
}



/*---------------------------Jigsaw Pieces---------------------------*/

#friend-list {
width:700x;
margin: 0;
padding: 0;
}

#friend-list li {
display:block;
width:240px;
float:left;
}

#friend-list a {
display:block;
}

#friend-list img  {
border: 0px;
}

#friend-list a/**/ {
height:150px; /* hide from IE5.0/win */
}

#guns {
/*position: absolute;
top: 450px;
left: 50px;
width: 530px;*/
padding-left: 40px;
}

/*#guns li{
	width:148px;

}*/

#gunsel{
/*width:700px;*/
margin: 0;
padding: 0;
}


#gunsel a {
display:block;
}

#gunsel img  {
border: 0px;
}

#gunsel a/**/ {
height:140px; /* hide from IE5.0/win */
}







.uzi{
background-image: url(/images/uzi.jpg); 
background-repeat: no-repeat;
position: absolute;
top: 590px;
left: 350px;
height: 210px;
width: 200px;
}

#uzihover a:hover{ 
background-image: url(/images/uzi-hover.jpg); 
background-repeat: no-repeat;
width: 200px;
}

.handgun {
background-image: url(/images/hand-gun.jpg); 
background-repeat: no-repeat;
position: absolute;
top: 600px;
left: 100px;
width: 200px;
}

#handgunhover  a:hover{ 
background-image: url(/images/hand-gun-hover.jpg); 
background-repeat: no-repeat;
width: 200px;
}

.sniper {
background-image:url(/images/sniper.jpg); 
background-repeat: no-repeat;
position: absolute;
top: 450px;
left: 150px;
width: 240px;
}

#sniperhover a:hover{ 
background-image: url(/images/sniper-hover.jpg); 
background-repeat: no-repeat;
width: 240px;
}


/*----------multimedia page video--------------*/


.multi {
	margin: 1px 0 0 147px!important;
	margin: 13px 0 0 147px;
}

#multimediatext{
	padding: 40px 0 0 25px;
}


#designtext{
	padding: 250px 0 0 25px;
}

#jobtext{
	padding: 210px 0 0 25px;
}