@charset "utf-8";
* {
padding: 0;
margin: 0;
outline: none;
}

html {
margin: 0;
padding: 0;
outline: none;
-webkit-touch-callout: none; 
-webkit-text-size-adjust: none; 
-ms-text-size-adjust: 100%;
}


body {
width: 100%;
height: 100%;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
background-color: #c8e2ef;
outline: none;
}

/* -- Generalize ---------------------------------------------------------------- */

body, input, textarea, select, a {
outline: none;
}

.options h2 {
color: #333333;
font-size: 14px;
}

#hr {
width: 100%;
border: #000000 1px dotted;
border-style: none none dotted;
display: block;
margin-top: 18px;
margin-bottom: 18px;
clear: both;
}

p {
margin-top: 0;
margin-bottom: 20px;
}

a, a:visited, a b {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
text-decoration: none;
padding: 0;
margin: 0;
cursor: pointer;
outline: none;
}

a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
text-decoration: none;
outline: none;
}

a img {
border: none;
outline: none;
}

form {
padding: 0;
margin: 0;
display: inline;
}

input, input[type='text'], textarea, select {
-webkit-appearance: none;
outline: none;
}

.clear-both {
clear: both;
}

.clear_left { 
clear: both;
margin-bottom: 20px;
}

ul {
margin: 0; 
padding: 0; 
list-style: none;
}

.pagination {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

.pagination_active {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
height: 25px;
text-align: left;
vertical-align: baseline;
}

.pagination a {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

.pagination a:link {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

.pagination a:visited {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

.pagination a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

.SuccessMessage {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #5f8f2b;
font-style: normal;
font-weight: bold;
padding-bottom: 20px;
}

.ErrorMessage {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
color: #FF0000;
font-weight: bold;
padding-bottom: 20px;
}

/* -- Header ---------------------------------------------------------------- */

#header-wrapper {
width: 100%;
text-transform: none;
background-repeat: repeat x y;
background: url('../images/header_bg.png');
height: 90px;
}

#header {
width: 990px;
margin: 0 auto;
padding-bottom: 10px;
height: 90px;
position: relative;
}

#header #logo {
position: absolute;
top: 0;
left: 1px;
width: 230px; 
height: 90px;
border: 0;
background: url('../images/logo.png') no-repeat left top;
}

#header #welcome {
position: absolute;
top: 8px;
right: 1px;
width: 410px; 
height: 65px;
border: 0;
background: url('../images/header_image.png') no-repeat left top;
}

/* -- Navigation Menu ------------------------------------------------------- */

#navigation-wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
}

#navigation_container {
width: 990px;
height: 35px;
margin: 0 auto;
}

.navMenu {
margin: 0;
padding: 0;
}

.navMenu li {
float: left;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: normal;
list-style: none;
width: 121px;
height: 35px;
}

.navMenu li a:link, .navMenu li a:visited {
display: block;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px;
color: #FFFFFF;
background-color: #1c4589;
text-align: center;
}

.navMenu li a:hover {
background-color: #5f8f2b;
color: #FFFFFF;
}

.navMenu li a.active_menu {
background-color: #5f8f2b;
color: #FFFFFF;
}

.navMenu li a.lastbox { 
margin-right: 0;
width: 145px;
}

/* SubMenu Style */

.navMenu li ul {
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
z-index: 1;
}

.navMenu li ul li {
display: inline;
float: none;
}

.navMenu li ul li a:link, .navMenu li ul li a:visited {
background-color: #507c20;
width: 200px;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: normal;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

.navMenu li ul li a:hover {
background-color: #5f8f2b;
color: #FFFFFF;
}

/* -- Content -------------------------------------------------------------- */

#container-wrapper {
width: 100%;
margin: 0 auto;
}

#container {
width: 990px;
margin: 0 auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
}

#content {
width: 990px; 
min-height: 620px;
overflow: hidden;
margin: 0 auto;
padding-top: 5px;
padding-bottom: 20px;
clear: both;
}

