html {
margin: 0;
padding: 0;
/*background: url('../images/Reconection-02.png') no-repeat 60px top;*/
}
body {
margin: 0;
padding: 0;
opacity: 1;
color: #353535;
font-family: 'Open Sans', Arial, sans-serif;
}
h1 {
font-weight: 600;
color: #000;
font-size: 28px;
}
h2 {
font-weight: 600;
}
input {
border: 1px solid #B2B2B2;
border-radius: 3px;
background: #fff;
padding: 5px 15px;
font-size: 14px;
font-family: 'Open Sans', Arial, sans-serif;
}
textarea {
border: 1px solid #B2B2B2;
border-radius: 3px;
background: #fff;
padding: 5px 15px;
font-size: 14px;
font-family: 'Open Sans', Arial, sans-serif;
}
.clear {
clear: both;
}
.error {
border: 1px solid red !important;
}
.content {
width: 1150px;
margin: 0 auto;
position: relative;
}
.third-box {
width: 33.3%;
float: left;
}
.half-box {
width: 50%;
float: left;
}
.last {
margin-right: 0 !important;
}
a {
text-decoration: none;
color: #2FA7E5;
}
#top {
height: 107px;
background: #F3F3F3;
opacity: 0.9;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
#top .logo {
float: left;
}
#top .facebook {
position: absolute;
right: 8px;
top: 61px;
}
#top .youtube {
position: absolute;
right: 8px;
top: 26px;
}
#top a {
color: #353535;
}
#top #navigation {
padding: 0;
margin: 0 0 0 25px;
float: left;
height: 107px;
}
#top #navigation li {
float: left;
list-style: none;
padding: 0 35px 0 10px;
margin: 40px 0 0 0;
}
#top #navigation li a {
padding: 0;
margin: 0;
font-size: 21px;
font-weight: 600;
padding: 5px 15px;
text-transform: uppercase;
}
#top #navigation li.active a {
background: none repeat scroll 0 0 #2fa7e5;
border-radius: 5px;
color: #fff;
}
#slideshow {
background: #000;
height: 610px;
overflow: hidden;
}
#subpage #slideshow, #subpage #slideshow .cycle-slideshow div  {
height: 385px;
}
#slideshow .cycle-slideshow {
width: 100%;
}
#slideshow .cycle-slideshow .slide {
position: relative;
width: 100%;
height: 610px;
background-repeat: no-repeat;
background-position: center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: block;
}
#slideshow .cycle-slideshow .slide .content {
width: 1150px;
}
#slideshow .cycle-slideshow .slide p {
color: #fff;
font-size: 58px;
font-weight: 100;
left: 25px;
line-height: 70px;
position: absolute;
top: 155px;
}
#slideshow .cycle-slideshow .slide h1 {
color: #fff;
font-size: 54px;
left: 10px;
position: absolute;
text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.9);
text-transform: uppercase;
top: 177px;
}
#slideshow .cycle-slideshow .cycle-pager, #subpage #slideshow .cycle-slideshow .cycle-pager {
position: absolute;
width: 100%;
left: 0;
bottom: 18px;
height: 28px;
text-align: center;
z-index: 1000;
}
#slideshow .cycle-slideshow .cycle-pager span {
width: 25px;
height: 25px;
background: #000;
border: 2px solid #fff;
cursor: pointer;
border-radius: 26px;
display: inline-block;
text-indent: -999;
color: #000;
margin: 0 35px;
box-shadow: 1px 2px 4px rgba(0,0,0,0.5);
}
#slideshow .cycle-slideshow .cycle-pager span.cycle-pager-active {
background: #044A77;
color: #044A77;
}
#middle {

}
#middle .content {
padding: 49px 0 0 0;
}
#middle #content img {

}
#middle #content #newsletter {
height: auto;
}
#middle #content #newsletter .content {
width: 100%;
padding: 20px 0;
}
#middle #content #newsletter .content form {
float: none;
margin: 0 auto;
display: block;
}
#middle #content #inquiry {
height: auto;
padding: 0 20px;
width: 555px;
margin: 0 auto;
}
#middle #content #inquiry .content {
width: 100%;
padding: 20px 0;
}
#middle #content #inquiry .content .full-box {
width: 100%;
}
#middle #content #inquiry .content form {
float: none;
margin: 0 auto;
display: block;
}
#middle #content #inquiry .content form .full-box input {
width: 523px;
}
#middle #content #inquiry .content form .full-box textarea {
width: 523px;
height: 60px;
}
#middle #sidebar {
float: left;
width: 318px;
background: #F1F1F2;
}
#middle #sidebar a {
color: #006ED8;
font-weight: 600;
}
#middle #sidebar .title {
text-transform: uppercase;
font-size: 18px;
}
#middle #sidebar .seperator {
width: 318px;
height: 1px;
background: #CCCCCC;
margin: 25px -20px;
}
#middle #sidebar .box {
margin: 20px 20px 40px 20px;
font-size: 13px;
}
#middle #sidebar .box .black a {
color: #353535;
}
#middle #sidebar .box .black {
color: #353535;
}
#middle #sidebar .box .black img {
width: 100%;
}
#middle #sidebar .box h3 {
background: none repeat scroll 0 0 #2fa7e5;
border: medium none;
color: #fff;
cursor: pointer;
float: left;
font-size: 12px;
font-weight: 600;
height: 28px;
line-height: 28px;
margin-top: 20px;
padding: 0 12px;
text-transform: uppercase;
border-radius: 5px;
}
#middle #sidebar .box h4 {
font-size: 20px;
font-weight: 600;
margin: 0;
padding: 0;
}
#middle #sidebar .box .testimonial {
font-size: 16px;
}
#middle #sidebar .box .author {
font-size: 18px;
}
#middle #sidebar .navigation{
background: #2FA7E5;
list-style: none;
margin: 0;
padding: 0;
}
#middle #sidebar .navigation li {
border-bottom: 1px solid #fff;
position: relative;
}
#middle #sidebar .navigation li.more, #middle #sidebar .navigation li.active.more, #middle #sidebar .navigation li.more:hover {
background-image: url('../images/arrow_right.png');
background-repeat: no-repeat;
background-position: 290px 15px;
}
#middle #sidebar .navigation li a {
color: #fff;
text-transform: uppercase;
height: 50px;
line-height: 50px;
display: block;
padding: 0 0 0 20px;
}
#middle #sidebar .navigation li.active, #middle #sidebar .navigation li:hover {
background: #237DAB;
}
#middle #sidebar .navigation li.more ul {
display: none;
list-style: none;
position: absolute;
left: 318px;
top: 5px;
background: #237DAB;
width: 318px;
border-left: 1px solid #fff;
padding: 0;
margin: 0;
}
#middle #sidebar .navigation li.more-blog {

}
#middle #sidebar .navigation li.more-blog ul {
list-style: none outside none;
padding: 0;
margin: 0;
}
#middle #sidebar .navigation li.more-blog ul li {
background: url('../images/arrow_white.png') no-repeat scroll 285px center #f1f1f2;
margin: 1px 0 -1px;
padding: 0;
position: relative;
border-bottom: 1px solid #CCCCCC;
}
#middle #sidebar .navigation li.more-blog ul li:hover, #middle #sidebar .navigation li.more-blog ul li.active {
background-color: #E8E8E8;
}
#middle #sidebar .navigation li.more-blog ul li:hover ul {
display: block;
}
#middle #sidebar .navigation li.more-blog ul li a {
text-transform: none;
color: #333;
font-weight: normal;
}
#middle #sidebar .navigation li.more-blog ul li ul {
background: none repeat scroll 0 0 #e8e8e8;
border: 1px solid #cccccc;
left: 318px;
position: absolute;
top: -1px;
width: 100%;
display: none;
}
#middle #sidebar .navigation li.more-blog ul li ul li {
border: none;
height: auto;
margin: 0;
background: none;
}
#middle #sidebar .navigation li.more-blog ul li ul li a {
color: #006ED8;
font-size: 14px;
line-height: 40px;
height: auto;
}
#middle #content {
float: right;
width: 785px;
}
#middle #content p {
margin-top: 0;
}
#middle #content h2 {
margin: 0 0 0 0;
padding: 0 0 20px 0;
color: #2fa7e5;
font-size: 30px;
line-height: 20px;
}
#middle #content .date {
margin-top: -10px;
font-weight: bold;
color: #808080;
}
#middle #content .blog {
max-height: 160px;
}
#middle #content .blog h2 {
font-size: 24px;
margin: 0 0 10px;
padding: 0;
}
#middle #content .blog h2 span {
color: #808080;
font-size: 16px;
}
#middle #content .image {
width: 260px;
height: 160px;
float: left;
margin: 0 15px 0 0;
}
#middle #content .blog-seperator {
width: 100%;
height: 1px;
display: block;
background: #CCCCCC;
margin: 27px 0;
}
#middle #content .blog-info {
width: 100%;
border-top: 1px solid #CCCCCC;
padding: 18px 0 0 0;
margin: 36px 0 0 0;
font-size: 12px;
}
#middle #content .blog-info h3 {
margin-top: 0px;
}
#middle #content .blog-info-part {
width: 20%;
float: left;
}
#middle #content .blog-info-part b {
width: 100%;
display: block;
text-transform: uppercase;
color: #000;
}
#middle #content .blog-info-part a {
width: 100%;
font-weight: bold;
display: block;
color: #006ED8;
}
#middle .comment {
background: #fafafa;
padding: 10px 10px 5px 10px;
margin: 0 0 10px 0;
}
#middle .comment-form textarea {
width: 735px;
}
#middle .comment-form {
background: #fafafa;
padding: 10px 10px 5px 10px;
}
#work {
height: 312px;
}
#work a {
color: #353535;
}
#work .third-box {
background: url('../images/title_bg.png') no-repeat scroll center 50px;
height: 312px;
float: left;
}
#work .third-box h2 {
margin: 140px 0 0;
padding: 0;
}
#work .third-box p {
margin: 0;
padding: 0 30px;
}
#newsletter {
height: 108px;
background: #F0F0F0;
}
#newsletter p {
float: left;
margin: 32px 0px;
}
#newsletter form {
float: right;
width: 480px;
margin: 35px 0 0 0;
}
#newsletter form input[type="email"] {
float: left;
font-size: 18px;
padding: 6px 15px;
width: 315px;
}
#newsletter form input[type="submit"] {
color: #fff;
border: none;
background: #2FA7E5;
height: 38px;
padding: 0 8px;
line-height: 38px;
float: left;
margin-left: 5px;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
#intro {
height: 427px;
}
#intro p {
font-size: 18px;
line-height: 22px;
}
#video {
height: 342px;
background: #393B3D;
}
#video .title {
color: #cccccc;
float: left;
font-size: 24px;
margin: 15px 0 15px;
text-transform: uppercase;
}
#video p {
font-size: 14px;
margin: 0;
padding: 0;
max-width: 380px;
color: #fff;
}
#inquiry {
height: 494px;
background: #F0F0F0;
margin: 0 0 1px 0;
}
#inquiry .half-box {
float: left;
}
#inquiry .half-box p {
font-size: 18px;
line-height: 28px;
padding-right: 40px;
}
#inquiry .half-box form {
padding-top: 20px;
padding-left: 20px;
}
#inquiry .half-box .full-box input, #inquiry .half-box .full-box textarea {
width: 523px;
}
#inquiry .half-box .full-box textarea {
height: 100px;
padding: 15px;
}
#inquiry .half-box input {
width: 220px;
}
#inquiry .half-box.right input {
float: right;
}
#inquiry .content > .half-box {
padding: 32px 0 0 0;
}
form input[type="submit"] {
color: #fff;
border: none;
background: #2FA7E5;
height: 38px;
padding: 0 8px;
line-height: 38px;
float: left;
margin-left: 5px;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
#testimonials {
height: 282px;
background: #F0F0F0;
}
#testimonials .title {
color: #cccccc;
float: left;
font-size: 24px;
margin: 15px 0 15px;
text-transform: uppercase;
}
#testimonials .cycle-slideshow {
background: url('../images/quote.png') no-repeat scroll right top;
height: 180px;
}
#testimonials .cycle-slideshow .box p {
font-size: 20px;
padding: 0;
margin: 0;
line-height: 32px;
width: 800px;
}
#testimonials .cycle-slideshow .box .author {
font-style: italic;
font-weight: 100;
font-size: 24px;
margin: 20px 0 0 0;
}
#footer {
height: 230px;
background: #393B3D;
}
#footer .facebook {
position: absolute;
right: 8px;
top: 100px;
}
#footer .youtube {
position: absolute;
right: 50px;
top: 100px;
}
#footer .logo {
float: left;
margin: 45px 0 0 0px;
}
#footer a {
color: #B2B2B2;
}
#footer #footer-navigation {
padding: 0;
margin: 0 0 0 50px;
float: left;
height: 230px;
}
#footer #footer-navigation li {
float: left;
list-style: none outside none;
margin: 102px 0 0;
padding: 0;
}
#footer #footer-navigation li a {
padding: 0;
margin: 0;
font-size: 18px;
font-weight: 600;
padding: 5px 15px;
text-transform: uppercase;
}
#footer #footer-navigation li.active a {
background: none repeat scroll 0 0 #2fa7e5;
border-radius: 5px;
color: #fff;
}