/* CSS Document */
* {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
h1{font-family: Times New Roman;}
h2, h3, p, li, ul, span{font-family: Trebuchet MS, Tahoma;}

p {
  text-indent: 20px;
  text-align: justify;
  line-height: 24px; 
  font-size: 11pt;
  letter-spacing: 1px;
}
li, ul, span {
  line-height: 24px; 
  font-size: 11pt;
  letter-spacing: 1px;
}

body {  
background: #565656;              
}
.red1{position:relative; float: left; left: -7px; top: -7px; width:115px; height: 68px;}
.red2{position:relative; float: right; left: 7px; top: -7px; width:115px; height: 68px;}
.red3{position:relative; float: left; left: -7px; top: 7px; width:115px; height: 68px;}
.red4{position:relative; float: right; left: 7px; top: 7px; width:115px; height: 68px;}
.red5{position:relative; float: left; top: -7px; left: -7px; width:115px; height: 68px;}
.red6{position:relative; float: right; top: -7px; left: 7px; width:115px; height: 68px;}
.red7{position:relative; float: left; top: 7px; left: -7px; width:115px; height: 68px;}
.red8{position:relative; float: right; top: 7px; left: 7px; width:115px; height: 68px;}  
#container {
  width: 800px;
  margin: 20px auto 20px auto;
}  	
/* ------------HEATHER */  

header {
	width: 800px;
	height: 450px; 
}
#header-image{
  width: 680px;
  height: 240px;
  float: left;
  margin: -20px 60px -20px 60px;
  background: #000000;
}
#header-image img{
  float: left;
  margin-right: 20px;
}
#header-image strong{
  color: #fff;
  text-align: center;
  line-height: 45px; 
  font-size: 24pt;
  font-weight: normal;
  font-family: Trebuchet MS, Tahoma;
  letter-spacing: 2px;
}
#logo{
  width: 800px;
	height: 114px;
}
.logo-img {
  border: 0px;
  float: left;
  margin: auto 20px auto auto;
}
header h1 {
  font-family: Tahoma;
  padding: 65px 0 0 0;
 font-size: 30px;
  font-weight: 100;
  line-height: 10px;
  letter-spacing: 2px; 
  float:left; 
  color: #FFFFFF;
}
#heather-animation {
	width: 800px;
	height: 336px;
	margin: 10px 0 0 0;
	background: #EBEBEB;
	background-image: url('../images/content-bg.jpg'); 
	background-repeat: repeat;; 
}
#animation{
 	width: 680px;
	height: 200px;
	margin: 0 60px 0 60px;
	clear:both;
}
/* ------------HEATHER END*/ 

/* ------------CONTENT*/ 
#container-content {
	width: 800px;
	margin: 100px auto 20px auto;
	background: #EBEBEB;
	background-image: url('../images/content-bg.jpg');
	background-repeat: repeat;        
}
             /* ------------NAVIGACE*/            
nav {
  width: 800px; 
  height: 68px;
  margin: 0 ;  
} 
 
nav ul{
  width: 570px; 
  height: 68px;  
  float: left;
}
  
nav li {      
    list-style-image: none;
    list-style-type: none;
    display: inline;
    line-height: 50pt; 
    border-right: solid black 1px;
    text-align: center;
    letter-spacing: 1px;
    margin-right: 2px;
    padding-right: 2px;
}
.last_li{
  border:none;
}
nav a, nav a:visited { 
  color: #000000;
  font-size: 10pt; 
  font-weight: bold; 
  text-decoration: none;
}

html body div#container div#container-content nav ul li a:hover { 
  color: #004265; 
  text-decoration: underline;  
}  
nav .current_page a {color: #004265;}
.current_page {
  color: #004265;
}
nav .current_page_li_last {
  border:none;
}
nav .current_page_li_last a {
  color: #004265;
}
/* ------------NAVIGACE*/
/* ------------CONTENT*/ 
    /* ------------CONTENT TEXT*/             
    article {
      width: 300px;
      min-height: 292px;
      padding: 0px 40px 0 50px;
      margin: 40px 0 0 0;
      float: left;  
      border-right: solid #aaaaaa 1px;
    }
    
    article p {
    }
    article h1{
    margin: 0px 0 20px 0;
    font-size: 19pt;
    color: #004265;     
    }
    article h2{
      margin: 50px 0 10px 0;
      font-size: 16pt;
      color: #004265;  
    }
    article h3{
     margin: 10px 0 10px 0;    
     font-size: 11pt; 
     color: #004265;  
    }
    article li {
      margin: 0 0 10px 0;  
    }
    .bullet-text {
      list-style-image: url('../images/bullet-text.png');  
    }
    article a:hover { color: #FFFFFF; text-decoration: underline; }  
    article a, a:visited { 
    color: #004265;
    text-decoration: none;
    }
    #facebook{
    border: none; 
    overflow:hidden;
    width:150px; 
    height:21px;
    margin: 10px 0 10px 0;
    }
    /* ------------CONTENT TEXT END*/ 
    /* ------------CONTENT IMAGES*/
    aside {
      width: 248px;
      float: right;
      margin: 20px 90px auto auto;   
    }
    .picture {
      width: 218px;
      height: 162px;
      margin: 170px 10px 170px 10px;  
    }
    .picture-photo {
      width: 218px;
      height: 291px;
      margin: 20px 10px 120px 10px;     
    }
    /* ------------CONTENT IMAGES*/
    .end{
      clear: both;
    }
/* ------------CONTENT END*/ 

/* ------------FOOTER*/ 
footer {
	height:  211px; 
  background: #000000;              
}
footer p {
  position: relative;
  top: 160px; 
  line-height: 38px; 
  text-align: center;   
  margin-bottom: 10px;
  color: #ffffff;}
/* ------------FOOTER END*/