.one_third, .two_third, .three_third, .three_boxes {
display: block; 
float: left; 
margin-right: 45px;
}

.one_third {
width: 300px;
padding-bottom: 20px;
}

.two_third {
width: 630px;
}

.three_third {
width: 990px; 
float: none; 
margin-right: 0; 
clear: both;
}

one_quarter, .two_quarter, .three_quarter, .four_quarter {
display: block; 
float: left; 
margin: 0 20px 0 0;
}

.one_quarter {
width: 225px;
}

.two_quarter {
width: 470px;
}

.three_quarter {
width: 715px;
}

.four_quarter {
width: 990px; 
float: none; 
margin-right: 0; 
clear: both;
}

.one_entier {
width: 990px;
}

.three_boxes {
width: 300px;
padding-bottom: 5px;
}

.lastbox { 
margin-right: 0;
}

#container .last { 
margin: 0;
}

#container .more {
text-align: right;
}

.one_third h1 { 
margin: 0; 
padding-top: 5px;
padding-bottom: 15px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

.one_third p { 
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: normal;
text-align: justify;
line-height: 18px;
}

.one_entier h1 { 
margin: 0; 
padding-top: 15px;
padding-bottom: 20px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

.one_entier p { 
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: normal;
text-align: justify;
line-height: 18px;
}

#container #slider .figure img {
margin-top: 10px;
margin-bottom: 15px; 
}

#container #services .figure img {
margin-bottom: 15px; 
}

#container #intro .figure img {
float: right; 
margin-bottom: 15px;
}

#container #intro {
margin-top: 25px;
margin-bottom: 25px;
clear: both;
}

#container #intro .figbox {
float: left; 
width: 480px;
}

#container #intro h1 { 
margin: 0; 
padding-top: 5px;
padding-bottom: 15px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

#container #intro p {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: normal;
text-align: justify;
line-height: 18px;
}

#container #gallery .figure {
float: right; 
width: 990px;
}

#container #gallery .figbox {
float: left; 
width: 220px;
}

#container #gallery .figalbox {
float: right; 
width: 600px;
}

#container #gallery h1 { 
margin: 0; 
padding-top: 5px;
padding-bottom: 15px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

#container #gallery .figbox a {
display: block;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF;
background-color: #1c4589;
width: 150px;
text-align: left;
}

#container #gallery .figbox a:link {
display: block;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF;
background-color: #1c4589;
width: 150px;
text-align: left;
}

#container #gallery .figbox a:visited {
display: block;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF;
background-color: #1c4589;
width: 150px;
text-align: left;
}

#container #gallery .figbox a.active {
display: block;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF;
background-color: #5f8f2b;
width: 150px;
text-align: left;
}

#container #gallery .figbox a.active:hover {
background-color: #5f8f2b;
color: #FFFFFF;
}

#container #gallery .figbox a:hover {
background-color: #5f8f2b;
color: #FFFFFF;
}

#container #content_text {
padding: 0;
margin: 0;
clear: both;
}

#container #content_text .figbox {
float: left; 
width: 990px;
}

#container #content_text h1 { 
margin: 0; 
padding-top: 15px;
padding-bottom: 15px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

#container #content_text h2 { 
margin: 0; 
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

#container #content_text p {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: normal;
text-align: justify;
line-height: 18px;
}

#container #content_text .figbox a {
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
border: none;
color: #000000;
text-align: left;
line-height: 18px;
}

#container #content_text .figbox a:link {
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
border: none;
color: #000000;
text-align: left;
line-height: 18px;
}

#container #content_text .figbox a:visited {
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
border: none;
color: #000000;
text-align: left;
line-height: 18px;
}

#container #content_text .figbox a:hover {
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
border: none;
color: #5f8f2b;
text-align: left;
line-height: 18px;
}

.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
line-height: 0;
}

.clear {
display: block; 
clear: both;
}

#intro .figure a img {
border: none;
width: 450px;
height: 250px;
outline: none;
}

#intro .figure a img:link {
border: none;
width: 450px;
height: 250px;
outline: none;
}

