body {font-family:Arial; background:#2B5084; min-width:1000px;}
img, div { behavior: url("/js/iepngfix.htc") }
a{color:#a6ceff;}
a:hover{text-decoration:none;}

#header-bg{width:100%; height:494px; background:url("/img/main/header-bg.jpg") repeat-x 0 0;}
#city-bg{width:100%; height:155px; background:url("/img/main/city-bg.jpg") repeat-x 0 0; position:absolute; top:340px; left:0;}
#logo{position:absolute; top:100px; left:50px;}
#mail{position:absolute; top:241px; //top:246px; left:195px; width:12px; height:8px;z-index:100;}
#search-icon{position:absolute; top:245px; left:175px; background:url("/img/main/search.gif") no-repeat 0 0; width:11px; height:11px; cursor:pointer; z-index:50;}
#search-active{position:absolute; top:245px; left:175px; background:url("/img/main/search-active.gif") no-repeat 0 0; width:11px; height:11px; cursor:pointer; z-index:50;}
#search{position:absolute; top:265px; left:50px; z-index:50;}
#search input{display:inline; float:left; border:none; border-top:1px solid #142C5B; border-bottom:1px solid #142C5B; font-size:0.8em; height:19px; //height:23px;}
#search div#l{background:url("/img/main/search-input-left.png") no-repeat 0 0; width:10px; height:23px; float:left;}
#search div#r{background:url("/img/main/search-input-right.png") no-repeat 0 0; width:23px; height:23px; float:left; cursor:pointer;}

#rolling-line{position:absolute; top:500px; left:5%; width:90%; height:40px; background:#1B3354; z-index:-10; min-width:1000px;}
#rolling-line-l{float:left; background:url("/img/main/rolling-line-l.gif") no-repeat 0 0; width:8px; height:40px;}
#rolling-line-r{float:right; background:url("/img/main/rolling-line-r.gif") no-repeat 0 0; width:8px; height:40px;}

#toddler{position:absolute; top:500px; left:200px; width:50px; background:#000; height:40px; z-index:-9;}
#toddler-left{float:left; background:url("/img/main/toddler-left.gif") no-repeat 0 0; width:16px; height:40px;}
#toddler-right{float:right; background:url("/img/main/toddler-right.gif") no-repeat 0 0; width:16px; height:40px;}

#projects{position:absolute; top:500px; left:10%; width:86%; height:40px; font-family:Verdana; font-size:0.7em; color:#747474; /*white-space:nowrap; */z-index:100; text-align:center; min-width:800px;}
/*#projects span{margin-right:30px; cursor:pointer;}*/
#projects span {
    cursor: pointer;
    float: left;
    height: 40px;
    margin-right: 30px;
    position: relative;
    width: 16%;
}

#projects span a {
color:#747474;
text-decoration:none;
}


#people{position:absolute; top:441px; left:5%; width:90%; height:59px; z-index:10;}
#people #children{position:absolute; left:20%; width:41px; height:59px; background:url("/img/main/people-children.png") no-repeat 0 0;}
#people #woman{position:absolute; left:40%; width:18px; height:59px; background:url("/img/main/people-woman.png") no-repeat 0 0;}
#people #girl{position:absolute; left:60%; width:21px; height:59px; background:url("/img/main/people-girl.png") no-repeat 0 0;}
#people #married{position:absolute; left:90%; width:45px; height:59px; background:url("/img/main/people-married.png") no-repeat 0 0;}

#project{position:absolute; top:0; left:50%; height:500px; z-index:9;}
#project img{
	position:absolute;
	bottom:0px;
	left:20%;
	display:block!important;
	/* [disabled]cursor:pointer; */
	margin-left:-387px;
}
#loader{position:absolute; left:50%; top:300px; z-index:8;}
#more{width:330px; height:179px; position:absolute; top:50px; left:52%; display:none; //display:block;}
@media all and (min-width:0px) {#more{display:block;}}

#content{float:left; left:20%; width:47%; font-size:0.8em;}
#content h3{
	font-family:Arial;
	font-style:italic;
	color:#a6ceff;
	font-size:1em;
	margin-left:-10px;




//margin-left:0px; //font-weight:normal; 					margin-bottom:20px;
	margin-top: 20px;
}
#content h4{font-weight:bold; margin-bottom:5px;}

