/* CSS Document */

/*Pixeltoon,  Default Style, Gina Kamentsky 
All associated graphics ©2008  Gina Kamentsky
Added July 21 2009

-----------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------- core elements--------------------------------------------------------*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,h6, img {

margin: 0;
padding: 0;
border: 0;
font-size: 100%;

}

body{

text-align:center;
color: #493F0B;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
line-height: 150%;
background-image:url(images/bgTile.gif);
 
}

/*------------------------------------------------- headers --------------------------------------------------------*/
h1 {

  font-size: 1.5em;
  font-weight: bold;
  line-height: 200%;
  
}

h2 {

  font-size: 1.3em;
  font-weight: bold;
  line-height: 140%;
  
}

h3 {

  font-weight: normal;
  font-size: 1.1em;
  line-height: 155%;
  
}

/*------------------------------------------------- replacement text --------------------------------------------------------*/

#availability{

position:relative;
width:114px;
height:31px;
padding:0;
overflow:hidden;

}

#availability span{

position:absolute;
width:114px;
height:31px;
left:0;
top:0;
margin:0;
background:url(images/t_availability.gif) no-repeat;
}

#animation{

position:relative;
width:96px;
height:24px;
padding:0;
overflow:hidden;

}

#animation span{

position:absolute;
width:96px;
height:24px;
left:0;
top:0;
margin:0;
background:url(images/t_animation.gif) no-repeat;

}
#pixeltoon{

position:relative;
width:94px;
height:33px;
padding:0;
overflow:hidden;

}

#pixeltoon span{

position:absolute;
width:94px;
height:33px;
left:0;
top:0;
margin:0;
background:url(images/t_pixeltoon.gif) no-repeat;

}
#web_design{

position:relative;
width:110px;
height:30px;
padding:0;
overflow:hidden;

}

#web_design span{

position:absolute;
width:110px;
height:30px;
left:0;
top:0;
margin:0;
background:url(images/t_web.gif) no-repeat;

}
#radar{

position:relative;
width:129px;
height:28px;
padding:0;
overflow:hidden;

}

#radar span{

position:absolute;
width:129px;
height:28px;
left:0;
top:0;
margin:0;
background:url(images/t_radar.gif) no-repeat;
}

#webDesign{

position:relative;
width:194px;
height:34px;
padding:0;
overflow:hidden;

}

#webDesign span{

position:absolute;
width:194px;
height:34px;
left:0;
top:0;
margin:0;
background:url(images/t_webDesign.gif) no-repeat;
}

#director{

position:relative;
width:195px;
height:27px;
padding:0;
overflow:hidden;

}

#director span{

position:absolute;
width:195px;
height:27px;
left:0;
top:0;
margin:0;
background:url(images/t_director.gif) no-repeat;

}


/*------------------------------------------------- link styles --------------------------------------------------------*/


a,  a:link, a:visited {

color:#87A118;
text-decoration: none;
font-size:1.2em;

}


a:hover {

  text-decoration: underline;
}


ul a, ul a:link,ul a:visited{

  color: #493F0B;
  font-weight: normal;
  text-decoration: none;

}

ol a, ol a:link,ol a:visited{

  color: #493F0B;
  font-weight: normal;
  text-decoration: none;

}

ul a:hover, ol a:hover{

text-decoration: underline;

}


/*------------------------------------------------- main div elements--------------------------------------------------------*/

#container{

width:790px;
margin:auto;/*centers site in browser window*/

}

#masthead{

width:790px;
height:225px;
background-image:url(images/header.png)

}

/*--position and style the main logo and text underneath it-----*/

#masthead h1{

margin-right:60px;
padding-top:30px;
font-size: 1.1em;
color:#000000;
font-weight: normal;


}

#masthead span {

font-size: .7em;
color:#000000;
font-weight: normal;
position:relative;
left:-150px;
top:-4px;
}

/*------------------------------------------------- content wrapper--------------------------------------------------------*/

#contentWrapper{

