* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 22px;
    font-family: arial, sans-serif;
    color: #606060;
    background: #1e3f5d url(images/body.png) repeat 0 0;
    min-width: 980px;
}

a { color: #0252aa; 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; }

#wrapper-top { background: url(images/wrapper-top.jpg) no-repeat center 0; }
#wrapper-bottom { padding-bottom: 70px; background: url(images/wrapper-bottom.jpg) no-repeat center bottom; }

.shell { padding-top: 46px; width: 956px; margin: 0 auto; }

#header { padding: 0 4px 30px 7px; }
.socials { display: inline; float: right; padding-top: 1px; }
.socials a { display: block; float: left; padding-left: 4px; width: 33px; height: 33px; text-indent: -4000px; }
.socials a.facebook { background: url(images/facebook.png) no-repeat 0 0; }
.socials a.twitter { background: url(images/twitter.png) no-repeat 0 0; }
.socials a.youtube { background: url(images/youtube.png) no-repeat 0 0; }
.socials a.blogger { background: url(images/blogger.png) no-repeat 0 0; }

#logo { display: inline; float: left; width: 308px; font-size: 0; line-height: 0; }
#logo a { display: block; width: 308px; height: 76px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }

#main-top { height: 14px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/main-top.png) no-repeat 0 0; }
#main-middle { position: relative; z-index: 10; padding: 99px 28px 0 26px; width: 902px; background: url(images/main-middle.png) repeat-y 0 0; }
#main-bottom { height: 11px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/main-bottom.png) no-repeat 0 0; }

#navigation { position: absolute; top: 8px; left: -16px; width: 985px; height: 91px; background: url(images/navigation.png) no-repeat 0 0; }
#navigation ul { padding-left: 4px; list-style: none; }
#navigation ul li { display: inline; float: left; line-height: 26px; font-size: 22px; background: url(images/nav-sep.png) no-repeat right 0; }
#navigation ul li a { position: relative; display: block; float: left; padding: 19px 31px 18px 30px; color: #3fb8fe; line-height: 24px; background: url(images/nav-item.png) repeat-x 0 -4000px;  }
#navigation ul li.nav-corner a { padding-left: 36px; background: url(images/nav-corner.png) no-repeat 0 -4000px; }
#navigation ul li a:hover { color: #fff; text-decoration: none; background-position: 0 0; }
#navigation ul li a span { padding-top: 3px; font-size: 11px; display: block; line-height: 14px; color: #e0e0e0; }

#slider { background: url(images/slider.png) no-repeat 0 13px; }
#slider .jcarousel-container,
#slider .jcarousel-clip,
#slider .jcarousel-clip ul li { position: relative; width: 903px; height: 380px; overflow: hidden; }
#slider .jcarousel-clip ul li img { position: relative; display: block; padding-left: 4px; float: left; }
#slider .slider-nav { position: absolute; top: 98px; right: -38px; padding: 14px 0 0 14px; width: 27px; height: 158px; background: url(images/slider-nav.png) no-repeat 0 0; }
#slider .slider-nav a { overflow: hidden; display: block; width: 17px; height: 17px; margin-top: 8px; text-indent: -4000px; background: url(images/slider-bullet.png) no-repeat 0 0; }
#slider .slider-nav a.active { background-position: 0 -17px; }
#slider .caption { position: relative; display: inline; float: right; padding: 58px 55px 0 0; width: 265px; }
#slider .caption h2 { padding-bottom: 8px; font-family: 'Trebuchet MS', arial, sans-serif; font-size: 40px; line-height: 44px; font-style: italic; color: #fff; text-transform: uppercase; }
#slider .caption p { font-size: 14px; line-height: 20px; color: #a2ddff; } 
#slider .caption a.get-started { display: block; margin-top: 19px; width: 170px; height: 57px; line-height: 57px; background: url(images/get-started.png) no-repeat 0 0; }
#slider .caption a.get-started { font-family:'Trebuchet MS', arial, sans-serif; text-align: center; text-transform: uppercase; font-size: 19px; font-weight: bold; color: #fff; }
#slider .caption a.get-started:hover { text-decoration: none;  }

#content { padding: 38px 0 77px 5px; }
#content h2 { font-family:'Trebuchet MS', arial, sans-serif; font-size: 38px; line-height: 40px; color: #e05d15; }
#content h2 span { color: #1e4b9b; }
.post { padding: 14px 0 0 4px; }
.post img { display: block; margin: 4px 18px 0 0; border: solid 3px #747575; }
.post p.intro { font-style: italic; color: #3489c0; padding-bottom: 13px; }
.post p a { font-style: italic; text-decoration: underline; color: #e05d15; }
.post p a:hover { text-decoration: none; }

.link-post { padding-left: 34px; }
.col { display: inline; float: left; padding: 30px 0 0 0; }
.col ul.right-list { padding-left: 140px; }
.col ul li { list-style: none; font-weight: bold; font-style: italic; font-size: 14px; line-height: 30px; color: #e05d15;  }
.col ul li a { padding-left: 25px; color: #e05d15;  background: url(images/bullet.png) no-repeat 0 50%; }
.col h4 { padding: 0 0 11px 4px; margin-bottom: 17px; font-family: 'Trebuchet MS', arial, sans-serif; font-size: 22px; color: #e05d15; border-bottom: dotted 2px #2c4252;   }

#footer { margin: 0 auto; padding: 31px 0 0 35px; height: 271px; width: 906px; background: url(images/footer.png) no-repeat 0 0; }

.testimonials { padding: 0;  width: 234px; }
.testimonials p { color: #fff; line-height: 16px; padding-left: 2px; }
.testimonials p span { color: #e05d15; }
.testimonials p.quote { color: #46b6ff; padding-bottom: 12px; }

.info { padding: 0 0 0 34px;  width: 230px; }
.info h4 { margin-bottom: 9px; }
.info ul { padding-left: 4px; list-style: none; }
.info ul li { line-height: 30px; }
.info ul li { position: relative; font-family: 'Trebuchet MS', arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-transform: uppercase; }
.info ul li a { padding-left: 25px; color: #fff; display: block; background: url(images/bullet-link.png) no-repeat 0 50%; }
.info ul li a:hover { color: #46b6ff; text-decoration: none; }

.newsletter { padding: 0 0 0 41px; width: 339px; }
.newsletter form { padding: 5px 0 0 2px; }
.newsletter label { color: #a1abb3; line-height: 16px; }
.newsletter .field-holder { display: inline; float: right; margin: 7px 0 11px; width: 335px; border: solid 1px #1c2e49; background: url(images/field.png) repeat-x 0 0; }
.newsletter .field-holder input { padding: 10px 12px 9px; width: 309px; background: none; border: none; font-size: 13px; }
.newsletter .field-holder input { line-height: 16px; color: #45505b; }
.newsletter .submit-button { display: inline; float: left; margin-top: 16px; border: none; width: 105px; height: 37px; background: url(images/submit-button.png) no-repeat 0 0; }
.newsletter .submit-button { font-family: 'Trebuchet MS', arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 35px; cursor:pointer; }

#bottom-nav { padding: 17px 0 0 33px; }
#bottom-nav a { float: left; font-family: 'Trebuchet MS', arial, sans-serif; font-size: 12px; line-height: 16px; color: #3489c0; padding-right: 13px; }
#bottom-nav .author { float: right; }