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

body {
    font-size: 12px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: #575757;
    ;
    min-width: 1054px;
}

a { color: #0072cf; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
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; }

#wrapper { border-top: solid 5px #222222; }

.shell { padding-bottom: 60px; width: 982px; margin: 0 auto; }

#header { position: relative; width: 100%; padding: 32px 0 24px; }

#logo { display: inline; float: left; padding: 2px 0 0 2px; width: 272px; }
#logo .slogan { font-size: 11px; line-height: 19px; color: #767676; }
#logo a { display: block; padding-bottom: 5px; width: 272px; height: 18px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; }

#navigation { display: inline; float: right; }
#navigation ul li { display: inline; float: left; padding-left: 8px; list-style: none; font-weight: bold; text-shadow: 1px 1px #fff; line-height: 39px; }
#navigation ul li a { float: left; padding-left: 17px; height: 39px; background: url(images/nav-item.png) no-repeat 0 -4000px; color: #000; text-decoration: none; }
#navigation ul li a span { float: left; padding-right: 17px; background: url(images/nav-item.png) no-repeat right -4000px; }
#navigation ul li a:hover { background-position: 0 0; }
#navigation ul li a:hover span { background-position: right 0; }

#slider { position: relative; margin: 0 -34px 0 -38px; padding: 0 0 0 37px; width: 1017px; height: 578px; background: url(images/slider.png) no-repeat 0 0; }
#slider .featured-label { position: absolute; top: -9px; right: 23px; display: block; width: 130px; height: 77px; }
#main-slider .jcarousel-container,
#main-slider .jcarousel-clip, 
#main-slider .jcarousel-clip ul li { position: relative; overflow: hidden; width: 980px; height: 421px; }
#main-slider .jcarousel-clip ul li img { padding-top: 2px; }
#main-slider .caption { display: inline; float: left; padding: 109px 43px 0 31px; width: 285px; }
#main-slider .caption h2 { padding-left: 15px; font-family: Arial, helvetica, sans-serif; font-size: 19px; font-weight: bold; line-height: 47px; color: #2d2b30; background: #ffcc00; width: 165px; }
#main-slider .caption h2.grey { margin-bottom: 18px; background: #222222; color: #fff; line-height: 43px; width: 267px; }
#main-slider .caption p { padding: 0 0 15px 2px; line-height: 19px; }
#main-slider .caption a.learn-more { margin-left: 3px; padding-left: 9px; font-size: 14px; font-weight: bold; color: #222222; background: url(images/learn-more.png) no-repeat 0 50%; text-decoration: none;  }
#main-slider .caption a.learn-more:hover { text-decoration: underline; }

#thumbs-slider { padding: 18px 0 0 39px; width: 918px; }
#thumbs-slider .jcarousel-container,
#thumbs-slider .jcarousel-clip { position: relative; overflow: hidden; width: 918px; height: 104px; }
#thumbs-slider .jcarousel-clip ul li { position: relative; overflow: hidden; width: 153px; }
#thumbs-slider .jcarousel-clip ul li a { float: left; padding-right: 16px; width: 137px; }
#thumbs-slider .jcarousel-clip ul li a img { padding: 1px; border: solid 1px #f1f1f1; display: block; }
#thumbs-slider .jcarousel-clip ul li.active a img { border-color: #7c7a7a; }

#prev-btn { position: absolute; top: 66px; left: 12px; width: 12px; height: 16px; background: url(images/slider-arrows.png) no-repeat 0 0; text-indent: -4000px; }
#next-btn { position: absolute; top: 66px; right: -12px; width: 12px; height: 16px; background: url(images/slider-arrows.png) no-repeat -12px 0; text-indent: -4000px; }

#main { position: relative; padding: 44px 0 24px 3px; width: 979px; }

h2 { font-family: Arial, helvetica, sans-serif; font-size: 21px; font-weight: normal; line-height: 32px; color: #222222; }
a.read-more { padding-left: 7px; font-size: 11px; color: #0099d1; background: url(images/read-more.png) no-repeat 0 50%; text-decoration: none; }
a.read-more:hover { text-decoration: underline; }

#content { display: inline; float: left; width: 670px; }
.post h2 { padding-bottom: 20px; }
.post img { display: block; float: left; padding: 0 20px 0 16px; }
.post p { padding-bottom: 20px; }

#sidebar { display: inline; float: right; width: 241px; }
.box ul { padding: 16px 0 0 16px; }
.box ul li { font-size: 14px; color: #b9d5ed; line-height: 26px; }

.widgets { position: relative; margin-top: 20px; padding: 34px 0 14px; width: 100%; background: url(images/separator.png) no-repeat center 0; }
.col { display: inline; float: left; padding-right: 35px; width: 215px; }
.col img { float: right; display: block; margin-top: 4px; padding: 1px; border: solid 1px #e3e3e3; border-top: 0; background: #fff; }
.col h2 { padding-bottom: 7px; }
.last { padding-right: 0; }

.contact-us { display: inline; float: right; padding: 0; width: 241px; }
.contact-us h2 { padding: 0 0 13px 33px; background: url(images/contact-us.png) no-repeat 0 8px; }
.contact-us p { line-height: 18px; }

.projects { display: inline; float: left; width: 675px; }
.projects h2 { padding-bottom: 16px; }
.projects-slider { padding: 0 21px; width: 633px; } 
.projects-slider .jcarousel-container { position: relative; overflow: hidden; width: 633px; height: 88px; }
.projects-slider .jcarousel-clip { position: relative; overflow: hidden; width: 633px; height: 88px; }
.projects-slider .jcarousel-clip li  { position: relative; overflow: hidden; margin-right: 21px; width: 88px; height: 88px; }
.projects-slider .jcarousel-clip li img { display: block; padding: 1px; background: #fff; border: solid 1px #bebebe; }
.projects-slider .jcarousel-prev-disabled,
.projects-slider .jcarousel-next-disabled { display: none !important; }
.projects-slider .jcarousel-prev,
.projects-slider .jcarousel-next { position: absolute; top: 36px; left: 0; width: 11px; height: 15px; background: url(images/projects-slider-arrows.png); cursor: pointer; }
.projects-slider .jcarousel-next { left: auto; right: 0; background-position: -11px 0; }

#footer { padding: 16px 0 0 3px; background: url(images/separator.png) no-repeat 0 0; }
#footer .copy { display: inline; float: right; color: #a6a6a6; }
#footer .copy span { padding: 0 9px 0 6px; }
#footer .copy a { color: #0099d1; font-size: 12px; }

#bottom-nav { color: #a6a6a6; font-size: 11px; }
#bottom-nav a { color: #a6a6a6; }
#bottom-nav span { padding: 0 8px 0 7px; }