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;
}
body {
background : url(../images/body-bg.gif) #1b1b1b;
font-family : Times;
font-size : 100%;
line-height : 1.125em;
color : #000000;
}
.ic, .ic a {
border : 0;
float : right;
background : #000;
color : #f00;
width : 100%;
line-height : 10px;
font-size : 10px;
margin : -50% 0 0 0;
overflow : hidden;
padding : 0;
}
html {
min-width : 980px;
}
html, body {
height : 100%;
}
.container {
font-size : 0.75em;
}
header {
overflow : hidden;
background : url(../images/header-pattern.gif) #1f1f1f;
width: 100%
}
#content .top {
background : #fff;
padding : 9px 0 35px 0;
}
#content .middle {
border-top : 6px solid #f4f4f4;
background : #f9f9f9;
padding : 44px 0 50px 0;
}
#content .bottom {
border-top : 6px solid #171717;
background : url(../images/content-pattern.gif) #212121;
padding : 30px 0 40px 0;
color : #5c5c5c;
}
.fleft {
float : left;
}
.fright {
float : right;
}
.clear {
clear : both;
}
.alignright {
text-align : right;
}
.aligncenter {
text-align : center;
}
.wrapper {
width : 100%;
overflow : hidden;
}
::-moz-selection {
background : #3399ff;
color : #fff;
}
input, select, textarea {
font-family : Times;
font-size : 1em;
vertical-align : middle;
font-weight : normal;
}
.img-indent {
margin : 0 20px 0 0;
float : left;
}
.img-box {
width : 100%;
overflow : hidden;
padding-bottom : 22px;
}
.img-box figure {
float : left;
margin : 4px 25px 0 3px;
border : #fff solid 5px;
border-radius : 8px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.1);
}
.img-wrap {
padding-bottom : 18px;
}
.img-wrap figure {
margin : 4px -3px 0 3px;
border : #fff solid 5px;
border-radius : 8px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.1);
}
.extra-wrap {
overflow : hidden;
}
p {
margin-bottom : 1.5em;
}
a {
color : #000000;
outline : none;
}
a:hover {
text-decoration : none;
}
@font-face {
{
font-family : "'Times New Roman'";
src : url('../fonts/colabthi-webfont.eot');
src : local('O'), url('../fonts/colabthi-webfont.woff') format('woff'), url('../fonts/colabthi-webfont.ttf') format('truetype'), url('../fonts/colabthi-webfont.svg#webfontBuy3ZjAx') format('svg');
font-weight : normal;
font-style : normal;
}
}
@font-face {
{
font-family : "'Times New Roman'";
src : url('../fonts/colabbol-webfont.eot');
src : local('O'), url('../fonts/colabbol-webfont.woff') format('woff'), url('../fonts/colabbol-webfont.ttf') format('truetype'), url('../fonts/colabbol-webfont.svg#webfonti43fy0NT') format('svg');
font-weight : normal;
font-style : normal;
}
}
@font-face {
{
font-family : "'Times New Roman'";
src : url('../fonts/colabreg-webfont.eot');
src : local('O'), url('../fonts/colabreg-webfont.woff') format('woff'), url('../fonts/colabreg-webfont.ttf') format('truetype'), url('../fonts/colabreg-webfont.svg#webfontdC3uTxCK') format('svg');
font-weight : normal;
font-style : normal;
}
}
@font-face {
{
font-family : "'CalibriBold'";
src : url('../fonts/calibrib-webfont.eot');
src : local('O'), url('../fonts/calibrib-webfont.woff') format('woff'), url('../fonts/calibrib-webfont.ttf') format('truetype'), url('../fonts/calibrib-webfont.svg#webfontbOpCiIlZ') format('svg');
font-weight : normal;
font-style : normal;
}
}
h2 {
font-size : 36px;
line-height : 30px;
color : #303030;
font-weight : normal;
font-family : 'Times New Roman';
font-weight : normal;
margin-bottom : 0.7em;
}
h2.narrow {
letter-spacing : -1px;
}
h3 {
font-size : 24px;
line-height : 1.2em;
font-family : 'Times New Roman';
font-weight : normal;
margin-bottom : 1em;
}
h4 {
font-size : 16px;
color : #000000;
margin: 1em 1em 1em 1em;
line-height : 1.2em;
font-family : 'Times New Roman';
font-weight : lighter;
margin-bottom : 1em;
}
.more {
background : url(../images/arrow2.gif) 100% 5px no-repeat;
padding-right : 17px;
font-weight : bold;
}
.button {
float : right;
}
.button span {
display : block;
background : url(images/button-left.gif) left top no-repeat;
padding-left : 3px;
}
.button span span {
background : url(images/button-right.gif) right top no-repeat;
padding-right : 4px;
padding-left : 0;
}
.button span span a {
display : block;
background : #333743;
padding : 4px 5px 3px 5px;
color : #fff;
text-decoration : none;
text-transform : uppercase;
}
.button span span a:hover {
text-decoration : underline;
}
.line-hor {
background : #3a3c52;
height : 1px;
overflow : hidden;
font-size : 0;
line-height : 0;
margin : 20px 0 20px 0;
}
.line-ver {
background-image : url(images/line-ver.gif);
background-repeat : repeat-y;
width : 100%;
}
.box {
background : #fff;
width : 100%;
}
.box .border-top {
background : url(images/border-top.gif) left top repeat-x;
}
.box .border-bot {
background : url(images/border-bot.gif) left bottom repeat-x;
}
.box .border-left {
background : url(images/border-left.gif) left top repeat-y;
}
.box .border-right {
background : url(images/border-right.gif) right top repeat-y;
}
.box .left-top-corner {
background : url(images/left-top-corner.gif) left top no-repeat;
}
.box .right-top-corner {
background : url(images/right-top-corner.gif) right top no-repeat;
}
.box .left-bot-corner {
background : url(images/left-bot-corner.gif) left bottom no-repeat;
}
.box .right-bot-corner {
background : url(images/right-bot-corner.gif) right bottom no-repeat;
}
.box .inner {
padding : 0 0 0 0;
}
.address {
float : left;
}
.address dt {
margin-bottom : 1.5em;
}
.address dd {
clear : both;
text-align : right;
}
.address dd span {
float : left;
padding-right : 25px;
}
.address dd a {
color : #06cbe2;
}
.departments {
float : left;
overflow : hidden;
margin-top : -18px;
}
.departments dt {
font-weight : bold;
color : #f24c15;
margin-top : 18px;
}
.departments dd {
clear : both;
text-align : right;
}
.departments dd span {
float : left;
padding-right : 25px;
}
header h1 {
background : url(../images/logo.png) 0 0 no-repeat;
padding : 0 0 10px 48px;
font-family : 'Times New Roman';
font-size : 36px;
line-height : 1.0em;
color : #fff;
font-weight : normal;
float : left;
}
header h1 a {
color : #fff;
text-shadow : 2px 2px 2px #000;
text-decoration : none; 
}
header h1 strong {
font-family : 'Times New Roman';
font-weight : bold;
}
header nav {
padding : 17px 0 10px 0;
}
header nav ul {
float : right;
padding : 10px 0px 0 0;
}
header nav ul li {
float : left;
padding-left :2px;
}
header nav ul li a {
position : relative;
float : left;
font-size : 14px;
color : #fff;
text-decoration : none;
font-family : 'Times New Roman';
text-transform : uppercase;
height : 32px;
line-height : 32px;
background-color : #181717;
padding : 0 20px 0 20px;
border-radius : 15px;
}

