/* Base Styles */
body {margin:0 auto; padding:0; background:#000 url() no-repeat center 200px; color:#fefefe;}
body, p, div, span, td, li {font:normal 12px arial, helvetica, tahoma, 'trebuchet ms', trebuchet, san serif;}
img {border:0; margin:0; padding:0;}
a, a:visited {text-decoration: none; color: #74C04C; outline: none;}
a:hover {text-decoration:underline;}
a:link,a:active,a:outline {border:none;}
/*c60  d90  d09001 b27b01 018197 */
test { color: #39F; }
h1, h2, h3, h4 {font-family:'trebuchet ms', trebuchet, arial, helvetica, tahoma, san serif; padding:0;}
h1 {font-size:20px; color:#fefefe; }
h2 {font-size:20px; font-weight:normal; color:#fefefe; margin:0 0 10px 0;}
h3 {font:bold 12px arial; color:#a2a2a2; margin:0 0 5px 0; line-height:1.1em;}
h4 {font:normal 14px arial; color:#a2a2a2; margin:15px 0 5px 0;}
h5 {font-size:14px; color:#fefefe; margin:6px 0; padding:0;}
p {padding:0 0 10px 0; margin:0; color:#fefefe;}
table {border:none; padding:0; margin:0; border-collapse:collapse;}
form {margin:0; padding:0;}
fieldset {border:none;}
sup {font-size:9px; font-weight:normal;}
i {font-style:italic;}
b {font-weight:bold;}
ul {margin:0 0 0 25px; padding:0;}

/* generic classes used various display issues */
.float-l {float:left;}
.float-r {float:right;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.white {background-color:#fff !important;}
.block {display:block !important;}
.none {display:none !important;}
.nobg {background-image:none !important;}
*+html .clearfix {min-height: 1%; line-height: 1%; font-size:1px;}
* html .clearfix {height:1%; line-height: 1%; font-size:1px; overflow:visible;}
.clearfix:after { content: "."; display: block; visibility: hidden; line-height: 0; height: 0; clear: both;}
.ffFix {visibility:hidden; height:0px; font-size:0; line-height:0;}
#ajaxLoading {z-index:1000; position:absolute; text-align:center: top:15%; width:100%; background:transparent url(/images/loading.gif) no-repeat center center; margin:auto; height:100px;}

.emph {}

.light {color:#a2a2a2;}
.content1 {font-size:12px; border-top: 1px solid #a2a2a2; padding:10px 0 0 0; margin-top:10px;}
.content1 p {margin:5px 0;}
.indent {margin:5px 0 10px 40px;}
.subtag {font-size:12px;  padding-left:40px;}
.imgLink {background:url(/images/box_arw_rt.png) no-repeat 0 5px; height:30px; line-height:30px; display:inline-block; margin:0; padding:0 25px; text-align:left; cursor:pointer; color:#a2a2a2;}
.pointer {cursor:pointer;}

.arrow {text-align:right; margin:10px 5px 0 0;}
.arrow a, .arrow a:visited {padding:2px 5px; color:#a2a2a2; padding-right:12px; background: url(/images/arw_rt.png) no-repeat 98% center; font-family:'trebuchet ms', trebuchet, arial;}
.arrow a:hover {background-color:#666; text-decoration:none; color:#fefefe;}
	
/* framing styles */
#container {width:1000px; margin:0 auto; text-align:left; top:0; position:relative; overflow:hidden;}
h1#ss {visibility:hidden; height:20px; margin:0;} /*FF fix */
#leaf { position:absolute; top:0; left:140px; z-index:5; background:url(/images/leaf.png) no-repeat; height:125px; width:100px;}	
	
/* Header */
#header {margin-top:10px;}
#logo {height:70px; position:relative; left:250px;}	
#logo a, #logo a:hover {height:40px; overflow:none; width:245px; background:url(/images/ssLogo.jpg) no-repeat; display:block; text-decoration:none;}
#tagline {font-size:11px; color:#a2a2a2; margin:0 0 0 40px;}

/* Body Framing */	
#bShell {position:relative; margin-top:10px; z-index:1; overflow:hidden;}	
	#frog {position:relative; background:transparent url(/images/frog.png) no-repeat; width:263px; height:52px; top:-52px; margin-bottom:-52px; left:1px; z-index:100;}
	#sidenav {width:160px; float:left; position:relative; left:0; font-family:'trebuchet ms', trebuchet, arial, helvetica, tahoma, san serif !important; text-align:right;}
	
/* accordion nav styles */	
#accordion {padding:0; margin-top:30px;}
#accordion .topNav {padding:0px 10px 0px 0px; position:relative;}
	#accordion a {display:block; font-family:'trebuchet ms', trebuchet, arial, helvetica, tahoma, san serif; color: #fefefe; padding:8px 5px; font-size:14px; border-bottom:1px solid #444;}
	#accordion a.home {border-bottom:1px solid #444; border-top:1px solid #444;}
	#accordion .trigger {background: url(/images/navArrow.gif) no-repeat 152px 13px;}
	#accordion a:hover {background:#6ebe44; text-decoration:none;}
	#accordion .trigger a {color:#fefefe;}
	#accordion .trigger a:hover {color:#333;}
	#accordion ul {padding:0; background: #444; margin:0; position:absolute; visibility:hidden; list-style-type:none; overflow:hidden;}
	#accordion ul li {margin:0; padding:0; font-size:12px; position:relative;}
	#accordion li a, #accordion li a:visited {color:#a2a2a2; font-size:12px; line-height:13px; border:none; padding:3px 5px; background: #444; zoom:1;}
	#accordion .trigger ul a {color:#a2a2a2;}
	#accordion .trigger ul a:hover {background: #666; color:#f6f6f6;}
	#accordion .trigger ul a.on {color:#f6f6f6;}

#contentAreaFrame {margin:0 5px 20px 165px; color:#fefefe; width:825px; position:relative;}
	#contentAreaTop { background:transparent url(/images/contentTop.gif) no-repeat; width:825px; height:12px; line-height:12px; font-size:1px;}
	#contentAreaBtm { background:transparent url(/images/contentBtm.gif) no-repeat; width:825px; height:12px; line-height:12px; font-size:1px;}	
	#mainContent {width:773px; padding:28px 10px 0px 40px; border:1px #b2b2b2 solid; border-top:none; border-bottom:none; background:#444 url() repeat-x top left; position:relative;}
	#mainContent .mainLt {float:left; width:350px; padding-bottom:55px; text-align:justify; margin:0;}
	#mainContent .mainLt h2, #mainContent .mainLt h3 {text-align:left;}
	#mainContent h3 {padding:0 0 10px 0px; margin:0px 0 10px 0; border-bottom:1px solid #b2b2b2;}
	#mainContent .mainRt {margin:0 5px 10px 390px; width:350px; text-align:center;}
	.mainLt .arrow {margin:20px 10px 0 0;}
	.mainLt .arrow a {line-height:20px;}

	
.top {text-align:right; font-size:.9em;}
 
/* footer styles */
#fContainer{clear:both; margin:0; padding:0; height:35px; position:relative; z-index:1000;}
#footer {background: #000; border:#b2b2b2 1px solid; margin:0 0 0 165px; width:823px; position:relative; top:0; height:31px; z-index:1000; overflow:hidden;}
#footerInner{ height: 31px; line-height: 31px; position: relative; top: 0; background-color: #343434; overflow:hidden;}
#cFormLink{display:block; position:relative; text-align:right; right:10px; top:-30px; z-index:110; font-size:12px; font-family:'trebuchet ms', trebuchet, arial; background:url(/images/arw_rt.png) no-repeat center right; padding-right:12px; color:#a2a2a2;}
a#cFormLink:hover{color:#fefefe; text-decoration:none;}
.copyright{padding-left:15px; color:#e6e6e6;}
#cForm #contactForm #redirect {display:none;}
#cForm .mainLt {float:left; width:350px; padding-bottom:55px; text-align:justify; margin:0;}
#cForm .mainLt h3 {font-size:12px; color:#a2a2a2; padding:0 0 10px 0px; margin:0px 0 10px 0; border-bottom:1px solid #b2b2b2; left:0;}
#cForm .mainRt {margin:0 5px 10px 390px; width:350px; text-align:center;}
	#contactForm {position:relative; margin:10px 0 0 0; padding:5px 0 0 0; opacity:0; filter:alpha(opacity=0);-moz-opacity:0;}
	#contactForm fieldset {border:none; margin:0; padding:0;}
	#contactForm .fSet {height:30px;}
	#contactForm label {display:block; float:left; margin-right:10px; width:70px; line-height:20px;}
	#contactForm input {width:255px; height:15px; background:#3e3e3e; border:#858585 solid 1px; color:#f7f7f7;}
	#contactForm .fSet.message {height:65px;}
	#contactForm #comments {width:255px; height:50px; background:#3e3e3e; border:#858585 solid 1px; color:#f7f7f7;}
	#contactForm #submit {background:url(/images/buttonSend.png) no-repeat 0 0; width:123px; height:22px; border:none; margin:0 0 0 80px; cursor:pointer;}
	#contactForm #fCancel {width:100px; background:transparent; border:none; color:#a3a3a3; cursor:pointer;}

/* home styles */
#home #mainContent {background:#343433 url(/images/homeMainBG.png) no-repeat 0px 0px !important;}
#home #contentAreaTop { background-image:url(/images/home_top_2.png);}
#home #contentAreaBtm { background-image:url(/images/home_bot_2.png);}	
#home #contentAreaFrame {margin-bottom:10px;}
#home #homeText {margin-top:180px; padding-bottom:10px; left:260px; width:425px; position:relative;}
#home h2{left:-57px; position:relative;font-size:18px; margin-bottom:0; font-weight:200;}
#home #fContainer h2 {left:0;}
#home #mainContent h2.home2 {font-size:14px; left:-67px; font-weight:bold; position:relative; margin-top:10px; margin-bottom:0;}
#home .t2 {font-size:12px;}
#home #fContainer {margin-top:10px;}

#home #frog {position:absolute; margin:0; top:auto; bottom:0; width:230px; z-index:1;}

#home #boxes {margin-left:145px;}
.homeBox {float:left; width:220px; height:115px; padding:10px 20px; background: url(/images/small_box.png) no-repeat; margin-left:21px; position:relative;}
#home #boxes .homeBox h4 {margin:0 0 10px 0; padding 0; color:#a3a3a3;}
.homeBox li, .homeBox div{font-size:12px; position:relative; z-index:2;}


/* process styles */
#process #mainContent .mainLt {width:410px;}
#process #mainContent .mainRt {margin:0 5px 10px 440px; width:280px; text-align:right;}		

/* process chart */
#processChart {width:100%; overflow: hidden; padding-bottom:55px;}
#processChart div{font-size:11px; color:#222;}
#processChart ul {list-style:none; margin:0px; padding:0px; display:block;}
#processChart ul li {float:left; margin:0px; padding:0px;}
#processChart li .col {cursor:pointer; overflow:hidden; width:135px;}
#processChart .a {height:65px; overflow:hidden;}
#processChart .b {height:80px; overflow:hidden;}
#processChart .c {height:110px; overflow:hidden;}
#processChart .th {padding:3px 10px; border-bottom:1px solid #a2a2a2; border-top:1px solid #a2a2a2; background:#1b5b3a; color:#fff;}
#processChart .odd .th {background:#206d46;}
#processChart .first div.th {padding:3px 10px 3px 0;}
#processChart .first div {border-bottom:1px solid #a2a2a2; padding:10px 10px 10px 0; width:65px; color:#fff; background:none;}
#processChart .tr {border-bottom:1px solid #a2a2a2; padding:10px 10px;  background:#3b9948;}
#processChart .odd .tr {background:#47ad56;}
#processChart .odd .c {background:#95c14e;}
#processChart .c {background:#7cb241;}
#processChart .tr div {padding-bottom:3px;}
#processChart li .col div { width:135px; padding-right:15px;}
#processChart .col {position:relative;}
#processChart ul li .active {background:#e39d1b;}
#processChart ul li .active .tr, #processChart ul li .active .th {background:transparent; border-color:#cc9966;}
#processChart ul li .active div {color:#fff;}
#processChart .expand {position:absolute; background:#4f3213; top:0px; height:338px; width:155px; left:160px; border-top:#a2a2a2 1px solid; border-bottom:#a2a2a2 1px solid; text-align:center;}
#processChart .expand img {padding:10px 0 0 0;}
#processChart .expand div {text-align:left; padding:5px 10px;}


/* portfolio styles */
#portfolioContent {padding-bottom:55px;}
#portfolioContent h2 {margin-bottom:0px;}
#portfolioContent .content1 {width:60%;}
#portContent {padding-bottom:10px; height:250px;}
#portfolio #mainContent .mainRt {background:none;}
.portI {display:none;}
#portfolio #portLayer {position:absolute; z-index:10000; top:90px; left:30px; width:375px; background:#000; border:1px solid #b2b2b2;}
#portfolio #portLayer .content {padding:10px;}

		#portScroller{position:relative; overflow:hidden; width:710px; height:150px; margin:0; text-align:center;}
		#portScroller ul li img {display:inline; text-align:center;}
		#portScroller #portScroller-content {position:absolute; top:0; margin-left:-12px;}
		#portScroller-content li {list-style:none; margin:0; padding:0; text-align:center; width:2000px; height:150px; display:block; float:left; width:177px; position:relative;}
		#portScroller-frame{position:relative; width:700px;}
		#portScroller-frame img {display:inline;}
		#portScroller-frame #portScroller-previous{float:left; margin:-110px 0 0 -32px; position:relative; cursor:pointer; z-index:10;}
		#portScroller-frame #portScroller-next{float:right; margin:-110px -32px 0 0; position:relative; cursor:pointer; z-index:10;}


		#springScroller {position:relative; overflow:hidden; width:350px; height:100px; margin:0; text-align:center;}
		#springScroller-content {position:absolute; top:0; left:0; margin-left:0px;}
		#springScroller-content li {list-style:none; margin:0; padding:2px; text-align:center; width:1000px; height:100px; display:block; float:left; margin:0; padding:0; width:110px; text-align:center;}
		#springScroller ul li img {display:inline; text-align:center;}
		#springScroller-frame{position:relative;}
		#springScroller-frame img {display:none;}
		#springScroller-previous{float:left;margin:-75px 0 0 -22px; position:relative; cursor:pointer; z-index:10;}
		#springScroller-next{float:right; margin:-75px -5px 0 0; position:relative; cursor:pointer; z-index:10;}
		
		.tt_bg {position:absolute; top:50px; width:200px; background:url(/images/shadow2.png) no-repeat bottom right; z-index:15000; display:none;}
		.tt_bg .tooltip {position:relative; top:-5px; left:-5px; background:#333; border:1px #b2b2b2 solid; font-size:11px; text-align:left; padding:5px;}
		.tt_bg .tooltip b{display:block; color:#a2a2a2; font-size:13px; padding-bottom:3px;}
		.tt_bg .tooltip a{display:block; color:#efefef; text-align:right; padding-right:12px; background:url(/images/arw_rt.png) no-repeat center right;}

/* bios styles */
* html #about #bioAccord {position:relative; z-index:100;}
#about #bioAccord {padding-bottom:5px;}
#about #bioAccord h3 {background:url(/images/arw_rt.png) no-repeat 6px center !important; margin:6px 0; font-size:14px; padding:3px 3px 3px 17px; background:#4f4f4f; color:#fff; cursor:pointer; border:1px solid #b2b2b2;}
#about #bioAccord h3.On {background:#333 url(/images/arw_dwn.png) no-repeat 3px center !important;}
#about #bioAccord .a {margin:0 20px; padding:0 0 10px 0; color:#f7f7f7;}
#about #bioAccord img {padding:0 10px 10px 0; float:left; margin-top:5px;}

/* styles applied to content iframe */
#contentFrame {padding:0; margin:0; background:transparent;}
#historyFrame{visibility:hidden; width:1px; height:1px;}

/* playground styles */
.pContent {padding-right:200px; color:#a2a2a2;}

#histPic{margin-top:50px;}