#intro .figure a img:visited {
border: none;
width: 450px;
height: 250px;
outline: none;
}

#intro .figure a img:hover {
outline: none;
zoom: 1;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
border: none;
width: 450px;
height: 250px;
}

#container .more a {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
padding: 5px;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

#container .more a:link {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
padding: 5px;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

#container .more a:visited {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
padding: 5px;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

#container .more a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #507c20;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
padding: 5px;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

/* -- Product Gallery ---------------------------------------------------------------- */

#gallery .gallery-photos {
position: relative;
width: 990px; 
height: 660px;
padding: 0;
margin: 0;
border: 0;
clear: both;
}

#gallery .gallery-photos .big-photo {
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
}

#gallery .gallery-photos .photo-thumbnails {
position: absolute;
top: 520px;
right: 0;
width: 740px;
height: auto;
padding: 0;
margin: 0;
}

#gallery .gallery-photos .big-photo img {
padding: 2px;
margin: 0;
border: 1px solid #000000;
}

#gallery .gallery-photos .photo-thumbnails .thumbnail {
float: left;
cursor: pointer;
margin-left: 8px;
margin-bottom: 10px;
width: 66px;
height: 56px;
}

#gallery .gallery-photos .photo-thumbnails .thumbnail.current {
background-color: #000000;
}

#gallery .gallery-photos .photo-thumbnails .thumbnail img {
padding: 2px;
margin: 0;
border: 1px solid #000000;
}

/* -- Used Vehicles Listing ------------------------------------------- */

.list {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: normal;
line-height: 25px;
text-align: left;
vertical-align: baseline;
}

.list .title {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
line-height: 25px;
text-align: left;
}

.list .hr {
width: 100%;
border: #000000 1px solid;
border-style: none none solid;
display: block;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}

#listing { 
display: table;
width: 990px;
margin: 0;
padding: 0;
}

#listing .heading {
display: table-row;
text-align: left;
width: 330px;
height: 30px;
vertical-align: top;
}

#listing .table-row {
display: table-row;
text-align: left;
width: 330px;
height: 35px;
vertical-align: top;
}

#listing .col {
display: table-cell;
width: 330px;
}

#listing p { 
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
color: #000000;
font-weight: normal;
font-style: normal;
text-align: left;
}

#listing label { 
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
color: #000000;
font-weight: bold;
font-style: normal;
text-align: left; 
text-transform: uppercase; 
line-height: 30px; 
position: relative;
display: block;
cursor: default !important; 
}

#listing select { 
position: absolute; 
width: 200px; 
background: url('../images/select.png') no-repeat #FFFFFF 200px center;
overflow: hidden; 
padding-left: 5px; 
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
color: #000000;
border: solid 1px #000000; 
}

#listing select.styled { 
cursor: pointer; 
height: 30px; 
overflow: hidden; 
width: 220px !important; 
}

#listing .SearchButton { 
height: 30px;
width: 220px;
padding: 6px; 
cursor: pointer; 
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: center; 
color: #FFFFFF;
background-color: #1c4589; 
border: 0; 
line-height: 18px; 
vertical-align: middle;
clear: both;
-webkit-appearance: none;
-webkit-border-radius: 0;
}

#listing .SearchButton:hover { 
height: 30px;
width: 220px;
padding: 6px; 
cursor: pointer; 
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: center; 
color: #FFFFFF;
background-color: #5f8f2b;
border: 0; 
line-height: 18px; 
vertical-align: middle;
clear: both;
-webkit-appearance: none;
-webkit-border-radius: 0;
}

#listing_list { 
display: table;
width: 990px;
margin: 0;
padding: 0;
}

#listing_list .heading_list {
display: table-row;
text-align: left;
width: 120px;
height: 25px;
vertical-align: top;
}

#listing_list .table-row_list {
display: table-row;
text-align: left;
width: 120px;
vertical-align: top;
padding: 0;
margin: 0;
}

#listing_list .col_list {
display: table-cell;
width: 120px;
}