h5{font-family:Arial; font-style:italic; color:#ffffff; font-size:0.9em; margin-left:0; margin-bottom:20px; font-weight:normal;}



#content div{display:block; color:#fff;  margin-bottom:13px; padding-right:20px; line-height:1.3em;}
#content div a{color:#fff;}
#content p, #content div p{margin-bottom:20px;}
#content div p br{margin-bottom:5px;}
#content div p strong{font-weight:bold!important;}
#content div ul{padding-left:20px; margin-top:-20px; margin-bottom:20px;}
#content div ul li{list-style-type:circle; list-style-position:inside;}

#indetail{margin-top:10px;}
.indetail-text{margin-top:10px;}
#indetail a{font-size:1.6em; color:#a6ceff!important; border-bottom:1px dashed #a6ceff; cursor:pointer; Zoom:1;}
#indetail div#arrow{background:url("/img/main/indetail-arrow.gif") no-repeat 0 0; width:13px; height:8px; display:inline!important; margin-left:-50px; //margin-left:-55px; margin-top:19px; //margin-top:17px; position:absolute;}

#news{float:left; left:70%; width:22%; padding-left:30px;}
#news h3{font-family:Arial; font-style:italic; color:#a6ceff; font-size:0.9em; margin-left:-10px; //margin-left:0; margin-bottom:20px; font-weight:normal;}
#news div{display:block; color:#fff; font-size:0.8em; margin-bottom:13px; padding-right:20px;}
#news div a{color:#fff;}
.news-date{font-style:italic; display:inline!important;}
.news-date span{font-weight:bold;}
.descr{display:inline!important;}
.news-ribbon{margin-bottom:30px!important;}

ul.gallery{margin-bottom:20px;}
ul.gallery li{display:inline;}

#main-menu{float:left; left:5%; width:18%; margin-left:5%; padding-right:10px;}
#main-menu ul#menu li{display:block; margin-bottom:10px;}
#main-menu ul#menu li a{font-size:0.9em; cursor:pointer;}
#main-menu ul#menu li a.active{color:#fff;}
#main-menu ul#menu li a.open{border-bottom:1px dashed #a6ceff;}
#main-menu ul#menu li div{margin-bottom:7px; margin-top:5px; line-height:1em;}
#main-menu ul#menu li div a{display:block; font-size:0.8em; margin-left:10px; margin-bottom: 3px;}

#main{margin-top:100px; z-index:-100;}
#line{
	display:block;
	clear:both;
	background:url("/img/main/line.gif") repeat-x 0 100%;
	width:100%;
	height:20px;
	text-align:center;
	padding-top:0px;


//padding-top:0px;			margin-top: 20px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
}
#line div{margin:0 50px 0 50px; display:inline;}
#line a{color:#254371; text-decoration:none;}
#line a:hover{text-decoration:underline; color:#0e1a2b;}

#copyright{
	width:47%;
	left:20%;
	position:absolute;
	font-size:0.7em;
	color:#6393c3;
	padding-bottom: 17px;
}
#made{font-size:0.7em; color:#6393c3; width:27%; position:absolute; left:69%; margin-bottom:20px;}
#made img{display:block; margin-top:5px;}


#projects span.active .tg_left{ visibility: visible; }
#projects span.active .tg_right{ visibility: visible; }
#projects span.active .tg{background:#000000; }
#projects span.active .tg a{color:#ffffff;}


#projects span .tg{/*float: left;*/ height: 39px; position: relative; z-index:10;  /*width: 99%;*/}
#projects span .tg a{position: relative; z-index:10; top:10px;}

#projects span .tg_left   {float:left;background:url("/img/main/toddler-left.gif") no-repeat 0 0;width:16px; height:40px; position: absolute; left:-13px; visibility: hidden;}
#projects span .tg_right {float:right; background:url("/img/main/toddler-right.gif") no-repeat 0 0; width:16px; height:40px; position: absolute; right:-10px; top: 0; z-index:100;  visibility: hidden;}



.counter{position:absolute; right:10px;}

h1 { font-size: 1.5em; margin-bottom: 1em; font-style: italic; color: #A6CEFF; }


.banner3{ float:left; margin-top:75px; width: 100%;}
.banner4{ float:left; width: 22%;  margin-bottom:75px; padding-left: 30px;}
.banner5{ float:left; width: 22%;  margin-top:75px; padding-left: 30px;}


.presentation{float:left; left: 70%;  padding-left: 20px;  width: 22%; margin-bottom: 30px; font-size: 0.9em; font-style:italic;}

.pr {height:400px; width:560px; position:relative; left:50%; margin-left:-300px;}
.pr object{float:left; width:100%!important;}