/*
	 *  @2008
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em, abbr
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

html {  }
body { color: #696971; background: #c2c8ca url(/images/bg-body.png) repeat-x 0 0; font: normal 0.78em/1.2em Tahoma, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #0b0049; font-weight: bold; text-decoration: underline; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: none; }
.flash-replaced .alt { display: block; position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; }

#homepage:after,
#page:after,
#content .project-list li:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' }

#page { width: 949px; margin: 0 auto; border-bottom: 30px solid #fff; background: #fff url(/images/bg-page.png) no-repeat 70px 100%; }

#site-nav { width: 855px; height: 20px; margin: 0 auto; padding: 25px 47px 0; text-align: right; }
#site-nav li { display: inline; }
#site-nav li a { padding: 0 10px 0 0; color: #7a9afe; background: url(/images/icon-raquo.png) no-repeat 100% 55%; font-weight: normal; text-transform: lowercase; }

#top { height: 150px; background: url(/images/bg-top.jpg) no-repeat 0 0; overflow: hidden; }
#top #logo { width: 227px; float: left; margin: 0 0 0 48px; }
#top-flash { width: 674px; height: 151px; float: right; }
#top-flash embed { width: 100%; height: 100%; }

#menu { width: 214px; min-height: 310px; float: left; margin: 0 0 60px; padding: 90px 0 0 62px; background: url(/images/bg-menu.png) no-repeat 0 0; }
#menu li { padding: 0 0 15px; }
#menu a { display: block; padding: 0 50px 0 23px; color: #a1a2a2; background: url(/images/icon-arrow.png) no-repeat 0 2px; font: bold 1.5em/1.1em 'Times New Roman', serif; text-decoration: none; text-transform: uppercase; }
#menu a.active,
#menu a:focus,
#menu a:hover { color: #0c004a; background-position: 0 -243px; }



#content { width: 623px; min-height: 400px; float: right; padding: 15px 25px; background: #fff url(/images/bg-content.png) repeat-x 0 0; }
#content h1 { height: 59px; color: #fff; font: bold 2.9em/1.1em 'Times New Roman', serif; text-transform: uppercase;}
#content h2 { height: 59px; margin: -59px 0 0; color: #fff; font: bold 2.1em/1.1em 'Times New Roman', serif; text-transform: uppercase;}
#content h3 { color: #0b0049; font: bold 1.7em/1.1em 'Times New Roman', serif; text-transform: uppercase;}
#content h4 { margin: 1em 0 0; color: #a1a2a2; font: bold 1.5em/1.1em 'Times New Roman', serif; text-transform: uppercase;}
#content h5 { color: #0b0049; font: bold 1.2em/1.1em 'Times New Roman', serif; text-transform: uppercase;}
#content h5 span { color: #a1a2a2; font-size: 0.95em; }
#content .col { padding: 0 0 0 210px; background: url(/images/bg-img-2.jpg) no-repeat 0 0; }
#content .col-1 { width: 220px; min-height: 400px; float: left; }
#content .col-2 { width: 390px; float: right; }
#content .col-3 { width: 200px; min-height: 400px; float: left; }
#content .col-4 { width: 420px; float: right; }
#content .col-5 { width: 280px; min-height: 400px; float: left; margin: 0 20px 0 0; }
#content p { margin: 0 0 1em; }
#content p .company { color: #0b0049; font-weight: bold; }
#content .listing { margin: 0 0 1em 4em; }
#content .listing ul li { padding: 0 0 0 15px; background: url(/images/icon-arrow-2.png) no-repeat 0 4px; }
#content .list { margin: 1em 0 2em; }
#content .list li { padding: 0 0 0 15px; background: url(/images/icon-arrow-2.png) no-repeat 0 4px; }
#content .project-list h5 { margin: 0 0 0.5em; }
#content .project-list ul { width: 210px; float: right; }
#content .project-list ul ul { width: auto; }
#content .project-list li { padding: 5px; border-bottom: 1px solid #c2c8ca; font-size: 0.95em; }
#content .project-list li li { margin: 10px 0; padding: 0 13px; border-bottom: 0; }
#content .project-list li li li { margin: 0; padding: 0 0 0 25px; background: none; }
#content .project-list .photos { width: 150px; float: left;  }
#content .project-list .photos img { display: block; margin: 10px 0 0; }

.col-menu { min-height: 310px; margin: 0 0 60px; }
.col-menu li { padding: 0 0 15px; }
.col-menu a { display: block; color: #777; font: bold 1.5em/1.1em 'Times New Roman', serif; text-decoration: none; text-transform: uppercase; }
.col-menu a.active,
.col-menu a:focus,
.col-menu a:hover { color: #0c004a; }




.btn-top { width: 14px; height: 13px; float: right; clear: both; margin: 1em 0 0.5em; background: url(/images/icon-arrow-3.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
.btn-X { display: block; width: 186px; margin: 0 auto; padding: 0 25px; background: url(/images/btn-x.png) no-repeat 0 50%; font-size: 1.2em; font-weight: bold; text-align: center; text-decoration: none; }

.img-center { display: block; margin: 0 auto; }
.bg-1 { background: url(/images/bg-img-1.jpg) no-repeat 0 100%; }
.bg-2 { background: url(/images/bg-img-2.jpg) no-repeat 0 100%; }
.bg-3 { background: url(/images/bg-img-3.jpg) no-repeat 0 100%; }
.bg-4 { background: url(/images/bg-img-4.jpg) no-repeat 0 0; }
.bg-5 { background: url(/images/bg-img-3.jpg) no-repeat 50% 100%; }

#content .address { margin: 2em 0 3em; }
#content .address .street,
#content .address .locality,
#content .address .tel,
#content .address .fax,
#content .address .mail { display: block; }
#content .vcard { display: block; margin: 1em 0; }
#content .vcard-1,
#content .vcard-2 { font-size: 1.2em; }
#content .vcard-2 { margin: 0 0 4em; }
#content .vcard-5 { margin: 2em 0 0; }
#content .vcard .name { color: #0b0049; font-weight: bold }
#content .vcard .title,
#content .vcard .mobile,
#content .vcard .fax,
#content .vcard .mail { display: block; }

#footer { width: 949px; clear: both; margin: 0 auto; padding: 14px 0 0; color: #757e81; font-size: 0.9em; }
#footer #copy {  }