#listing_list p { 
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
color: #000000;
font-weight: normal;
font-style: normal;
text-align: left;
height: 25px;
padding: 0;
margin: 0;
}

#listing_list label { 
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
color: #000000;
font-weight: bold;
font-style: normal;
text-align: left; 
text-transform: uppercase; 
line-height: 30px; 
position: relative;
display: block;
cursor: default !important; 
}

#listing_list .hr {
width: 100%;
border: #000000 1px solid;
border-style: none none solid;
display: block;
margin-bottom: 10px;
clear: both;
}

/* -- Useful Links ----------------------------------------------------- */

#container #content_text .figbox a {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

#container #content_text .figbox a:link {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

#container #content_text .figbox a:visited {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

#container #content_text .figbox a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #507c20;
text-decoration: hone;
text-transform: none;
font-size: 12px;
font-weight: bold;
height: 25px;
text-align: left;
vertical-align: baseline;
outline: none;
}

/* -- Contact Form ----------------------------------------------------- */

#contact_info {
margin-top: 20px;
}

#contact_info .geo {
list-style: none;
padding-top: 10px;
}

#contact_info .column_contacts ul {
margin: 0;
margin: 0;
padding: 0;
list-style: none;
}

#contact_info .column_contacts ul li {
padding-bottom: 35px;
margin-bottom: 5px;
list-style: none;
}

#contact_info .column_contacts c1 ul li a {
font-size: 12px;
list-style: none;
}

#contact_info .column_contacts li {
padding-bottom: 5px;
list-style: none;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
font-size: 12px;
}

#contact_info .column_contacts a {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
text-align: left;
outline: none;
}

#contact_info .column_contacts a:link {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
text-align: left;
outline: none;
}

#contact_info .column_contacts a:visited {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
text-align: left;
outline: none;
}

#contact_info .column_contacts a:active {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
text-align: left;
outline: none;
}

#contact_info .column_contacts a:selected {
font-family: Verdana, Geneva, sans-serif;
color: #5f8f2b;
text-decoration: none;
text-transform: none;
font-size: 12px;
font-weight: bold;
text-align: left;
outline: none;
}

#contact_info .column_contacts a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #507c20;
text-decoration: hone;
text-transform: none;
font-size: 12px;
font-weight: bold;
text-align: left;
outline: none;
}

#contact-area {
width: 990px;
padding: 0;
margin: 0;
}

#contact-area label {
float: left;
text-align: left;
margin-right: 15px;
margin-bottom: 20px;
padding-top: 5px;
width: 220px;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
font-size: 12px;
font-weight: bold;
clear: both;
}

#contact-area input {
float: left;
display: block;
width: 480px;
max-width: 480px;
height: 25px;
max-height: 25px;
padding-left: 4px;
margin-bottom: 15px;
border: #000000 1px solid;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;
font-style: normal;
outline: none;
-webkit-appearance: none;
}

#contact-area textarea {
float: left;
display: block;
width: 480px;
max-width: 480px;
height: 130px;
max-height: 130px;
padding-top: 10px;
padding-left: 5px;
margin-bottom: 15px;
border: #000000 1px solid;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;
font-style: normal;
outline: none;
-webkit-appearance: none;
resize: none;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #5f8f2b;
background-color: #F3F3F3;
-webkit-appearance: none;
}

#contact-area .ButtonForm {
float: left;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #FFFFFF;
background-color: #1c4589; 
border: 0; 
width: 180px; 
height: 25px; 
line-height: 25px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 235px;
vertical-align: middle;
clear: both;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
}

#contact-area .ButtonForm:hover {
float: left;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #FFFFFF;
background-color: #5f8f2b; 
border: 0; 
width: 180px; 
height: 25px; 
line-height: 25px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 235px;
vertical-align: middle;
clear: both;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
}

#contact-area .ButtonForm:focus {
float: left;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #FFFFFF;
background-color: #1c4589; 
border: 0; 
width: 180px; 
height: 25px; 
line-height: 25px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 235px;
vertical-align: middle;
clear: both;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
}

