/* Screen CSS Definitions */

body
{
   margin: 0px;
   padding: 20px;
   padding-top: 0px;

   color: #ffffff;

   font-size: 80%;
   font-family: Georgia, Garamond, Serif;

   background-color: #ECECEC;

}

a
{
   color: #838282;
}

a:hover
{
   color: #4E4E91;
}

#page
{
   width: 866px;
   margin: 0px auto;
   background-image: url(/img/page/img-pge-bkg.gif);
   background-repeat: repeat-y;

     
}


#banner
{
   width: 906px;
   height: 242px;
   margin: 0px auto;
   position: relative;
   background-color: #ECECEC;
   background-image: url(../img/header/img-hdr-banner.png);
}

#header
{
   width: 866px;
   height: 175px;
   position: relative;
   background-image: url(../img/header/img-hdr-bkg.png);
   
}

#header h1, #header h2, #header h3
{
   display: none;
}

#search-form
{
   margin: 0px;
}

#search-field
{
   border: 1px solid #000000;

   font-size: 0.9em;
   font-family: Courier New,Courier;
}

#header-search
{
   top: 116px;
   left: 483px;

   width: 300px;

   position: absolute;
}

#header-search .label
{
   float: left;

   color: #FFFFFF;

   padding-top: 4px;
}

#header-search .field
{
   float: left;

   padding-top: 2px;
   padding-left: 5px;
}

#header-search .image
{
   float: left;

   padding-left: 5px;
}

#middle
{
   position: relative;
   background-color: #28121b;
/*  border: 1px solid #FF0C00; */

   background-image: url(/img/middle/img-mid-upr-bkg.jpg);
   background-repeat: no-repeat;
   background-position: left top; 

}

#content
{
   width: 600px;
   min-height: 622px;

 /*  border: 1px solid #A0A0A0;  */

   padding-left: 215px;
}

* html #content
{
   height: 622px;
}


#hrule
{
   position: relative;
   padding-top: 10px;
   border-top: 1px solid #ffffff;  
}

.vrule
{
    width: 12px;

	background-image: url(../res/Image/img-12px-rule.gif);
	background-repeat: repeat-y;
}

#crumbs
{
   color: #C0C0C0;

   font-size: 1em;

   margin-bottom: 10px;
}

#crumbs a
{
   color: #A0A0A0;

   text-decoration: none;
}

#crumbs a:hover
{
   text-decoration: underline;
}

#menu-bottom
{
   position: absolute;
}

#left
{
   width: 590px;
/*  border: 1px solid #FF1818; */

   font-size: 0.9em;
   line-height: 1.4em;

   padding-left: 40px;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   
   background-image: url(../img/middle/img-menu-sep.png);
   background-repeat: no-repeat;
   background-position: left top;
   
   min-height: 580px;
}

* html #left
{
   height: 580px;
}

#left p
{


}

#left h1
{
   color: #f58026;

   font-size: 1.8em;

   margin-top: 15px;
   margin-bottom: 15px;
}

#left h2
{
   color: #eef03b;

   font-size: 1.2em;


}

#left h3
{
   color: #f58026;

   font-size: 1.1em;



}

#logo-img
{
      margin: 0px auto;
      
      position: absolute;
      
   top: -95px;
   left: 30px;
   
   color: #000000;
   
   height: 90px;
   width: 240px;

   background-image: url(../img/page/img-logo-roninfilms.gif);
   background-repeat: no-repeat;

}

#footer
{
   clear: both;

   width: 906px;
   height: 52px;

   position: relative;
   margin: 0px auto;
   background-image: url(../img/footer/img-ftr-bkg.png);
}

#footer-nav
{
   top: 15px;
   left: 25px;

   position: absolute;
}

#footer-nav ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#footer-nav ul li
{
   float: left;

   padding-left: 5px;
   padding-right: 5px;

   border-right: 1px solid #838A92;
}

#footer-nav ul li.last
{
   border-right: none;
}

#footer-nav ul li a
{
   color: #ffffff;

   display: block;

   font-size: 0.9em;

   text-decoration: none;
}

#footer-nav ul li a:hover
{
   text-decoration: underline;
}

#footer-txt
{
   top: 50px;
   left: 5px;

   position: absolute;
}

#footer-txt ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#footer-txt ul li
{
   float: left;

   padding-left: 5px;
   padding-right: 5px;

   border-right: 1px solid #ffffff;
}

#footer-txt ul li.last
{
   border-right: none;
}

#footer-txt ul li a
{
   color: #FFFFFF;

   display: block;

   font-size: 0.9em;

   text-decoration: none;
}

#footer-txt ul li a:hover
{
   text-decoration: underline;
}

.label
{
   text-align: right;
   vertical-align: top;

   padding-top: 3px;
   padding-left: 10px;
}

.ftext
{
   vertical-align: top;

   padding-top: 3px;
}

.field
{
   font-size: 1em;
   font-family: Courier New,Courier;
}

.cssErrMsg
{
   color: #FF0000;
}

.cssPrvNxt
{
   margin: 0px;
}

.cssPrvNxt form
{
   margin: 0px; padding: 0px;
}