@charset "utf-8";

body {
	font-family: 'Quicksand', sans-serif;
	margin: 0;
	padding: 0;
	background-color: #000000;
}

#main_menu_bar{
	color: white;
	width: 100%;
	height: 20px;
	min-width: 800px;
	margin: 10px 0 0 0;
	z-index: 10;
	border-bottom: 1px solid #4f4f4f;
	border-top: 1px solid #4f4f4f;
}

#logo{
	margin: 0 0 0 10px;
	position: absolute;
}

#main_menu_bar ul{
	margin: 0 0px 0 0;
	list-style-type: none;
	text-align: center;
}

#main_menu_bar ul li{
	display: inline;
	margin: 0px 10px 0px 10px;
	font-size: 13px;
}

#main_menu_bar a:link{text-decoration: none; color:white;} 
#main_menu_bar a:hover{text-decoration: none; color:#a92121 !important;} 
#main_menu_bar a:active{text-decoration: none; color:white;} 
#main_menu_bar a:visited{text-decoration: none; color:white;} 

#portrait_wrapper{ 
	margin: 10px auto 0px auto; width: 1000px;
}

#portrait img{ 
	width: auto; height: 650px;
	position: absolute;
} 

#main_text{
	width: 500px; height: 650px; position: absolute; color: white;
	margin: 150px 0px 0px 500px; color: rgb(129,129,129);
}

#news{
	position: absolute;
	margin: 700px 0 0 0;
	width: 100%; height: 550px; background-color: #373737; background-image: url("../_images/pattern.png");
}

.separator{
	height: 20px; width: 100%; background-color: black;
	-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4); 
    box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
}

.cat_name{
	font-size: 13px;
	text-align: right;
	margin: 0 10px 0 0;
}

#news_content{
	width: 1000px; height: 400px;
	margin: 60px auto 0 auto;
}

#news_text{
	width: 400px; color: white;
	margin: -360px 0 0 550px;
	position: absolute;
}

#news_text a:link{text-decoration: none; color:#a92121;} 
#news_text a:hover{text-decoration: none; color:white !important;} 
#news_text a:active{text-decoration: none; color:#a92121;} 
#news_text a:visited{text-decoration: none; color:#a92121;} 


#bottom{
	position: absolute;
	margin: 1220px 0 0 0;
	width: 100%; height: 50px; background-color: black;
}




#content{
	width: 1000px;
	margin: 0 auto 0 auto;
}

#content a:link{text-decoration: none; color:#a92121;} 
#content a:hover{text-decoration: none; color:white !important;} 
#content a:active{text-decoration: none; color:#a92121;} 
#content a:visited{text-decoration: none; color:#a92121;} 

#content_image{
	width: 500px;
}

#content_text{
	width: 450px;
	position: absolute;
	color: white;
	margin: -390px 0 0 550px;
}






#realisations{
	width: 1000px;
	margin: 0 auto 0 auto;
}

#realisations img{
	width: 225px;
	margin: 20px 0 0 20px;
}


#archive{
	width: 1000px;
	margin: 0 auto 0 auto;
}

#archive img{
	width: 225px;
	margin: 20px 0 0 20px;
}

#other{
	width: 1000px;
	margin: 0 auto 0 auto;
}

#other img{
	width: 960px;
	height: 225px;
	margin: 20px 0 20px 20px;
}

#other a:link{text-decoration: none; color:white;} 
#other a:hover{text-decoration: none; color:white;} 
#other a:active{text-decoration: none; color:white;} 
#other a:visited{text-decoration: none; color:white;} 

#archive a:link{text-decoration: none; color:white;} 
#archive a:hover{text-decoration: none; color:white;} 
#archive a:active{text-decoration: none; color:white;} 
#archive a:visited{text-decoration: none; color:white;} 

#realisations a:link{text-decoration: none; color:white;} 
#realisations a:hover{text-decoration: none; color:white;} 
#realisations a:active{text-decoration: none; color:white;} 
#realisations a:visited{text-decoration: none; color:white;} 


#caption{
	width: 215px;
	height: 30px;
	position: absolute;
	background-color: #2e2e2e;
	margin: 205px 0 0 20px; 
	opacity:0.7;
	filter:alpha(opacity=70);
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

#im{
	float: left;
}

#link_archives{
	margin: 20px 0 0 20px;
	font-size: 12px;
	text-align: right;
	width: 960px;
	float: left;
}

#link_archives a:link{text-decoration: none; color:white;} 
#link_archives a:hover{text-decoration: none; color:#a92121 !important;} 
#link_archives a:active{text-decoration: none; color:white;} 
#link_archives a:visited{text-decoration: none; color:white;} 


.caption {
  z-index:500;
  display:block!important;
  position:absolute;
  bottom:0;
  left:0;
  height:30px;
  padding:10px 0 0 0;
  background:#000;
  background:rgba(0,0,0,.5);
  width:100%;
  font-size:14px;
  border-top:1px solid #000;
  text-shadow:none;
  color: white;
  text-align: center;
}


#contact_content{
	width: 1000px;
	margin: 100px auto 0 auto;
	color: gray;
	font-size: 13px;
}

#contact_form{
	width: 500px;
}


#contact_text{
	position: absolute;
	margin-left: 500px;
	padding: 5px 0 0 0;
	width: 400px;
	height: 200px;
	color: white;
	font-size: 15px;
	
}

#focus_text{
	color:white;
	width: 1000px;
	margin: 50px 0 0 0;
	text-align: ;
}


#copy{
	width: 100%;
	height: 20px;
	position: absolute;
	/*position: fixed;
	bottom: 0;
	right: 0;*/
	border-bottom: 1px solid #4f4f4f;
	border-top: 1px solid #4f4f4f;
}

#copy_text{
	margin: 3px 10px 0 10px;
	font-size: 13px;
	color: gray;
	text-align: right;
}

#copy_text a:link{text-decoration: none; color:gray;} 
#copy_text a:hover{text-decoration: none; color:#a92121 !important;} 
#copy_text a:active{text-decoration: none; color:gray;} 
#copy_text a:visited{text-decoration: none; color:gray;} 





/* this part is css for the slideshow */
    #slides {
    z-index: 1;position:relative;
    display: none;
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:8px;
      height:12px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:5px;
      background-position: -8px 0;
    }

    a:hover.slidesjs-next {
      background-position: -8px -12px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -12px;
    }

    a.slidesjs-play {
      width:10px;
      background-position: -16px 0;
    }

    a:hover.slidesjs-play {
      background-position: -16px -12px;
    }

    a.slidesjs-stop {
      width:13px;
      background-position: -26px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -26px -12px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 7px;
      height: 0;
      padding-top: 7px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -7px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -13px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }