@font-face {
    font-family: signika;
      src: local("Signika"), local("Signika-Regular"), url("http://themes.googleusercontent.com/static/fonts/signika/v3/_M5k9_BZTkfaM2dnN0vNGw.woff");

}

html {
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

body {
    margin:0;
    padding:0;
    font-size: 16px;
    font-family: Arial,Helvetica,sans-serif;
    line-height:1.5;
}

#main {
    width:920px;
    margin:0 auto;
    background:#fff;
    padding:30px;
    margin-bottom:50px;
}

#header {
    padding: 0px 0 40px 20px;
}
#header h1 {
    font: 33px/1.1em signika, sans-serif;
    color: rgb(34, 27, 35);
    padding:0;
    margin:0;
    line-height:1;
    text-transform: uppercase;
    text-align:center;
    font-weight:400;
    
}

#navbar {
    font: 15px signika,sans-serif;
    text-transform: uppercase;
    margin-bottom:20px;
    padding-left:30px;
}

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

#navbar ul li {
    display:inline;
    margin-right:15px;
    padding-right:15px;
    padding-top:7px;
    padding-bottom:7px;
    border-right: 1px solid rgb(141, 173, 45);
}
#navbar ul li:last-child {
    border:none;
}

#navbar li a {
    text-decoration:none;
    color: rgb(34, 27, 35);
    transition: color 0.2s ease 0s;
}
#navbar li a.current {
    color: rgb(141, 173, 45);
}

#navbar li a:hover {
    color: #FFC802;
}

#middlebar {
   height:400px; 
   padding-bottom: 15px;
   border-bottom:1px solid rgb(141, 173, 45);
   margin-bottom:20px;
}
#imageslider {
    width:460px;
    float:left;
}

#imageslider .group1-Wrapper {
    visibility:hidden;
}
#imageslider:hover .group1-Wrapper {
    visibility:visible;
}

#middlesidebar {
    padding-left:500px;
    padding-right:40px;
    padding-top:50px;
    height:350px;
    background: #FFC802;    
    color:#fff;
    font: 18px/1.1em signika, sans-serif;
}

#middlesidebar h3 {
    margin:0 0 20px 0;;
    padding:0;
    font: 45px/1.1em signika, sans-serif;
    text-transform:uppercase;
    color: #fff;
    
}

h2 {
    font: 24px/1.1em signika,sans-serif;
    color: rgb(94, 115, 30);
    text-transform:uppercase;
}

#footer {
    width:940px;
    padding:15px 20px 30px 20px;
    margin:0 auto;
    background: #FFC802; 
    font-size: 13px;
}

a.button {
    color:#fff;
    background: #8DAD2D;
    font: 20px/1.2em signika,sans-serif;
    transition: background 0.4s ease 0s;
    padding:12px 20px;
    text-transform:uppercase;
    text-decoration:none;
    border-radius: 7px;
    border:0;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
}
a.button:hover {
    background:#5E731E;
}

#con {
   background: url('./images/columns.png');
    font-size: 13px;
}

#left, #middle, #right  {
    width:290px;
    float:left;
}

#left, #middle {
    margin-right:25px;
}

#con div.innertube {
    margin:20px;
}

#con h3 {
    font: 20px/1.2em signika,sans-serif;
    color: rgb(34, 27, 35);
    text-transform:uppercase;
    margin-bottom:10px;
}
 div.afterquote {
     text-align:right;
     font-style:italic;
     margin-top:10px;
     margin-bottom:20px;
 }
 
 
 #contact {
     padding-top:20px;
     font-size:13px;
 }
 #contact h3 {
    font: 20px/1.2em signika,sans-serif;
    margin-top:0;
 }
 
 #contactleft {
     width: 200px;
     float:left;
 }
 
 #contactleft p {
    font: 30px/1.2em signika,sans-serif;
    color: #FFC802; 
 }
 
 #contactright {
     width:690px;
     margin-left:230px;
     padding-top:5px;
 }
 
 form input[type=text], textarea {
     display: block;
     width:688px;
     border: 1px solid rgb(94, 115, 30);
     margin-bottom:4px;
     padding:5px;
    font: 13px/1.3 Arial,Helvetica,sans-serif;
 }
 
 textarea {
     height: 150px;
     margin-bottom:10px;
 }
 
 form input[type=submit] {
     color:#fff;
     background: #8DAD2D;
     font: 16px/1.2em signika,sans-serif;
     transition: background 0.4s ease 0s;
     padding:6px 10px;
     text-transform:uppercase;
     text-decoration:none;
     border-radius: 7px;
     border:0;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
 }
 form input[type=submit]:hover {
     background:#5E731E;
     cursor: pointer;
}

div.circlecontainer {    
    width:150px;
    height:150px;
    margin:15px;
    float:left;
}

a.circle {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    
    display:block;
    
 
    width:150px;
    height:150px;
      
    color:white;
    text-decoration:none;
    
}
a.circle div {
    visibility:hidden;
    
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    
        width:150px;
    height:150px;
    
    text-align:center;
    display: table-cell;
    vertical-align: middle;
    
    font-size:13px;
    font-weight:bold;
}

a.circle:hover div {
    visibility:visible;
    
    background:#333;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */    
}