/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.2
 * CSS Author:    David Coffey
 * Browser:        0
 * Browser group: 
 */
body { background:url(../images/bg.jpg) no-repeat scroll center top; background-color:#1f79f0; text-align:center; }
a { color:#ffb98e; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { list-style-type:disc; }
ul.text li { margin-bottom:5px; }
ul ul { margin-left:40px; list-style-type:circle; }
.container_12, .container_16 { text-align:left; position:relative; }
p { margin-bottom:10px; }
address { font-style:normal; margin-top:9px; margin-left:188px; }
.address1 { float:left; margin-right:70px; margin-top:35px; }
.address2 { float:left; margin-top:35px; }
blockquote { margin:0 0 20px; font-style:italic; }
#navigation-wrapper { height:188px; z-index:0; }
a#logo { display:block; height:62px; width:349px; background-image:url(../images/logo.png); font-size:0; text-indent:-9999px; position:absolute; top:14px; left:22px; }
#nav { position:absolute; top:10px; right:-25px; margin-bottom:0; display:block; width:493px; height:86px; background-image:url(../images/nav.png); background-repeat:no-repeat; list-style-type:none; padding-top:36px; padding-left:36px; zoom:1; z-index:3; }
#nav li{ float:left; margin:0; height:50px; display:block; }
#nav li a { width:100%; height:100%; display:block; background-image:url(../images/nav.png); font-size:0; text-indent:-9999px; }
#what { width:157px; }
#what a, #what a:link{ background-position:0 -122px; }
#what a:hover{ background-position:0 -172px; }
#what a:active{ background-position:0 -222px; }
#what a.current{ background-position:0 -272px; }
#how { width:168px; }
#how a, #how a:link{ background-position:-157px -122px; }
#how a:hover{ background-position:-157px -172px; }
#how a:active{ background-position:-157px -222px; }
#how a.current{ background-position:-157px -272px; }
#about { width:136px; }
#about a, #about a:link{ background-position:-326px -122px; }
#about a:hover{ background-position:-326px -172px; }
#about a:active{ background-position:-326px -222px; }
#about a.current{ background-position:-326px -272px; }
#slideshow { z-index:1; margin-top:-78px; }
#slideshowNav { float:left; z-index:10; margin-top:78px; }
#slideshowSlides .slideText { height:275px; padding-left:15px; padding-top:100px; width:300px; margin-bottom:13px; font-size:12pt; position:absolute; }
#slideshowSlides .slideText:first-letter { font-size:23pt; }
#slideshowSlides .slideText:first-line { line-height:5px; }
#caaers .slideText { padding-top:262px; width:260px; font-size:100% }
#c3pr .slideText{ width:270px; padding-left:360px; padding-top:235px; font-size:100% }
#proctcae .slideText { width:270px; padding-top:232px; font-size:100% }
#slideshowSlides { width:651px; }
#slideshowSlides, #slideshowSlides a img { float:right; z-index:1; }
#slideshowSlides a { width:651px; height:378px; display:block; text-decoration:none; color:#FFFFFF; }
#slideshowNav li { list-style-type:none; margin:0; left:0; height:102px; width:288px; display:block; }
#slideshowNav li a { background-image:url(../images/opaque_bg.png); height:96px; width:282px; display:block; color:#ffffff; font-size:19pt; line-height:37px; opacity:0.7; filter:alpha(opacity=70); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#slideshowNav li a div { padding-top:10px; padding-left:15px; }
#slideshowNav li a:hover { text-decoration:none; opacity:1; filter:alpha(opacity=100); }
#slideshowNav li a.activeSlide { opacity:1; filter:alpha(opacity=100); width:289px; }
.homepage-slideshow { background-image:url(../images/home-page_slides.png); height:378px; width:651px; }
.project-slideshow { background-image:url(../images/project_slides.png); height:378px; width:651px; }
.homepage-slideshow#informatics, .project-slideshow#caaers { background-position:0 0; }
.homepage-slideshow#software, .project-slideshow#c3pr { background-position:0 -378px; }
.homepage-slideshow#management, .project-slideshow#proctcae { background-position:0 -756px; }
.box { margin-bottom:20px; }
.box.notitle .content { -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.box .header { height:31px; max-width:100%; background-image:url(../images/box_header.png); background-repeat:repeat-x; color:#00244c; background-color:#7A9FCB; font-size:21px; font-weight:bold; padding:0 5px; margin:0; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.box .content { max-width:100%; background-image:url(../images/opaque_bg.png); background-repeat:repeat; color:#dde1ff; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.box .content div.IE6BoxHack { padding:10px 10px 18px; overflow:auto; }
.leftpanel { float:left; width:415px; }
.rightpanel { float:right; width:415px; }
.box .content div.pianokeys { padding:0; }
.box .content div.pianokeys div.IE6BoxHack { padding:6px 5px; }
.pianokeys.odd { background-image:url(../images/pianokeys_highlight_row.png); background-repeat:repeat; }
.box .content div.pianokeys div.date { padding:0; color:#97BDFB; font-size:7pt; }
.box.withPianoKeys .content div.IE6BoxHack { padding:10px 0 18px; }
.footer { height:190px; width:950px; background-image:url(../images/footer_bg.png); color:#0a4081; text-align:center; font-size:12px; }
.footer div { padding-top:75px; }
.footer a { color:#0a4081; }
.leader { width:405px; margin-bottom:25px; }
.project, .client { overflow:auto; padding:10px 20px 10px 10px; }
.project .description { margin-left:220px; }
.leader img, .project img, .leftwrap { float:left; margin-right:10px; }
.rightwrap { float:right; margin-left:10px; }
.leader .leaderName, .project .projectName { font-size:16pt; }
.client .clientName { font-size:13pt; }
.clientsLogo { text-align:center; }
.leader .leaderName, .project .projectName, .client .clientName { display:block; font-weight:bolder; line-height:20px; margin-bottom:2px; }
a.client-logo { min-width:290px; display:block; overflow:auto; float:left; text-align:center; margin-right:10px; }
.leader .leaderTitle, .appName { font-size:8pt; color:#97BDFB; margin-bottom:15px; }
.project .projectTitle { font-size:8pt; color:#97BDFB; margin-bottom:10px; }
.leader .description { line-height:15px; margin-left:110px; }
.more { display:block; text-align:right; padding-bottom:2px; float:right; }
.more img { float:none; margin-right:0; }
img.app-screenshot { margin-bottom:0; margin-right:0; }
a.app-screenshot { display: block; float: left; margin: 2px; }
a.app-screenshot:link { display: block; float: left; margin: 2px; }
a.app-screenshot:hover { border: 2px solid #ffb98e; margin: 0; }
a.app-screenshot:active { border: 2px solid #ffb98e; margin: 0; }
.appfeature { width:210px; text-align:center; }
.appTitle { font-size:30pt; line-height:40px; }
h2.projectTitle { margin-bottom:10px; font-size:30pt; font-weight:normal; }
#hiringPromo { position:absolute; left:700px; top:10px; font-size:1.1em; z-index:4; }
#hiringPromo a { color:white; }
#hiringPromo a span.green { color:#40FF3F; }