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

}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.8;
    font-family: arial, sans-serif;
    color: #58595b;
    background: #fff;
    min-width: 960px;
}

a { color: #e4a01b; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

ul { list-style: none outside none; }

.shell { width: 960px; margin: 0 auto; }

#header { height: 141px; border-bottom: 1px solid #c9c8c8; line-height: 1.3; width: 960px; margin: 0 auto; }

h1#logo { width: 326px; height: 99px; padding: 22px 0 0 45px; float: left; display: inline; }
h1#logo a { width: 326px; height: 99px; display: block; background: url(images/logo.png) no-repeat 0 0 ; font-size: 0; line-height: 0; text-indent: -4000px; }

#navigation { float: right; display: inline; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; padding: 98px 55px 0 0; }
#navigation ul { list-style-type: none; }
#navigation ul li { float: left; display: inline; padding-left: 59px; }
#navigation ul li a { color: #6d6e71; float: left; display: inline; padding: 0 0 5px; border-bottom: 0 solid #fff; }
#navigation ul li a.active,
#navigation ul li a:hover { text-decoration: none; border-bottom-width: 3px; }

#navigation ul li a.color-1 { border-color: #ab0534; }
#navigation ul li a.color-2 { border-color: #e4a01b; }
#navigation ul li a.color-3 { border-color: #b6b6b8; }
#navigation ul li a.color-4 { border-color: #e4741e; }

#slider { width: 960px; margin: 0 auto; height: 314px; overflow: hidden; position: relative ; }
#slider .carousel ,
#slider .carousel .jcarousel-clip,
#slider .carousel ul ,
#slider .carousel ul li { width: 960px; height: 314px; position: relative ; }
#slider .carousel ul li { float: left; display: inline; }
#slider .carousel ul li img { display: none; }
#slider .shell { position: relative ; }
#slider .buttons a { display: block; width: 22px; height: 36px; background: url(images/slider-buttons.png) no-repeat 0 0 ; position: absolute ; top: 140px; font-size: 0; line-height: 0; text-indent: -4000px; }
#slider .buttons a.prev { left: 11px; background-position: 0 0; }
#slider .buttons a.next { right: 11px; background-position: right 0; }

#footer { border-top: 1px solid #d6d6d6; font-size: 11px; line-height: 11px; color: #58595b; padding: 0 0 15px; width: 960px; margin: 0 auto; }
#footer .copy { float: left; display: inline; width: 150px; padding: 8px 0 0 47px; }
#footer ul { float: right; display: inline; padding: 8px 42px 0 0; }
#footer ul li { float: left; display: inline; border-left: 1px solid #e4a01b; padding: 0 6px 0; }
#footer ul li.last { border: 0; }
#footer ul li a { color: #58595b; }

h4 { font-size: 17px; line-height: 32px; color: #a72527; font-family: 'Trebuchet MS', sans-serif; }

.content-area { padding: 0 0 33px; width: 100%; }
.content-area p { padding: 0 0 10px; }
.content-area .left-content { float: left; display: inline; width: 468px; padding: 21px 0 0 46px; }
.content-area .right-content { float: right; display: inline; width: 400px;  padding: 29px 5px 0 0 ; }

#page-title {  height: 44px; margin: 0 0 14px; width: 960px; margin: 0 auto; }
#page-title h2 { display: block; width: 100%; height: 44px; color: #fff; line-height: 44px; text-align: right; font-family: 'SnellRoundhandScriptRegular', sans-serif; font-size: 40px; padding: 0 ; font-size: 0; line-height: 0; text-indent: -4000px; }

.article h4 { padding: 0 0 19px; }

h6 { font-size: 13px; line-height: 22px; font-weight: bold; color: #58595b; }

.list li { background: url(images/list-li.jpg) no-repeat 1px 11px; padding-left: 12px; padding-top: 1px; }

#about-page #page-title { background: #ab0534; }
#about-page #page-title h2 { background: url(images/about-title.png) no-repeat right 0 ; }
#about-page h4 { color: #ab0534; }

#team-page #page-title { background: #e4a01b; }
#team-page #page-title h2 { background: url(images/team-title.png) no-repeat right 0 ; }

#team-page h4 { color: #e4a01b; }

#contact-page #page-title { background: #e4741e; }
#contact-page h4 { color: #e4741e; }
#contact-page #page-title h2 { background: url(images/contact-title.png) no-repeat right 0 ; }

#portfolio-page #page-title { background: #b6b6b8; }
#portfolio-page #page-title h2 { background: url(images/portfolio-title.png) no-repeat right 0 ; }
#portfolio-page h4 { color: #b6b6b8; }


#main { position: relative ; padding-bottom: 15px;  }

#all-clients { width: 838px; height: 306px; background: #e4a01b; color: #fff; padding: 21px 0 0 27px; font-size: 11px; position: absolute ; top: 21px; left: 45px; display: none; overflow: hidden; }
#all-clients h5 { font-size: 19px; font-weight: bold; font-family: 'Trebuchet MS', sans-serif; padding: 0 0 20px; }
#all-clients ul { float: left; display: inline; width: 224px;  line-height: 14px;  }
#all-clients .last { width: 150px; }
#all-clients ul li { padding: 0 0 5px; }
#all-clients a.close { display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; font-family: 'Trebuchet MS', sans-serif; color: #e4a01b; position: absolute ; top: 0; right: 0; background: #fff; }
#all-clients a.close:hover { text-decoration: none; }

.clients ul li { float: left; display: inline; width: 107px; height: 101px; overflow: hidden; margin: 0 12px 12px 0; position: relative ; font-size: 12px; line-height: 18px; }
.clients ul li.last { margin-right: 0; }
.clients ul li a { color: #fff; font-weight: bold; }
.clients ul li a:hover { text-decoration: none; }
.clients ul li .overlay { width: 107px; height: 101px; position: absolute ; top: 0; left: 0; background: url(images/clients-overlay.png); }
.clients ul li .text { display: block; width: 100%; text-align: center; }

.clients-list { padding: 0 0 8px; }
.clients-list li a { color: #58595b; }

.clients-nav { background: #f0f0f1; }
.clients-nav .nav { float: right; display: inline; width: 403px; font-size: 11px; line-height: 14px; padding: 21px 0; }
.clients-nav .nav li { padding: 1px 0; }
.clients-nav .nav a { color: #58595b; }
.clients-nav .nav a.active,
.clients-nav .nav a:hover { text-decoration: none; color: #a72527; }
.clients-nav .nav .left { width: 185px; }
.clients-nav .nav .right { width: 188px; }
.clients-nav .text { float: left; display: inline; width: 485px; padding: 41px 0 0 47px ; }
.clients-nav .text h3 { font-family: 'Trebuchet MS', sans-serif; font-size: 19px; color: #a72527; font-weight: normal; float: left; display: inline; padding-right: 23px; }
.clients-nav .text .slider-nav { float: left; display: inline; font-family: 'Trebuchet MS', sans-serif; font-size: 13px; padding-top: 7px; }
.clients-nav .text .slider-nav li { float: left; display: inline; padding: 0 6px; }
.clients-nav .text .slider-nav li a { color: #929497; text-decoration: none; }
.clients-nav .text .slider-nav li a.active,
.clients-nav .text .slider-nav li a:hover { text-decoration: none; border-bottom: 3px solid #e4a01b; }

#fader { width: 960px; height: 390px; overflow: hidden; position: relative ; margin-top: 21px; }
#fader img {  position: absolute ; top: 0; left: 0; }