/*
	dark	000066
	normal	333399
	medium	6666cc
	light	9999ff
	green	669933
	orange	cc6600	ff6600	ff9933	ffcc00
	red		cc0000	ff0000

	fade	f2f0fd

*/

.hide { display: none; }

.cmd { color: #339; font-size:0.9em; font-weight: bold; text-decoration: none; vertical-align: text-bottom; cursor: pointer; }
.cmd IMG { border-width: 0px; vertical-align: text-bottom; padding-left: 4px; }

.box1 { border-top: 1px solid #66c; border-left: 1px solid #66c; border-bottom: 1px solid #ccf; border-right: 1px solid #ccf; }
.box2 { border: 2px solid #339; }

.dots { margin: 5px 10% 5px 10%; padding: 2px 4px 2px 4px; background-color: #f2f0fd; background-image: url('/images/itemDrop.gif'); background-position: left bottom; background-repeat: repeat-x; }
.dots UL { color: #006; list-style-type: none; list-style-image: none; list-style-position: outside; }
.dots LI { padding-left: 24px; padding-bottom: 8px; }
.dot1 { background-image: url('/images/dot1.gif'); background-position: left top; background-repeat: no-repeat; }
.dot2 { background-image: url('/images/dot2.gif'); background-position: left top; background-repeat: no-repeat; }
.dot3 { background-image: url('/images/dot3.gif'); background-position: left top; background-repeat: no-repeat; }
.dot4 { background-image: url('/images/dot4.gif'); background-position: left top; background-repeat: no-repeat; }
.dot5 { background-image: url('/images/dot5.gif'); background-position: left top; background-repeat: no-repeat; }
.dot6 { background-image: url('/images/dot6.gif'); background-position: left top; background-repeat: no-repeat; }

.row0 { background-color: #fff; }
.row1 { background-color: #efefef; }
.row2 { background-color: #dfdfdf; }

.gap4 { clear: both; height: 4px; }

.tile { float: left; height: 100px; width: 100px; margin: 6px; }
.icon { float: left; height: 48px; width: 48px; margin: 2px; padding-right: 8px; padding-left: 4px; padding-top: 2px; }
.drop { background-color: #f2f0fd; background-image: url('/images/itemDrop.gif'); background-position: left bottom; background-repeat: repeat-x; }

.thumb { float: left; width: 160px; height: 120px; margin-right: 10px; }

.small { font-size: 0.9em; }
.tiny { font-size: 0.8em; }

.header { color: #fff; background-color: #006; }

.selected { background-color: #ccf; }

.selector { line-height: 1.3em; }
.selector A { display: block; color: #000; text-decoration: none; padding-bottom: 8px; clear: both; }
.selector A:hover { color: #fff; background-color: #006; text-decoration: none; }
.selector A IMG { float: left; margin: 4px 8px 2px 4px; }

.technology TD { padding: 2px; }

.project { padding-bottom: 24px; }
.project TD { padding: 4px; }
.project TD DIV { line-height: 1.5em; }
.project A { color: #006; font-weight: bold; margin-top: 10px; }
.project H2 A { text-decoration: none; }

.capability { }
.capability TD { margin-left: 4px; margin-right: 4px; }
.capability LI { margin-bottom: 4px; margin-right: 20px; }

.casestudy .space { height: 4px; }
.casestudy A { text-decoration: none; }

.documents { width: 600px; margin: 0 auto; background-color: #eef; border-top: 1px solid #66c; border-left: 1px solid #66c; border-bottom: 1px solid #ccf; border-right: 1px solid #ccf; }
.documents A { font-weight: bold; text-decoration: none; }
.documents IMG { vertical-align: middle; }

/*.capability .box { border: 2px solid #ccf; }*/

.experience LI { vertical-align: middle; }
.experience LI A { display: block; height: 36px; padding-right: 4px; }


#home { font-size: 0.8em; font-weight: bold; text-align: right; padding-bottom: 2px; }
#home A { text-decoration: none; }

#root { width: 980px; margin: 0px auto; }

#lead { background-image: url('/images/headDrop.jpg'); background-position: left top; background-repeat: repeat-x; }

#logo { float: left; width: 130px; height: 90px; }
#logo IMG { border: none 0px; }

#name { float: left; width: 300px; height: 50px; }
#name IMG { border: none 0px; }

#menu { float: left; width: 300px; height: 50px; color: #fff; }
#menu .space { width: 25px; height: 25px; }
#menu A { color: #fff; font-size: 1.1em; font-weight: bold; text-decoration: none; padding: 2px; }
#menu A:hover { color: #f93; }

#back { float: right; width: 200px; height: 90px; text-align: right; background-image: url('/images/headRight.jpg'); background-position: right top; background-repeat: no-repeat; }
#back .space { width: 34px; height: 34px; }
#back A { color: #339; font-size: 0.9em; font-weight: bold; text-decoration: none; }
#back A:hover { color: #f93; }

#topic { }
#topic H1 { display: inline; color: #339; font-size: 1.1em; font-weight: bold; padding-left: 4px; }
#topic .space { width: 62px; height: 62px; }


#body { line-height: 1.2em; padding-top: 10px; background-image: url('/images/pageDrop.gif'); background-position: left top; background-repeat: repeat-y; }

#page { padding: 0px 10px 10px 10px; background-image: url('/images/pageTick.gif'); background-position: left top; background-repeat: no-repeat; }
#page H2 { color: #006; font-size: 1.0em; font-weight: bold; }
#page H3 { color: #339; font-size: 0.9em; font-weight: bold; }
#page H4 { color: #006; font-size: 0.8em; font-weight: bold; }
#page P { text-align: justify; line-height: 1.5em; margin: 0px 15px 15px 0px; }
#page P B { color: #006; }

#page .indent { padding-left: 100px; }
#page .margin { float: left; width: 820px; }
#page .block { margin-left: -10px; padding-left: 10px; background-image: url('/images/pageTick.gif'); background-position: left top; background-repeat: no-repeat; }
#page .graph { text-align: justify; line-height: 1.5em; margin: 0px 15px 15px 0px; }
#page .graph B { color: #006; }
#page .quote { color: #006; font-size: 0.9em; margin: 10px 10% 10px 10%; padding: 2px 8px 2px 8px; }
#page .line { margin-left: -10px; margin-top: 2px; margin-bottom: 4px; height: 2px; width: 100%; background-color: #339; background-image: url('/images/pageLine.gif'); background-position: right top; background-repeat: no-repeat; }

#page .rail { float: right; width: 130px; margin-top: 10px; padding-bottom: 50px; background-image: url('/images/railDrop.gif'); background-position: left bottom; background-repeat: no-repeat; } 
#page .rail A { text-decoration: none; }
#page .rail H2 { background-image: url('/images/railTick.gif'); background-position: left top; background-repeat: no-repeat; padding-left: 8px; margin-top: -10px; } 
#page .rail DIV { margin-left: 10px; padding-left: 5px; padding-right: 5px; }
#page .rail IMG { margin-right: 5px; }


#foot { }
#foot A { color: #339; text-decoration: none; }
#foot A:hover { color: #f93; }
#foot .line { height: 2px; width: 100%; background-color: #339; background-image: url('/images/pageLine.gif'); background-position: right top; background-repeat: no-repeat; }
#foot .text { padding: 4px 2px 8px; color: #006; font-size: 0.8em; font-weight: bold; }


A { color: #006; text-decoration: underline; }
A:hover { color: #f93; }
A:visted { color: #66c; }





/*
.logo { border: none 0px; float: left; }

.blue { color: #333399; }
.back { background-color: #f0f0ff; }

.line { background-image: url('../images/pageFade.gif'); background-position: right top; background-repeat: no-repeat; background-color: #333399; margin: 0px 0px 0px 0px; height: 2px; width: 100%; }
.tick { background-image: url('../images/menuDash.gif'); background-position: left top; background-repeat: no-repeat; }
.drop { background-repeat: repeat-x; background-image: url('../images/backDrop.gif'); }
.drip { background-repeat: repeat-x; background-image: url('../images/itemDrop.gif'); }
.dice { color: #000066; font-size: 9.5pt; margin: auto; width: 640px; background-color: #F2F0FD; background-repeat: repeat-x; background-image: url('../images/backDrop.gif'); background-position: bottom; }

.quote { color: #000066; font-size: 9pt; margin-left: 50px; margin-right: 50px; text-align: justify; line-height: 1.4; }
.title { color: #333399; font-size: 11pt; font-weight: bold; padding-left: 10px; text-decoration: none; padding-bottom: 10px; }
.field { color: #000066; font-size: 9pt; font-weight: bold; text-decoration: none; vertical-align: top; }

.nav0 { color: #fff; font-weight: bold; }
.nav0 A { color: #fff; text-decoration: none; }
.nav0 A:hover { color: #ff9933; }

.nav1 { padding-bottom: 2px; text-decoration: none; font-weight: bold; font-size: 11pt; color: #000066; }
.nav2 { padding-left: 4px; padding-right: 6px; padding-bottom: 4px; text-decoration: none; font-weight: bold; font-size: 10.5pt; color: #333399; }
.nav3 { padding-left: 4px; padding-right: 8px; padding-bottom: 4px; text-decoration: none; font-weight: normal; font-size: 9.5pt; color: #333399; }

.box0 { margin: 4px 2px 2px 8px; }
.box1 { font-size: 9pt; padding: 2px 2px 2px 2px; border-top: #6666cc 1px solid; border-left: #6666cc 1px solid; border-right: #ccccff 1px solid; border-bottom: #ccccff 1px solid; }
.box2 { border: solid 2px #333399; padding: 2px 2px 2px 2px; }

.menu { float: left; padding-right: 8px; background-image: url('../images/pageDrop.gif'); background-repeat: repeat-y; }

*/