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

    website template

    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */
html
{
height: 100%;
margin-bottom: 0.01em;
}

body{
	text-align: center;
	background-color: #000000;
}

body, p {
	margin: 0; 
	padding: 0;
}	

#container { 
	margin: 0 auto; /* "auto" makes the left and right margins center the wrapper */
	width: 766px;
	height: 1400px;
	min-height:100%;
	position:relative;
   	text-align: left;
	background: url(../images/bg/background_film_only.png) no-repeat;
}

#footer {
   position:absolute;
   bottom:85px;
   width:100%;
   height:60px;   /* Height of the footer */
} 
	
img.border {
 	border: 0px solid #333333;
 	padding: 0px 0px 0px 8px;
}

/* OTHER--------------------------------------*/

h1 {   
  font-size: 6.00em;
  font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  color: #ffffff;
  background-color: transparent;
  text-align: center;
}

h2 {
  font-size: 2.00em;
  font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  font-weight: bold;
  color: #000000;
  background-color: transparent;
  text-align: center;
}

h3 {
  margin: 0;
  padding: 0;
  font-size: 2.00em;
  font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  text-align: center;
  color: #fff;
  background-color: transparent;
  padding: 0px 150px 0px 160px;
}

h4 {
  font-size: 2.00em;
  font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  text-align: center;
  color: #ffffff;
  background-color: transparent;
}

h5 {
  font-size: 1.1em;
  font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  font-weight: bold;
  color: #CC9900;
  background-color: transparent;
  text-align: center;
}

h6 {
  font-size: 2.5em;
  font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  color: #FF4B33;
  background-color: transparent;
}

p {
  font-size: 1.3em;
  font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  font-weight: bold;
  color: #000000;
  background-color: transparent;
  text-align: left;
  padding: 0px 160px 0px 180px; 
}

/*
The div#navbar2 style sets the dimensions and background color of the div that contains the navigation bar links.

The div#navbar2ul style includes margin and padding declarations to override the default spacing assigned to unordered lists and sets the general text formatting. The white-space:nowrap declaration keeps the list on one horizontal line, even if the browser window is too narrow to display the whole line.

The real secret to this technique is in the div#navbar2li style. The list-style-type:none declaration removes the bullets that normally mark each list item, and the display:inline declaration causes the list items to flow from left-to-right across the page instead of each item appearing in a separate line.

Another key element of this technique is the div#navbar2li a rule. The text-decoration:none declaration removes the underscore that is normal for links, and the padding:7px10px declaration controls the spacing of the links in the navigation bar. The left and right padding controls the horizontal spacing, while the top and bottom padding is needed to make the colored background of the rollover effect (and the clickable area of the button) extend the full height of the navigation bar. You could also add left and right margin values if you want additional space between the buttons.

Finally, the rules for the :link, :visited, and :hoverpseudoclasses set the color changes for the rollover effects.

*/
div#navbar2 {
	height: 30px;
	width: 100%;
	border-top: solid #000 0px;
	border-bottom: solid #000 0px;
	background-color: transparent;
}
div#navbar2 ul {
	margin: 0px;
	padding: 0px;
	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.75em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	white-space: nowrap;
}
div#navbar2 li {
	list-style-type: none;
	display: inline;
}
div#navbar2 li a {
	text-decoration: none;
	padding: 7px 30px;
	color: #FFF;
}
div#navbar2 lia:link {
	color: #FFF:
}
div#navbar2 lia:visited {
	color: #CCC;
}
div#navbar2 lia:hover {
	font-weight: bold;
	color: #FFF;
	background-color: #3366FF;
}

/*a {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 0.69em;
	color: #000000;
	background-color: transparent;
	line-height: 16px;
}*/

a:link {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.13em;
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
}

a:active {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.13em;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none;
}

a:visited {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.13em;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none;
}

a:hover {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.13em;
	color: #E4BC7F;
	text-decoration: none;
}

a.home:link { 	

  	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
  	text-align: center;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none;
	padding: 7px 0px 15px 0px;
}

a.home:active { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
	text-align:center;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none; 
	padding: 7px 0px 15px 0px;
}

a.home:visited { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
	text-align:center;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none;
	padding: 7px 0px 15px 0px;
}

a.home:hover { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
	text-align:center;
	color: #E4BC7F;
	background-color: #3F3F3F;
	text-decoration: underline;
	padding: 7px 0px 15px 0px;
}

a.mail:link { 	

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.3em;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	background-color: transparent;
	text-decoration: none; 
}

a.mail:active { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.3em;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	background-color: transparent;
	text-decoration: none; 
}

a.mail:visited { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.3em;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	background-color: transparent;
	text-decoration: none; 
}

a.mail:hover { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	text-decoration: none; 
}

a.foot:link { 	

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
	text-align:center;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none; 
}

a.foot:active { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
	text-align:center;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none; 
}

a.foot:visited { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
	text-align:center;
	color: #CC9900;
	background-color: transparent;
	text-decoration: none; 
}

a.foot:hover { 

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.00em;
	font-weight: bold;
	text-align:center;
	color: #E4BC7F; 
	text-decoration: none;
}

.style1 {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.13em;
	font-weight: bold;
	text-align: left;
	color: #000000;
	background-color: transparent;
}

.style2 {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.38em;
	font-weight: bold;
    text-align: center;	
	color: #ffffff;
	background-color: transparent;
}

.style3 {

 	margin: 0;
  	padding: 0;
	font-size: 1.00em;
  	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
  	text-align: center;
  	color: #ffffff;
	background-color: transparent;
}

.style4 {

	font-family: "Times New Roman", Sans-Serif, Verdana, Arial;
	font-size: 1.13em;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-color: transparent;
}
/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.black {
  color: #000000;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.yellow {
  color: #CC9900;
}