img, div { margin: 0; padding: 0; border: none; }

/* @group base */
body { color: #757575; text-align: center; margin: 0; padding: 0; font: 12px "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif; }

#container { text-align: left; width: 898px; margin: 30px auto; display: block; }

#page { background: url(../imgs/twiss_midbg.jpg) repeat-y; }

#content { padding:0 10px 0 10px; margin: 0; }

#mast { margin: 0; padding: 0; }

#header { width: 898px; height: 102px; color: #fff; display: block; margin: 0; padding: 0; background: url(../imgs/twiss_header.jpg) no-repeat; }

#header .date { font-size: 11px; text-align: right; float: right; margin-top: 80px; margin-right: 20px; color: #ffd589; }

#mid { margin: 0; padding: 0; }

#footer { font-size: 10px; color: #94956b; margin-left: 20px; }

#pagecap { height: 30px; width: 898px; background: url(../imgs/twiss_footercap.jpg) no-repeat; display: block; }

.contentblock { color: #757575; font-size: 12px; text-align: left; display: block; margin-top: 15px; margin-left: 30px; margin-right: 0; margin-bottom: 20px; background: #f5f5ec url(../imgs/contentblockcorner.png) no-repeat left bottom; }

.standardcontentblock { padding: 15px; font-size: 11px; }
.contentblockgroup { color: #757575; font-size: 12px; text-align: left; display: block; margin-top: 15px; margin-left: 30px; margin-right: 0; margin-bottom: 20px; }

.contentblockgroup ul { margin: 0; padding: 0; border-bottom: 1px solid #e3e3e3; }

.contentblockgroup li { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; display: block; font-size: 11px; border-top: 1px solid #e3e3e3; color: #757575; list-style-type: none; }


.contentBlockHeader { color: #f47109; font-size: 16px; margin-bottom: 12px; }

.contentblockleft { width: 46%; float: left; background-color: #f5f5ec; display: block; padding: 15px; min-height: 250px; background: #f5f5ec url(../imgs/contentblockcorner.png) no-repeat left bottom; }

.contentblockright { width: 46%; float: right; background-color: #f5f5ec; display: block; padding: 15px; min-height: 250px; }

.contentblock h1 { color: #f47109; font-size: 16px; }

.contactBlock { background: url(../imgs/contactshade.png) no-repeat right top; display: block; text-align: right; width: 700px; padding: 20px 15px 3px 0; font-size: 10px; color: #757575; margin-top: 0; margin-bottom: 0; margin-right: 5px; }

.biotitle { font-size: 16px; color: #f47109; margin-bottom: 10px; margin-top: 0px; padding: 0 0 10px; border-bottom: 1px solid #e0e2d7; }

.bioteaser { float: right; width: 620px; display: inline-block; font-size: 10px; color: #757575; padding: 5px 20px 5px 5px; }

.lineadjust { line-height: 1.5em; font-size: 11px; }

.peoplelist { margin: 0; padding: 0; background-color: #f5f5ec; width:100% }

.peoplelist ul { margin: 0; padding: 0; }

.peoplelist li { color: #abb173; list-style-type: none; cursor: pointer; display: block; background: #fff url(../imgs/whitetopshade.png) repeat-x left bottom; padding: 5px; font-size: 12px; margin-bottom: 2px; }


.title { vertical-align: middle; float: left; padding: 10px; display: block; width: 150px; border-right: 1px solid #f1f1f1; background: #fff url(../imgs/whitebgarrow.png) no-repeat left center; }

.arrow { padding-right: 4px; }

.peoplelist li:hover { color: #f47109; }

.peoplelist li a { text-transform: none; text-decoration: none; font-weight: normal; font-style: normal; }
/* @end */

a { color: #94956b; }

a:hover { color: #e84b12; }

.orangelink a { color: #f47109; }
.orangelink a:hover { color: #e84b12; }


/* @group Colors */
.orange { color: #f47109; }

.orange2 { color: #e84b12; }

.green { color: #94956b; }

.green2 { color: #9d9d78; }
.green3 { color: #b0b087; }
.dark { color: #262626; }
/* @end */

.featureGroup { padding: 0; clear: both; min-height: 50px; }

.featureHead { float: left; width: 300px; background-color: #a5a57f; }

.multiChannelHead, .twissaffectHead, .gettingStartedHead { color: #fff; background-color: #a5a57f; width: 298px; float: left; display: block; }

.multiChannel { background: #a4a47e url(../imgs/multichan_bg.jpg) no-repeat left center; display: block; border-top: 5px solid #757575; }

.gettingStarted { background: #a4a47e url(../imgs/gettingstarted_bg.jpg) no-repeat left center; display: block; }

.twissaffect { background: #a4a47e url(../imgs/twissaffect_bg.jpg) no-repeat left center; display: block; }

.twissmastfoot { background: #a4a47e url(../imgs/twissmastbottom.jpg) no-repeat left center; display: block; width: 878px; height: 61px; overflow: hidden; }

.multiChannelBody { background-color: #adad8b; }

.twissaffectBody { background-color: #f2782f; }

.gettingStartedBody { background-color: #adad8b; }

.featureCopy { padding: 15px 15px 15px 320px; font-size: 12px; line-height: 1.6em; color: #f0f0f0; display: block; }

/* @group BOX */

.highslide-html { background-color: #ffffff; }
.highslide-html-blur { }
.highslide-html-content { position: absolute; display: none; }
.highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; }
a.highslide-credits, a.highslide-credits i { padding: 2px; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; }


/* Styles for the popup */
.highslide-wrapper { background-color: #f5f5f1; }
.highslide-wrapper .highslide-html-content { width: 400px; padding: 5px; line-height: 1.8em; }

.highslide-html p { line-height: 1.8em; margin-bottom: 2em; }
.highslide-wrapper .highslide-header div { }
.highslide-wrapper .highslide-header ul { margin: 0; padding: 0; text-align: right; }
.highslide-wrapper .highslide-header ul li { display: inline; padding-left: 1em; }
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display: none; }
.highslide-wrapper .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; }
.highslide-wrapper .highslide-header a:hover { color: black; }
.highslide-wrapper .highslide-header .highslide-move a { cursor: move; }
.highslide-wrapper .highslide-footer { height: 1px; }
.highslide-wrapper .highslide-footer .highslide-resize { float: right; height: 11px; width: 11px; background: url(highslide/graphics/resize.gif); }
.highslide-wrapper .highslide-body, .highslide-wrapper .highslide-body2 { font-size: 12px; margin-top: 10px; padding: 10px; padding-top: 0px; padding-bottom: 0px; text-align: left; }

.highslide-move { cursor: move; }
.highslide-resize { cursor: nw-resize; }

/* These must be the last of the Highslide rules */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }

/* @end */