.contact_error {
float: left;
font-family: Verdana, Geneva, sans-serif;
color: #FF0000;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-align: left;
padding-left: 235px;
text-transform: none;
clear: both;
}

.contact_success {
float: left;
font-family: Verdana, Geneva, sans-serif;
color: #339900;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-align: left;
padding-left: 235px;
text-transform: none;
clear: both;
}

/* -- Modal ---------------------------------------------------------------- */

.checkbox {
float: left;
text-align: left;
}

input[type=checkbox] {
display: none !important;
opacity: 0;
}

.checkbox span {
text-align: left;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
font-size: 12px;
font-weight: normal;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
position: relative;
cursor: pointer;
padding-left: 35px;
padding-top: 5px;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
border: 1px solid #000000;
background-color: #FFFFFF;
border-radius: 0;
box-shadow: none;
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
content: '\2713';
position: absolute;
top: 6px;
left: 6px;
font-size: 18px;
font-weight: bold;
line-height: 10px;
color: #009900;
transition: all .2s;
}

[type="checkbox"]:not(:checked) + label:after {
transform: scale(0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all .3s ease-in;
}

[type="checkbox"]:checked + label:after {
transform: scale(1) rotateZ(0deg);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
label:hover:before {
border: 0;
outline: none;
}

#modal {
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
left: 50%;
margin: -250px 0 0 -32%;
opacity: 0;
position: absolute;
top: -50%;
visibility: hidden;
width: 65%;
border-radius: 4px;
box-shadow: 0;
box-sizing: border-box;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
z-index: 9999;
}

#modal:target {
opacity: 1;
top: 50%;
visibility: visible;
}

#modal .header,
#modal .footer {
border: none;
}

#modal h2 {
float: left;
color: #000000;
font-size: 20px;
line-height: 28px;
font-weight: normal;
text-align: left;
text-transform: none;
padding: 0;
margin-bottom: 10px;
}

#modal .header,
#modal .text,
#modal .footer {
padding: 5px 15px;
color: #000000;
}

#modal .text {
clear: both;
line-height: 20px;
padding: 5px 15px;
}

#modal .text p {
text-align: left;
line-height: 20px;
padding: 7px 0;
}

.modal-content {
background-color: #FFFFFF;
position: relative;
z-index: 20;
}

#modal .overlay {
background-color: #000000;
background: rgba(0,0,0,.6);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
zoom: 1;
}

#modal a.btn {
float: right;
}

#modal a.btn,
#modal a.btn:active,
#modal a.btn:focus,
#modal a.btn:hover {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
display: inline-block;
padding: 5px;
border-radius: 5px;
background-color: #E74C3C;
}

/* -- Footer ---------------------------------------------------------------- */

#footer-top {
background: url('../images/grass.png') repeat-x bottom left;
width: 100%;
height: 30px;
padding: 0;
margin: 0;
border: 0;
}

#footer-wrapper {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #5f8f2b;
}

#footer {
width: 990px;
margin: 0 auto;
position: relative;
clear: both;
}

.linespacer_large {
background: url('../images/spacer.gif');
width: 1px;
height: 170px;
clear: both;
}

.linespacer {
background: url('../images/spacer.gif');
width: 1px;
height: 10px;
clear: both;
}

#pattern {
position: absolute;
left: 0;
bottom: 12px;
background: url('../images/pattern.png') no-repeat;
width: 400px; 
height: 175px;
border: 0;
clear: both;
}

#footer .column.c1 {
float: left;
width: 450px;
min-weight: 450px;
margin: 0;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
font-style: normal;
text-transform: none;
list-style: none;
}

#footer .column.c2 {
float: left;
width: 450px;
min-weight: 450px;
margin: 0;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
font-style: normal;
text-transform: none;
list-style: none;
}

#footer .column.c3 {
float: left;
width: 90px;
min-width: 90px;
margin: 0;
padding: 0;
text-align: right;
list-style: none;
}

#footer .column c1 ul {
margin-top: 0;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#footer .column c1 ul li {
padding-bottom: 35px;
margin-bottom: 5px;
list-style: none;
}

