@font-face {
    font-family: 'BebasRegular';
    src: url('../BEBAS___-webfont.eot');
    src: url('../BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
        url('../BEBAS___-webfont.woff') format('woff'),
        url('../BEBAS___-webfont.ttf') format('truetype'),
        url('../BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'MuseoSans500';
    src: url('../museosans_500-webfont.eot');
    src: url('../museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
        url('../museosans_500-webfont.woff') format('woff'),
        url('../museosans_500-webfont.ttf') format('truetype'),
        url('../museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans500Italic';
    src: url('../museosans_500_italic-webfont.eot');
    src: url('../museosans_500_italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../museosans_500_italic-webfont.woff') format('woff'),
        url('../museosans_500_italic-webfont.ttf') format('truetype'),
        url('../museosans_500_italic-webfont.svg#MuseoSans500Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'Museo700';
    src: url('../museo700-regular-webfont.eot');
    src: url('../museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../museo700-regular-webfont.woff') format('woff'),
        url('../museo700-regular-webfont.ttf') format('truetype'),
        url('../museo700-regular-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* fonts by Jos Buivenga (exljbris) -> www.exljbris.com */


html, body {
    color: #7b7b7b;
    font-family: "Trebuchet MS", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
}
a {
    color: #007dc1;
    font-weight: bold;
    text-decoration: none;
}
a.here,
a:hover {
    color: #666666;
}
img {
    border: 0;
}
form {
    display: inline;
}
h1 {
    font-family: BebasRegular, arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
}
h1 a {
    font-weight: normal;
}
h2 {
    font-family: BebasRegular, arial, sans-serif;
    font-size: 21px;
    font-weight: normal;
    line-height: 32px;
}
h2 a {
    font-weight: normal;
}
h3 {
    font-family: BebasRegular, arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 27px;
}
h3 a {
    font-weight: normal;
}

body {
    margin: 0;
}
.body-bg {
    background-color: #ffffff;
}
.clear {
    clear: both;
}
.br {
    height: 5px;
    font-size: 5px;
    line-height: 7px;
}
.br2 {
    height: 10px;
    font-size: 10px;
    line-height: 15px;
}
.msg {
    background: #ffeda4;
    color: #be0000;
    text-align: center;
    margin: 10px 0;
    padding: 0;
    display: block;
}
.pad1 {
    padding: 5px;
}
.pad2 {
    padding: 10px;
}
.noul {
    text-decoration: none;
}
.odd {
    background: #eeeeee;
}
.even {
    background: #ffffff;
}
.center {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.lt {
    text-align: left;
}
.rt {
    text-align: right;
}
.h1 {
    font-size: 18px;
    line-height: 27px;
}
.req {
    color: #be0000;
}
.big {
    font-size: 20px;
    line-height: 30px;
}
.med {
    font-size: 16px;
    line-height: 24px;
}
.sm {
    font-size: 12px;
    line-height: 18px;
}
.lift {
    position: relative;
    top: -3px;
}
.readmore {
    font-style: italic;
}


.form-ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.form-ul li {
    margin-bottom: 10px;
    clear: both;
}
.form-ul li label {
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 10px;
}
.form-ul li strong {
    color: #be0000;
}
.form-ul li em {
    color: #be0000;
    font-style: normal;
}
.form-ul li input {
    padding: 1px 3px;
}
.form-ul li span.note {
    color: #6574f5;
}
.form-ul li .same-width {
    width: 187px;
}
.form-ul li .same-width-2 {
    width: 189px;
}
.form-error-ul {
    list-style: none;
}
.form-inline-error {
    background: url('../img/icon/alert.gif') top left no-repeat;
    padding-left: 15px;
    color: #cc0000;
}

.list {
    list-style: none;
}
.list li {
    margin-bottom: 10px;
    clear: both;
}
.list li label {
    float: left;
    width: 130px;
    text-align: right;
    padding-right: 10px;
}
.tbl {
    width: 100%;
    border-collapse: collapse;
}


.content img {
    margin: 10px;
}
p {
    margin-top: 0px;
}


#top-box {
    background: url('../img/header-bg01.jpg') repeat-x left top;
    height: 150px;
}
#top-content {
    background: url('../img/logo-bg01.jpg') no-repeat left top;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 970px;
}
#logo-box {
    display: block;
    height: 150px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 391px;
}
#social-box {
    position: absolute;
    right: 15px;
    top: 15px;
}
#nav-ul {
    height: 44px;
    list-style: none;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 45px;
}
#nav-ul li {
    color: #ffffff;
    float: left;
    font-family: BebasRegular, arial, sans-serif;
    font-size: 18px;
    line-height: 44px;
    margin-right: 24px;
    text-transform: uppercase;
}
#nav-ul li a {
    color: #ffffff;
    font-weight: normal;
}

#middle-box {
    width: 100%;
}
#middle-content {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
    width: 970px;
}

