html, body
{
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
background: #3D3D3D;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #000000;
}
h1, h2, h3
{
margin: 0;
padding: 0;
}
p, ol, ul
{
margin-top: 0px;
}
p
{
line-height: 180%;
}
strong
{
}
a
{
color: #0B965F;
}
a:hover
{
text-decoration: none;
}
a img
{
border: none;
}
img.border
{
}
img.alignleft
{
float: left;
}
img.alignright
{
float: right;
}
img.aligncenter
{
margin: 0px auto;
}
hr
{
display: none;
}
/** WRAPPER */
#wrapper
{
}
.container
{
width: 1100px;
margin: 0px auto;
}
.clearfix
{
clear: both;
}
/** HEADER */
#header-wrapper
{
overflow: hidden;
background: #0B965F;
}
#header
{
overflow: hidden;
height: 150px;
}
/** LOGO */
#logo
{
float: left;
width: 400;
}
#logo h1 a
{
display: block;
line-height: 150px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Archivo Narrow', sans-serif;
font-size: 1.3em;
color: #FFFFFF;
}
/** MENU */
#menu
{
float: right;
width: 700px;
}
#menu ul
{
float: right;
margin: 0px;
padding: 60px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li
{
float: left;
margin-left: 2em;
}
#menu a
{
display: block;
padding: 10px 20px;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Archivo Narrow', sans-serif;
font-size: 1.10em;
font-weight: 600;
color: #FFFFFF;
}
#menu .active a
{
background: #FF4A71;
border-radius: 5px;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
border: 1px solid #FA3F52;
color: #FFFFFF;
}
#menu .active a:hover
{
background-color: #FD6384;
}
#menu .active a:active
{
background-color: #FC3F68;
}
#menu a:hover
{
text-decoration: none;
}
/** PAGE */
#page-wrapper
{
overflow: hidden;
padding: 5em 0em;
background: #FFFFFF;
}
#page
{
overflow: hidden;
}
/** CONTENT */
#content
{
}
#content header
{
display: block;
margin-bottom: 1em;
letter-spacing: -2px;
font-size: 2.30em;
font-weight: 400;
color: #333333;
}
/** SIDEBAR */
#sidebar
{
}
#banner-wrapper
{
overflow: hidden;
padding: 3em 0em 1em 0em;
background: #F9F9F9;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
text-align: center;
}
#banner p
{
letter-spacing: -1px;
font-size: 2.20em;
font-weight: 300;
}
#banner strong
{
font-weight: 400;
}
#featured-wrapper
{
overflow: hidden;
padding: 5em 0em;
background: #F9F9F9;
border-top: 1px solid #E7E7E7;
text-align: center;
}
#featured header
{
display: block;
margin-bottom: 1em;
letter-spacing: -2px;
font-size: 2.30em;
font-weight: 400;
color: #333333;
}
/* Footer */
#footer-wrapper
{
overflow: hidden;
padding: 5em 0em;
background: #444444;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
}
#footer
{
overflow: hidden;
color: #B1B1B1;
}
#footer header
{
margin-bottom: 1em;
font-size: 1.5em;
font-weight: 400;
color: #FFFFFF;
}
#footer #fbox1
{
float: left;
width: 700px;
}
#footer #fbox2
{
float: right;
width: 300px;
}
#footer a
{
color: #D0D0D0;
}
#footer .button-small
{
color: #FFFFFF;
}
#copyright
{
overflow: hidden;
padding: 3em 0em 3em 0em;
text-align: center;
color: #606060;
}
#copyright a
{
color: #818181;
}
#two-column
{
}
#two-column h3
{
padding-bottom: 1em;
font-size: 1.20em;
font-weight: 600;
}
#two-column img
{
float: left;
margin-right: 30px;
padding: 5px;
background: #FFFFFF;
border: 1px solid #E1E1E1;
opacity: 0.8;
}
#two-column a:hover img
{
opacity: 0.9;
}
#two-column .box-style
{
overflow: hidden;
padding: 2em 0em;
}
#two-column #tbox1
{
float: left;
width: 500px;
}
#two-column #tbox2
{
float: right;
width: 500px;
}
.button
{
display: inline-block;
margin: 0px 10px;
padding: 10px 30px;
background: #2DAB6E;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
border-radius: 5px;
border: 1px solid #20935B;
box-shadow: 0px 0px 0px 5px rgba(255,255,255, 1);
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Archivo Narrow', sans-serif;
font-size: 1.20em;
font-weight: 600;
color: #FFFFFF;
}
.button:hover
{
background-color: #31B977;
}
.button:active
{
background-color: #2A9C65;
}
.button-alt
{
background: #FF4A71;
border: 1px solid #FA3F52;
}
.button-alt:hover
{
background-color: #FD6384;
}
.button-alt:active
{
background-color: #FC3F68;
}
.button-small
{
margin: 1em 0em;
box-shadow: none;
font-size: 1.10em;
color: #FFFFFF;
}
.button-small {
}
ul.style2
{
margin: 30px 0px 0px 0px;
padding: 0px;
list-style: none;
}
ul.style2 img
{
border-radius: 5px;
box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.05);
}
ul.style2 li
{
float: left;
margin-right: 12px;
}