/*html { overflow-x: hidden; overflow-y: hidden; }*/
body { background-color: #2e2e2e; color: #fff; overflow: hidden; line-height: 1.4; }

h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: bold; color: #fff; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; }
h6 { font-size: 11px; }

p { font-size: 11px; margin-bottom: 10px; }
ul, ol { margin: 0 10px 10px 0; padding-left: 15px; }
ul { list-style-image: url('/ui/img/bullet.png'); }
li { font-size: 11px; }

a { color: #fff; text-decoration: none; font-size: 11px; }
a:focus, a:hover { color: #fff; text-decoration: none; }

#pagebody { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-left: 50px; width: 100%; min-width: 1230px; 
	height: 100%; min-height: 801px; }

a#eda-logo { display: block; width: 114px; height: 116px; margin: -2px 0 22px; }

a.client-login { position: absolute; top: 20px; right: 80px; text-decoration: none; }
a.client-login:hover { }

.slidemaximage { display: none; }
.loader { position: absolute; z-index: -9999; width: 0; height: 0; top: -9999px; left: -9999px; }

ul#main-navigation { width: 250px; padding-top: 10px; }
ul#main-navigation, ul#main-navigation li { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ul#main-navigation li ul { margin-left: 10px; padding-left: 10px; }
ul#main-navigation li, ul#main-navigation li a { font-size: 11px; }
ul#main-navigation li a.selected { font-weight: bold; }
ul#main-navigation li a:focus, ul#main-navigation li a:hover { text-decoration: none; }
ul#main-navigation li ul li a.selected { color: #981b24; font-weight: normal;  }
.content-box { background: transparent url('/ui/img/box-bg.png') repeat scroll center top; width: 977px; width: 919px; 
	height: 324px; position: absolute; top: 200px; right: 50px; border-right: 4px solid #981b24; overflow: hidden; clear: both; padding-top: 58px; padding: 51px 0 0 58px; }

.leadership .content-box { padding: 28px 0 0 28px; width: 949px; height: 347px; }
.leadership .content-box img#header_image { float: left; margin-right: 28px; }
.leadership .content-box #maincontent { position: absolute; left: 330px; bottom: 29px; width: 258px; }
.leadership .content-box #maincontent > :last-child { margin-bottom: 0; }
.leadership .baseline .project .description p  { text-transform: none; }

body.animate .content-box { right: -931px }
body.animate .project-box { right: -927px; }
/*body.project-landing.animate .baseline, body.project-category.animate .baseline { bottom: -110px; }*/
body.animate .baseline { bottom: -110px; }
body.project-detail.animate .baseline { bottom: 0; }

div.content-box.one-column {  }
div.content-box #maincontent { width: 480px; margin-right: 58px; }

div.content-box.two-column {  }
div.content-box.two-column #maincontent { width: 270px; float: left; }
div.content-box.two-column #sidebar { width: 270px; float: left; }

div.content-box div#bottomright { text-align: right; position: absolute; bottom: 20px; right: 35px; }
div.content-box div#bottomright p { text-align: right;  }

.project-box { background: transparent url('/ui/img/box-bg.png') repeat scroll center top; width: 977px; height: 691px; position: absolute; top: 0; right: 50px; }
.project-img { margin: 25px 28px; display: none; position: absolute; }

a.project-img-arrow { position: absolute; top: 3px; text-indent: -9999px; }
a.project-img-arrow:hover { text-indent: 0; }
a.project-img-arrow span { display: block; width: 8px; height: 8px; margin: 5px 10px 0; background: transparent url('/ui/img/baseline-arrows.png') no-repeat scroll 0 0; }
a.project-img-arrow.prev { left: 0; }
a.project-img-arrow.prev span { float: left; }
a.project-img-arrow.next { right: 3px; }
a.project-img-arrow.next span { float: right; background-position: 0 -8px; }

div.project-img-nav { position: absolute; }
div.project-img-nav li a.selected { color: #fff; }
.square div.project-img-nav { top: 25px; left: 690px; }
.vertical div.project-img-nav { top: 25px; left: 535px; }
.horizontal div.project-img-nav { top: 510px; right: 32px; }
.square div.project-img-nav li, .vertical div.project-img-nav li { margin-bottom: 3px; }
.horizontal div.project-img-nav li { float: left; }
.horizontal div.project-img-nav li a { display: block; margin-left: 10px; }
div.project-img-nav ul, div.project-img-nav ol { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

.project-box.square .project-img, .project-box.vertical .project-img { float: left; }
.project-box.horizontal .project-img { float: none; }

.project-box.square .project-desc { vertical-align: text-bottom; position: absolute; right: 35px; bottom: 0; width: 255px; margin-bottom: 33px; }
.project-box.vertical .project-desc { vertical-align: text-bottom; position: absolute; left: 538px; bottom: 0; width: 255px; margin-bottom: 33px; }
.project-box.square .project-desc > :last-child, .project-box.vertical .project-desc > :last-child { margin-bottom: 0; }
.project-box.horizontal .project-desc { position: absolute; top: 515px; left: 28px; width: 635px; }

.baseline { background: transparent url('/ui/img/baseline-bg.png') repeat scroll center top; height: 110px; 
	position: absolute; right: 0; left: 0; bottom: 0; overflow: hidden; clear: both; min-width: 100%; }
.baseline .project { float: left; padding: 15px; width: 150px; }
.baseline .project.first { padding-left: 50px; }
.baseline .project a.thumb, body.editing .baseline .project span.thumb { float: left; display: block; width: 58px; margin-right: 15px; }
.baseline .project .description { float: left; width: 75px; }
.baseline .project .description h6 { margin-bottom: 5px; }
.baseline .project .description p { text-transform: uppercase; font-size: 10px; letter-spacing: normal; }

.baseline .baseline-arrow { display: block; width: 30px; height: 110px; position: absolute; top: 0; z-index: 99; background: transparent; }
.baseline .baseline-arrow.left { left: 0; }
.baseline .baseline-arrow.right { right: 50px; }

.baseline .baseline-arrow span { display: block; width: 8px; height: 8px; position: absolute; top: 94px; left: 11px;
	background: transparent url('/ui/img/baseline-arrows.png') no-repeat scroll 0 0; }
.baseline .baseline-arrow.left span { background-position: 0 0; }
.baseline .baseline-arrow.right span { background-position: 0 -8px; }

.baseline-inner { overflow: hidden; position: absolute; left: 30px; right: 80px; top: 0; bottom: 0; }
.baseline-inner .projects { width: 9999px; left: 0px; position: absolute; }
.baseline-inner .projects .project-category { float: left; }
.baseline-bottom-row { background: transparent url('/ui/img/baseline-hash.png') repeat-x scroll 0 0; 
	height: 8px; position: absolute; left: 0; right: 0; /*bottom: -6px;*/ top: 94px; }
.baseline-inner .projects .project-category { position: relative; top: 0; }
/*.baseline-inner .projects .project-category h6.rotate { font-size: 9px; font-weight: normal; float: left; margin: 37px 0 0; 
	-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }*/

.baseline-inner .projects .project-category h6.headline { float: left; margin: 11px 0 0; padding: 0; width: 6px; height: 64px; background: transparent url('/files/images/projects/labels/blank.png') no-repeat scroll 0 0; }
.baseline-inner .projects .project-category h6.headline.double { width: 14px; }

body.news .baseline-inner .projects .project-category h6.headline { margin-top: 24px; height: 60px; }
body.news .baseline-bottom-row { bottom: -10px; }
body.leadership .baseline .projects .project { width: 185px; }
body.contact-info #maincontent.contact-info { margin-left: 10px; padding-left: 10px; width: 250px;  }
body.contact-info.editing span#maincontent_parent { display: block; margin-left: 40px; }

/** colors:
#f00000 - red
#ffff33 - yellow
#33ff66 - green
#00ccff - blue
*/
body.red a:focus, body.red a:hover { color: #f00000; }
body.red ul#main-navigation ul { border-left: 1px solid #f00000; }
body.red ul#main-navigation li ul li a.selected { color: #f00000; }
body.red ul#main-navigation li a:hover { color: #f00000; }
body.red .content-box { border-right: 4px solid #f00000; }
body.red a.client-login:hover { color: #f00000; }
body.red div.project:hover, body.leadership.red div.project:hover h6, body.leadership.red div.project:hover p { color: #f00000; }
body.red a.project-img-arrow:hover { color: #f00000; }
body.red a.project-img-arrow.prev span { background-position: 0 0; }
body.red a.project-img-arrow.next span { background-position: 0 -8px; }
body.red .project-img-nav a { color: #f00000; }
body.red .baseline-bottom-row { background-position: 0 0; }
body.red .baseline .baseline-arrow.left span { background-position: 0 0; }
body.red .baseline .baseline-arrow.right span { background-position: 0 -8px; }
body.red .baseline .project.selected { background: transparent url('/ui/img/baseline-highlight-red.png') repeat scroll 0 0; }
body.red .baseline .baseline-inner .projects .project-category h6.headline { background-position: 0 0; }
body.contact-info.red #maincontent.contact-info { border-left: 1px solid #f00000; }

body.yellow a:focus, body.yellow a:hover { color: #ffff33; }
body.yellow ul#main-navigation ul { border-left: 1px solid #ffff33; }
body.yellow ul#main-navigation li ul li a.selected { color: #ffff33; }
body.yellow ul#main-navigation li a:hover { color: #ffff33; }
body.yellow .content-box { border-right: 4px solid #ffff33; }
body.yellow a.client-login:hover { color: #ffff33; }
body.yellow div.project:hover, body.leadership.yellow div.project:hover h6, body.leadership.yellow div.project:hover p { color: #ffff33; }
body.yellow a.project-img-arrow:hover { color: #ffff33; }
body.yellow a.project-img-arrow.prev span { background-position: 0 -16px; }
body.yellow a.project-img-arrow.next span { background-position: 0 -24px; }
body.yellow .project-img-nav a { color: #ffff33; }
body.yellow .baseline-bottom-row { background-position: 0 -8px; }
body.yellow .baseline .baseline-arrow.left span { background-position: 0 -16px; }
body.yellow .baseline .baseline-arrow.right span { background-position: 0 -24px; }
body.yellow .baseline .project.selected { background: transparent url('/ui/img/baseline-highlight-yellow.png') repeat scroll 0 0; }
body.yellow .baseline .baseline-inner .projects .project-category h6.headline { background-position: 0 -64px; }
body.contact-info.yellow #maincontent.contact-info { border-left: 1px solid #ffff33; }

body.green a:focus, body.green a:hover { color: #33ff66; }
body.green ul#main-navigation ul { border-left: 1px solid #33ff66; }
body.green ul#main-navigation li ul li a.selected { color: #33ff66; }
body.green ul#main-navigation li a:hover { color: #33ff66; }
body.green .content-box { border-right: 4px solid #33ff66; }
body.green a.client-login:hover { color: #33ff66; }
body.green div.project:hover, body.leadership.green div.project:hover h6, body.leadership.green div.project:hover p { color: #33ff66; }
body.green a.project-img-arrow:hover { color: #33ff66; }
body.green a.project-img-arrow.prev span { background-position: 0 -32px; }
body.green a.project-img-arrow.next span { background-position: 0 -40px; }
body.green .project-img-nav a { color: #33ff66; }
body.green .baseline-bottom-row { background-position: 0 -16px; }
body.green .baseline .baseline-arrow.left span { background-position: 0 -32px; }
body.green .baseline .baseline-arrow.right span { background-position: 0 -40px; }
body.green .baseline .project.selected { background: transparent url('/ui/img/baseline-highlight-green.png') repeat scroll 0 0; }
body.green .baseline .baseline-inner .projects .project-category h6.headline { background-position: 0 -128px; }
body.contact-info.green #maincontent.contact-info { border-left: 1px solid #33ff66; }

body.blue a:focus, body.blue a:hover { color: #00ccff; }
body.blue ul#main-navigation ul { border-left: 1px solid #00ccff; }
body.blue ul#main-navigation li ul li a.selected { color: #00ccff; }
body.blue ul#main-navigation li a:hover { color: #00ccff; }
body.blue .content-box { border-right: 4px solid #00ccff; }
body.blue a.client-login:hover { color: #00ccff; }
body.blue div.project:hover, body.leadership.blue div.project:hover h6, body.leadership.blue div.project:hover p { color: #00ccff; }
body.blue a.project-img-arrow:hover { color: #00ccff; }
body.blue a.project-img-arrow.prev span { background-position: 0 -48px; }
body.blue a.project-img-arrow.next span { background-position: 0 -56px; }
body.blue .project-img-nav a { color: #00ccff; }
body.blue .baseline-bottom-row { background-position: 0 -24px; }
body.blue .baseline .baseline-arrow.left span { background-position: 0 -48px; }
body.blue .baseline .baseline-arrow.right span { background-position: 0 -56px; }
body.blue .baseline .project.selected { background: transparent url('/ui/img/baseline-highlight-blue.png') repeat scroll 0 0; }
body.blue .baseline .baseline-inner .projects .project-category h6.headline { background-position: 0 -192px; }
body.contact-info.blue #maincontent.contact-info { border-left: 1px solid #00ccff; }


.cake-sql-log { display: none; }