@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400&subset=latin,latin-ext);

html, body {
width: 100%;
min-width: 975px;
margin: 0;
padding: 0;
font-family: Open Sans;
font-weight: 400;
background: url(../images/bg.jpg) top center repeat;
position: relative;
z-index: -2;
}

#wrapper {
width: 970px;
overflow: hidden !important;
margin: 0 auto;
}

#topbar {
width: 100%;
height: 82px;
padding: 7px 0 0 0;
}

.reference {
width: 120px;
height: 106px;
float: left;
margin: 0 31px 20px 0;
}

#logo {
width: 200px;
height: 87px;
float: left;
}

#showcase {
width: 970px;
height: 300px;
background: #eaeaea;
padding: 0;
margin: 10px 0 35px 0;
}

#sccontroller {
width: 400px;
height: 12px;
position: absolute;
top: 410px;
left: 50%;
margin-left: -200px;
z-index: 3;
}

#sccontroller > .notactive {
width: 80px;
height: 12px;
background: #101010;
margin-right: 20px;
float: left;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
cursor: pointer;
border-radius: 5px;
}

#sccontroller > .active {
width: 80px;
height: 12px;
background: #d13131;
margin-right: 20px;
float: left;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
cursor: pointer;
border-radius: 5px;
}

#menucontainer {
float: right;
width: 561px;
margin-top: 26px;
}

#customerline {
width: 180px;
height: 64px;
font-size: 9pt;
font-weight: 600;
float: left;
margin: 30px 0 0 25px;
}

#customerline a:link,
#customerline a:visited {
color: #101010;
text-decoratione: none;
}

#content a:link,
#content a:visited {
color: #101010;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#customerline > .left {
width: 40px;
height: 40px;
float: left;
margin-right: 10px;
}

#customerline > .right {
width: 130px;
height: 40px;
float: left;
margin-top: 3px;
}

a:link,
a:visited {
text-decoration: none;
color: #FFF;
}

a:hover {
text-decoration: underline;
}

#footer {
width: 100%;
overflow: hidden !important;
height: 30px;
padding: 10px 0 0;
background: rgba(209,49,49,0.9);
}

#footer > .inner {
width: 970px;
height: 30px;
color: #FFF;
font-weight: 600;
font-size: 9pt;
margin: 0 auto;
}

#footer > .inner > .left {
width: 50%;
height: 30px;
float: left;
}

#footer > .inner > .right {
width: 50%;
height: 20px;
float: right;
text-align: right;
}

#content {
width: 606px;
font-size: 10pt;
padding: 20px;
color: #101010;
margin: 0px 20px 20px 0;
float: left;
background: rgba(249,249,249,0.9);
border: 2px solid #eaeaea;
}

#main {
width: 650px;
margin: 0 20px 20px 0;
float: left;
}

#main > .news {
width: 650px;
height: 130px;
margin-bottom: 20px;
color: #FFF;
}

#main > .news > .image {
width: 200px;
height: 128px;
border-top: 1px solid #d13131;
border-bottom: 1px solid #d13131;
border-right: 1px solid #909090;
float: left;
}

#main > .news > .text {
width: 388px;
height: 108px;
padding: 10px;
float: left;
border: 1px solid #d13131;
border-left:0; 
font-size: 9pt;
font-weight: 500;
background: rgba(255,255,255,0.9);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
color: #101010;
}

#main > .news > .button {
width: 40px;
height: 130px;
float: left;
border: 0;
background: url(../images/button.png) 0 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}

#main > .news > .button:hover {
background-position: 0 -130px;
cursor: pointer;
}

h3 {
clear: both;
}

#main > .news > .text h3 {
font-size: 13pt;
padding: 2px 10px;
font-weight: 600;
color: #FFF;
background: rgba(209,49,49,0.9);
margin: 10px 0 10px 0;
}

#sidebar {
width: 300px;
height: 476px;
background: #f7f7f7;
margin: 20px 0 20px 0;
float: left;
background: rgba(209,49,49,0.7);
}

#mainside {
width: 300px;
overflow: hidden !important;
margin: 0 0 20px 0;
float: left;
}

.box {
width: 300px;
overflow: hidden !important;
margin: 0 0 13px 0;
border-radius: 10px;
}

.box > .head {
width: 300px;
height: 25px;
background: rgba(16,16,16,0.8);
color: #FFF;
text-transform: uppercase;
font-size: 14pt;
font-weight: bold;
padding: 10px 0;
text-align: center;
}

.box > .text {
width: 278px;
overflow: hidden !important;
background: rgba(249,249,249,0.9);
border: 1px solid #d13131;
border-top: 0;
padding: 20px 10px 20px 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 10pt;
}

#map-canvas {
width: 300px;
height: 585px;
}

.input {
width: 400px;
height: 25px;
padding: 5px;
font-family: Open Sans;
}

