html { background: url(images/bg-repeat.png) repeat; }

html, body { height: 100%; }

body { height: 977px; background: url(images/bg.png) repeat-x; margin: 0; padding: 0; font-family: arial; font-size: 12px; color: #333; }

#wrapper { width: 1000px; height: 977px; min-height: 100%; background: url(images/background.png) no-repeat; margin: 0 auto -4em; }

#featured { width: 960px; float: left; margin-left: 21px; margin-top: 27px; }

ul.nav { width: 960px; height: 50px; margin: 0; padding: 0; float: left; }
ul.nav li { float: left; list-style: none; }
ul.nav ll a { display: block; border: 0; }

.ui-tabs-hide { display: none; }
.float { float: left; }

.content-container { width: 960px; height: 286px; float: left; }

.images { width: 487px; height: 286px; }
.content { width: 420px; height: 186px; float: right; /* background: blue; */ padding: 40px 15px; margin-right: 10px; }
.content h2 { font-family: arial; font-size: 24px; font-weight: bold; color: #ff6600; margin-bottom: 15px; }
.content h3 { font-family: arial; font-size: 16px; font-weight: bold; color: #333; margin-bottom: 10px; }
.content p { line-height: 1.6em; }

.button1 { width: 234px; height: 50px; background: url(images/button1.png) no-repeat; float: left; border: 0; }
.button2 { width: 240px; height: 50px; background: url(images/button2.png) no-repeat; float: left; border: 0; }
.button3 { width: 239px; height: 50px; background: url(images/button3.png) no-repeat; float: left; border: 0; }
.button4 { width: 247px; height: 50px; background: url(images/button4.png) no-repeat; float: left; border: 0; }

.button1:hover { width: 234px; height: 50px; background: url(images/button1-hover.png) no-repeat; float: left; border: 0; }
.button2:hover { width: 240px; height: 50px; background: url(images/button2-hover.png) no-repeat; float: left; border: 0; }
.button3:hover { width: 239px; height: 50px; background: url(images/button3-hover.png) no-repeat; float: left; border: 0; }
.button4:hover { width: 247px; height: 50px; background: url(images/button4-hover.png) no-repeat; float: left; border: 0; }

.button1-over { width: 234px; height: 50px; background: url(images/button1-over.png) no-repeat; float: left; border: 0; }
.button2-over { width: 240px; height: 50px; background: url(images/button2-over.png) no-repeat; float: left; border: 0; }
.button3-over { width: 239px; height: 50px; background: url(images/button3-over.png) no-repeat; float: left; border: 0; }
.button4-over { width: 247px; height: 50px; background: url(images/button4-over.png) no-repeat; float: left; border: 0; }

#middle { width: 960px; margin-left: 21px; margin-top: 75px; float: left; }

.about { width: 420px; padding: 15px 20px; margin-top: 60px; }
.about h4 { width: 395px; font-size: 14px; font-weight: bold; margin-bottom: 15px; line-height: 1.4em; }

.about p { font-size: 12px; margin-bottom: 10px; line-height: 1.5em; }

.top-container { width: 430px; float: right; margin-top: 37px; }

.top-container a { margin-right: 5px; }

.email-links { width: 183px; height: 43px; background: url(images/email.png) no-repeat; float: left; display: block; }
.email-links:hover { width: 183px; height: 43px; background: url(images/email-over.png) no-repeat; float: left; display: block; }

.contact-links { width: 183px; height: 43px; background: url(images/contact.png) no-repeat; float: left; display: block; }
/* .contact-links:hover { width: 183px; height: 43px; background: url(images/contact-over.png) no-repeat; float: right; } */

.linkedin { width: 40px; height: 41px; background: url(images/linkedin.png) no-repeat; float: left; display: block; }
.linkedin:hover { width: 40px; height: 41px; background: url(images/linkedin-over.png) no-repeat; display: block; }

.left { width: 460px; float: left; }
.right { width: 460px; float: right; padding-top: 50px; }

.news-container { width: 400px; margin-left: 22px; margin-bottom: 20px; }
.date { background: url(images/bullet.png) no-repeat; padding-left: 20px; }
.update { padding-left: 20px; margin-top: 5px; line-height: 1.3em; }
.update a { color: #333; text-decoration: underline; }

.feedback { color: #fff; margin-top: 88px; padding-left: 40px; padding-right: 40px; text-align: justify; }

#footer { width: 960px; margin: 0 auto; }
.footer-logo { width: 247px; height: 38px; background: url(images/footer-logo.png) no-repeat; }