html, body
{
height:100%;
}
body {
font:12px Arial, Helvetica, sans-serif;
color:#222222;
min-height:100%; font-size:12px;
}
a { color:#1b5c9b;}
a:hover { color:#2e7edc;}
em { font-style:italic;}
/* menu block*/
#dip_bar {
display:none;
position:fixed;
bottom:7%;
width:100%;
z-index:1000;
}
#logo {
position:absolute;
margin:-91px 0 0 -3px;
z-index:1000; outline:none;
}
*:first-child+html #logo {
margin:-91px 0 0 -100px;
}
.map { background:url(../img/map.gif) no-repeat 20px 5px; height:386px; width:574px;}
*html .map {background:none;height:auto;}
.not_js_content .map {background:none;height:auto;}
#menu {
position: absolute;
z-index:13;
margin:0 auto 0 auto;
height:41px;
}
#menu a {
color:#000;
display:block;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
font-size:13px;
}
#menu ul {
margin:-3px 0 0 0;
}
#menu li {
display:inline;
padding:0 3px 0 0;
}
#li_how, #li_what, #li_where, #li_todo {
padding:0 0 25px 0;
}
#a_how, #a_what, #a_where,#a_todo {
margin:0px 0 5px 5px;
border-bottom:1px #000 dashed;
padding:14px 0 5px 0;
}
.mouseon #a_how, .mouseon #a_what, .mouseon #a_where, .mouseon #a_todo {
color:#FFF;
border-bottom:1px #FFF dashed;
}
#a_hello {
width:92px;
height:47px;
background:url(../img/a_main.gif) top no-repeat;
display:block;
}
.mouseon #a_hello {
background:url(../img/a_main.gif) bottom no-repeat;
}
/* /menu block*/
/* slider */
#main_ {
height:100%;
}
#slide {
height:41px;
background:#f6d638;
z-index:1;
filter:alpha(opacity=90); /* IE 5.5+*/
-moz-opacity: 0.9; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.heading {
margin:0 0 20px 0;
}
.content_ {
margin:100px 0 200px 0;
text-align:left;
}
.name_of_work{
background:#f6d638;
margin:0 0 0 -10px;
padding:5px 10px;
font-size:16px;
filter:alpha(opacity=90); /* IE 5.5+*/
-moz-opacity: 0.9; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.url_of_work {
display:block;
margin:10px 0 0 0;
font-size:14px;
}
.date_of_work {
display:block;
margin:0px 0 20px 0;
font-size:10px;
color:#999
}
.text_of_work {
width:600px;
display:block;
}
.text_of_work div{
text-align:center;
}
#list_works {
float:right;
width:180px;
margin:20px 0 200px 0;
}
#list_works li a {
font-size:12px;
color:#555555;
margin:0 10px;
}
#list_works li a:hover {
color:#555555;
margin:0 10px;
text-decoration:none;
}
#list_works li {
margin:5px 0;
}
#list {
padding:10px 0 0 0;
}
#types {
margin:0 0 20px 10px;
}
#types a {
text-decoration:none;
border-bottom:1px dashed #1b5c9b;
/* position:absolute; */
display:block;
margin:10px 0 10px 0;
font-size:14px;
}
#types a:hover {
border:none;
}
#types b {
color:#bf0d69;
font-weight:normal;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
margin:10px 0 10px 0;
}
.arrow {
font-size:24px;
}
.u1 {
float:left;
}
.u2 {
float:right;
}
.u3 {
float:left;
margin-top:-3px;
}
.u4 {
float:right;
margin-top:-3px;
}
.pink {
background:#bf0d69;
padding:3px 10px;
color:#FFF;
}
#codaSlider { display: none;}
.stripViewer {
position: relative;
overflow:hidden;
height: 100%;
margin: auto;
width: 100%;
clear: both;
}
.stripViewer .panelContainer {
position: relative;
left: 0; top: 0;
height: 100%;
list-style-type: none;
}
.panelContainer .panel {
float:left;
display:block;
height: 100%;
position: relative;
z-index:100;
}
.wrapper {
position:relative;
margin:0 auto 0 auto;
width:65%;
min-width:800px;
min-height:600px;
}
*:first-child+html .wrapper {
width:800px;
}
#ajaxloading {
background:url(../img/dip_sm.gif) no-repeat center top;
display:block;
position:relative;
margin:100px auto;
height:150px;
width:150px;
padding:50px 0 0 0;
text-align:center;
}
/* #ajaxloading em { display:none; }*/
#loading {
background:url(../img/dip_sm.gif) no-repeat center top;
display:block;
position:relative;
margin:27% auto 0 auto;
height:150px;
width:150px;
padding:50px 0 0 0;
text-align:center;
}
.img_center {
width:600px; text-align:center;
}
.not_ie {
background:url(../img/not_ie.jpg) no-repeat left;
margin:100px auto 0 auto;
width:400px;
height:180px;
padding:20px 0 0 250px;
font-size:16px;
}
.not_ie_content, .not_js_content{
margin:50px auto 0 auto;
width:400px;
font-size:16px;
padding:0 0 100px 0;
}
#col_1 { width:375px; position:absolute;}
#col_2 { width:375px; position:absolute; margin:0 0 0 420px; float:left;}
.work_year { margin:20px 0 0 10px; font-size:16px; font-weight:bold; border-bottom:1px #cccccc dotted;
font-family:Georgia, "Times New Roman", Times, serif;}
#our_work img {
border:1px solid #ccc;
}