.thumb {
width: 175px;
height: 150px;
float: left;
margin: 0 25px 25px 0;
border: 1px solid #d7d7d7;
}

#lightbox {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,0.8);
z-index: 10;
display: none;
}

#lclose {
width: 30px;
height: 30px;
background: #d13131;
padding: 5px 5px 10px 5px;
text-align: center;
color: #FFF;
font-size: 20pt;
font-weight: 700;
position: fixed;
top: 35px;
left: 50%;
margin-left: 445px;
z-index: 10;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}

#lcontroller {
width: 100px;
height: 200px;
position: fixed;
background: url(../images/lcontroller.png);
background-position: 0px 0px;
z-index: 15;
top: 190px;
left: 50%;
margin-left: -400px;
cursor: pointer;
display: none;
}

#rcontroller {
width: 100px;
height: 200px;
background: url(../images/rcontroller.png);
position: fixed;
z-index: 15;
top: 190px;
left: 50%;
margin-left: 320px;
cursor: pointer;
display: none;
}

#lcontroller:hover {
background-position: 0 -200px;
}

#rcontroller:hover {
background-position: 0 -200px;
}

#galimage {
width: 640px;
height: 480px;
padding: 10px;
background: #FFF;
position: fixed;
top: 40px;
left: 50%;
margin-left: -320px;
display: none;
z-index: 11;
}

#lclose:hover {
background: #9c2020;
}

.thumb:hover {
border: 1px solid #d13131;
cursor: pointer;
}

.textarea {
width: 400px;
height: 70px;
padding: 5px;
font-family: Open Sans;
resize: none;
}

.submit {
width: 200px;
height: 40px;
padding: 5px;
background: #d13131;
color: #FFF;
border: none;
text-align: center;
font-size: 12pt;
font-weight: 600;
font-family: Open Sans;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}

.label {
font-weight: 600;
display: inline-block;
margin-bottom: 5px;
}

.submit:hover {
cursor: pointer;
background: #404040;
}

.box > .text a:link,
.box > .text a:visited {
color: #d13131;
font-weight: 600;
}

#facebook {
width: 64px;
height: 64px;
background: url(../images/icons/facebook.png);
background-position: 0 0;
float: left;
margin-left: 50px;
}

#facebook:hover {
background-position: 0 -64px;
cursor: pointer;
}

#twitter {
width: 64px;
height: 64px;
background: url(../images/icons/twitter.png);
background-position: 0 0;
float: left;
margin-left: 50px;
}

#twitter:hover {
background-position: 0 -64px;
cursor: pointer;
}

.info {
width: 298px;
margin-bottom: 20px;
font-size: 20pt;
font-weight: 700;
text-transform: uppercase;
text-align: center;
color: #909090;
}

#sc2 {
display: none;
}

#sc3 {
display: none;
}

#sc4 {
display: none;
}

h1 {
text-align: center;
font-size: 30pt;
font-weight: 700;
border-radius: 10px;
margin: 20px 0 0 0;
text-transform: uppercase;
font-style: italic;
background: rgba(209,49,49,0.9);
color: #FFF;
margin-bottom: 20px;
}

#backgroundbar {
width: 100%;
height: 200px;
background: #FFF;
top: 0;
position: absolute;
z-index: -1;
border-bottom: 4px solid #909090;
}

#photostream {
margin: 20px 0;
width: 610px;
height: 154px;
}

.clear {
clear: both;
}

#photostream > .image {
width: 200px;
height: 150px;
float: left;
margin: 0 15px 15px 0;
border: 2px solid #d7d7d7;
}

#photostream > .image:last-of-type {
margin-right: 0;
}

.center {
display: inline-block;
margin-left: 50px;
}

#content h1 {
font-size: 18pt;
font-weight: 600;
color: #d13131;
padding-bottom: 5px;
border-bottom: 2px solid #d7d7d7;
border-radius: 0;
background: none;
text-align: left;
}

h2 {
font-size: 11pt;
font-weight: 600;
color: #101010;
font-style: italic;
}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  font-weight: 600;
}
#cssmenu {
  line-height: 1;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  border-bottom: 2px solid #db000b;
  width: 552px;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #f7f7f7;
  color: #ffffff;
  display: block;
  font-family: Open Sans;
  padding: 19px 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #000000;
  font-size: 16px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #db000b;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #000000;
  box-shadow: inset 0 0 3px #d9d9d9;
  -moz-box-shadow: inset 0 0 3px #d9d9d9;
  -webkit-box-shadow: inset 0 0 3px #d9d9d9;
  background: #f2f2f2;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #db000b;
  border-bottom: 1px dotted #ff0f1b;
  font-size: 11px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #a80008;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #a80008;
  border-bottom: 1px dotted #ff0f1b;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #8f0007;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}