/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Global properties ======================================================== */ body { /* background:#212222; */ font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#fff; } html { min-width:1000px;} html, body { height:100%;} /* Global Structure ============================================================= */ .container { margin: 0 auto; position: relative; width: 1000px; font-size:.8125em; } /* Header */ header{ height:72px; overflow:hidden; background:url(../images/header-bg.gif) 0 0 repeat-x; } /*Gallery*/ #gallery { height:496px; overflow:hidden; background:url(../images/gallerry-bg.gif) 0 0 repeat-x; } /* Content */ #content { float: left; width: 572px; } /* Sidebar */ aside{ float: left; width: 302px; margin-right:52px; } /* Footer */ footer{ padding:20px 0 22px 0; border-top:5px solid #eee; } /* Left & Right alignment */ .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .col-1, .col-2, .col-3 { float:left;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper { width:100%; overflow:hidden; } /* The inside class provides consistent padding. To be used often! */ .inside{ padding: 32px 37px 50px 37px; } /*----- form defaults -----*/ input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; vertical-align:middle; font-weight:normal; } /*----- other -----*/ figure { margin-bottom:18px;} .img-indent { margin:0 20px 0 0; float:left; } .img-box { width:100%; overflow:hidden; padding-bottom:15px; } .img-box figure { float:left; margin:0 20px 0 0; padding:0; } .extra-wrap { overflow:hidden; } p {margin-bottom:18px;} .p1 { margin-bottom:9px;} .p2 { margin-bottom:18px;} .p3 { margin-bottom:27px; } /*----- txt, links, lines, titles -----*/ a { color:#f27f02; outline:none; } a:hover{ text-decoration:none; } h1 { font-size:34px; line-height:1.2em; color:#fff; font-weight:normal; background:url(../images/logo.jpg) no-repeat 0 0; padding:6px 0 8px 69px; position:absolute; left:39px; top:6px; } h1 a { color:#fff; text-decoration:none; } h2 { font-size:30px; line-height:1.2em; font-weight:normal; color:#212222; margin-bottom:22px; } h2 span { color:#8a8a8a; } h3 { font-size:1em; margin-bottom:6px; } h3 a { color:#242424; } h3 a:hover { text-shadow: 1px 1px 1px #888; } /*==================boxes====================*/ .main-box { border-top:5px solid #eaeaea; background:#fff; width:100%; } .contacts { padding-bottom:20px; } .contacts li { width:100%; overflow:hidden; } .contacts li strong { float:left; width:95px; } .list1 { margin-left:12px; padding-bottom:18px; } .list1 li { background:url(../images/arrow1.gif) no-repeat 0 6px; padding:0 0 0 12px; } /*===== header =====*/ header nav { float:right; } header nav ul li { float:left; } header nav ul li a { font-size:22px; color:#fff; height:67px; line-height:67px; text-decoration:none; width:101px; text-align:center; float:left; background:#433b8f; background-image: gradient(top, #383282, #484095); /* FF3.6 */ background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */ } header nav ul li a.current, header nav ul li a:hover { padding-bottom:5px; } header nav ul li:nth-of-type(2) a { background:#0184cd; background-image: -moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */ } header nav ul li:nth-of-type(3) a { background:#7cbc19; background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */ } header nav ul li:nth-of-type(4) a { background:#ffbc00; background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */ } header nav ul li:nth-of-type(5) a { background:#f07502; background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */ } header nav ul li:nth-of-type(6) a { background:#d00110; background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */ } /*===== gallery =====*/ .roundabout-holder { width:850px; height:496px; margin:0 auto; } .roundabout-moveable-item { width: 646px; height: 416px; cursor: pointer; border:3px solid #ccc; border:3px solid rgba(0, 0, 0, 0.08); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .roundabout-moveable-item img{ width:100%; } .roundabout-in-focus { border:3px solid rgba(0, 0, 0, 0.2); } /*===== content =====*/ #content { } #content img, aside img { border:3px solid #ebebeb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } #content img:hover { border-color:#bbb; } /*--- news list styles ---*/ .news li { overflow:hidden; position:relative; padding:0 0 26px 84px; } .news li:last-child { padding-bottom:0; } .news li figure { width:59px; height:59px; background:url(../images/date-bg1.gif) no-repeat 0 0; position:absolute; left:0; top:0; text-align:center; border:3px solid #ebebeb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:10px; color:#fff; text-transform:uppercase; } .news li figure strong { display:block; font-size:30px; line-height:1.2em; margin-bottom:-7px; padding-top:4px; } .news li:nth-of-type(4n+2) figure { background:url(../images/date-bg2.gif) no-repeat 0 0; } .news li:nth-of-type(4n+3) figure { background:url(../images/date-bg3.gif) no-repeat 0 0; } .news li:nth-of-type(4n+4) figure { background:url(../images/date-bg4.gif) no-repeat 0 0; } .team-list li { width:100%; overflow:hidden; padding-bottom:43px; } .team-list li:last-child { padding-bottom:0; } .team-list li figure { float:left; margin:0 20px 0 0; padding:0; } /*--- loopedSlider styles ---*/ /* * Required */ #loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;} #loopedSlider .slides { position:absolute; top:0; left:0; } #loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; } /* * Optional */ #loopedSlider { width:295px; position:relative; clear:both; } #loopedSlider .nav-controls { width:100%; overflow:hidden; padding-top:10px; } #loopedSlider li { display:inline; } #loopedSlider li a.previous { float:left; } #loopedSlider li a.next { float:right; } /*===== footer =====*/ footer { color:#fff; } footer .fleft { padding-left:40px; } footer .fright { padding-right:40px; } /*----- forms -----*/ #contacts-form { clear:right; width:100%; overflow:hidden; } #contacts-form fieldset { border:none; float:left; } #contacts-form .field { clear:both; } #contacts-form label { float:left; width:110px; line-height:18px; padding-bottom:6px; font-weight:bold; } #contacts-form input { width:205px; padding:1px 0 1px 3px; background:none; border:1px solid #e5e5e5; color:#616161; float:left } #contacts-form input:invalid { border-color:red; } #contacts-form textarea { width:450px; height:215px; padding:1px 0 1px 3px; background:none; border:1px solid #e5e5e5; color:#616161; margin-bottom:12px; overflow:auto; float:left; } #contacts-form div:last-child { padding-left:110px; } /*==========================================*/