/* CSS Okeanos RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#fff;
}
a {
	text-decoration:none;
		color:#fff
}
a:hover {
	text-decoration: underline;
		color:#A1E062
}
#wrap {
	width:1000px;
	height:1550px;
	text-align:left;
	margin:0 auto;background:url('imagesok/bgfo.jpg');
}

.fl{ float:left}
.fr{ float:right}

.clearfix{ clear:both}

/*-------- POSITION ----------*/

 #hg, #hd, #bg, #bd {
  background-repeat:no-repeat;
  background-image:url(../images/hdr_bg2.jpg);
  }
  #bdlogo {
  background-repeat:no-repeat;
  background-image:url(../images/logo2.png);
  }
  #hg {
background-position:top left;
  }
  #hd {
background-position:top right;
  }
  #bg {
background-position:bottom left;
  }
  #bd {
background-position:bottom right;
  position:absolute; top:170px;
   position:absolute; right:10px;
  }
  #bdlogo {
background-position:bottom right;
  position:absolute; top:10px;
   position:absolute; right:10px;
  }
  #affcontenu { 
  top:60px;
  margin-left:100px;
  margin-right:100px;
  }
  #affcontenu p {
  text-align:justify;
  }

  #afflogo { 
  top:6px;

  }
/* header */
#header { position:relative;height:280px  
	width:780px; margin:0 auto; height:330px; position:relative; color:#AC9B56;}

#logo {position:absolute; top:60px; right:130px}
#logo h1 {
	font-size:34px;
	color:#fff
}
#logo div {
	padding-left:100px
}
#nav { position:absolute; top:550px; left:50px; background:url(../imagesok/nav.jpg); width:890px;height:46px; line-height:46px; padding: 0 0 0 40px }
#nav li {float:left;  font-weight:880; width:100px }
#nav a {text-decoration:none; display:block; text-align:center;}
#nav a:hover {background:url(../imagesok/nav_hover.jpg) -10px; }
/* content */
#content {}
.mainfc {position:absolute; top:520px;  margin:0 0 0 200px; width:570px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
.main {position:absolute; top:200px;  margin:0 0 0 420px; width:570px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}

#text {width:530px; }
#text h2 {font-size:30px; padding-bottom:20px}
#text p img {float:left; padding:0 20px 0 0}
#text a { color: #FFCC00}

#col {position:relative; top:10px; margin:50px 5 0 0;width:535px; background:url(../imagesok/colc.jpg); height:300px ; }

#col div {width: 200px; margin: 20px 0 0 70px; display:inline}
#col .first  {margin: 20px 0 0 50px }
#col li{line-height:20px;}
.side {position:absolute; top:550px;  margin:0 0 0 40px; width:250px; background:url(../imagesok/colb.jpg); display: inline;}
.side h2 {font-size:22px}
.side li {line-height:20px; list-style:inside disc; color:#FFFFFF; }
.side ul {margin:30px  0 30px 20px}
/* footer */
#footer { background:url(../imagesok/ft.jpg); height:133px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:120px}
.ftlink {width:500px;}

#contact {position:absolute; top:400px; right:130px}
#contactleft{width:562px; position: relative; float:left;}

.menu1 {width: 650px; float:right; padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../imagesok/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li b a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(../imagesok/button3.gif);}
.menu1 li.current a b {background:url(../imagesok/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(../imagesok/button2.gif);}
.menu1 li a:hover b {background:url(../imagesok/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../imagesok/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../imagesok/button3.gif) no-repeat right top;}