/* Photo Rotation */
#slider {
    background: url('../img/slider-blue-bar.gif') no-repeat top center;
    height: 379px;
    margin: 20px auto 29px;
    position: relative;
    width: 970px;
}
.nivo-caption {
    background: transparent;
    color: #ffffff;
    font-family: Museo700, "Myriad Pro", arial, sans-serif;
    font-size: 20px;
    height: 33px;
    left: -26px;
    line-height: 33px;
    margin: 0 20px 0 6px;
    top: -32px;
}
#slider-bg,
.nivoSlider {
    display: block;
    height: 346px;
    left: 48px;
    position: absolute;
    top: 33px;
    width: 874px;
}
#slider-bg {
    background: url('../img/icon/loading.gif') #eeeeee no-repeat 50% 50%;
}


#nivoSlider1 .nivoSlider {
    left: 0;
    top: 0;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    height: 346px;
    overflow: hidden;
    width: 874px;
}

.nivoSlider a {
    border: 0;
    display: block;
}

.nivoSlider p {
    padding: 0;
}

.nivo-controlNav {
    position:absolute;
    left:260px;
    bottom:-32px;
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url('../img/gray_bullets.png') no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url('jq/external/nivo-slider/demo/images/arrows.png') no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

/* Content */
#content-middle {
    margin: 0 20px;
}
#content-middle h1 {
    color: #ffffff;
    background-color: #007dc1;
    padding: 5px 10px;
}
/* Portfolio */
.pf-heading {
    height: 48px;
    overflow: hidden;
    width: 434px;
}
.pf-title {
    font-family: BebasRegular, arial, sans-serif;
    font-size: 24px;
    line-height: 48px;
    margin: 0 2px;
}
a.pf-title {
    font-weight: normal;
}
.pf-link {
    font-family: BebasRegular, arial, sans-serif;
    font-size: 14px;
    margin: 0 2px;
}
a.pf-link {
    font-weight: normal;
}

.samples {
     display: inline-block;
     height: 370px;
     margin: 0 20px;
     overflow: hidden;
     width: 930px;
}

#pg-samples {
    height: 42px;
    margin: 0 20px;
}
#more-samples,
#prev-samples {
    float: right;
    font-family: BebasRegular, arial, sans-serif;
    font-size: 14px;
    height: 21px;
    line-height: 21px;
    margin-top: 21px;
    text-align: right;
    text-transform: uppercase;
    width: 465px;
}
#prev-samples {
    float: left;
    text-align: left;
}
#more-samples a,
#prev-samples a {
    font-weight: normal;
}

/* Services */
#services-box {
    background: url('../img/gray-area-bg.jpg') #dddddd left top repeat;
}
#services-content {
    line-height: normal;
    margin: 0 auto;
    width: 970px;
}
.service {
    float: left;
    margin: 10px 20px;
    overflow: hidden;
    width: 202px;
}
.service h1 {
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
    margin: 0 0 9px;
}
.service h1 a {
    border-bottom: 1px solid #cccccc;
    display: inline-block;
}

.learn-more {
    margin: 10px;
    text-align: right;
}

/* News */

.news-heading {
    height: 48px;
    overflow: hidden;
}
.news-heading h2 {
    display: inline;
    margin: 0;
    padding: 0;
}
#news-story {
    display: inline-block;
    width: 241px;
}

.vertical-separator {
    background: url('../img/vertical-separator.gif') transparent top center repeat-y;
}

.testimonials {
    background: url('../img/vertical-separator.gif') transparent top left repeat-y;
}

.news,
.testimonials {
    margin: 40px 0 30px;
    padding: 0 20px;
}

.testimonials-list

.news h3,
.testimonials h3,
.testimonials-list h3 {
    margin: 0;
    padding: 0;
}

.testimonials #testimonial,
.testimonials-list #testimonial {
    font-family: Museo700, "Myriad Pro", arial, sans-serif;
    font-size: 21px;
    margin: 2px 0;
}
.testimonials-list #testimonial {
    margin: 30px 20px;
}
.testimonials #signature,
.testimonials-list #signature {
    color: #007DC1;
    font-family: Museo700, "Myriad Pro", arial, sans-serif;
    font-size: 13px;
    text-align: right;
}


#footer-box {
    background: url('../img/footer-bg.gif') #007dc1 left top repeat-x;
    color: #ffffff;
}
#footer-box-inner {
    background: url('../img/the-big-w.png') top center no-repeat;
}
#footer-content {
    height: 374px;
    margin: 0 auto;
    position: relative;
    width: 970px;
}
#footer-ul {
    height: 14px;
    list-style: none;
    margin: 8px 0;
    padding: 0;
    position: absolute;
    left: 10px;
    top: 6px;
}
#footer-ul li {
    color: #ffffff;
    float: left;
    font-family: Museo700, "Myriad Pro", arial, sans-serif;
    font-size: 14px;
    line-height: normal;
    margin-right: 50px;
}
#footer-ul li a {
    color: #ffffff;
    font-weight: normal;
}
#partners {
    top: 6px;
    position: absolute;
    right: 24px;
    text-align: center;
    width: 164px;
}
#partners h3 {
    color: #ffffff;
    font-family: BebasRegular, arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    margin: 6px 0;
    padding: 0;
    text-transform: uppercase;
}
#partners img {
    margin: 4px 0;
}
#partners a {
    color: #ffffff;
}