background-color:#FFFFFF;
/*border-left:5px solid #A7C520;/*provides background and borders for page*/
/*border-right:5px solid #A7C520;*/
padding:10px 0 20px 0;
background-image:url(images/contentBg.gif);


}

/*------------------------------------------------- column a--------------------------------------------------------*/

#column_a{

float:left;
width:150px;
margin-left:20px;
margin-bottom:20px;
text-align:left;
border-right:1px solid #A7C520;


}

#column_a p{

font-size: .9em;
line-height: 140%;
margin-right:10px;

}



#menuMain{

margin-bottom:150px;
margin-top:50px;
padding-left:10px;
padding-top:20px;
border-top:1px solid #A7C520;


}

#menuMain li{

font-size:1.3em;
line-height:180%;

}



/*------styles for main nav current page----------*/

#menuMain .current a{

color:#a7c520;
padding-left:10px;











}

/*------styles for sub menu----------*/

#menuSub{

padding:10px;
list-style:none;
font-size:.5em;

}/*sub nav styles*/

#menuSub li{

padding:1px 0 1px 0;

}/*adds some vertical space in sub nav*/

.current {

/*list-style-image:url(images/bulletIcon.png);*/

}/*this functions on sub nav and footer nav*/


/*------------------------------------------------- column b--------------------------------------------------------*/

#column_b{

margin-left:205px;
margin-right:410px;
text-align:left;
}

#column_b img{

margin:0px 0 20px 0;

}

#column_b .thumbnail{
margin:20px 0 10px 0;
}
/*------------------------------------------------- column c --------------------------------------------------------*/

#column_c{

float:right;
width:330px;
margin-right:30px;
text-align:left;

}
#column_c h3, p{

margin: 20px 0 30px 0 ;

}

#column_c img{

margin:10px 0 10px 0;



/*------------------------------------------------- footer --------------------------------------------------------*/

}
#footer{

clear:both;
margin-bottom:20px;
text-align:left;

}
#footerCol_a{

float:left;
width:175px;
margin-left:20px;

}
#footerCol_b{

margin-left:195px;
height:150px;
background-image:url(images/footerBg.gif);
background-repeat:repeat-y;

}

#footer ol, ul{

list-style:none;
padding:0;
font-size:.7em;
line-height:160%;
}

#footer ol{

margin:10px 0 0 0;
}

#footer ul{

margin:0px 0 0 20px;
padding:10px;

}



#footerLogo{
height:148px;
width:342px;
position:relative;
top:-170px;
left:220px;
background-image:url(images/logoFooter.png);
}


#pageBottom{

clear:left;
background-image:url(images/footerBorder.png);
background-repeat:no-repeat;
height:51px;


}

#pageBottom{

font-size:.8em;
padding-left:40px;

}

/*------------------------------------------------- portfolio pages --------------------------------------------------------*/

#column_bPort{

margin-left:170px;
margin-right:180px;
margin-bottom:50px;
text-align:left;
padding-left:35px;
border-left:1px solid #A7C520;


}



#column_bPort h3{

margin-top:5px;

}



#column_bPort p{

font-size:.9em;
line-height:140%;


}/*text styles on portfolio/video/web pages*/

#column_bPort ul{

font-size:.8em;
line-height:140%;


}/*text styles on festival info*/

#column_bPort em{

 font-weight: bold;
 font-style:normal;

}/*styles date on video/web pages*/

#column_bPort a{

font-size: 1em;

}/*styles thenext button*/

#column_bPort .thumbnail{

padding:20px 0 20px 10px;
margin-bottom:10px;
border-bottom:1px solid #A7C520;
float:right;


}/*float portfolio images to right

#column_bPort h3{
clear:right;
padding-top:20px;

}/* the h3 element in portfolio page clears floats*/


.video{

padding:15px 0 0 0;

}/*this functions as flv div and holds site examples*/

#miniPix{

width:300px;
height:240px;
padding-top:30px;
margin-left:30px;

}

#miniPix img{


float:left;

}