#footer .column c1 ul li a {
font-size: 12px;
list-style: none;
}

#footer .column c2 ul {
margin-top: 0;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#footer .column li {
padding-bottom: 5px;
list-style: none;
}

#footer .column c2 ul li a {
font-size: 12px;
list-style: none;
}

#footer .title {
padding-bottom: 10px;
list-style: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

#footer .column ul.address {
padding-bottom: 20px;
font-weight: normal;
list-style: none;
}

#footer .column ul.mails {
padding-bottom: 20px;
font-weight: normal;
list-style: none;
}

#footer .column .mails a:link {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}

#footer .column .mails a:visited {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}

#footer .column .mails a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #3c6113;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

#footer .column c3 ul {
margin-top: 0;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#footer .column c3 ul li {
padding-bottom: 5px;
margin-bottom: 5px;
list-style: none;
}

#footer .column c3 ul li a {
font-size: 12px;
list-style: none;
}

#footer .column.c3 a.fbLink {
display: inline-block;
background: url('../images/facebook.png') no-repeat left top;
padding: 0;
width: 44px;
height: 44px;
}

#footer .column.c3 a.fbLink:link {
display: inline-block;
background: url('../images/facebook.png') no-repeat left top;
padding: 0;
width: 44px;
height: 44px;
}

#footer .column.c3 a.fbLink:visited {
display: inline-block;
background: url('../images/facebook.png') no-repeat left top;
padding: 0;
width: 44px;
height: 44px;
}

#footer .column.c3 a.fbLink:hover {
display: inline-block;
zoom: 1;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
width: 44px;
height: 44px;
text-decoration: none;
}

#footer .column.c1 p {
line-height: 18px;
}

#footer .column.c1 .copyright {
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
font-style: normal;
}

/* -- Copyright ------------------------------------------------------------ */

#copyright-wrapper {
margin: 0;
padding: 0;
background-color: #5f8f2b;
}

#copyright {
clear: both;
width: 990px;
margin: 0 auto;
color: #FFFFFF;
background-color: #FF0000;
}

#copyright .column.c1 {
float: left;
width: 600px;
min-weight: 600px;
margin: 0;
margin-top: 30px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
font-style: normal;
text-transform: none;
}

#copyright .column.c2 {
float: right;
width: 300px;
min-width:300px;
margin: 0;
margin-top: 30px;
text-align: right;
list-style: none;
}

#copyright .column a.webdesigner {
display: inline-block;
background: url('../images/logo_stdesign4u.png') no-repeat left top;
width: 72px;
height: 14px;
text-decoration: none;
}

#copyright .column a.webdesigner:link {
display: inline-block;
background: url('../images/logo_stdesign4u.png') no-repeat left top;
width: 72px;
height: 14px;
text-decoration: none;
}

#copyright .column a.webdesigner:visited {
display: inline-block;
background: url('../images/logo_stdesign4u.png') no-repeat left top;
text-decoration: none;
}

#copyright .column a.webdesigner:hover {
display: inline-block;
zoom: 1;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
width: 72px;
height: 14px;
text-decoration: none;
}

/* Scroll To Top */
#back-top {
clear: both;
overflow: auto;
width: 990px;
margin: 0 auto;
text-align: center;
outline: none;
}

#back-top a {
display: inline-block;
width: 51px;
height: 51px;
background: url('../images/backtotop.png') no-repeat left top;
border: none;
outline: none;
}

#back-top a:active {
display: inline-block;
width: 51px;
height: 51px;
background: url('../images/backtotop.png') no-repeat left top;
border: none;
outline: none;
}

#back-top a:visited {
display: inline-block;
width: 51px;
height: 51px;
background: url('../images/backtotop.png') no-repeat left top;
border: none;
outline: none;
}

#back-top a:selected {
display: inline-block;
width: 51px;
height: 51px;
background: url('../images/backtotop.png') no-repeat left top;
border: none;
outline: none;
}

#back-top a:hover {
zoom: 1;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
border: none;
outline: none;
}