* { padding:0; margin:0; }
h3 { font-size:15px; }
h4, h5 { font-size:13px; }
input, textarea { font-size:inherit; font-family:inherit; padding:2px 0; }
h1, h2, h3, h4, h5 { padding:0; line-height:1.1em; }
p { padding: 0 0 1em; }
ul, ol { padding: 0 0 1em 2em; }
img { border:none; }
input[type=button], input[type=submit] { cursor:pointer; height:23px; padding:0 2px 2px; vertical-align:top; }
:focus	{ outline:0; }

a { color:#fff; }
a:hover { color:#aaa; }

body { background: url(art/body-bg.jpg) repeat-x top center #001222; color:#fff; font: 13px/20px Arial, Helvetica, sans-serif; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.fancy { border:1px solid #ccc; background:#eee; padding:10px; }

img.center { display:block; margin:0 auto; }
img.fancy { padding:5px; }
img.fancy.left { margin:0 10px 10px 0; }
img.fancy.right { margin:0 0 10px 10px; }
 
ul.toc { list-style-type:none; padding:0; margin:0; }
ul.toc li { float:left; margin:0; padding:0; }
ul.toc li img { vertical-align:top; }
ul.toc .sub-menu { position:absolute; background:url(art/toc-bg.png) no-repeat bottom; padding:5px 0 0; width:160px; border:none; z-index:2; }
ul.toc .sub-menu a { border-top:3px solid #556777;display:block; text-decoration:none; padding:5px 5px 5px 12px; margin:0 1px; }
ul.toc .sub-menu a.last { margin:0 1px 1px; }
ul.toc .sub-menu a + a { border-top:1px solid #6b7987; }
ul.toc .sub-menu a:hover { color:#fff; background:url(art/toc-arrow.png) no-repeat 2px 12px #001222; }

h1 { font-weight:normal; font:24px/21px "Century Gothic", Arial, Helvetica, sans-serif; border-bottom: 1px solid; margin:0 0 15px 0; padding:0 0 2px; }
h2 { font-weight:normal; font-size:18px; line-height:18px; }

#header { margin: 15px auto 8px; width: 854px; height:80px; }
#header .logo { float:left; }
#header ul.toc { font-family: "Century Gothic", Arial, Helvetica, sans-serif; float:right; font-weight:bold; font-size: 14px; margin:15px 0 0; }
#header ul.toc li { float:left; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #556777; }
#header ul.toc li.last { border-right:none; margin:0; padding:0; }
#header ul.toc li a { text-decoration:none; }
#footer { margin:0 auto; width:500px; text-align:center; padding:20px 0 50px; font-size:.9em; }

.content { margin:0 auto; width:865px; background: url(art/content-bg.jpg) no-repeat; padding: 12px 0 0; } 
#promo { height:320px; }
#promo-left { float:left; width: 306px; padding:0 0 0 40px; color:#001222; overflow:hidden; height:305px; }
#promo-left h1 { margin:10px 0 0; }
#promo-right { background: url(art/projects/frist.jpg) no-repeat; float:right; height:307px; width:509px; margin:0 9px 0 0; }

.shuffler { width: 277px; }
.panel { width:277px; float:left; }
.panel-content { position:relative; float:left; width:277px; }
.panel-content p { font-size: 11px; line-height:15px; margin:0; padding:5px 0 0; color:#fff; }
.panel-content img.thumb { float:right; border: 1px solid #8d9ead; margin:0 0 0 5px; }
.panel h2 { color:#fff; font-size:14px; line-height:15px; border-top:1px solid #90a2b1; background: url(art/hidden-panel-bg.jpg) no-repeat top left; padding:6px 0 0; margin:7px 0 0; cursor:pointer; }
.panel.open h2 { color:#001222; }
.panel-content a.rollover { float:left; display:block; margin:5px 0 0;}

#text-content { clear:both; }
#quote { background: url(art/quotes/quote-1.jpg) no-repeat 8px 45px; float:left; width:340px; height:400px; }
#text { float:right; width:490px; margin:0 28px 0 0; }

.text h2 { padding:0 0 1em; font-weight:bold; font-size:15px; }

/* tertiary pages */
.content.tertiary { background:none; width:877px; padding:0; }
.tertiary .top { background:url(art/tert-bg.png) 0 -23px no-repeat; height:42px; }
.tertiary .body { background:url(art/tert-bg.png) -877px 0 repeat-y; }
.tertiary .bottom { background:url(art/tert-bg.png) no-repeat; height:23px; }
.tertiary .text-content { background:url(art/tert-bg-fade.jpg) no-repeat 0 -15px; width:853px; margin:0 12px; }
.tertiary .text { float:right; width:505px; margin:0 14px 0 0;  }
.tertiary .text .text-body { background:#001222; width:465px; padding:0 20px 1px; }
.tertiary .text .bottom { background: url(art/tert-content-btm.png) no-repeat; height:16px; }
.tertiary .promo { float:left; width:277px; margin:0 0 0 35px; }
.tertiary .promo h1 { color:#001222; }

/* forms */
.contact-form { clear:both; }
dl.form dt.required:before { content:"*"; color:#f00; padding:0 5px 0 0; }
dl.form dd { margin:0 0 10px; width:300px; }
dl.form dd input[type=text], dl.form dd textarea { width:459px; font-family:Arial, sans-serif; background:url(art/input-bg.gif) repeat-x #fff; border:2px solid #ccc; padding:2px 3px; }
dl.form dd.required input, dl.form dd.required textarea { border-color:#faa; }
dl.form dd textarea { height:80px; }
.contact-form .captcha img { border:2px solid #ccc; }

/* projects */
.promo-project { clear:both; padding:40px 0 0; }
.promo-project h2 { font-weight:bold; font-size:14px; padding:0; margin:0 0 5px; }
.promo-project img { border:6px solid #fff; }

/* home page */
.home-header { position:absolute; width:100%; z-index:50; }
.content.home { background:none; padding:0; width:936px; }
#home-animation { height:647px; width:936px; overflow:hidden; }
#home-animation img { position:absolute; }
.content.home .nav { position:absolute; width:100%; left:0; top:600px; z-index:50; }
.content.home .nav .buttons { width:572px; margin:0 auto; }
.content.home .nav a { width:281px; height:51px; display:block; }
.content.home .nav a span { display:none; }
.content.home .nav .smart-people { background:url(art/smart-people.png) no-repeat; float:left; }
.content.home .nav .smart-solutions { background:url(art/smart-solutions.png) no-repeat; float:right; }
.content.home .nav a:hover { background-position:0 -51px; }
.content.home { padding:0 0 100px; }

/* news */
.date { background:url(art/date-bg.png) no-repeat; margin:3px 0 0;float:left; width:42px; height:48px; text-align:center; padding:0 6px 0 0; font-weight:bold; color:#fff; }
.day { display:block; height:18px; font-size:25px; padding:3px 0 0; line-height:22px; overflow:visible; }

.panel.news-entry .date { float:right; margin:0 0 0 5px; }

.news .text-body h1 { float:right; width:412px; }
.news .text-body .date { float:left; }
p.news-summary { font-style:italic; clear:both; }