header .adv-content {
overflow : hidden;
background : #f9f9f9;
padding : 10px 0 8px 0;
}
header .breadcrumbs {
float : left;
padding : 3px 0 0 10px;
}
header .breadcrumbs li {
display : inline;
color : #212121;
padding-left : 5px;
}
#gallery {
float : left;
width : 582px;
height : 384px;
}
.pics {
width : 582px;
height : 384px;
padding : 0;
margin : 0;
position : relative;
margin : 23px 0 0 36px;
}
.pics img {
display : block !important ;
position : absolute;
width : 495px;
height : 329px;
top : 0;
left : 0;
border : #fff solid 5px;
border-radius : 2px;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.2);
}
#prev {
position : absolute;
left : 0;
top : 174px;
z-index : 1;
background : url(../images/prev.png) 0 0 no-repeat;
width : 83px;
height : 45px;
}
#next {
position : absolute;
left : 495px;
top : 174px;
z-index : 1;
background : url(../images/next.png) 0 0 no-repeat;
width : 83px;
height : 45px;
}
#intro {
float : left;
width : 396px;
}
#intro .inner {
padding : 24px 0 0 14px;
}
#intro h2 {
font-size : 38px;
color : #022819;
line-height : 40px;
font-family : 'CalibriBold';
font-weight : normal;
margin-bottom : 25px;
}
#intro h2 span {
font-family : 'Times New Roman';
color : #969472;
display : block;
}
#intro .extra-button {
display : inline-block;
background : url(../images/extra-button.jpg) 0 0 no-repeat;
width : 195px;
height : 73px;
margin : 15px 0 0 -10px;
line-height : 49px;
font-size : 18px;
color : #fff;
text-decoration : none;
font-weight : bold;
text-indent : 30px;
text-shadow : 1px 1px 0 #a61607;
}
#intro .extra-button:hover {
text-shadow : 2px 2px 0 #a61607;
}
.categories li:first-child {
border-top : none;
}
.categories li:last-child {
border-bottom : none;
}
.categories li a {
position : relative;
display : block;
padding : 12px 0 11px 20px;
font-size : 20px;
color : #000;
text-decoration : none;
font-family : 'Times New Roman';
font-size-adjust : 0.49;
}

