@import "reset.css";
@import "base.css";
@import "fonts.css";
@import "CMScontent.css";

body, html {color:#565655; font-family: Verdana, Arial, Helvetica, sans-serif}
body {min-width:1095px;background-color:#000000; }
h1, h2, h3, h4 {letter-spacing:.5px;color:#9e6b02;}
h3 { margin:0; line-height:100%}
a {color:#bc2d33; text-decoration:none}
a:hover {color:#bc2d33; text-decoration:underline}
a:focus {outline: none}
.clear {clear:both}
.small {font-size:77%}
.hilite2 { color:#000000; font-size:108%; font-weight:bold}
ol,ul {letter-spacing:1px;text-align:justify; font-size:85%;}
li {padding-bottom:5px}
.alert {line-height:125%; margin-bottom:10px}

/*  <CONTAINER>
--------------------------------------------------*/
#wrapper {background: url(../images/TV.jpg) no-repeat; width:1095px; height:767px; margin:0 auto;}
#container {width:647px; height:505px; padding:188px 0 0 235px;}
#container p { letter-spacing:1px; line-height:150%; text-align:justify; font-size:85%}

/*  <HOME PAGE>
--------------------------------------------------*/
#noflashinner {background:url(images/sky.png) no-repeat; width:694px; height:436px; }
#noflashinner table {width:600px; margin:50px auto 0 auto}
#noflashinner p { font-weight:bold;padding-top:10px}
#noflashinner em { font-weight:bold}


/*  <SCROLLING PAGES>
--------------------------------------------------*/
#contentScrollOuter { width:585px; float:left }
#contentScroll { padding:0 12px 0 0;height:335px; overflow:auto; clear:both; float:left }

.logoSmall {float: left; width:90px; height:49px;background:url(../images/logoSmall.png) no-repeat}
a.logoSmall:hover {text-decoration:none}

#contactInfo table {padding:0; margin:30px 10px 0 0;}
#contactInfo td {padding:0 5px 5px 0; margin:0;font-size:77%}

#filmStills {float:left; width:116px;}
#filmStills img {float:left; padding:0 0 0 3px; margin-bottom:10px} 
#filmStills img.active {border:1px solid #ff995b; padding:3px;}

.clip {background-color:#d5ba85; color:#000000; text-transform:uppercase; padding:3px 5px; font-size:77%; font-weight:bold; letter-spacing:.5px;}
a.clip:hover {color:#bc2d33; text-decoration:none}
#clipDiv {margin-left:70px; width:320px}
#clipDiv p {text-align:center}
#clipDiv .back {margin-top:10px}

#credit {clear:both; text-align:right; padding:100px 100px 5px 0;}
#credit a { font-size:77%;color:#4c4c4c; text-decoration:none}
#credit a:hover {color:#FFFFFF}

/*  <NAVIGATION>
--------------------------------------------------*/
#navOuter {float:left; width:390px; height:75px;
		   margin:67px 15px 0 110px;
           background:url(../images/navText.png) no-repeat 8px 57px;}
#nav ul {margin:0; padding:0; list-style-type:none; width:390px; float:left}
#nav ul li {float:left; list-style:none; padding-right:17px}
#nav ul li .last {padding-right:0}
#nav ul li a {background:url(../images/btnStates.png) no-repeat 0px 0px;
              width:64px; height:64px; padding:0; display:block;text-decoration:none;}
#nav ul li a:hover {background:url(../images/btnStates.png) no-repeat -64px 0px;text-decoration:none}
#home #nav .home a,
#bio #nav .bio a,
#news #nav .news a,
#films #nav .films a,
#contact #nav .contact a
	{text-decoration:none; cursor:default;
	 background:url(../images/btnStates.png) no-repeat -128px 0px}

/*  <TOOL TIPS>
--------------------------------------------------*/
.bubble-tip {color: #fff;width: 250px;z-index: 13000;}
.bubble-title {font-weight: bold;font-size: 85%;color: #9FD4FF;
	margin: 0;padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;}
 .bubble-text {font-weight: bold;font-size: 85%;color: #9FD4FF;padding: 8px;
	background: url(../images/bubble.png) bottom right; text-transform:uppercase}

/*  <FORM>
--------------------------------------------------*/
.tdr {text-align:right;}
.tdl {text-align:left; }
input { font-family:"Courier New", Courier, monospace; background-color:#DCDDD5;   border:1px solid #000000; width:250px}
.button { margin-top:5px;background-color:#9e6b02; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%}
textarea {font-family:"Courier New", Courier, monospace; font-size:100%; background-color:#DCDDD5; border:1px solid #000000; width:250px;}
.asterisk {color:#934232; font-size:77%}

/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#bc2d33; color:#ffffff}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0; }
.noerror {font-weight:normal; margin:0; color:#565655;}