body { 
	margin:0px; 
	background: #FFFFFF;
	font-family: Verdana;
	font-size: 0.7em;
	line-height: 1.6em;
	text-align:center;
}

input            { font-family: Verdana; font-size: 1.0em; color:#333333; border-width:1px; border-style:solid; border-color:#999999; }
input.text       { font-family: Verdana; font-size: 1.0em; color:#333333; border-width:1px; border-style:solid; border-color:#999999; width:200px; }
input.focusOff   { font-family: Verdana; font-size: 1.0em; color:#333333; border-width:1px; border-style:solid; border-color:#999999; width:200px; }
input.focusOn    { font-family: Verdana; font-size: 1.0em; color:#333333; border-width:1px; border-style:solid; border-color:#1C5180; background:#FFFFFF url('gui/bgform.gif'); width:200px; }

textarea.describe { font-family: Verdana; font-size: 1.0em; color:#333333; width:410px; height:125px; margin:0px 20px 0px 20px; border-width:1px; border-style:solid; border-color:#999999; }
textarea.focusOff   { font-family: Verdana; font-size: 1.0em; color:#333333; width:410px; height:125px; margin:0px 20px 0px 20px; border-width:1px; border-style:solid; border-color:#999999; }
textarea.focusOn    { font-family: Verdana; font-size: 1.0em; color:#333333; width:410px; height:125px; margin:0px 20px 0px 20px; border-width:1px; border-style:solid; border-color:#1C5180; background:#FFFFFF url('gui/bgform.gif'); }

.title { background:url(gui/arrow.gif) bottom left no-repeat; border-style:solid; border-width:0px 0px 1px 0px; border-color:#999999; padding:0px 0px 0px 23px; margin:0px 0px 15px 0px; }
.title2-off { color:#1F3746; font-family:Verdana; font-weight:bold; background-color:#FFFFFF; padding-left:0px; background-image:none; background-position:center left; background-repeat:no-repeat; }
.title2-on  { color:#FFFFFF; font-family:Verdana; font-weight:bold; background-color:#1F3746; padding-left:20px; background-image:url(gui/bullet-gr.gif); background-position:center left; background-repeat:no-repeat; }

td.w100 { width:100px; }
td.w140 { width:140px; }

blockquote { margin: 0 0; padding:7px 10px 7px 10px; border: dashed 1px #666; text-align:center; }
.outerQuote { margin: -10px 20px -10px 20px; background: url(gui/quote.png) no-repeat; }
.centerQuote { padding: 10px 10px; background: url(gui/quote-end.png) no-repeat bottom right; }

img.testimonial { border:1px solid #CCCCCC; padding:1px; margin:1px; background:#FFFFFF; float:right; margin-left:8px; vertical-align:middle; }

.more-detail { background:#EEF0F1; padding:6px; border-left:1px solid #6D7D87; border-right:1px solid #6D7D87; }

.header { background:url(gui/bg_head.jpg) top center; width:100%; height:101px; margin:0px; text-align:center; }
.header .inner { background:url(gui/hbg2.jpg) top left no-repeat; width:750px; height:101px; margin: 0 auto; text-align:left; }
.header .inner .top-nav { width:375px; text-align:right; margin-top:74px; float:right; }

.header .inner .top-nav a { font-family:Arial; font-size:1.5em; color:#FFFFFF; text-decoration:none; }
.header .inner .top-nav a:active  { font-family:Arial; font-weight:bold; font-size:1.25em; color:#FFFEEA; text-decoration:none; margin-left:15px; }
.header .inner .top-nav a:visited { font-family:Arial; font-weight:bold; font-size:1.25em; color:#DDDDDD; text-decoration:none; margin-left:15px; }
.header .inner .top-nav a:link    { font-family:Arial; font-weight:bold; font-size:1.25em; color:#FFFEEA; text-decoration:none; margin-left:15px; }
.header .inner .top-nav a:hover   { font-family:Arial; font-weight:bold; font-size:1.25em; color:#FFCC00; text-decoration:none; margin-left:15px; }

.header .inner .top-nav a.on { font-family:Arial; font-size:1.5em; color:#FFCC00; text-decoration:none; }
.header .inner .top-nav a.on:active  { font-family:Arial; font-weight:bold; font-size:1.25em; color:#FFCC00; text-decoration:none; margin-left:15px; }
.header .inner .top-nav a.on:visited { font-family:Arial; font-weight:bold; font-size:1.25em; color:#FFCC00; text-decoration:none; margin-left:15px; }
.header .inner .top-nav a.on:link    { font-family:Arial; font-weight:bold; font-size:1.25em; color:#FFCC00; text-decoration:none; margin-left:15px; }
.header .inner .top-nav a.on:hover   { font-family:Arial; font-weight:bold; font-size:1.25em; color:#FFCC00; text-decoration:none; margin-left:15px; }

.green-divide-top { background:url(gui/greenlinetop.gif); width:100%; height:3px; margin:0px; }
.green-divide-bot { background:url(gui/greenlinebot.gif); width:100%; height:3px; margin-top:20px; }

.main-body { width:750px; margin: 0 auto; text-align:left; overflow:auto; }
.main-body .r-col { background:#FFFFFF url(gui/bg_rcol.gif) top left repeat-x; width:245px; min-height:640px; float:right; padding:10px 8px 8px 15px; }
.main-body .l-col { width:455px; float:left; padding:10px 8px 8px 15px; }

.footer { width:750px; margin: 0 auto; text-align:center; border-top:1px dashed #999999; margin-top:40px; margin-bottom:25px; }
.footer .if-left  { width:365px; text-align:left; float:left; margin-left:6px; }
.footer .if-right { width:365px; text-align:right; float:right; margin-right:6px; }

.req-error { color:#CC0000; font-weight:bold; }
.req-no-error { color:#999999; }

.fp-portfolio { margin-top:6px; text-align:center; }
.fp-portfolio .fp-portfolio-r { float:right; }
.fp-portfolio .fp-portfolio-c {  }
.fp-portfolio .fp-portfolio-l { float:left; }

.portfolio { margin-top:6px; margin-bottom:12px; text-align:center; }
.portfolio img          { border:1px solid #CCCCCC; padding:2px; margin:1px; background:#FFFFFF; cursor:pointer; }
.portfolio img.imghover { border:2px solid #FFCC00; padding:2px; margin:0px; background:#FFFFFF; cursor:pointer; }
.portfolio .portfolio-r { float:right; }
.portfolio .portfolio-c {  }
.portfolio .portfolio-l { float:left; }

.gradient  { text-align:right; background:transparent url(gui/graygrad.gif) center right no-repeat; padding-right:5px; border:0px; }
.gradient2 { text-align:right; background:#EEF0F1; padding-right:5px; border-left:1px solid #6D7D87; border-right:1px solid #6D7D87; border-bottom:1px solid #6D7D87; }

p.center               { text-align:center; }
p.right				   { text-align:right; }
p.bold				   { font-weight:bold; }
p.instruction          { background:#EEF0F1 url('gui/i_bg.gif') top left no-repeat; border:1px solid #D3D8DB; text-align:center; color:#1F3746; padding:3px 3px 3px 25px; margin:5px; }
p.project-detail-date  { text-align:center; font-weight:bold; color:#1F3746; }
p.project-detail-title { text-align:center; font-weight:bold; font-size:1.2em; color:#1F3746; }
p.project-detail-link  { text-align:center; }

.project-detail img { border:1px solid #CCCCCC; padding:3px; background:#FFFFFF; }
.project-detail-instance { padding:1px; }

a         { color:#1F3746; font-family:Verdana; font-weight:bold; }
a:link    { color:#1F3746; font-family:Verdana; font-weight:bold; }
a:visited { color:#999999; font-family:Verdana; font-weight:bold; }
a:active  { color:#1F3746; font-family:Verdana; font-weight:bold; }
a:hover   { color:#FFCC00; font-family:Verdana; font-weight:bold; }

a.text         { color:#000000; font-family:Verdana; font-weight:normal; }
a.text:link    { color:#000000; font-family:Verdana; font-weight:normal; }
a.text:visited { color:#666666; font-family:Verdana; font-weight:normal; }
a.text:active  { color:#000000; font-family:Verdana; font-weight:normal; }
a.text:hover   { color:#FFCC00; font-family:Verdana; font-weight:normal; }

a.service         { color:#94B13A; font-family:Verdana; font-weight:bold; }
a.service:link    { color:#94B13A; font-family:Verdana; font-weight:bold; }
a.service:visited { color:#94B13A; font-family:Verdana; font-weight:bold; }
a.service:active  { color:#94B13A; font-family:Verdana; font-weight:bold; }
a.service:hover   { color:#1F3746; font-family:Verdana; font-weight:bold; }

.minht { width:1px; float:right; height:640px; }

#windowOpen { cursor:pointer; }
#window { position: absolute; right: 200px; top: 150px; width: 450px; height: 400px; overflow: hidden; display: none; text-align:left;}
#windowTop { height: 30px; overflow: 30px; background-image: url(gui/jwindow/window_top_end.png); background-position: right top; background-repeat: no-repeat; position: relative; overflow: hidden; cursor: move; }
#windowTopContent { margin-right: 13px; background-image:url(gui/jwindow/window_top_start.png); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 30px; line-height: 30px; text-indent: 10px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #ab7b00; }
#windowMin { position: absolute; right: 25px; top: 10px; cursor: pointer; }
#windowMax { position: absolute; right: 25px; top: 10px; cursor: pointer; display: none; }
#windowClose { position: absolute; right: 10px; top: 10px; cursor: pointer; }
#windowBottom { position: relative; height: 370px; background-image: url(gui/jwindow/window_bottom_end.png); background-position: right bottom; background-repeat: no-repeat; }
#windowBottomContent { position: relative; height: 370px; background-image: url(gui/jwindow/window_bottom_start.png); background-position: left bottom; background-repeat: no-repeat; margin-right: 13px; }
#windowResize { position: absolute; right: 3px; bottom: 5px; cursor: se-resize; }
#windowContent { position:absolute; top: 30px; left: 10px; width: auto; height: auto; overflow: auto; margin-right: 10px; border: 1px solid #ab7b00; height: 355px; width: 425px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-color: #fff; }
#windowContent * { margin: 10px; }
.transferer2 { border: 1px solid #ab7b00; background-color: #ab7b00; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('gui/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px Verdana, sans-serif;
    height: 18px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('gui/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 0 2px 14px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 2px 0 2px 14px; /* push text down 1px */
}