BODY { background-color: #C4CBCC; color: #333; font: 12px/1.4em arial; border: 0; margin: 0; }

#content { background-color: #FFF; padding-bottom: 20px; width: 770px; border-right: 1px solid #E1E1E1; }
.left { margin-right: 30px; margin-bottom: 20px; float: left; }
.right { margin-left: 30px; margin-bottom: 20px; float: right; }
.leftcaption { margin-right: 30px; margin-bottom: 20px; float: left; text-align: left; }
.rightcaption { margin-left: 30px; margin-bottom: 20px; float: right; text-align: left; }
.footer { font-size: 11px; color: #808080; padding: 20px 30px 45px; line-height: 1.2em; }
.footer-home { font-size: 11px; color: #808080; padding: 20px 30px 45px 0px; line-height: 1.2em; }
.home-news-headline { font-size: 11px; line-height: 1.2em; font-weight: bold; }
.home-news { font-size: 11px; line-height: 1.2em; }
H1 { font-size: 16px; font-weight: bold; display: inline; }
.secondary { font-size: 11px; line-height: 1.2em; }
.caption { font-size: 11px; color: #808080; line-height: 1.2em; }
.details { font-size: 11px; color: #595959; line-height: 1.2em; }
UL { margin: 0; padding: 0; }
LI { list-style-type: none; background: url(images/arrow.gif) no-repeat 0 3px; padding-left: 12px; }
.divider { height: 1px; width: 100%; border-bottom: 1px solid #C4CBCC; margin-top: 15px; margin-bottom: 18px; }
.find-out-more-box { width: 470px; padding: 43px 20px 20px; background: #EBEBEB url(images/head_find-out-more.gif) no-repeat 20px 20px; }
.callout-box { width: 200px; padding: 20px; background-color: #EBEBEB; float: right; margin-left: 30px; margin-bottom: 20px; }
.interactive-box {width: 510; height: 420; margin: 0px; background: #EBEBEB; float: right;}


A { color: #1F7C99; text-decoration: none; }
A:hover { color: #52B0CC; text-decoration: underline; }
A:visited { color: #1F7C99; text-decoration: none; }
A:visited:hover { color: #52B0CC; text-decoration: underline; }

A.footer { color: #3D7D99; text-decoration: none; }
A.footer:hover { color: #6B8E99; text-decoration: underline; }
A.footer:visited { color: #3D7D99; text-decoration: none; }
A.footer:visited:hover { color: #6B8E99; text-decoration: underline; }

A.news-headline { color: #333; text-decoration: none; font-weight: bold; }
A.news-headline:hover { color: #52B0CC; text-decoration: underline; }
A.news-headline:visited { color: #333; text-decoration: none; }
A.news-headline:visited:hover { color: #52B0CC; text-decoration: underline; }

.alt { display: none; }

DIV.l_rarrow { background: url("images/icon_arrow-rt.gif") 0px 0px no-repeat; padding-left: 10px; }
DIV.l_rarrow-secondary { background: url("images/icon_arrow-rt.gif") no-repeat 0 -2px; padding-left: 10px; }
DIV.l_rarrow-secondary-grey { background: url("images/icon_arrow-rt-grey.gif") no-repeat 0 -2px; padding-left: 10px; }

DIV.nav_news { width: 40px; height: 20px; margin: 0px; background: url("images/nav_news.gif") 0px -20px no-repeat; position: relative; top: 16px; right: 109px; }
DIV.nav_news a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/nav_news.gif") no-repeat left top; }
DIV.nav_news a:hover { background-image: none; }
DIV.nav_news_on { width: 40px; height: 20px; margin: 0px; background: url("images/nav_news.gif") 0px -20px no-repeat; position: relative; top: 16px; right: 109px; }

DIV.nav_contact { width: 58px; height: 20px; margin: 0px; background: url("images/nav_contact.gif") 0px -20px no-repeat; position: relative; top: -4px; right: 23px; }
DIV.nav_contact a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/nav_contact.gif") no-repeat left top; }
DIV.nav_contact a:hover { background-image: none; }
DIV.nav_contact_on { width: 58px; height: 20px; margin: 0px; background: url("images/nav_contact.gif") 0px -20px no-repeat; position: relative; top: -4px; right: 23px; }

DIV.nav_why { width: 180px; height: 20px; margin: 0px; background: url("images/nav_why.gif") 0px -20px no-repeat; }
DIV.nav_why a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/nav_why.gif") no-repeat left top; }
DIV.nav_why a:hover { background-image: none; }
DIV.nav_why_on { width: 180px; height: 20px; margin: 0px; background: url("images/nav_why.gif") 0px -40px no-repeat; }

DIV.nav_ss { width: 180px; height: 20px; margin: 0px; background: url("images/nav_ss.gif") 0px -20px no-repeat; }
DIV.nav_ss a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/nav_ss.gif") no-repeat left top; }
DIV.nav_ss a:hover { background-image: none; }
DIV.nav_ss_on { width: 180px; height: 20px; margin: 0px; background: url("images/nav_ss.gif") 0px -40px no-repeat; }

DIV.nav_work { width: 180px; height: 20px; margin: 0px; background: url("images/nav_work.gif") 0px -20px no-repeat; }
DIV.nav_work a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/nav_work.gif") no-repeat left top; }
DIV.nav_work a:hover { background-image: none; }
DIV.nav_work_on { width: 180px; height: 20px; margin: 0px; background: url("images/nav_work.gif") 0px -40px no-repeat; }

DIV.nav_about { width: 180px; height: 20px; margin: 0px; background: url("images/nav_about.gif") 0px -20px no-repeat; }
DIV.nav_about a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/nav_about.gif") no-repeat left top; }
DIV.nav_about a:hover { background-image: none; }
DIV.nav_about_on { width: 180px; height: 20px; margin: 0px; background: url("images/nav_about.gif") 0px -40px no-repeat; }

DIV.appthumb_cladding { width: 161px; height: 127px; margin: 0px; background: url("images/appthumb_cladding.jpg") 0px -127px no-repeat; float: right; }
DIV.appthumb_cladding a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/appthumb_cladding.jpg") top left no-repeat; }
DIV.appthumb_cladding a:hover { background-image: none; }
DIV.appthumb_cladding_on { width: 161px; height: 127px; margin: 0px; background: url("images/appthumb_cladding.jpg") 0px -254px no-repeat; float: right; }

DIV.appthumb_iris { width: 161px; height: 127px; margin: 0px; background: url("images/appthumb_iris.jpg") 0px -127px no-repeat; float: right; }
DIV.appthumb_iris a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("images/appthumb_iris.jpg") top left no-repeat; }
DIV.appthumb_iris a:hover { background-image: none; }
DIV.appthumb_iris_on { width: 161px; height: 127px; margin: 0px; background: url("images/appthumb_iris.jpg") 0px -254px no-repeat; float: right; }