body {
  text-align: center;
        font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
        color:#ccccff;
        background-color: #f1eeee;
        font-size: 100%;
        margin: auto;

}


p { color: #ccccff; font-weight: 700; margin: 0 }

p.bio { color: #ccccff; font-weight: 400; margin: 0; font-size: 100%; line-height: 15px; }

p.bioitalic { color: #ccccff; font-weight: 400; margin: 0; font-size: 100%; line-height: 15px; font-style: italic; }


img {display: inline; }

.extra { line-height: 20%; }

.rightimage { padding-left: 20px; padding-right: 0px; padding-bottom: 0px; padding-top: 38px; }

.leftimage { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; }

.hiddenPic {display:none;}


hr { background-color: #00728f; height: 4px; }


h1 { font-size: 175%; }

h2 { font-size: 150%;
font-weight: 700;
line-height: 100%; }

h4 {
	color:#ccccff;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 150%;
	line-height: 100%;
	margin: 0px;
        }
        
h3 {
	color:#ccccff;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 150%;
	margin-bottom: 20px;
        }

a.index_link:link {
	font-family: Arial, Helvetica, sans-serif;
        color:#bb8fc0;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
        }

a.index_link:active {
        font-family: Arial, Helvetica, sans-serif;
	color: #bb8fc0;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	}

a.index_link:visited {
	font-family: Arial, Helvetica, sans-serif;
        color: #bb8fc0;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	}

a.index_link:hover {
        font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	}


a.corp_link:link {
	font-family: Arial, Helvetica, sans-serif;
        color:#ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 140%;
	line-height: 20px;
        }

a.corp_link:active {
        font-family: Arial, Helvetica, sans-serif;
	color:#ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 140%;
	line-height: 20px;
	}

a.corp_link:visited {
	font-family: Arial, Helvetica, sans-serif;
        color: #ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 140%;
	line-height: 20px;
	}

a.corp_link:hover {
        font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 140%;
	line-height: 20px;
	}




a:link {
 color:#333333;
	text-decoration: underline;
	}

a:active {
 color:#333333;
	text-decoration: underline;
	}

a:visited {
	color:#333333;
	text-decoration: underline;
	}

a:hover {
	color:#000000;
	text-decoration: none;
	}

a.bottomnav:link {
 color:#000000;
	text-decoration: none;

	}

a.bottomnav:active {
 color:#000000;
	text-decoration: none;

	}

a.bottomnav:visited {
	color:#000000;
	text-decoration: none;

	}

a.bottomnav:hover {
	color:#000000;
	text-decoration: none;


	}


a.sidenav:link {
	color:#cc99cc;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 130%;
	line-height: 160%;

                          }

a.sidenav:active {
 	color:#cc99cc;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 130%;
        line-height: 160%;
        }

a.sidenav:visited {
	color:#cc99cc;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 130%;
       line-height: 160%;
        }

a.sidenav:hover {
	color:#cc99cc;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 130%;
        line-height: 160%;
	}



a.bodylink:link {
 color:#000000;
	text-decoration: none;
	line-height: 100%;
	font-weight: 700;
	}

a.bodylink:active {
 color:#000000;
 font-weight: 700;
	text-decoration: none;
	 line-height: 100%;
        }

a.bodylink:visited {
	color:#000000;
	text-decoration: none;
	line-height: 100%;
	font-weight: 700;
        }

a.bodylink:hover {
	color:#000000;
	line-height: 100%;
	text-decoration: underline;
        font-size: 100%;
        font-weight: 700;
	}

a.clientele:link {
	color:#ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
        }

a.clientele:active {
	color: #ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	}

a.clientele:visited {
	color: #ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	}

a.clientele:hover {
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	}







a.clientele_credits:link {
	color:#ccccff;
	text-decoration: underline;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	background-color: #000033
        }

a.clientele_credits:active {
	color: #ccccff;
	text-decoration:underline;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	background-color: #000033
	}

a.clientele_credits:visited {
	color: #ccccff;
	text-decoration: underline;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	background-color: #000033
	}

a.clientele_credits:hover {
	color: #ffffff;
	text-decoration: underline;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 100%;
	background-color: #000033
	}



a.clientelecat:link {
	font-family: Arial black, Helvetica, sans-serif;
        color:#ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 180%;
	line-height: 150%;
        }

a.clientelecat:active {
        font-family: Arial black, Helvetica, sans-serif;
	color: #ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 180%;
	line-height: 150%;
	}

a.clientelecat:visited {
	font-family: Arial black, Helvetica, sans-serif;
        color: #ccccff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 180%;
	line-height: 150%;
	}

a.clientelecat:hover {
        font-family: Arial black, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 180%;
	line-height: 150%;
	}



.clickad {  color:#ccccff; line-height: 120%; font-size: 100%; width: 160px; margin-bottom: 20px; margin-top: 20px;}

.border_clientele { border: solid #A0C6EC 2px; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }

.bioborder { border: solid #dfcee7 2px; margin-right: 15px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px; float: left;}

.bioborderfilm { border: solid #dfcee7 2px; margin-right: 15px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px;}

.bioborderright { border: solid #dfcee7 2px; margin-right: 0px; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; float: right;}

.noborder { border: 0px; }

p.bio { color: #ccccff; font-weight: 400; margin: 0; font-size: 100%; line-height: 15px; }

.client_hr { margin-bottom: 20px; margin-top: 20px;}

.tablespacer { width: 10px; }

.clear_button { float: left; padding-left: 500px; border: 0px;}

.fest_count { float:right; padding-top: 30px; padding-right: 10px; }


.shadownewd { width:800px;

padding-top: 0px;
padding-right: 20px;
padding-bottom: 20px;
background:url(images/shadow_whole-new-bottom.jpg) ;
background-position: bottom left;
background-repeat:  no-repeat;
text-align: center; margin: auto;  }

.shadowtwonewd { width:800px;

padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
background:url(images/shadow_whole-new.jpg) ;
background-position: bottom right;
background-repeat:  repeat-y;
text-align: center; margin: auto;  }






.container {
  width: 800px; /* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
/* Don't center every line of text -
we inherited this setting from body */
text-align: center;
border-left: solid black 1px;
border-right: solid black 1px;
border-top: solid black 1px;
font-size: 100%;
background-color: #000033;

}



.container_cal {
  width: 1100px; /* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
/* Don't center every line of text -
we inherited this setting from body */
text-align: center;
border-left: solid black 1px;
border-right: solid black 1px;
border-top: solid black 1px;
font-size: 100%;
background-color: #000033;

}

.pagetop2_cal {
background:url(images/page-top.jpg) no-repeat;
width: 1090px;
height: 58px;
float: left;
text-align: right;
border: solid gray 0px;
background-color: #FFFFFF;
font-size: 70%;
color: #000000;
padding-right: 10px;
padding-top: 30px;
}

.right2_cal {
float: right;
margin: 0px;
width: 832px;
font-size: 80%;
text-align: left;
border-left: solid white 0px;
border-top: solid white 0px;
padding-left: 48px;
padding-right: 40px;
padding-bottom: 20px;
padding-top: 30px;
background-color: #000033;
line-height: 100%;
overflow: visible;  /* added this to get rid of the problem of italic designation making a floated element wider in IE6 */

}

.bottom_cal {
clear: both;
font-size: 60%;
font-weight: 400;
width: 1100px;
padding-top: 6px;
padding-bottom: 6px;
background-color: #ffffff;
border-right: solid gray 0px;
border-left: solid gray 0px;
border-bottom: solid gray 1px;
border-top: solid gray 0px;
}











.pagetop2 {
background:url(images/page-top.jpg) no-repeat;
width: 790px;
height: 58px;
float: left;
text-align: right;
border: solid gray 0px;
background-color: #FFFFFF;
font-size: 70%;
color: #000000;
padding-right: 10px;
padding-top: 30px;
}

.pagetop {
background:url(images/page-top-home.jpg) no-repeat;
width: 800px;
height: 88px;
float: left;
text-align: right;
border: solid gray 0px;
background-color: #FFFFFF;
font-size: 70%;
color: #000000;
padding-right: 0px;
padding-top: 0px;
}


.left {
clear:both;
float: left;
margin: 0px;
width: 170px;
font-size: 80%;
font-weight: 400;
line-height: 100%;
text-align: left;
border-left: solid gray 0px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 15px;
padding-top: 25px;
background-color: #000033;

}

.middle {

float: left;
margin: auto;
width: 420px;
font-size: 80%;
text-align: left;
border-left: solid white 0px;
border-top: solid white 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-top: 30px;
background-color: #000033;

}

.right2 {
float: right;
margin: 0px;
width: 532px;
font-size: 80%;
text-align: left;
border-left: solid white 0px;
border-top: solid white 0px;
padding-left: 48px;
padding-right: 40px;
padding-bottom: 20px;
padding-top: 30px;
background-color: #000033;
line-height: 100%;
overflow: visible;  /* added this to get rid of the problem of italic designation making a floated element wider in IE6 */

}


.right {
background:url(images/right-background.jpg) no-repeat;
float: right;
margin: 0px;
width: 200px;
font-size: 80%;
text-align: left;
border-left: solid white 0px;
border-top: solid white 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 30px;
background-color: #000033;
height: 360px;
}

.front-page-link  {  position: relative; top: 165px; left: 15px; }




.slide-area {
text-align: center;
margin: auto;
clear: both;
height: 130px;
font-size: 60%;
font-weight: 400;
width: 680px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 120px;
background-color: #ffffff;
border-right: solid gray 0px;
border-left: solid gray 0px;
border-bottom: solid gray 0px;
border-top: solid gray 0px;
background:url(images/slide-bg.jpg) no-repeat;
}



.slide_one { float: left; border: solid #5b8ec1 2px; width: 160px; margin-right: 40px}
.slide_two  { float: left; border: solid #5b8ec1 2px; width: 160px; margin-right: 40px}
.slide_three {float: left; border: solid #5b8ec1 2px; width: 160px; }


.astt { position: relative; top: -490px; left: 158px; z-index: 1; }
.explore { position: relative; top: -440px; left: 180px; z-index: 1; }
.asian { position: relative; top: -210px; left: 190px; z-index: 1; }
.bay_film_corp { position: relative; top: -120px; left: 155px; z-index: 1; }




.markus_flair_corp { position: relative; top: -320px; left: 170px; z-index: 1; }

.new_art { position: relative; top: -245px; left: 155px; z-index: 1; }

.rocky_flair_corp { position: relative; top: -160px; left: 200px; z-index: 1; }

.sundeck_flair_corp { position: relative; top: -180px; left: 185px; z-index: 1; }





.spon3 { position: relative; top: -345px; left: 125px; line-height: 12px;}

.spon3a { position: relative; top: -285px; left: 130px; line-height: 12px;}

.spon5 { position: relative; top: -220px; left: 115px; line-height: 12px;}

.spon6 { position: relative; top: -165px; left: 140px; line-height: 12px;}

.spon7 { position: relative; top: -110px; left: 130px; line-height: 12px;}







.spon1 { position: relative; top: -710px; left: 170px; line-height: 12px;}
.spon2 { position: relative; top: -650px; left: 155px; line-height: 12px;}
.spon4 { position: relative; top: -475px; left: 155px; line-height: 12px;}
.spon8 { position: relative; top: -273px; left: 117px; line-height: 12px;}
.spon9 { position: relative; top: -229px; left: 170px; line-height: 12px;}
.spon10 { position: relative; top: -175px; left: 175px; line-height: 12px;}



.bottom {
clear: both;
font-size: 60%;
font-weight: 400;
width: 800px;
padding-top: 6px;
padding-bottom: 6px;
background-color: #ffffff;
border-right: solid gray 0px;
border-left: solid gray 0px;
border-bottom: solid gray 1px;
border-top: solid gray 0px;
}

.cwdtag { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 100%; position: relative; bottom: -90px; right: 0px; z-index: 500; }


.cwdimage { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; text-align: center; vertical-align: middle; border: 0px; }