451 lines
10 KiB
CSS
Executable File
451 lines
10 KiB
CSS
Executable File
/* 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;
|
|
}
|
|
|
|
/*==========================================*/ |