body { margin: 0; padding: 0 0 0 0;  font: 70% Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center;}
p{ color: #000066; margin: 0 0 15px 0;}
a { color: #0000FF; text-decoration: none;}
ul { margin: 0 0 15px 20px; padding: 0 0 0 0;}
h1 { font-family: "Times New Roman", Times, serif; font-size: 190%; font-weight: bold; color: #FFFFFF; background: #FF8833 url("images/h1_background.gif") repeat-y right top; margin: 10px -100px 10px -40px; padding: 2px 15px;}
h1.cs { font-variant: small-caps;}
h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #6E6BD7;}
h3 { font-size: 16px; font-style: italic; font-weight: bold; color: #FF9900;}
h4 { position: relative; font-size: 11pt; font-weight: bold; color: #FF6600; margin: 10px 0;}
h5 { font-size: 9pt; font-weight: bold; color: #6E6BD7; margin-bottom: 5px;}
h5.e { font-size: 9pt; font-weight: bold; color: #6E6BD7; margin-bottom: 20px;}
img { border: 0;}
hr { border: 0; border-top: 1px solid #FF6600;}

#wrapper { width: 720px; text-align: left; margin: auto;}
#header { position: relative; margin: 0 0 10px 0; padding: 5px 10px 10px 0;}
#header img { float: left;}
#header h5 { margin: 22px 0 0 0; padding: 0;}
#navtop { color: #FFFFFF; background-color: #6E6BD7; padding: 0 10px;}
#navtop ul { list-style: none; margin: 0; padding: 10px 2px;}
#navtop li { display: inline; margin: 0; padding: 0; white-space: nowrap;}
#navtop a { text-decoration: none; color: #FFFFFF; margin: 0 0 10px 0;}
#navtop a.thispage { color: #FF8833;}
#mainpanelx { position: relative; padding: 10px 10px 80px 10px; margin: 0; border: 15px solid #D0E0FF; background: url(images/author-edit-design.gif) repeat-x bottom;}
#maincontent { position: relative; padding: 10px 250px 50px 50px; color: #000066; background-color: #FFFFFF; margin: 0;}
#mainimage { margin: 0; padding: 0 0 1px 0; background-color: #FFFFFF; border: 10px solid #FFFFFF; border-bottom: none;}
#homemaincontent { position: relative; padding: 10px; color: #000066; background-color: #FFFFFF;}
#homemainimage { width: 100%; text-align: center; background-color: #FFFFFF;}
#footer { position: relative; background-color: #FFFFFF; padding: 0 15px 30px 15px; margin: 0 0 15px 0; height: 3em;}
#decoration { clear: both; margin: 10px 0; text-align: center;}

.clientlist { list-style-type: none; margin: 0; padding: 0;}
.clientlist li { padding: 0 0 5px 0;}
.credit { clear: left; float: left; color: #666666;}
.devmodel { position: absolute; left:420px; top:21em; width:22em; height:11em; z-index:1; visibility: hidden; background-color: #D0E0FF; padding: 10px;}
.devmodel p  { font-size: 8pt; color: #000066;}
.divider { margin: 25px 0 5px 0; padding: 10px 0; border-top: 2px solid #FF6600;}
.emphasis {  font-weight: bold; color: #FF6600;}
.emphasislarge { font-size: 14px; font-weight: normal; color: #FF6600;}
.example { margin: 10px 0 25px 0;}
.imagebox { position: relative; display: inline; margin: 0; padding: 10px; text-align: center;}
.image-featured { padding: 30px 100px 20px 40px; text-align: center;}
.intro { margin: 15px 0;}
.link { margin: 20px 0 0 0; padding: 0;}
.link p { position: relative; top: -10ex; margin: 0 0 -10ex 120px; padding: 0;}
.linklogo { display: block; width: 120px; height: 10ex;}
.cslinks { margin-top: 45px;}
.cslinks li { margin-bottom: 10px;}
.more { margin: 0; text-align: right;}
.picturestrip-v { position: absolute; right: 10px; top: 20px; width: 100px; z-index: 100;}
* html .picturestrip-v { right: 35px;}
.sidecap { position: relative; margin-bottom: 30px;}
.sidecap span { float: left; width: 50%; margin: 20px 10px 0 0;}
.standout { background-color: #6E6BD7; padding: 3px 5px; margin: 0 0 -5px 0;}
.startbox { position: relative; min-height: 70px; margin: 5px 0; padding: 10px; background-color: #efefff;}
.startbox p { margin: 0 0 5px 0;}
.startbox h4 { margin: 0 0 4px 0;}
.lim { padding-left: 220px; background-position: left center; background-repeat: no-repeat;}
.rim { padding-right: 220px; background-position: right center; background-repeat: no-repeat;}
.strapline { font: 150% Arial, Helvetica, Sans-serif; font-weight: bold; color: #6E6BD7; margin: 5px 0 10px 0;}
.stretcher { clear: both; height: 0;}
.wp-text { width: 400px;}
.totop { text-align: right;}
.backwards { width: 50%; position: relative; top: -1.15em; color: #666666;}
.forwards { text-align: right; color: #666666; padding: 2.5em 0 0 0;}
div.cs { margin: -10px 0 20px 0; text-align: right; font-size: 70%; letter-spacing: 1px;}
div.cs a { color: #FFFFFF; background: #6E6BD7 url(images/pointout_so.gif) no-repeat right center; padding: .1em 1.1em; display: block;}
.no-link { color: #FFFFFF; background-color: #6E6BD7; padding: .1em 1.1em; display: block;}
div.relatedsubject { position: relative; top: 10px; right: -490px; width: 10em; w\idth: 6em; margin: 0 0 -45px 0; padding: .5em 2em; color: #FFFFFF; background-color: #6E6BD7; text-align: center; font-weight: bold;}
div.relatedsubject a { color: #FFFFFF;}
.relback { background: url(images/corner_tlo.gif) no-repeat;}
.relon { background: url(images/corner_bro.gif) no-repeat bottom right; text-align: left;}
#csnav { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 2px solid #FF6600;}
#csnav p { display: inline; margin: 0; padding: 0;}
#csnav ul { display: inline; list-style: none; margin: 0; padding: 0;}
#csnav li { display: inline; margin: 0; padding: 0;}

#who { background-image: url('images/who-s.jpg');}
#offer { background-image: url('images/offer-s.jpg');}
#record { background-image: url('images/record-s.jpg');}
#approach { background-image: url('images/approach-s.jpg');}
#helpyou { background-image: url('images/helpyou-s.jpg'); background-position: right bottom;}