.dropbtn {
background-color: #ffffff;
color: #000;
padding : 10px 0 11px 20px;
font-size: 20Px;
text-decoration : none;
font-family : 'Times New Roman';
font-size-adjust : 0.49;
border: none;
cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #fff;
  outline: none;
  text-decoration : none;
}


.dropdown {
position: relative;
display: block;
font-size : 20px;
color : #000;
text-decoration : none;
font-family : 'Times New Roman';
font-size-adjust : 0.49;
}


.dropdown-content {
  display: none;
  position: absolute;
  padding : 10px 0 11px 40px;
  background-color: #fff;
  min-width: 160px;
  z-index: 1;
}


.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.show {display:block;}

.images figure {
border : #fff solid 5px;
border-radius : 8px;
float : left;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.1);
margin : 5px 0 0 16px;
}
.images figure:first-child {
margin-left : 0;
}
.images figure img:hover {
opacity : 0.699999988079071044921875;
}
#content .bottom h3 {
color : #fff;
}
#content .bottom a.alt {
color : #06cbe2;
}
.list1 li {
padding-bottom : 4px;
}
.list1 li a {
color : #898989;
}
.list1 li a:hover {
color : #fff;
text-decoration : underline;
}
.list2 li {
padding-bottom : 4px;
}
.list2 li a {
color : #898989;
text-decoration : underline;
}
.list2 li a:hover {
color : #fff;
}
.list3 {
padding-bottom : 24px;
}
.list3 li {
background : url(../images/arrow2.gif) 0 7px no-repeat;
padding : 0 0 6px 17px;
}
footer .container {
color : #fff;
font-size : 16px;
line-height : 1.2em;
padding : 16px 0 16px 0;
font-family : 'Times New Roman';
}
.checkbox-grid li {
    display: block;
    float: left;
    width: 33%;
}
footer .copy {
float : left;
}
footer .copy a {
color : #fff;
text-decoration : none;
}
footer .copy a:hover {
color : #ffffff;
}
footer .phone {
float : right;
font-style : normal;
}
footer .phone strong {
font-family : 'Times New Roman';
font-weight : normal;
color : #ffffff;
}
#lightbox {
background-color : #eee;
padding : 10px;
border-top : 2px solid #999;
border-left : 2px solid #999;
border-bottom : 2px solid #666;
border-right : 2px solid #666;
}
#lightboxDetails {
font-size : 0.8em;
padding-top : 0.4em;
}
#lightboxCaption {
float : left;
}
#keyboardMsg {
float : right;
}
#lightbox img {
border : none;
}
#overlay img {
border : none;
}
#search-form {
float : right;
position : relative;
}
#search-form fieldset {
border : none;
}
#search-form input[type="text"] {
width : 195px;
border : none;
border-radius : 20px;
padding : 4px 25px 5px 8px;
box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
background : url(../images/search-bg.gif) 100% 7px no-repeat #fff;
}
#search-form input[type="submit"] {
width : 20px;
height : 20px;
position : absolute;
right : 5px;
top : 0;
border : none;
background : none;
cursor : pointer;
}
#contacts-form fieldset {
border : none;
width : 100%;
overflow : hidden;
display : block;
line-height : 16px;
}
#contacts-form label {
display : block;
height : 44px;
overflow : hidden;
text-indent : 4px;
}
#contacts-form input {
color : #fff;
border : #444343 solid 1px;
background : rgba(204, 204, 204, 0.05);
padding : 2px 0 2px 5px;
width : 210px;
margin-left : 3px;
}
#contacts-form input:focus {
border-color : #fff;
}
#contacts-form textarea {
color : #fff;
border : #444343 solid 1px;
background : rgba(204, 204, 204, 0.05);
padding : 2px 0 2px 5px;
width : 210px;
overflow : auto;
height : 102px;
margin-bottom : 12px;
}
#contacts-form textarea:focus {
border-color : #fff;
}
#contacts-form .link1 {
float : right;
margin-left : 11px;
}