body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;} ol,ul {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;} :focus {outline: 0;} .floatbox {overflow: hidden;} .float-left {float: left; overflow: visible;} .float-right {float: right; overflow: visible;} .centered {text-align: center;} .clearfix:after {content: "."; display: block; visibility: hidden; line-height: 0; height: 0;} .clearfix {display: inline-block; clear: both;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} .stretch {padding: 0 5px;} .stretch-15{padding: 0 15px;} .errors { color: #f00; font: 10px Arial, sans-serif; } label.required sup { color: #f00; } div#header-wrapper{background-color:#e8e0d4; border-bottom:1px solid #cdcdcd;} div#header-wrapper div#header{width:998px; margin:0 auto; height:439px; background:url('../images/back.jpg') no-repeat 140px top;} div#header div.left-block{width:340px; height:439px; } div#header div.right-block{width:658px; height:439px;} a#logo img{display:block;} a#logo{display:block; width:306px; height:83px; position:relative; margin:13px 0 0 19px;} ul#menu{font:24px Tahoma, Verdana, sans-serif; color:#000; position:relative; left:49px; margin-top:11px;} ul#menu a{text-decoration:none; color:#0095da;} ul#menu a:hover{color:#005cac;} ul#menu li{margin-bottom:3px;} #circle * { cursor: pointer; } #circle{display:block; width:201px; height:155px; padding:26px 5px 0; background:url('../images/circle.png') no-repeat; position:relative; top:258px; left:152px; font:italic 18px Georgia, serif; color:#fff; text-decoration:none;} #circle:hover { background-image:url('../images/circle_h.png'); } #circle span{display:block; } #circle .about{height:70px;} #circle span.name{font:26px Georgia, serif; margin-top:3px;} #woman{width:330px; height:438px; background:url('../images/natasha_header.png') no-repeat; position:absolute; margin:-180px 0 0 325px;} #login-form { background: #ee5; color: #555; margin:0 0 0 auto; width: 400px; padding: 10px; } #video{width:320px; font:16px Georgia, serif; color:#8d8d8d; position:relative;} #video img{display:block; margin-bottom:12px;} #video p{margin-bottom:3px;} #newspaper{width:243px; height:293px; padding:15px 15px 0 50px; border:6px solid #0095da; background-color:#0095da; position:relative; margin:33px 0 0 0; font:12px Arial, sans-serif; color:#fff;} #newspaper:hover{border:6px solid #e8e0d4;} #paper{width:213px; height:268px; background:url('../images/newspaper.png') no-repeat; position:absolute; margin:-246px 0 0 -88px;} #newspaper span.name{display:block; font-size:20px; height:38px; text-align:right; color: #fff;} #newspaper .about{display:block; padding-left:124px; text-align:right; cursor: pointer; color: #fff; } #newspaper .about span.color-text{color:#fde5c2;} #newspaper .about span.bold-text{font-weight:bold;} #newspaper a {text-decoration: none; } #achievements li {width:562px; height:88px; padding:12px 29px 0; font:20px Georgia, sans-serif; background:url('../images/h_line.gif') no-repeat 19px top; margin-left:19px;} #achievements li.first { background: none; } #achievements li a { text-decoration: none; overflow: hidden; display: block;} #achievements li a * { cursor: pointer; } #achievements li:hover{background:url('../images/back_hover.gif') no-repeat;} #achievements li .image-hover{display:table-cell; vertical-align:middle; width:99px; height:77px; background-color:#f3f2f1; border:1px solid #c7c0b6; float:left; } #achievements li.current .image-hover { background: #fff; } #achievements li .image-hover img{display:block; margin:3px auto;} #achievements li.noline { background: none; } #achievements .text{width:418px; color:#005cac; display: block; float:right; } #said{width:560px; margin:20px 0 0 48px; position: relative; background: url(/images/main_page_cloud.png) no-repeat top left;} #said li { display: none; } #said div.bottom{width:495px; padding:24px 0 0 70px; font:18px Georgia, sans-serif; color:#8d8d8d;} #said div.bottom span.italic-text{font-style:italic;} #said .response-text{width:526px; height: 120px; overflow: hidden; margin-bottom:-4px; padding:15px; font:italic 20px/1.2 'Trebuchet MS', serif; color:#0095da;} #said .response-text span{font:bold 24px Georgia, sans-serif;} #said .response-text a{display:block; width:33px; height:33px; position:relative; margin:-8px 0 0 auto; } #said .prev { display: none; } #said .next { position: absolute; right: 17px; bottom: 65px; } #said .arrow { background: url(/images/pointer.gif) no-repeat 0 0; padding: 17px; position: absolute; top: 120px; cursor: pointer; right: 10px; z-index: 1000;} #footer-wrapper{background:#284d8f url('../images/back_footer.gif') repeat-x; height:180px;} #footer{width:958px; margin:0 auto; color:#fff; font:15px Georgia, sans-serif; padding:21px 0 0 48px;} #footer p a{color:#4cc6ff;} #footer p a:hover{text-decoration:none;} #footer div a{float:left;} #footer div.floatbox{height:105px;} #footer div a#link-1{margin-right:68px;} #footer div a#link-2{margin-top:5px; margin-right:100px;} #footer div a#link-3{margin-top:12px; margin-right:58px;} #footer div a#link-4{margin-top:10px; margin-right:93px;} #footer div a#link-5{margin-top:22px;} .title{font:italic 18px Georgia,sans-serif; color:#0095da; border-top:1px solid #0095da; text-align:center; margin:13px 0 13px 19px; width:280px;} .title span{padding:0 10px; background-color:#fff; position:relative; top:-14px;} #companies {text-align:center; margin:0 0 0 19px; width:280px;} #companies li { margin-bottom: 24px; } .response-list {color:#005cac; margin:0 0 0 22px;} .response-list h2 {font:bold 15px Arial, sans-serif; border-bottom:2px solid #e8e0d4; padding:0 0 5px 29px; margin-bottom:13px; background:url('../images/str.gif') no-repeat 3px top; margin-top: 33px; } .response-list h2.first { margin-top: 0; } .response-list h2 strong {font:bold 15px Arial, sans-serif; color:#0095da;} .response-list p {font:italic 15px Georgia,sans-serif; padding:0 20px;} .plashka{background:#0097dd url('../images/back.gif') repeat-x; margin:0 0 25px 22px;} .plashka.alone { padding-bottom: 10px; margin-left: 0; } .plashka #corner{background:url('../images/corner.gif') no-repeat right top; padding:10px 12px 2px 26px;} .plashka #corner .corner{background:#005cac url('../images/lc.gif') no-repeat; width:214px;} .plashka #corner .corner div{background:url('../images/rc.gif') no-repeat right top; height:24px; color:#e8e0d4; font:italic 18px Georgia,sans-serif; text-align:center;} .plashka #corner h2{font:20px Arial, serif; color:#fff; margin:4px 0 9px 4px; letter-spacing:1.3px;} .plashka #corner p{font:14px Arial, serif; color:#8ddbff; width:526px; background:url('../images/line.gif') repeat-x left 9px;} .plashka #corner p span{background-color:#0097dd; padding:0 6px 0 4px;} #over{height:33px;} #nav{width:74px; position:relative; top:-9px;} a#left{display:block; width:33px; height:33px; background:url('../images/str_l.gif') no-repeat;} a#left:hover{background:url('../images/str_la.gif') no-repeat;} a#right{display:block; width:33px; height:33px; background:url('../images/str_r.gif') no-repeat;} a#right:hover{background:url('../images/str_ra.gif') no-repeat;} div#corner-bottom{background:url('../images/corner_1.gif') no-repeat right bottom; padding:14px 12px 19px 26px;} div#corner-bottom p{color:#fff; font:17px Georgia,sans-serif; line-height:1.5;} div#corner-bottom p span{font-weight:bold;} #resume-blocks {color:#777777; font:15px Arial,serif; margin:31px 0 0 22px;} #resume-blocks p {margin-bottom:16px; padding: 0 20px; } #resume-blocks h2, .resume-blocks h3 { margin-top: 51px;} #resume-blocks h2.first { margin-top: 0; } #resume-blocks h2 {font:italic 20px Georgia,sans-serif; color:#005cac; border-bottom:1px solid #0095da; padding:0 0 4px 29px; margin-bottom:14px; background:url('../images/circle_1.gif') no-repeat 578px bottom;} #resume-blocks h3 {padding:0 20px 0 62px; color:#0095da; font:16px Georgia,sans-serif; margin:32px 0 24px 0;} #resume-blocks strong {font-weight:bold;} #resume-blocks li {background:url('../images/str_1.gif') no-repeat 23px 5px; text-indent: 24px; line-height:1.4; margin-bottom:22px; padding: 0 20px; } #banner{display:block; margin-left:40px;} #certificates {margin-left:50px; position: relative;} #certificates li { width: 100px; } #certificates li a { border: 1px solid #C7C0B6; display: table-cell; padding: 2px; } #certificates li img { vertical-align: middle; } #certificates .prev, #certificates .next { position: absolute; top: 30px; width: 12px; height: 21px; } #certificates .prev { left: -20px; background: url(/images/l_link.gif) no-repeat 0 0; } #certificates .next { right: -10px; background: url(/images/r_link.gif) no-repeat 0 0; } #certificates .prev:hover { background-image: url(/images/l_link_h.gif) } #certificates .next:hover { background-image: url(/images/r_link_h.gif) } #work-page{width:998px; margin:0 auto; padding:20px 0;} #work-page .left-block{width:683px;} #work-page .right-block{width:315px;} #work-page.index {width:998px; margin:0 auto; padding:20px 0;} #work-page.index .left-block{width:660px;} #work-page.index .right-block{width:338px;} #work-page.order { width: 960px; } .info {background:#fff url('../images/back_line.gif') repeat-x 2px top; margin:0 0 0px 22px;} .info #corner{background:url('../images/corner.gif') no-repeat right top;} .info #corner .corner{background:#005cac url('../images/lc.gif') no-repeat; width:214px;} .info #corner .corner div{background:url('../images/rc.gif') no-repeat right top; height:24px; color:#e8e0d4; font:italic 18px Georgia,sans-serif; text-align:center;} .info #corner div.news{background:url('../images/news.jpg') no-repeat left 12px; padding:25px 33px 0 162px; font:15px Arial, serif; color:#005cac; line-height:1.5; min-height:182px;} #work-page.books #corner .news, #work-page.author #corner .news { background-image:url('../images/books.jpg')} .info #corner .news p{text-align:justify;} .info #corner .news p span.spec-bold{font-weight:bold; color:#0095da;} .info #corner { font:italic 18px Georgia,sans-serif; color:#e8e0d4;} /* MENU PUBLICATION */ #publication-menu { padding:10px 0 0 5px; height:36px; position: relative; overflow: hidden;} #publication-menu li { float: left; padding: 0 20px 15px; } #publication-menu li.current, #publication-menu li.hover { background: url('../images/pl_0.gif') no-repeat 50% bottom; } #publication-menu li.current.author, #publication-menu li.hover.author {background: url(../images/book_tab.gif) no-repeat 50% bottom; } #publication-menu li.current.books, #publication-menu li.hover.books {background: url(../images/bt_recommend_tab.gif) no-repeat 50% bottom; } #publication-menu li.current.no-tab { background: none; } #publication-menu a { color:#e8e0d4; text-decoration:none; text-align:center; cursor: pointer; position: relative;} #publication-menu .right { position: absolute; right: 0; top: 0; width: 11px; height: 24px; } #publication-menu .element, #publication-menu a { padding: 0 34px 3px; color:#e8e0d4; text-align:center; position: relative; } #publication-menu a { background: url(../images/transparent-blue-left.gif) no-repeat 0 0; } #publication-menu a .right { background: url(../images/transparent-blue-right.gif) no-repeat 0 0; } #publication-menu .element, #publication-menu a:hover { background: url(../images/dark-blue-left.gif) no-repeat 0 0; } #publication-menu .element .right, #publication-menu a:hover .right { background: url(../images/dark-blue-right.gif) no-repeat 0 0;} #publications li{color:#005cac; margin:0 0 30px 22px; } #publications .brief li{color:#000; margin:0 0 0 30px; list-style-type: disc; } #publications .brief strong { font-weight: bold; } #publications h2{font:bold 18px Arial, serif; color:#0095da; padding-left:29px; margin-bottom:6px; background:url('../images/str.gif') no-repeat 3px 3px;} #work-page.books #publications h2 { color: #005cac; background-image:url('../images/blue_str.gif') } #publications h3{font:12px Arial, serif; color:#777; padding-left:29px; margin-bottom:12px;} #publications .wrapper { position: relative; } #publications .top{width:660px; height:7px; background:url('../images/top_1.gif') no-repeat; font-size:0; position:relative;} #publications .bottom{width:660px; height:7px; background:url('../images/bottom_1.gif') no-repeat; font-size:0; } #publications .shadow { background: url(/images/books_shadow.png) no-repeat 0 0; width: 109px; height: 138px; } #publications .description {width:660px; background-color:#efe9e1; font:14px 'Trebuchet MS'; color:#000;} #work-page.books #publications .description { color: #005cac; } #publications .description .brief {width:487px; padding:10px 32px 17px 29px; text-align:justify; } #publications .read{text-align:right; float:right; display: inline; font-size:16px;} #publications .read a{color:#0085eb;} #publications .read a:hover{color:#005cac;} #publications .pdf, #publications .buy {display:block; background:url('../images/pdf.gif') no-repeat; width:60px; height:60px; position:relative; margin:-30px 169px -30px auto;} #publications .buy { background-image:url('../images/buy.png'); width: 70px; height: 70px; } #publications .buy:hover { background:url('../images/buy_hover.gif') no-repeat 4px 4px; } #publications .pdf:hover{background:url('../images/pdf_h.gif') no-repeat;} #publications .preview {width:112px; text-align: left;} #publications .preview .shadow { position: absolute; } #publications .preview img{display:block; margin-top: 3px; margin-left: 5px; } /* #publications.books-list .preview img { right: 10px; } */ div#nav_bar{color:#cfc7bd; font:20px Arial, serif; padding:118px 0 73px 42px;} div#nav_bar a{color:#0095da; text-decoration:none; margin-right:21px;} div#nav_bar span{color:#cfc7bd; margin-right:21px;} div#nav_bar a:hover{color:#0095da; text-decoration:underline;} div#nav_bar a.left{padding:0 5px 0 0; background:url('../images/l_link.gif') no-repeat; margin-right:37px; color:#fff;} div#nav_bar a.left:hover{background:url('../images/l_link_h.gif') no-repeat; color:#fff;} div#nav_bar a.right{padding:0 5px 0 0; background:url('../images/r_link.gif') no-repeat; margin-left:16px; color:#fff;} div#nav_bar a.right:hover{background:url('../images/r_link_h.gif') no-repeat; color:#fff;} .mail-n-phone { width: 960px; height: 100px; background: url(/images/phone_mail_gradient.jpg) repeat-x 0 0; } .mail-n-phone li { display: inline; font: 18px/150% Arial, sans-serif; padding: 23px 90px 34px 85px; position: relative; top: 32px; letter-spacing: 1px; } .mail-n-phone a, .mail-n-phone span { color: #0095da; text-decoration: none; } .mail-n-phone .mail {border-right: 1px solid #fff; margin-left: 80px; background: url(/images/post.gif) no-repeat 0 12px; margin-right: -4px; } .mail-n-phone .phone {border-left: 1px solid #c2bfb0; background: url(/images/tube.gif) no-repeat 100% 5px; padding-left: 92px; padding-right:130px; } #order-form-wrapper { background: #f0e9e1; margin-top: 33px; margin-bottom: 80px; width: 930px; padding: 15px; position: relative; } #order-form { background: #fff; padding-top: 20px; padding-bottom: 40px; } #order-form .element { margin-bottom: 4px; } #order-form label, #order-form .element input { font: 15px Arial, sans-serif; } #order-form label { width: 300px; color: #222; padding-left: 39px; padding-top: 12px; padding-right: 15px; display: block; float:left; } #order-form label span { padding-left: 4px;} #order-form .data { padding-top: 6px; } #order-form .element input, #order-form textarea { border: 1px solid #64ccff; width: 550px; color: #005ebc } #order-form .element input { height: 28px; } #order-form textarea { height: 100px; } #order-form #description { height: 130px; } #order-form-wrapper .main-legend { position: absolute; color: #005cac; background: #fff; text-transform: uppercase; font: bold 19px Arial, sans-serif; top: -5px; left: 95px; padding: 0 15px; } #studentsInfo, #educationInfo { margin-top: 20px; } #studentsInfo legend , #educationInfo legend { font: bold 15px "Trebuchet MS", sans-serif; text-align: center; color: #005cac; padding-left: 353px; margin-bottom: 10px; } #pointsInfo {margin-top: 12px; } #pointsInfo label { color: #9d9d9d; } #pointsInfo legend { padding-left: 39px; font: 15px Arial, sans-serif; color: #222; } #order-form button { cursor: pointer; padding: 0; width: 255px; background: none; border: none;} #order-form button img { margin-left: -5px; } #order-form .btn_wrapper { background: #fff; position: absolute; bottom: -22px; left: 365px; padding: 0 2px 0 5px; } .desc { color: #9c9c9c; } /* FAQ */ #work-page.faq .left-block { width: 663px; padding-left: 20px; } #work-page.faq #corner .corner { width: 165px; } #faq-list .question { background: #e9e1d5; padding: 0 25px; position:relative; overflow: hidden; font: 16px Georgia, serif; padding-bottom: 9px; margin-top: 18px; } #faq-list .question.first { margin-top: 0; } #faq-list h2 { float:left; position: relative; z-index: 10;} #faq-list div { position: relative; z-index: 100; padding-top: 8px; } #faq-list .q { background: url(../images/faq_q.gif) no-repeat 0 0; width: 94px; height: 57px; position: absolute; z-index: 0; top: 0; right: -60px; } #faq-list h3 { clear: both; z-index: 100; position: relative; } #faq-list li, #author-list li { padding-left:25px; margin: 11px 0; background: url(../images/faq_punct.gif) no-repeat 0 7px; font: 14px Arial, sans-serif; line-height: 150%; color: #444; } /* AUTHOR */ #author-list { margin-left: 30px; } /* PHOTOGALLERY */ #gallery #corner { background: none; } #gallery #corner .corner { width: 162px; } #work-page.photogallery { width: 938px; margin-bottom: 150px; } #gallery .photos { width: 600px; margin-right: -5px; } #gallery .photos a { background: url(/images/bt_gallery_circle.gif) no-repeat 50% 50%; display: block; float: left; text-align: center; padding: 15px 20px 25px ; margin-bottom: 15px; width: 72px; height: 72px; } #gallery .photos a img { vertical-align: middle; margin-top: 12px; border:4px solid #0095da; margin-left: -3px; } #gallery .photos a:hover img { border: 4px solid #005cac; } #gallery .photos a img.vertical {margin-top: 0; margin-left: 0; } #albums-nav { width: 328px; margin-top: -58px; margin-right: 15px; } #albums-nav h3 { background: url(/images/gallery_top.gif) no-repeat 0 0; height: 28px; padding-left: 25px; font: 18px Arial, sans-serif; padding-top: 6px; position: relative; } #albums-nav h3 .nav { font: 10px Arial, sans-serif; position: absolute; right: 30px; top: 45%;} #albums-nav h3 .nav span { margin-right: 10px; cursor: pointer; } #albums-slider { background: #f8eee4 url(/images/gallery_bottom.gif) no-repeat 50% 98%; margin: 0 4px; padding-bottom: 100px; padding: 15px 25px 40px; height:auto !important; height: 400px; min-height: 400px; } #albums-slider ul { display: none; } #albums-slider ul.show { display: block; } #albums-slider ul li { margin-bottom: 10px; } #albums-slider ul a { color: #0896e0; text-decoration: none; font: italic 14px Georgia, serif; display: block; } #albums-slider a:hover, #albums-slider li.current a { color: #005cac; } #albums-nav .prev, #albums-nav .next { background: url(/images/bt_gallery_l_arrow.gif) no-repeat 0 0; padding: 11px 6px 10px; ; text-decoration: none; } #albums-nav .prev:hover { background-image: url(/images/bt_gallery_l_arrow_h.gif); } #albums-nav .next:hover { background-image: url(/images/bt_gallery_r_arrow_h.gif); } #albums-nav .next { background-image: url(/images/bt_gallery_r_arrow.gif); margin-left: 10px; }